/*********************************************** POPUP STYLES ********************************************/

html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; height:100%; font-size:11px; font-family: Arial, Helvetica, sans-serif;}

img {border:0px;}
ul, li {margin:0px; padding:0px;}
p {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
fieldset {border:0px; margin:0px; padding:0px;}
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.clear {clear:both;} 
.clear0 {height:0px; line-height:0px; clear:both;}
.clear5 {height:5px; line-height:5px; clear:both;}
.clear10 {height:10px; line-height:10px; clear:both;}

h1.greyBar494 {margin:0px; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: bold; text-indent: 10px; line-height: 20px; position:relative; width:494px; height:20px; background: url(../../common/img/popups/greyBar494.gif) no-repeat;} 

.buttonText {color:#fff; font-weight:bold; text-indent:5px; font-size:11px; display:block; text-decoration: none;}
.buttonBlue span {display:block; position:relative;background:url(../../common/img/buttons/buttonLeft.gif) no-repeat left 0px;}
.buttonBlue span:hover {background-position: left bottom;}
.buttonBlue span a {display:block; position:relative; background:url(../../common/img/buttons/buttonRight.gif) no-repeat right 0px; font-size:11px; font-weight: bold; color: #fff; text-decoration:none; padding:3px 17px 4px 5px;}
.buttonBlue span a:hover {background-position: right bottom;}

div.closeWindowButton {position: absolute; top:13px; right:22px;}
div.productInfoButton {width:192px; margin: 0 auto 15px auto;}
div.forgotPassButton {float: left; display: inline; margin-left: 15px;}
div.emailFriendButton {float: right; display: inline; margin: 10px 10px 0 0;}

#popContainer {width:540px; height:100%; margin:0px; padding:0px;}
#popContainer2 {width:453px; height:100%; margin:0px; padding:0px;}
#popHeader {position:relative; width:540px; height:122px; margin:0px; padding:0px; background: url(../../common/img/popups/header.gif) no-repeat;}
#popHeader2 {position:relative; width:453px; height:122px; margin:0px; padding:0px; background: url(../../common/img/popups/header.gif) no-repeat;}
#popHeader .logoPlaceholder, #popHeader2 .logoPlaceholder {position:absolute; top: 17px; left: 17px; width:155px; height:83px; margin:0px; padding:6px 0 0 6px; background: url(../../common/img/header/logoPlaceholder.gif) no-repeat; z-index: 10;}
#popHeader .emailAddress {position: absolute;top: 63px;right: 22px;width: 183px;height: 23px;margin: 0;}
#popContent {width:494px; margin: 20px 0 20px 23px; padding:0px;}
#popContent2 {width:409px; margin: 20px 0 20px 23px; padding:0px;}
#footer {position:relative; width:100%; height:55px; margin:0px; padding:0px; background: url(../../common/img/footer/bg.gif) repeat-x;}
#footer p {width: 100%; text-align: center; margin: 0; padding: 0; color: #4f4f4f; position: relative; }
#footer p a {color: #4f4f4f; text-decoration: none;}
#footer p a:hover {color: #4f4f4f; text-decoration: underline;}
#footer2 {position:relative; width:100%; height:42px; margin:0px; padding:0px; background: url(../../common/img/footer/bg.gif) repeat-x;}
#footer2 p.address {width: 100%; text-align: center; margin: 0; padding-top: 6px; color: #f1f1f1; position: relative;}
#footer2 p.address span {margin: 0 10px;}
ul.footerNav { position: relative; top: 4px; left: 93px; margin:0 0 13px 0; padding:0px; width: 375px; height:18px; text-align:center;}
ul.footerNav li{float:left; display:inline; margin:0px; padding:0 17px 0 13px; line-height:18px; height:18px; background: url(../../common/img/icons/bulletGrey.gif) no-repeat left center;}
ul.footerNav li a{float:left; display:inline; padding:0; margin: 0; text-decoration:none; color:#f1f1f1; font-size: 11px; line-height:18px; height:18px; }
ul.footerNav li a:hover{text-decoration: underline;}

.imagePlaceholder {width:334px; height:231px; margin: 25px 0 45px 80px; padding:0px;}
.dots494 {position:relative; width:494px;; height:1px; margin:0; padding:0; background: url(../../common/img/popups/dots494.gif) no-repeat;}

.pageDescription {position: relative;width: 494px;margin: 10px 0 0px 0;}
.pageDescription h2 {color: #4f4f4f;font-size: 11px;font-weight: bold;margin: 0 0 5px 0;}
.pageDescription p {color: #4f4f4f;font-size: 11px;font-weight: normal;line-height: 14px;margin: 0 0 10px 0;}
.pageDescription p.blue {color: #0e97c4;font-size: 11px;font-weight: bold;line-height: 14px;margin: 0 0 10px 0;}

.catLinksTop {position:relative; width:494px; height:5px; margin:0px; padding:0px; background: url(../../common/img/popups/catLinksTop.gif) no-repeat;}
.catLinksBg {position:relative; width:494px; margin:0px; padding:0px; background: url(../../common/img/popups/catLinksBg.gif) repeat-x; background-color: #202020; text-align: center;}
.catLinksBottom {position:relative; width:494px; height:5px; margin:0px; padding:0px; background: url(../../common/img/popups/catLinksBottom.gif) no-repeat;}

.catLinksBg.row {position: relative; margin:0; padding:0px; width:494px; height:20px; line-height: 20px; background: url(../../common/img/popups/mixedDots494.gif) no-repeat bottom;} 
.catLinksBg.bottomRow {position: relative; margin:0; padding:0px; width:494px; height:16px; line-height: 16px;} 
ul.catLinks {position: relative; margin:0 0 0 15px; padding:0px; width:464px; height:18px; text-align:center;}
ul.catLinks li{float:left; display:inline; margin:0px; padding:0 17px 0 13px; line-height:18px; height:18px; background: url(../../common/img/icons/bulletBlue.gif) no-repeat left center;}
ul.catLinks li a{float:left; display:inline; padding:0; text-decoration:none; color:#dedede; font-size: 11px; line-height:18px; height:18px; }
ul.catLinks li a:hover{text-decoration: underline; color: #fffefe;}

.greyBoxTop {position:relative; width:407px; height:20px; margin:0px; padding:0px; background: url(../../common/img/popups/greyBoxTop.gif) no-repeat;}
.greyBoxBorder {position:relative; width:405px; margin:0px; padding:0px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
.greyBoxBottom {position:relative; width:407px; height:5px; margin:0px; padding:0px; background: url(../../common/img/popups/greyBoxBottom.gif) no-repeat;}

.greyBoxTop h1 {position:relative; width:395px; height: 20px; line-height: 20px; margin: 0px; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: bold; text-indent: 10px;} 

.forgotPassContent {position:relative; width:387px; height: 50px; margin:0 0 0 10px; padding:20px 0;}
.forgotPassContent p, .emailFriendContent p {margin: 0px; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: normal;}
.forgotPassContent fieldset {margin-top: 15px; padding:0px; position: relative;}

.forgotPassContent fieldset p.errorMsg {background: url(../../common/img/icons/iconErrorTrans.gif) no-repeat; color:#ff0f0f; font-weight: normal; margin: 0; position: relative; top: -6px; left: 93px; text-indent: 20px;}

.forgotPassContent label {margin: 3px 10px 0 0; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: bold; float: left; display: inline;} 
.forgotPassContent input {color: #4f4f4f; border: 1px solid #969696; width: 195px; margin: 0; padding: 2px 0 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}

.forgotPassThanks {position:relative; width:387px; height: 50px; margin:0 0 0 10px; padding:20px 0 20px 0; text-align: center;}
.forgotPassThanks h2 {margin: 0 0 11px 0; padding:0px; color: #0099cc; font-size: 18px; font-weight: bold;}
.forgotPassThanks p {margin: 0px; padding:0px; color: #666666; font-size: 11px; font-weight: bold;}

.emailFriendContent {position:relative; width:387px; margin:0 0 0 10px; padding:15px 0;}
.emailFriendContent fieldset {margin-top: 15px; padding:0px; position: relative;}
.emailFriendContent p.url {margin: 15px 0; padding:0px; color: #1c9fca; font-size: 11px; font-weight: normal;}
.emailFriendField label {margin: 3px 10px 0 0; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: bold; float: left; display: inline; width: 131px; text-align: right;} 
.emailFriendField input {color: #4f4f4f; border: 1px solid #969696; width: 229px; margin-bottom: 15px; padding: 2px 0 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.emailFriendContent textarea {color: #4f4f4f; border: 1px solid #969696; width: 225px; height: 75px; margin: 0; padding: 2px 4px; font-size: 11px; font-weight: normal; float: left; display: inline;}
.emailFriendContent span {color: #fc0000;}
.emailFriendContent p.required {position: absolute; bottom: 4px; left: 141px;}

.errorBar {position:relative; width:385px; height:42px; margin-top:10px; padding:0px; background: url(../../common/img/popups/errorBar.gif) no-repeat;}
.errorBar p {margin: 0; padding:0; color: #fc0000; font-size: 11px; font-weight: normal; width: 300px; position: absolute; top: 7px; left: 64px; line-height: 14px;}
.emailFriendContent .fieldError label {color: #fc0000;}
.emailFriendContent .fieldError input {border: 1px solid #fc0000;}

.emailFriendThanks {position:relative; width:387px; height: 169px; margin:0 0 0 10px; padding:80px 0 20px 0; text-align: center;}
.emailFriendThanks h2 {margin: 0 0 11px 0; padding:0px; color: #0099cc; font-size: 18px; font-weight: bold;}
.emailFriendThanks p {margin: 0px; padding:0px; color: #666666; font-size: 11px; font-weight: normal;}
.emailFriendThanks p.email {margin-bottom: 10px; padding:0px; color: #666666; font-size: 11px; font-weight: bold; text-decoration: underline;}

.securityCode {position:relative; width:387px; margin:0 0 0 10px; padding:20px 0;}
.securityCode p {margin: 0px; padding:0px; color: #4f4f4f; font-size: 11px; font-weight: normal;}
.securityCode img { position: relative; margin: 20px 0 0 20px;}
p.security_code_number {color: #4f4f4f;font-size: 11px;font-weight: bold;position: absolute;top:114px; left:222px; margin: 0; width: 160px;}