/* Zee & Co. Popup Styles */

body{background-position:0 -146px}

#popup_product{width:572px}
#popup_security, #popup_forgotten, #popup_emailFriend{width:440px}

#header{height:78px; width:100%}
#header img{display:block; margin-left:30px}

.prodTop{position:relative; margin:auto; width:572px; height:31px; background:url(../img/popup/prodTop_bg.jpg) 0 0 no-repeat}
.content_outer{width:544px; margin:auto; background:url(../img/popup/outerContent_bg.gif) 0 0 repeat-y}
#popup_content{position:relative; z-index:10;width:512px; margin:auto; padding-bottom:40px; background:#fff url(../img/popup/content_bg.gif) 0 bottom repeat-x}
h1, h2{width:490px; height:27px; margin:0 auto 9px auto; line-height:2; font-size:70%; text-indent:14px; color:#fff; background:url(../img/popup/prodH1_bg.jpg) 0 0 no-repeat}
h1{position:relative; top:-3px}
h2{line-height:2.4; color:#e5e4c1; margin:0 auto; background-image:url(../img/popup/prodH2_bg.jpg)}
h1 em{color:#e5e4c1; font-style:normal}
#popup_content .imgContainer{width:485px; height:645px; margin-left:15px; padding:1px 0 0 1px; background:url(../img/popup/prodImg_bg.gif) 0 0 no-repeat}
#popup_content .sizeGuideText{width:485px; height:345px; margin-left:15px; padding:1px 0 0 1px; background:url(../img/popup/prodImg_bg.gif) 0 0 no-repeat; color:#2B2E38; font-size:70%}
.popup_details{width:482px; margin:auto; padding:10px 0; background:url(../img/popup/prodDesc_bg.gif) 0 0 repeat-x}
.popup_details p{padding:0 11px; margin-bottom:13px; font-size:70%; color:#2b2e38; line-height:1.2}

#popup_footer{position:relative; z-index:5; margin:-57px 0 0 0; height:203px; background:url(../img/popup/footer_bg.jpg) 0 bottom repeat-x}
#popup_footer ul{font-size:70%; color:#fff; width:415px; margin:auto; padding:90px 0 0 0; text-align:center}
#popup_footer ul li{display:inline; line-height:1.4; padding-left:5px}
#popup_footer ul li a{color:#fff; padding-right:3px}
#popup_footer p{position:absolute; bottom:20px; width:572px; text-align:center; color:#c1c8cf; font-size:60%}

.securityCode, .forgotten, .emailForm{width:440px; height:259px; background:url(../img/popup/securityCode_bg.jpg) 0 bottom no-repeat}
.forgotten{height:188px; position:relative}
.emailForm{height:369px; position:relative}
.securityCode h1, .forgotten h1, .emailForm h1{top:0; width:366px; color:#e5e4c1; background-image:url(../img/popup/smallH1_bg.jpg)}
.prodTop.small{width:440px; height:30px; background-image:url(../img/popup/smallTop_bg.jpg)}
.securityCode p{width:347px; margin:10px auto; font-size:70%; color:#2b2e38; line-height:1.2}
.securityCode img{margin-left:40px}

.forgotten p, .emailForm p{width:307px; margin:15px auto; font-size:70%; color:#464646; line-height:1.2}
.emailForm p.errText, .forgotten p.errText{color:#ff0101; padding:3px 0 0 30px; background:url(../img/popup/err_bg.jpg) 0 0 no-repeat}
.emailForm p{height:22px}
.emailForm fieldset{margin-top:17px}
.formField{clear:both; float:left; display:inline; position:relative; width:401px; padding:3px 0; margin:0 0 4px 0; color:#424242; font-size:70%; line-height:1.7}
.formField label{display:block; float:left; display:inline; font-size:11px; margin:0 0 0 43px; color:#2b2e38; font-weight: bold; text-align:right; width:100px; padding:0}
.formField label em{font-style:normal; font-weight:normal; color:#e71005}
.formField input, .formField textarea{display:block; float:left;display:inline; width:180px; font-size:11px; margin:0 0 0 5px; border:1px solid #a4a4a4; padding:2px; color:#2b2e38; background-color:#dde1e5}
.formField textarea{height:60px; font-family:Tahoma,Verdana,Arial,'sans serif'}
.fieldError input{border:1px solid #ff0000}
.fieldError label{color:#ff0000}
.emailForm .reqd{color:#ff0000; margin:0 0 0 160px; padding:0; font-size:10px}
.thanks div{text-align:center}
.thanks img{display:block; margin:20px auto 0 auto}
.emailForm.thanks img{margin-top:45px}
.thanks p{color:#666}

.terms .intro{padding-top:13px}
.terms p{font-size:70%; line-height:1.2; margin:0 15px 13px 15px}
.terms h2{margin-bottom:13px}

.sizeNav{width:489px; height:125px; margin:-12px auto 22px auto; background:url(../img/popup/sg_nav_bg.jpg) 0 0 no-repeat}
.sizeNav ul{width:136px; padding-left:23px; padding-top:13px}
.sizeNav li{margin-bottom:4px}
.sizeGuides{width:489px; margin:0 auto 22px auto; background-position:0 0; background-repeat:no-repeat}
.sizeGuides table{padding:0; margin:0; border-collapse:collapse}
.sizeGuides table th{font:bold 14px "Times New Roman", Times, serif;height:28px; color:#827287; text-align:left}
.sizeGuides table th span{font:bold 14px "Times New Roman", Times, serif;display:block;padding-left:19px}
.sizeGuides .header th{text-align:center}
.sizeGuides td{font-size:10px; color:#000; text-align:center; height:28px; vertical-align:middle}
.sizeGuides .size{width:133px}
.sizeGuides.mens{height:185px;background-image:url(../img/popup/mens_bg.gif)}
.mens td{width:59px}
.sizeGuides.lacoste{height:175px;background-image:url(../img/popup/lacoste_bg.gif)}
.lacoste td{width:77px}
.sizeGuides.belts{height:135px;background-image:url(../img/popup/belt_bg.jpg)}
.belts td{width:100px}
.sizeGuides.footwear{height:165px;background-image:url(../img/popup/footwear_Bg.jpg)}
.footwear td{width:50px}