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 */p.noItems {margin: 0px; padding: 50px; text-align: center; font-size: 18px;}
/*=================================================================*/
#wrapper {width: 1000px; margin: 0px auto;}

#center {background: url("../img/center_background.png") repeat; min-height: 453px; position: relative; _height: 453px;}
#footer {background: url("../img/footer_background.png") no-repeat; height: 100px;}
#footer.higherFooter {background: url("../img/higher_footer_background.png") no-repeat; height: 148px;}
#footer.higherFooter .bottomCenterMenu {padding-top: 10px;}

/*Left Box*/
.leftBox {width: 590px; float: left; position: relative;}
.leftBox img {vertical-align: top;}
.leftBox .signature {position: absolute; bottom: 10px; left: 10px; color: #fff; font-size: 12px; font-style: italic;}
/*********/

/*Right Box*/
.rightBox {width: 355px; float: right; margin-right: 30px; display: inline; margin-top: 30px;}
.rightBox h4 {font-family: Trebuchet MS; font-size: 20px; color: #fff; text-align: center; margin: 0px; padding: 0px; font-weight: normal; line-height: 30px;}
.rightBox h4 a {color: #118dcb; text-decoration: none;}
/*********/

/*Bottom Center Menu*/
.bottomCenterMenu {height: 16px; position: relative;} 
.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: -3px;}
/*********/

/*Men List Box*/
.menListBox li {margin: 0px 21px;}
/*********/

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

/*Items Of Choice*/
.itemsOfChoice {height: 453px; margin: 0px; padding: 0px; list-style: none; float: left; position: absolute; z-index: 1; top: 0px; left: 0px; overflow: hidden;}
.itemsOfChoice li {float: left; /*padding: 0px 75px 0px 15px;*/ display: inline; width: 245px; height: 453px; position: relative; overflow: hidden; text-align: center;}
.itemsOfChoice li.selected {background-color: #898b98; padding: 0px; width: 254px; overflow: hidden;}
.itemsOfChoice li.selected img {opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.itemsOfChoice li img {opacity: 0.2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);}
.itemsOfChoice .click {display: block; width: 80px; position: absolute; bottom: 10px; right: 0px; font-size: 11px; font-weight: bold; color: #000; text-decoration: none; text-align: center;}

.itemsOfChoice #nextBtn, 
.itemsOfChoice #prevBtn {position: absolute; right: 5px; display: block; /*width: 80px;*/ text-align: center; top: 50%; margin-top: -13px;}
.itemsOfChoice #prevBtn {right: auto; left: 5px;}
.itemsOfChoice #nextBtn a,
.itemsOfChoice #prevBtn a {font-size: 11px; font-weight: bold; color: #000; text-decoration: none;}
.itemsOfChoice #prevBtn img {width: 36px; height: 25px;}

/*************/

/*Choose Fabrics*/
.chooseFabrics {margin: 0px; padding: 0px; list-style: none;}
.chooseFabrics li {float: left; margin-right: 25px; position: relative;}
.chooseFabrics li span {position: absolute; bottom: -18px; left: 0px; font-weight: bold; font-size: 16px;}
/*************/

#products {width: 942px; height: 453px; overflow: hidden; margin:0px 0px 0px 25px;}
#products div.product {width: 234px; height: 453px;; float: left; /*padding-right: 6px;*/ text-align: center; overflow: hidden;}
#products div.product img {vertical-align: top;}
#products div.product a {color: #e7ee7f; font-size: 24px; text-decoration: none; display: block; height: 100%;}
#products div.product div {text-align: center; margin-top: -130px; color: #e7ee7f; font-size: 24px; text-decoration: none;}
.itemList #nextBtn {position: absolute; right: 20px; top: 50%; margin-top: -12px;}
.itemList #prevBtn {position: absolute; left: 20px; top: 50%; margin-top: -12px;}

/*==============Wizard styles====================*/

/*Image Rotate styles*/
.imageRotate {width: 180px; height: 453px; overflow:hidden; margin: 0px auto; z-index: 500; position: relative;}
.imageRotate .blockContent {width: 180px; height: 453px; float: left; text-align: center; overflow: hidden; position: relative; z-index: 10;}
.imageRotate .blockContent img {vertical-align: top;}

#wizard {height: 453px; width: 746px; overflow:hidden; position:relative; z-index: 2; margin-left: 254px;}
#wizard .items {width: 20000em; clear: both; position: absolute; left: 0px; top: 0px;}
#wizard .page {width: 746px; float: left;}
#wizard a {color: blue; text-decoration: underline;}
#wizard a:hover {text-decoration: none;}

/*Wizard Navigator*/
.navigator {margin: 0px; padding: 0px; list-style: none; height: 50px; width: 100%; float: left; background: url("../img/wizard_navigator_bg.png") top left no-repeat;}
.navigator li {float: left; height: 50px; padding: 0px 34px; display: inline; font-size: 17px; line-height: 50px; font-size: 14px; font-weight: bold;} 
.navigator li a, 
.navigator li span {font-weight: bold; color: #000; text-decoration: none;}
.navigator li a:hover, .navigator li.selected a, .navigator li.selected span {color: #fff;}
.navigator li.red {width: 169px; background-color: #ec1c24; padding: 0px; line-height: 14px; text-align: center; color: #fff; cursor: pointer;}
.navigator li.red a {color: #fff; display: block; margin-top: 10px;}
.navigator li.red span {color: #fff; padding-top: 18px; display: block;}
.navigator li.red #submitFormLink {display: none; border: 0px; background: none; padding: 0px; width: 100%; color: #fff; padding: 16px 0px; font-weight: bold; font-size: 14px; font-family: Arial; cursor: pointer;}
.navigator li.red span.prevText, 
.navigator li.red span.nextText {display: none;}

/*************/

/*Info Block*/
.infoBlock {padding:40px 30px 10px 76px;}
.infoBlock p {font-size: 16px; line-height: 20px;}
.infoBlock div.desc {margin: 0px 0px 30px 0px;}
.infoBlock div.desc ul {padding: 0px; line-height: 20px; font-size: 16px; margin: 16px 0px 30px 20px;}
.infoBlock h2 {margin-bottom: 16px;}
.infoBlock .optionsBlock {margin-top: 16px;}
.infoBlock .optionsBlock .optionsTitle {margin-top: 0px;}
/*************/
/*==============END Wizard styles====================*//* 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;}