html, body, div, span, applet, object, iframe, img, strong, form, label, tfoot, thead, b {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;  
  vertical-align: baseline;  
}

input[type=image] {border:0px;}
/* remember to define focus styles! */
:focus {
  outline: 0;
}

html {height:100%; max-height:100%;}
body {height:100%; max-height:100%; font-family: arial,tahoma,verdana,"Times New Roman",sans-serif,"Trebuchet MS"; font-size: 16px; color: #000000; line-height: 1; background: url("../img/body_background.gif") repeat;}

.clear {clear: both;overflow: hidden;height: 0px;}
.clearLeft {clear: left;height: 0px;font-size: 1px;overflow: hidden;}
.clearRight {clear: right;height: 0px;font-size: 1px;overflow: hidden;}
.verticalMiddle {width: 100%; height: 100%; overflow: hidden;}
.verticalMiddle td {vertical-align: middle; text-align: center;}
.flex {position: relative;}
.flex img.topAbsolute {position: absolute;top:0px;left:0px;}
.floatRight {float: right;}
.floatLeft {float: left;}

.enlargeLink {position: absolute; top: 0px; right: 0px;}

.alignMiddle {vertical-align: middle;}

h2 {font-family: Arial; font-size: 20px; color: #fff; margin: 0px; padding: 0px; position: relative;}
h3 {font-family: Arial; font-size: 18px; color: #000; margin: 0px; padding: 0px; position: relative; margin: 30px 0px 15px;}
.red {color: #ea1c24;}

#wrapper {position: relative;}
#header {background: url("../img/header_background.png") no-repeat; height: 139px;}

/*Menu*/
.menu {margin: 0px; padding: 0px; list-style: none;}
.menu li {float: left; color: #000; margin-bottom: 20px; font-weight: bold; line-height: 16px; font-size: 14px;}
.menu li a {color: #000; text-decoration: none; font-weight: bold; vertical-align: middle;}
.menu li.selected a, .menu li a:hover {color: #fff200}
/*********/

/*Account Menu*/
.accountMenu {margin: 0px; padding: 0px; list-style: none; width: 165px; background: #bcbfcb; position: absolute; top: 35px; right: 340px; font-size: 14px;}
.accountMenu li {vertical-align: text-bottom; zoom: 1;}
.accountMenu li a {display: block; padding: 5px 0px 5px 10px; color: #000; text-decoration: none; font-weight: bold;}
.accountMenu li.selected a {background: #fff200;}
.accountMenu li a:hover {color: #fff200}
.accountMenu li.selected a:hover {color: #000;}

/*Logo*/
.logo {display: block; width: 290px; height: 89px; padding-top: 30px; padding-left: 35px; float: left;}
/*********/

/*Top Right Menu*/
.topRightMenu {width: 170px; float: right; margin-top: 55px;}
/*********/

/*Footer Menu*/
.footerMenu {margin: 0px; padding: 0px; list-style: none; height: 50px;}
.footerMenu li {float: left; height: 50px; padding: 0px 34px; display: inline; font-size: 17px; line-height: 50px; font-size: 14px;} 
.footerMenu li a {font-weight: bold; color: #000; text-decoration: none;}
.footerMenu li a:hover, .footerMenu li.selected a {color: #fff;}
.footerMenu li.red {width: 169px; background-color: #ec1c24; padding: 0px; line-height: 14px; text-align: center;}
.footerMenu li.red a {color: #fff; display: block; margin-top: 10px;}
/*************/

/*Welcome message*/
p.welcome {position: absolute; top: 18px; right: 20px; width: 300px; color: #fff; font-size: 12px; margin: 0px;}
/*************/

body.htmlContent {background: none; height: auto; max-height: auto;}
body.htmlContent ul {padding: 0px; line-height: 20px; font-size: 16px; margin: 16px 0px 30px 20px;}
body.htmlContent p {font-size: 16px; line-height: 20px;}

/*Input Row*/
.inputRow {padding: 15px 0px; position: relative;}
.inputRow label {display:inline-block; display: -moz-inline-box; *display:inline-block; width: 190px; line-height: 18px; vertical-align: top;}
.inputRow label.autoWidth {width: auto;}
.inputRow input, .inputRow textarea, .inputRow select {border: 1px solid #9da2b6; background-color: #fff; width: 240px; height: 20px;}
.inputRow textarea {height: 100px}
.inputRow .checkBox {width: 13px; height: 13px; margin: 0px 15px 0px 0px; border: none;}
.buttonRow {padding: 15px 0px}
.buttonRow input {margin-left: 115px;}
span.error {position: absolute; left: 450px; top: 19px; font-size: 12px; width: 400px; color: red; zoom: 1;}
input.error {color: #ea1c24;}
.inputRow span.info {font-size: 12px;}
.inputRow p.title {margin: 0px; text-align: center; font-size: 12px; color: #5c5c5c; line-height: 16px; overflow: hidden;}
.textRow {margin: 10px 0px; padding: 0px; line-height: 20px;}
.textRow label {width: 145px;}
/*************/

/*Select Image Ul*/
.selectImageUl {margin: 0px; padding: 0px; list-style: none; margin-bottom: 10px; float: left; width: 100%; clear: both;}
.selectImageUl li {float: left; height: auto; position: relative; vertical-align: text-bottom; margin-right: 15px;}
.selectImageUl li.selected .pointer {background: #a1a2a4;}
.selectImageUl li.noPadding {margin-left: 0px;}
.selectImageUl li .pointer {cursor: pointer; padding: 3px; position: relative;}
.selectImageUl li .pointer img {vertical-align: top;}
.selectImageUl li p.title {margin: 0px; text-align: center; font-size: 12px; color: #5c5c5c; line-height: 16px; overflow: hidden;}
.selectImageUl li.selected p.title {color: #000;}
.selectImageUl_last {margin-bottom: 0px;}

#wizard .selectImageUl li p.title {font-weight: bold; color: #000;}
#wizard .selectImageUl li.selected p.title {background: #fff301;}
#wizard .selectImageUl li.selected .pointer {background: #fff301;}
/*************/

.optionsBlock {position: relative; zoom:1;}
.optionsBlock span.error {left: 0px; top: 22px; right: auto;}
.optionsBlock p.optionsTitle {margin: 16px 0px;}

/* E-JUNKIE styles*/ 
#EJEJC_iframeContent p.error {padding: 20px; margin: 0px; color: red; text-align: center; font-size: 18px;}
#EJEJC_iframeContent .addonBlock {position: relative; padding: 0px 0px 10px 40px;}
#EJEJC_iframeContent .addonBlock .inputRow {padding: 0px; margin: 15px 0px;}
#EJEJC_iframeContent .addonBlock .inputRow label {width: 110px;}
#EJEJC_iframeContent .addonBlock p.errorMsg {color: red; position: absolute; top: 18px; left: 40px; display: none; margin: 0px;}
.addonBlock .inputRow span.error {width: auto; left: 115px; bottom: -16px; top: auto;}

#ejunkieZipCode {position: relative;}
#ejunkieZipCode span.error {width: 430px; left: -123px; top: 17px; _top: 20px; font-size: 11px;}

/* Paginator Styles */
.paginator {float: none; width: auto; text-align: center; margin-top: 10px;}
.paginator a {text-decoration: underline; color: #2d6083;}
.paginator a.selected {font-weight: bold; text-decoration: none; color: #363636;}
.paginator img {margin:0px 6px; vertical-align: middle;}
.paginator .prev {margin-right: 14px;}
.paginator .next {margin-left: 14px;}
/* End Paginator Styles */h2 {color: #000;}

/* Vertical centered of image styles */
table.verticalMiddle {width: 100%;height: 100%;padding: 0px;}
table.verticalMiddle tbody tr td {padding: 0px;}
table.verticalMiddle td {vertical-align: middle; text-align: center;}
table.verticalMiddle img {vertical-align: middle;}
/* End Vertical centered of image styles */
/*=================================================================*/
#wrapper {width: 1000px; margin: 0px auto; height: 100%; position: relative;}
#center {position: relative; z-index: 100; padding: 60px 115px 0px; zoom: 1;}
#footer {background: url("../img/footer_main_background.png") no-repeat; height: 198px; position: relative; margin-top: -198px;}

.centerBack {background: #dbdce0 url("../img/center_main_background.png") repeat-x; position: absolute; top: 139px; bottom: 198px; width: 100%; z-index: 1;}

#main {position: relative; min-height: 100%;}

p {line-height: 20px; margin: 16px 0px;}
a {color: #0072bc; text-decoration: underline;}

/*Bottom Center Menu*/
.bottomCenterMenu {height: 16px; position: relative; padding-top: 60px;} 
.bottomCenterMenu ul {margin: 0px; padding: 0px; list-style: none; height: 24px; position: relative; right: -50%; float: none!important; float: left;}
/*********/

/*Inner Div*/
.innerDiv {float: right; position: relative; right: 50%; width: auto;}
/*********/

/*Slogan*/
.slogan {text-align: center; padding: 30px 0px 20px;}
.slogan h2 {font-family: Arial; font-size: 20px; color: #3448af; text-align: center; margin: 0px; padding: 0px; margin-top: -6px;}
/*********/

/*Standart Ul*/
.standartUl {margin: 0px; padding: 0px; list-style: disc; margin-left: 20px; margin-bottom: 30px; line-height: 20px; font-size: 16px;}
/*************/

/*Message*/
.message {text-align: center; position: absolute; top: 0px; width: 100%; left: 0px;}
.message p {margin: 0px;}
.message p img {vertical-align: middle; margin-right: 12px;}
.message p span {font-size: 18px; font-weight: bold; color: #fff; vertical-align: middle;}
.message .error {background-color: #ec1c24; min-height: 45px; *height: 45px;}
.message .notice {background-color: #fcd405; min-height: 45px; *height: 45px;}
.message .notice p {padding-top: 6px;}
.message .warning {background-color: #646464; min-height: 45px; *height: 45px;}
/*************/

/*Profile styles*/
.customListWrapper .buttonRow {text-align: center;}
.customListWrapper .buttonRow input {margin: 0px;}
.customListWrapper .clearForm {float: left;}
.customListWrapper .applyButton, .customListWrapper .clearButton {border: 0px; padding: 3px 0px; width: 60px; color: #fff; cursor: pointer;}
.customListWrapper .applyButton {background: #5f5f5f;}
.customListWrapper .applyButton:hover {background: #e81b23;}
.customListWrapper .clearButton {background: #888888;}
.customListWrapper .clearButton:hover {background: #8a0005;}
.customListWrapper .setValueForm span.error {left: 0px; top: auto; bottom: -13px; display: block; width: 300px; text-align: left;}
.customListWrapper .changeValueForm img {vertical-align: middle;}
.customListWrapper .changeValueForm label {vertical-align: middle;}
/*************/

/*table styles*/
.table {width: 100%;}
.table th, .table td {text-align: left; padding: 8px 5px; font-size: 14px;}
.table td a.link {font-weight: bold; font-size: 12px;}
.table td a.link:hover {text-decoration: none;}

.table tr {background: transparent;}
.table td div {line-height: 16px;}
.table td div.name {width: 320px; overflow: hidden;}
.table td div.totalCost {width: 85px; overflow: hidden;}
.table td div.date {width: 115px; overflow: hidden;}
.table td div.value {position: relative;}
.table td div.value form {float: left;}
.table td div.view {width: 120px;}
/*************/

#userShapesList .table td div.name {width: 200px;}
#userShapesList .changeValueForm label {margin-left: 5px;}

/*dialog styles*/
.dialogContainer .leftPart {float: left;}
.dialogContainer .rightPart {margin-left: 165px; width: 330px;}
/*************/

/*Dinamic Block*/
.dinamicBlock {background: #dbdce0 url("../img/block_top.png") no-repeat; padding-top: 15px; position: relative; margin-top: 20px;}
.dinamicBlock .content {background-color: #ebebeb; border-left: 1px solid #8f8f8f; border-right: 1px solid #8f8f8f; padding: 1px 18px; width: 732px;}
.dinamicBlock .bottomBorder {background: url("../img/block_bottom.png") no-repeat; height: 15px; }
.dinamicBlock .author {margin-left: 20px;}
/*************/

/*Item view styles*/
.customizationsBlock {margin-top: 50px;}
.customizationsBlock h2 {margin: 0px 0px 0px 0px; color: #000; font-size: 20px;}
.customizationsBlock h3 {margin: 30px 0px 0px 0px; color: #000; font-size: 18px;}
/* the overlayed element */
.imageOverlay {display:none; z-index:10000; background-color:#333; width:300px; min-height:200px; border:1px solid #666;}
* html .imageOverlay {/*width:auto;*/ height: 300px;}

/* close button positioned on upper right corner */
.apple_overlay .close, 
.overlay .close,
.imageOverlay .close {background:url(../img/overlay/close.gif) no-repeat; position:absolute; right:0px;	top:0px; cursor:pointer; height:25px;	width:27px;}
#EJEJC_window .close {background:url(../img/overlay/close.png) no-repeat; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
/** html .apple_overlay .close,
* html .overlay .close,
* html .imageOverlay .close {behavior: none;background:none;filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay/close.png', sizingMethod='scale');}*/

/*#overlay {display: none;background-color:#fff; }*/

/* progress indicator (animated gif). should be initially hidden */
.imageOverlay .progress { position:absolute; top:45%; left:50%; display:none; margin-left: -16px;}
.imageOverlay .info {position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666; display: none;}
.imageOverlay .info strong {display:block;}
.imageOverlay img {vertical-align: top;}

/* "next image" and "prev image" links */
#gallery .next, #gallery .prev {position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px;}
#gallery .prev {left:0; border-left:0;}
#gallery .next {right:0; border-right:0;}
#gallery .next:hover, #gallery .prev:hover {text-decoration:underline; background-color:#000;}

/* when there is no next or previous link available this class is added */
#gallery .disabled {visibility:hidden;}

/* everybody should know about RGBA colors. */
#gallery .next,#gallery .prev,#gallery .info {background:#333 !important; background:rgba(0, 0, 0, 0.6);}

.overlay {display: none; width: 640px; background: url("../img/overlay/white.png") no-repeat; }
.overlay p {line-height: 16px; margin: 0;}
.overlay h2 {margin-top: 0px; line-height: 20px; text-align: center;}

.overlayContent {padding: 30px 34px 20px;}
.overlayContent .contentWrap {height: 160px; overflow-y: auto;}

#overlay {/*background-image:url(../img/overlay/transparent.png); _background-image:url(../img/overlay/overlay_IE6.gif);*/ color:#000; width: 350px; display: none; background: #dbdce0;}
#overlay .overlayContent .contentWrap {height: 220px;}
.verticalMiddle tr td a.zoom {text-decoration: none;}
a.zoom {position: absolute; display:inline-block;display: -moz-inline-box; *display:inline-block; line-height: 18px; height: 20px; background: #000; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50); text-decoration: none; color: #fff; font-weight: bold; text-align: center;}
a.zoom:hover {text-decoration: none;}
a.zoom img {vertical-align: middle; margin-left: 3px; _display: none;}