/* CSS Document */
/****Global Start***/
html, body {
margin:0;
padding:0 0 20px 0;
background: url(../images/interface/bg.jpg) repeat-x #000000 right top;
}
h1, h2, h3, h4, p, ul, li, label, textarea, input, dl, dt, dd, form {
font-family:verdana, arial, sans-serif;
padding:0;
margin:0;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, dl, dt, dd {
color:#ffffff;
}
p, ul, li,td,th, blockquote {
color:#d1d3d5;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p ,li, blockquote, table {
font-size:11px;
}
a {
color:#68afbf;
outline:none;
}
img {
padding:0px;
margin:0px;
border:none;
}
label {
font-size:12px;
}
.clear {
clear:both;
line-height:1px
}
div.contentWrapper {
width:950px;
margin:0px auto 20px auto;
}
p.breadcrumb {
color:#b2b6b8;
padding:0px 10px 18px 19px;
font-size:11px;
line-height:10px;
}
p.breadcrumb a {
color:#b2b6b8;
}
p.breadcrumb a:hover {
color:#ffffff;
}
/****Template Selectors Head and Footer***/
/** Interior Head Selectors Begin **/
div.contentWrapper div.head {
height:154px;
background:#999999;
}
div.contentWrapper div.head h1 {
height:154px;
width:110px;
padding-left:44px;
}
/** Interior Head Selectors Begin ----------------------------------------------------------------------------------------------------------------------------**/
div.contentWrapper div.contentAreaBase {
height:75px;
width:950px;
clear:both;
}
div.footer {
border: 1px solid #f60000;
background:url(../images/interface/footer-bg.gif) top repeat-x ;
height:20px;
clear:both;
}
div.footer ul {
padding:6px 0px 0px 12px;
float:left;
}
div.footer li {
display:inline;
}
div.footer p {
float:right;
padding:6px 19px 0px 0px ;
}
/** Global Footer End ----------------------------------------------------------------------------------------------------------------------------**/
/**Home Template Start----------------------------------------------------------------------------------------------------------------------------**/
/****Global End***/
/**Util Nav**/
.searchLogin {
width:402px;
margin:0;
padding:3px 0 3px 3px;
background-color:#333333;
background-image:url(../images/interface/bk-search.gif);
}
.searchLogin li {
float:left;
display:block;
margin:0;
padding:0 3px 0 0;
}
input#search {
padding: 2px 2px 0px 3px;
color:#ffffff;
width:121px;
height:17px;
background-color:#646c71;
border:1px solid #575e62;
font-size: 99%;
}
.searchLogin {
position:absolute;
right:0;
top:0;
}
.searchLogin li a {
background-position:left top;
background-repeat:no-repeat;
display:block;
height:21px;
}
.searchLogin li img {
display:block;
height:21px;
border:0;
}
.searchLogin li.search a {
background-image:url(../images/interface/btn-search.gif);
width:47px;
}
.searchLogin li.subscribe a {
background-image:url(../images/interface/btn-subscribe.gif);
width:63px;
}
.searchLogin li.product-registration a {
background-image:url(../images/interface/btn-product-registration.gif);
width:113px;
}
.searchLogin li.login a {
background-image:url(../images/interface/btn-login.gif);
width:36px;
}
.searchLogin li.logout a {
background-image:url(../images/interface/btn-logout.gif);
width:40px;
}
.searchLogin li.myaccount a {
background-image:url(../images/interface/btn-my-account.gif);
width:64px;
}
.searchLogin li.cart a {
background-image:url(../images/interface/btn-cart.gif);
width:46px;
}
.searchLogin li.login {
padding:0;
}
/**Home Callouts**/
div.homeMain {
background:url(../images/interface/home-bg.gif);
position:relative;
}
div.homeMain div#flashSplash,
div.homeMain div.quickNav,
div.homeMain div.callouts {
padding-bottom:13px;
background:none;
}
/**Home Callouts**/
div.callouts {
clear:both;
background:black;
padding-bottom:13px;
}
div#homeCallout1{
float:left;
}
div#homeCallout2{
float:right;
}
/**Home Template End----------------------------------------------------------------------------------------------------------------------------**/
/** Basic Content Template ---------------------------------------------------------------------------------------------------------------------**/
div.basicContent {
background: url(../images/interface/products-bg.gif) repeat-y;
}
div.basicContent div.contentArea {
padding:31px 34px 0px 155px ;
width:663px;
}
div.basicContent div.contentArea h2 {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding-bottom:12px;
}
div.basicContent div.contentArea p.next{
float:right;
margin:-26px 0px 0px 0px;
}
div.basicContent div.contentArea div.hr {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding-bottom:17px;
}
div.basicContent div.contentArea h3 {
font-size:11px;
font-weight:bold;
padding-top:16px;
}
div.basicContent div.contentArea h3 a {
color:#d1d3d5;
}
div.basicContent div.contentArea img.thumb {
padding:15px 15px 10px 0px;
}
div.basicContent div.contentArea ul,
div.basicContent div.contentArea ol,
div.basicContent div.contentArea p,{
padding-top:10px;
line-height:17px;
}
div.basicContent div.contentArea ul,
div.basicContent div.contentArea ol{
padding-left:15px;
}
div.basicContent div.contentArea a {
color:#68afbf;
text-decoration:none;
}
div.basicContent div.contentArea a:hover {
text-decoration:underline;
}
div.basicContent div.contentAreaBase {
background:url(../images/interface/products-foot.gif) no-repeat bottom;
}
div.partner_logo {
background:transparent url(../images/partner_bg.gif) no-repeat scroll 0% 0%;
float:left;
height:133px;
margin:0pt 20px 20px 0pt;
width:133px;
}
div.basicContent div.contentArea ul.searchspyder {
width:245px;
height:22px;
margin:10px 0px 0px -28px;
padding:3px 0 3px 25px;
background-color:#333333;
background-image:url(../images/interface/bk-search.gif);
}
div.basicContent div.contentArea ul.searchspyder li {
float:left;
display:block;
margin:0;
padding:0 3px 0 0;
}
div.basicContent div.contentArea ul.searchspyder li {
float:left;
display:block;
margin:0;
padding:0 3px 0 0;
}
div.basicContent div.contentArea ul.searchspyder li a {
background-position:left top;
background-repeat:no-repeat;
display:block;
height:21px;
}
div.basicContent div.contentArea ul.searchspyder li img {
display:block;
height:21px;
border:0;
}
div.basicContent div.contentArea ul.searchspyder li.search a {
background-image:url(../images/interface/btn-search.gif);
width:47px;
}
div.basicContent div.contentArea ul.page {
padding-left:0px;
padding-top:15px;
}
ul.page li {
display:block;
float:left;
list-style:none;
padding-right:13px;
}
div.basicContent div.contentArea ul.page li a{
text-decoration:underline;
color:#d1d3d5;
}
a.prev {
display:block;
background:url(../images/interface/button-prev.gif) no-repeat;
width:55px;
height:18px;
padding-right:4px;
}
a.next {
display:block;
background:url(../images/interface/button-next.gif) no-repeat;
width:55px;
height:18px;
padding-left:6px;
}
a.prev span,
a.next span {
display:none;
}
div.basicContent div.contentArea div.cover {
float:left;
width: 123px;
padding:15px 56px 11px 0px;
background:url(../images/interface/cover-bg.gif) top right no-repeat;
}
div.basicContent div.contentArea div.col4 {
padding-right: 0px;
background:none;
}
div.basicContent div.contentArea div.cover p {
text-align:center;
padding-top:0px
}
div.basicContent div.contentArea div.coverHr{
background:url(../images/interface/cover-hr-bg.gif) top no-repeat;
height:17px;
width:663px;
clear:both;
}
/** Whats New Template ---------------------------------------------------------------------------------------------------------------------**/
div.whatsNew {
background: url(../images/interface/whats-new-bg.gif) repeat-y;
}
div.whatsNew div.contentArea {
padding:31px 0px 0px 155px ;
width:526px;
float:left;
}
div.whatsNew div.contentArea h2 {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding-bottom:12px;
}
div.whatsNew div.contentArea div.hr {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
width:499px;
padding-bottom:17px;
}
div.whatsNew div.contentArea h3 {
font-size:11px;
font-weight:bold;
padding-top:12px;
width:499px;
text-transform:uppercase;
}
div.whatsNew div.contentArea ul,
div.whatsNew div.contentArea ol,
div.whatsNew div.contentArea p{
padding-top:3px;
line-height:17px;
width:499px;
}
div.whatsNew div.contentArea p.date {
font-weight:bold;
font-size:10px;
}
div.whatsNew div.contentArea ul,
div.whatsNew div.contentArea ol{
padding-left:15px;
}
div.whatsNew div.contentArea p a {
display:block;
color:#68afbf;
text-decoration:none;
font-size:10px;
padding-top:4px
}
div.whatsNew div.contentArea a:hover {
text-decoration:underline;
}
div.whatsNew div.contentArea a.readMore{
color:#d1d3d5;
}
div.whatsNew div.contentAreaBase {
background:url(../images/interface/whats-new-foot.gif) no-repeat bottom;
}
div.whatsNew div.sideCol{
padding:31px 0px 0px 0px ;
width:229px;
float:left;
background:url(../images/interface/vertical-top.gif) left top no-repeat;
}
div.whatsNew div.sideCol h2 {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding:6px 0px 13px 30px;;
}
div.whatsNew div.sideCol h3{
padding:13px 0px 5px 30px;
font-size:10px;
width:150px;
color:#d1d3d5;
text-transform:uppercase;
}
div.whatsNew div.sideCol p,
div.whatsNew div.sideCol ol,
div.whatsNew div.sideCol ul {
padding:0px 0px 6px 30px;
font-size:10px;
}
div.whatsNew div.sideCol p a{
text-decoration:none;
}
/** Products Start ----------------------------------------------------------------------------------------------------------------------------**/
div.productContent {
background: url(../images/interface/products-bg.gif) repeat-y;
}
div.productContent div.contentArea {
padding:31px 34px 0px 155px ;
}
div.productContent div.contentArea h2 {
border-bottom:1px solid #999999;
padding-bottom:17px;
}
div.productContent div.contentArea div.hr {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding-bottom:17px;
}
div.productContent div.contentArea h3 {
font-size:11px;
font-weight:bold;
padding:0px;
width:127px;
float:left;
}
div.productContent div.contentArea div.media,
div.productContent div.contentArea div.season {
border-bottom:1px solid #999999;
float:left;
width:764px;
height:143px;
}
div.productContent div.contentArea div.divider {
background-image:url(../images/interface/findIt-bg.gif);
width: 764px;
height:33px;
border-bottom:1px solid #999999;
float:left;
}
div.productContent div.contentArea div.media ul,
div.productContent div.contentArea div.season ul {
float:left;
}
div.productContent div.contentArea div.media li,
div.productContent div.contentArea div.season li {
display:block;
list-style:none;
float:left;
}
div.productContent div.contentArea div.media li a ,
div.productContent div.contentArea div.season li a,
div.productContent div.contentArea div.media li a img,
div.productContent div.contentArea div.season li a img{
height:143px;
width:212px;
display:block;
}
div.productLinks {
clear:both;
width:764px;
}
div.productLinks div.topRow{
width:610px;
float:left
}
div.productLinks ul{
float:left;
width:152px;
}
div.productLinks ul.girls{
width:154px;
}
div.productLinks ul.bitsy-girls{
width:140px;
}
div.productLinks li{
padding-top:5px;
list-style:none;
font-size:10px;
line-height:12px;
}
div.productLinks div.right-column ul{
float:left;
width:154px;
}
div.productLinks li.title {
padding:24px 0px 9px 0px;
border-bottom:1px solid #999999;
}
div.productContent div.contentArea a {
color:#d1d2d6;
text-decoration:none;
}
div.productContent div.contentArea a:hover {
text-decoration:underline;
}
div.productContent div.contentAreaBase {
background:url(../images/interface/products-foot.gif) no-repeat bottom;
}
/** Product Types Start ------------------------------------------------------------------------------------------------------------------------**/
div.productType {
background: url(../images/interface/product-type-bg.gif) repeat-y;
}
div.productType div.contentArea {
padding:31px 40px 0px 40px;
}
div.productType div.contentArea h2 {
padding: 0px 19px 11px 19px;
}
div.productType div.contentArea p.jumpLink {
font-size:12px;
padding: 0px 19px 19px 19px;
}
div.productType div.contentArea div.odd,
div.productType div.contentArea div.even {
width:846px;
padding:22px 2px 22px 22px;
}
div.productType div.contentArea div.odd li a,
div.productType div.contentArea div.even li a,
div.productType div.contentArea div.odd li a img,
div.productType div.contentArea div.even li a img {
width:94px;
height:103px;
display:block;
}
div.productType div.contentArea div.clear {
height:0px;
}
div.productType div.contentArea div div.collectionContent {
width:293px;
float:left;
}
div.productType div.contentArea div.collectionContent h3 {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding:0px 0px 12px 0px;
}
div.productType div.contentArea div.collectionContent h4 {
font-size:11px;
font-weight:bold;
padding:13px 0px 9px 0px;
}
div.productType div.contentArea div.collectionContent p {
line-height:18px;
color:#d1d3d5;
}
div.productType div.contentArea div ul {
width:550px;
float:right;
padding: 3px 0px 0px 0px;
}
div.productType div.contentArea div li {
width:94px;
display:block;
float:left;
padding:6px 6px 19px 7px;
}
div.productType div.contentArea div li span {
display:none;
}
div.productType div.contentArea div.odd{
background:#5a6165;
border-top:#83898d 1px solid;
border-bottom:#83898d 1px solid;
}
div.productType div.contentAreaBase {
background:url(../images/interface/prod-type-foot.gif) no-repeat bottom;
}
/** Product Types End --------------------------------------------------------------------------------------------------------------------------**/
/** Product Detail Start -----------------------------------------------------------------------------------------------------------------------**/
div.productDetail {
background: url(../images/interface/product-detail-bg.gif) repeat-y;
}
div.contentWrapper div.head {
position:relative;
}
div.contentWrapper div.section1 {
background: url(../images/interface/section1-head-bg.jpg) top no-repeat;
}
div.contentWrapper div.section2 {
background: url(../images/interface/section2-head-bg.jpg) top no-repeat;
}
div.contentWrapper div.section3 {
background: url(../images/interface/section3-head-bg.jpg) top no-repeat;
}
div.contentWrapper div.section4 {
background: url(../images/interface/section4-head-bg.jpg) top no-repeat;
}
div.contentWrapper div.section5 {
background: url(../images/interface/section5-head-bg.jpg) top no-repeat;
}
div.productDetail div.colorChoices {
padding:28px 1px 0px 4px;
width: 120px;
float:left;
background:url(../images/interface/vertical-top.gif) right top no-repeat;
}
div.productDetail div.colorChoices h2 {
width: 120px;
height:22px;
background:url(../images/interface/colors.gif) no-repeat;
}
div.productDetail div.colorChoices h2 span {
display:none;
}
div.productDetail div.colorChoices ul {
padding:8px 10px 0px 10px;
}
div.productDetail div.colorChoices li {
display:block;
float:left;
padding-bottom:6px;
cursor:pointer;
}
div.productDetail div.mainContent {
float:left;
width:414px;
background:url(../images/interface/vertical-top.gif) right top no-repeat;
}
div.productDetail div.mainContent p span.color{
text-align:center;
font-weight:bold;
padding-bottom:10px;
display:block;
}
div.productDetail div.mainContent .btn-zoomify {
display:block;
width:18px;
height:52px;
border:0;
position:relative;
top:-262px;
left:0;
cursor:pointer;
margin-bottom:-52px;
}
div.productDetail div.navBar{
border-bottom:#83898d solid 1px;
padding: 17px 22px 27px 22px;
overflow: auto;
width: 89%;
}
div.productDetail div.mainContent div.sizeTool{
border-top:#83898d solid 1px;
border-bottom:#83898d solid 1px;
padding: 17px 22px 27px 22px;
overflow: auto;
width: 89%;
}
div.mainContent div.sizeTool h3 {
background:url(../images/interface/h3-sizes.gif) no-repeat;
height:10px;
width:34px;
float:left;
}
div.mainContent div.sizeTool p {
padding-left:19px;
float:left;
}
div.mainContent div.sizeTool a.sizeChart{
background:url(../images/interface/p-size-chart.gif) no-repeat;
height:10px;
width:63px;
float:left;
}
div.mainContent div.sizeTool a.sizeChart:hover {
background:url(../images/interface/p-size-chart-over.gif) no-repeat;
}
div.mainContent div.sizeTool span {
display:none;
}
div.otherProducts {
padding-bottom:30px;
}
div.otherProducts table {
background:url(../images/interface/additional-gear-bg.gif) repeat-x ;
width:414px;
border-bottom:#83898d solid 1px;
}
div.otherProducts th,
div.otherProducts td {
border-right:#83898d solid 1px;
width:207px;
overflow:hidden;
}
div.caracell {
width:207px;
overflow:hidden;
height:200px;
}
div.productCaracell {
width:621px;
height:200px;
float:left;
clear:left;
}
div.otherProducts th{
height:42px
}
div.otherProducts td {
padding:0px 0px 20px 0px;
}
div.otherProducts td p{
padding-top:12px;
}
div.otherProducts td a {
color:#FFFFFF;
text-decoration:none;
}
div.productDetail div.sideContent {
float:left;
width:407px;
}
div.productDetail div.sideContent h2{
padding:0px 0px 14px 19px;
font-size:1em;
text-transform:uppercase;
letter-spacing:.05em;
}
div.productDetail div.sideContent h2 small{
font-size:1em;
font-weight:normal;
letter-spacing:0em;
}
div.productDetail div.sideContent li,
div.productDetail div.sideContent p{
line-height:17px;
}
div.sideContent div.partition {
border-bottom:#83898d solid 1px;
padding:19px 11px;
}
div.sideContent div.partition h3{
padding:0px 0px 12px 7px ;
}
div.sideContent div.partition p{
padding:0px 7px 0px 7px ;
}
div.sideContent div.partition ul{
padding:0px 0px 12px 26px;
}
div.sideContent div.partition li {
list-style:url(../images/interface/bullet.gif);
clear:both;
}
div.productDetail div.sideContent ul.findIt {
background:url(../images/interface/findIt-bg.gif);
height:31px;
width:385px;
padding:5px 11px 0px 11px;
}
div.productDetail ul.findIt li{
display:block;
float:left;
height:27px;
padding-right:8px;
}
div.productDetail ul.findIt li a.buyOnline {
background:url(../images/interface/buy-online.gif) no-repeat;
background:url(../images/interface/buy-online.gif) no-repeat top;
width:103px;
height:27px;
}
div.productDetail ul.findIt li a.buyOnline:hover {
background:url(../images/interface/buy-online.gif) no-repeat bottom;
}
div.productDetail ul.findIt li a.findStore {
background:url(../images/interface/find-a-store.gif) no-repeat top;
width:125px;
height:27px;
}
div.productDetail ul.findIt li a.findStore:hover{
background:url(../images/interface/find-a-store.gif) no-repeat bottom;
}
div.productDetail ul.findIt li.buyIt {
width:131px;
height:27px;
}
div.productDetail ul.findIt a {
display:block;
}
div.productDetail ul.findIt span {
display:none;
}
div.productDetail div.materialLogos ul {
padding-left:10px;
}
div.productDetail div.materialLogos li {
display:block;
float:left;
}
div.productDetail div.contentAreaBase {
background:url(../images/interface/prod-detail-foot.gif) no-repeat;
}
/** Product Detail End ------------------------------------------------------------------------------------------------------------------**/
/* Modal Window -------------------------------------------------------------------------------------------------------------------------**/
body {
height:100%;
}
div.modal-screen {
height:200%;
width:100%;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
position:absolute;
top:0;
left:0;
background-color:#000000;
display:none;
}
div.modal-dialogue {
background-color:#121212;
position:absolute;
top:15%;
left:50%;
margin-left:-230px;
display:none;
}
div.modal-SizeChart {
top:15%;
left:50%;
margin-left:-439px;
}
div#modalZoomify1-window, div#modalZoomify2-window, div#modalZoomify3-window, div#modalZoomify4-window, div#modalZoomify5-window, div#modalZoomify6-window, div#modalZoomify7-window, div#modalZoomify8-window, div#modalZoomify9-window, div#modalZoomify10-window {
top:15%;
left:50%;
margin-left:-375px;
width:750px;
height:450px;
background-color:#6D8086;
border:4px #272727 solid;
}
div.modal-SizeChart div {
width:878px;
height:470px;
align:center;
padding-top:25px;
background:url(../images/interface/size-chart-bk.jpg) no-repeat top #212020;
border:4px #272727 solid;
}
div.modal-SizeChart h2 {
padding:11px 0px;
}
div.modal-SizeChart table {
margin: 0px auto;
}
div.modal-SizeChart th{
color:#8a8a8a;
font-size:9px;
font-weight:bold;
padding:4px;
font-size:10px;
}
div.modal-SizeChart tr.even{
background-color:#272727;
}
div.modal-SizeChart td {
font-size:10px;
border-left:#454545 1px solid;
padding:4px;
}
div.modal-SizeChart td.firstCell {
border-left:none;
}
.modal-close,
div#modalZoomify1-window .modal-close, div#modalZoomify2-window .modal-close, div#modalZoomify2-window .modal-close, div#modalZoomify3-window .modal-close, div#modalZoomify4-window .modal-close, div#modalZoomify5-window .modal-close, div#modalZoomify6-window .modal-close, div#modalZoomify7-window .modal-close, div#modalZoomify8-window .modal-close, div#modalZoomify9-window .modal-close, div#modalZoomify10-window .modal-close {
display:block;
width:18px;
height:55px;
background-image:url(../images/interface/modal-close.gif);
background-position:left top;
background-repeat:no-repeat;
position:absolute;
top:4px;
right:4px;
}
div#modalZoomify1-window .modal-close, div#modalZoomify2-window .modal-close, div#modalZoomify2-window .modal-close, div#modalZoomify3-window .modal-close, div#modalZoomify4-window .modal-close, div#modalZoomify5-window .modal-close, div#modalZoomify6-window .modal-close, div#modalZoomify7-window .modal-close, div#modalZoomify8-window .modal-close, div#modalZoomify9-window .modal-close, div#modalZoomify10-window .modal-close {
bottom:0px;
right:0px;
}
div#modalFindInStore-window{
background:url(../images/interface/size-chart-bk.jpg) no-repeat top #212020;
border:4px #272727 solid;
width:347px;
padding-bottom:37px;
}
div.searchForStore {
width:273px;
padding:46px 37px 0px 37px;
}
div#modalFindInStore-window h2{
font-size:12px;
font-weight:normal;
text-transform:uppercase;
padding-bottom:11px;
}
div#modalFindInStore-window div.hr {
background:url(../images/interface/h3-prod-type-bg.gif) top repeat-x;
height:17px;
}
div#modalFindInStore-window select {
padding:4px;
background-color:#646c71;
color:#d1d3d5;
font-size:10px;
font-weight:bold;
padding:5px;
width:200px;
border:none #575e62 1px solid ;
}
div#modalFindInStore-window div.selectWrap {
padding:4px;
background: url(../images/interface/select-bg.jpg) left repeat-y #151515;
margin-bottom:15px;
width:200px;
}
div#modalFindInStore-window a.getResults {
background:url(../images/interface/button-get-results.gif) no-repeat;
height:18px;
width:102px;
display:block;
}
div#modalFindInStore-window a.getResults span{
display:none;
}
div#modalFindInStore-window p {
padding-bottom:17px;
}
div#modalFindInStore-window div.locationResults {
height:180px;
overflow:auto;
padding:0px 0px 0px 37px;
width:273px;
}
div#modalFindInStore-window div.locationResults h3{
text-transform:uppercase;
font-size:10px ;
font-weight:bold;
padding-bottom:5px;
}
div#modalFindInStore-window div.locationResults p {
font-size:10px ;
}
div#modalFindInStore-window .modal-close {
top:0px;
right:0px;
}
div.tech-window{
background:url(../images/interface/size-chart-bk.jpg) no-repeat top #212020;
border:4px #272727 solid;
padding:46px 37px 20px 37px;
width:365px
}
div.tech-window2{
width:600px;
left:44%;
}
div.tech-window3{
width:800px;
left:38%;
}
div.tech-window4{
width:1000px;
left:32%;
}
div.tech-window h2 {
padding-bottom:11px;
}
div.tech-window h3 {
padding-bottom:11px;
}
div.tech-window p{
padding-bottom:18px;
}
div.tech-window .modal-close {
top:0px;
right:0px;
}
div#technologyHeater-window {
background:url(../images/interface/size-chart-bk.jpg) no-repeat top #212020;
border:4px #272727 solid;
position:absolute;
top:2%;
left:36%;
margin-left:-230px;
display:none;
padding:46px 37px 20px 37px;
width:766px
}
div#technologyHeater-window h2 {
padding-bottom:11px;
}
div#technologyHeater-window h3 {
padding-bottom:11px;
}
div#technologyHeater-window p{
padding-bottom:18px;
}
div#technologyHeater-window .modal-close {
top:0px;
right:0px;
}
div.modal-dialogue div.hr {
background:url(../images/interface/h3-prod-type-bg.gif) top repeat-x;
height:17px;
}
div#modalBuyOnline-window h2{
font-size:12px;
font-weight:normal;
text-transform:uppercase;
padding-bottom:11px;
}
div#modalBuyOnline-window div.hr {
background:url(../images/interface/h3-prod-type-bg.gif) top repeat-x;
height:17px;
}
div#modalBuyOnline-window div.locationResults {
height:350px;
overflow:auto;
padding:0px 0px 0px 37px;
width:400px;
}
div#modalBuyOnline-window div.locationResults h3{
text-transform:uppercase;
font-size:10px ;
font-weight:bold;
padding-bottom:5px;
}
div#modalBuyOnline-window div.locationResults p {
font-size:10px ;
}
div#modalBuyOnline-window .modal-close{
top:0px;
right:0px;
}
/* Modal Window End-------------------------------------------------------------------------------------------------------------------------**/
/* Expander */
.expander, .collapser {
cursor:pointer;
}
/* End Expander */
a.jTip {
}
.productlist li {
position: relative;
text-align: center;
min-height: 160px;
}
* html .product ll {
height: 160px;
}
.producttip{
position: absolute;
left:120px;
top:0px;
}
.producttip2{
left:180px;
}
.caption{
float:left;
padding-bottom: 10px;
}
/* Retailers ------------------------------*/
div.retailers {
background: url(../images/interface/retailers-bg.gif) repeat-y;
}
div.retailers div.contentArea {
padding:31px 0px 0px 155px ;
width:526px;
float:left;
}
div.retailers div.contentArea h2 {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding-bottom:12px;
}
div.retailers div.contentArea div.hr {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
width:499px;
padding-bottom:17px;
}
div.retailers div.contentArea h3 {
font-size:11px;
font-weight:bold;
padding-top:12px;
width:499px;
}
div.retailers div.contentArea ul,
div.retailers div.contentArea ol,
div.retailers div.contentArea p{
padding-top:3px;
line-height:17px;
width:499px;
}
div.retailers div.contentArea p.date {
font-weight:bold;
font-size:10px;
}
div.retailers div.contentArea ul,
div.retailers div.contentArea ol{
padding-left:15px;
}
div.retailers div.contentArea p a {
display:block;
color:#68afbf;
text-decoration:none;
font-size:10px;
padding-top:4px
}
div.retailers div.contentArea a:hover {
text-decoration:underline;
}
div.retailers div.contentArea a.readMore{
color:#d1d3d5;
}
div.retailers div.contentAreaBase {
background:url(../images/interface/retailers-foot.gif) no-repeat bottom;
}
div.retailers div.sideCol{
padding:31px 0px 0px 0px ;
width:229px;
float:left;
background:url(../images/interface/vertical-top.gif) left top no-repeat;
}
div.retailers div.sideCol h2 {
background:url(../images/interface/h3-prod-type-bg.gif) bottom repeat-x;
padding:6px 0px 13px 30px;;
}
div.retailers div.sideCol h3{
padding:13px 0px 5px 30px;
font-size:10px;
width:150px;
color:#d1d3d5;
text-transform:uppercase;
}
div.retailers div.sideCol p,
div.retailers div.sideCol ol,
div.retailers div.sideCol ul {
padding:0px 0px 6px 30px;
font-size:10px;
}
div.retailers div.sideCol p a{
text-decoration:none;
}
.centeredImage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
p.jumpLink a{
font-size: 11px;
color:#D1D3D5;
text-decoration: none;
outline:none;
}
p.jumpLink a:hover{
color:#fff;
}
p.jumpLink span.current{
color:#fff;
}
.padding {
padding: 1em 0;
}
/* for error items */
.errorMsgPadding {
padding: 0.2em 0;
}
.divider2 {
background: url(../images/interface/divider.gif) repeat-x;
height: 20px;
margin: 10px 0;
}
.basicContent .divider2 {
/*margin: 1em -127px 1em -28px;*/
}
/* product detail page */
div.sideContent div.partitionalt {
border-bottom:none;
padding:0px 11px 20px 11px;
margin-top: -10px;
font-size: 11px;
}
div.sideContent div.partitionalt form label {
color: #D1D3D5;
padding-left: 7px;
font-size: 11px;
}
.oldprice {
color: #e22e2d;
font-size: 105%;
text-decoration:line-through;
}
.newprice {
font-size: 105%;
}
/*----------------------------------------------------------------------
Ecommerce pages
-----------------------------------------------------------------------*/
div.ecomContent div.contentArea {
padding:31px 0px 0px 140px ;
width:790px;
}
div.basicContent div.contentArea h2.alt {
background: none;
padding-bottom: 0;
}
div.productType div.contentArea div.odd li .productname a, div.productType div.contentArea div.even li .productname a{
height: auto;
width: auto;
}
div.productType div.contentArea div li .price {
padding-top: 5px;
}
div.productType div.contentArea div li .price span {
display: inline;
}
div.productType div.contentArea div li .price span.oldprice span.newprice {
padding-right: 5px;
margin-right: 5px;
}
/* some default classes */
.hide {
visibility: hidden;
}
.left {
float: left;
}
.right {
float: right;
}
.column {
float: left;
width: 47%;
margin-right: 20px;
display: inline;
}
/* --------------------------------------------------------------
=forms
-------------------------------------------------------------- */
form fieldset {margin: .5em 0 0 0; padding: 0; border: none;}
form fieldset.submit {
background: url(../images/interface/divider.gif) repeat-x;
height: 18px;
padding-left: 125px;
margin-top: 1em;
}
form fieldset.setup {
border-bottom: 1px solid #84898d;
padding-bottom: 3px;
margin-top: 1em;
}
form ol {margin: 0; padding: 0 !important;}
form li {
margin-bottom: 5px;
list-style: none;
}
form p {margin: 0;}
.label {display: block; float: left; width: 120px; text-align: right; padding-right: 5px; font-size: 11px;}
input.text, select, textarea {
border: 2px solid #c7c7c7;
color: #888888;
}
input.text:focus, select:focus, textarea:focus {
border: 2px solid #77bde1;
}
input.text, .select, .textarea {width: 300px;}
input.largetext, .largeselect, .largetextarea {width: 250px;}
input.mediumtext, .mediumselect, .mediumtextarea {width: 150px;}
input.smalltext, .smallselect {width: 100px;}
input.text {
height: 20px;
}
.textarea {height: 50px;}
input.button {padding: 0;}
form .options {
width: 30%;
margin-left: 30px;
overflow: hidden;
}
form .options li {
float: left;
margin-right: 10px;
display: inline;
}
.checkbox, .radio {margin: 0 0 -2px 0;}
label.checkboxlabel, label.radiolabel {
display: inline;
margin-right: 0;
font-size: 11px;
}
.checkbox {
margin-left: 125px;
margin-top: 10px;
}
p.error {
padding-left: 25px;
}
p.errorLine1 {
background: url(../images/interface/warning.gif) left center no-repeat;
padding-left: 25px;
}
input.error {
background: #d11919;
border: 2px solid #fe0002;
color: #fff;
}
select.error {
background: #d11919;
border: 2px solid #fe0002;
color: #fff;
}
input.invalid {
background: #d11919;
border: 2px solid #fe0002;
color: #fff;
}
.subtitle {
border-bottom: 1px solid #84898d;
text-transform: uppercase;
padding-bottom: .5em;
}
/* searchform */
.searchform fieldset {
background: #333333;
margin-top: 10px;
padding: 8px 10px;
}
.searchform li {
float: left;
clear: none;
}
.searchform label {
color: #fff;
font-size: .7em;
}
.searchform .text {
border-width: 1px;
margin-right: 10px;
}
.searchform .button {
float: right;
margin-top: -22px;
}
/* shipbillform */
.shipbillform .label {
width: 80px;
}
.shipbillform .text, .shipbillform .select {
width: 275px;
}
.shipbillform .mediumtext {
width: 120px;
}
.shipbillform .smalltext {
width: 80px;
}
input.right {
clear: none;
float: right;
}
.shipbillform .clear {
line-height: normal;
clear: both;
}
.colcontain {
overflow: hidden;
width: 100%;
background: url(../images/interface/gray.gif) 48% 0 repeat-y;
}
.colcontain .button2 {
margin-bottom: -10px;
overflow: hidden;
width: 100%;
}
.shipbillform fieldset {
padding-bottom: 20px;
}
.shipbillform .submit {
clear: both;
border-bottom: none;
padding-bottom: 0;
/*Will change from 475 to 235, was causing the continue button shift to far to the right */
padding-left: 235px;
}
.payment {
padding-left: 350px;
background: #646c71;
margin-top: 0;
padding-top:10px;
border-top: 1px solid #84898d;
border-bottom: 1px solid #84898d;
}
.payment .label {
width: 121px;
}
.payment h2 {
padding-left: 52px;
}
.payment .checkbox {
margin-left: 125px;
}
.shipbillform .carttotals {
margin-left: 465px;
width: 40%;
}
.inner .submit {
background: none;
}
/* table */
.table {
margin-top: 15px;
width: 100%;
}
.table th {
text-transform: uppercase;
background: #4b5054 url(../images/interface/table-top.gif) repeat-x;
padding: 12px 5px 5px 8px;
text-align: left;
}
.table td {
padding: 8px 5px 5px 8px;
text-align: left;
border-bottom: 1px solid #84898d;
vertical-align: top;
}
.table tr.last td {
border-bottom: none;
padding-bottom: 15px;
background: url(../images/interface/table-bottom.gif) left bottom repeat-x;
}
.table .thumbnail {
float: left;
margin-right: 10px;
display: inline;
}
form .table .smalltext {
width: 40px;
text-align: center;
}
.carttotals {
margin-top: 20px;
width: 100%;
}
.carttotals td {
padding: 10px;
}
.carttotals .rowhead {
border-right: 1px solid #84898d;
width: 60px;
}
.carttotals tr.total td {
font-size: 1.1em;
font-weight: bold;
border-top: 1px solid #84898d;
text-transform: uppercase;
}
.checkoutform .submit {
padding-left: 0;
}
.colcontain .table {
width: auto;
margin-top: -10px;
}
.colcontain .table th {
background: #4B5054;
font-size: 10px;
padding-top: 5px;
}
/* shopping popup widow */
div.modal-pop {
top:15%;
left:50%;
margin-left:-320px;
z-index: 100;
}
div.modal-pop_sm2 {
margin-left:-200px;
}
div.modal-pop .inner {
width:610px;
align:center;
padding-top:25px;
padding-bottom: 25px;
background:url(../images/interface/size-chart-bk.jpg) no-repeat top #212020;
border:4px #272727 solid;
padding: 25px 60px;
}
/*use this in addition to .inner to make smaller*/
div.modal-pop .inner_sm1 {
width:500px;
}
div.modal-pop .inner_sm2 {
width:250px;
}
div.modal-pop .inner p {
margin: 2em 0;
line-height: 1.6;
}
/*this to override previous rule, reduce margin in error list*/
div.modal-pop .errorItem p {
margin: 0em 0;
}
div.modal-pop h2 {
padding:11px 0px;
font-size: .7em;
text-transform: uppercase;
color: #D1D3D5;
}
.order-head {
background:transparent url(../images/interface/h3-prod-type-bg.gif) repeat-x center bottom;
padding-bottom:15px;
padding-top: 10px;
float: left;
display: inline;
width: 600px;
margin: 0 0px 15px 0px;
}
div.basicContent div.contentArea .modal-pop .order-head h2 {
background: none;
padding: 0;
float: left;
}
.controls {
float: right;
margin-top: -15px;
}
.print {
padding-left: 18px;
background: url(../images/interface/print.gif) left center no-repeat;
margin-right: 10px;
}
div.modal-pop table {
width: 500px;
margin: 0 0 5px 0px;
}
div.modal-pop table.totals {
width: 300px;
}
.modal-pop .divider {
background:transparent url(../images/interface/h3-prod-type-bg.gif) repeat-x center bottom;
height: 2px;
margin: 15px 0px 15px 0px;
}
div.modal-pop th, caption {
color:#D1D3D5;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:4px 4px 10px 4px;
font-size:10px;
text-transform: uppercase;
text-align: left;
}
div.modal-pop tr.even{
background-color:#272727;
}
div.modal-pop tr.specs td {
padding-bottom: 15px;
}
div.modal-pop td {
font-size:10px;
padding:4px;
vertical-align: top;
}
.modal-pop .modal-close {
top:4px;
right:4px;
}
div.modal-pop tr.total td {
text-transform: uppercase;
font-size: 1em;
padding-top: 15px;
}
/* shipping table */
.shipping {
width: 98%;
}
.shipping th {
color:#D1D3D5;
font-weight:bold;
padding:4px 4px 8px 4px;
font-size:10px;
text-transform: uppercase;
text-align: left;
border-bottom: 1px solid #84898f;
}
.shipping td {
padding:4px 4px 10px 4px;
font-size:10px;
text-align: left;
line-height: 1.5;
vertical-align: top;
}
.button2 {
background: url(../images/interface/divider.gif) repeat-x;
height: 18px;
padding-left: 0px;
margin-top: 1em;
display: block;
}
.paging {
margin: 15px 0;
}
.paging a, .paging span {
margin-left: 10px;
}
div.basicContent div.contentArea .paging a {
color: #fff;
text-decoration: underline;
}
div.basicContent div.contentArea .paging a:hover {
text-decoration: none;
}
.paging img {
vertical-align: bottom;
}
/* login popup */
div.login-pop {
position: absolute;
top:26px;
right: 0;
z-index: 100;
}
div.login-pop .inner {
width:240px;
align:center;
padding-top:25px;
padding-bottom: 25px;
background:url(../images/interface/size-chart-bk.jpg) no-repeat top #212020;
border:4px #272727 solid;
padding: 10px 20px 0px 20px;
}
.loginoptions {
text-align: center;
background: url(../images/interface/login-spyder.gif) 15% center no-repeat;
margin-bottom: 1em;
}
div.login-pop .inner p {
margin: 1em 0;
line-height: 1.6;
}
.login-pop .modal-close {
top:4px;
right:4px;
}
.loginform {
background: url(../images/interface/login-spyder.gif) left bottom no-repeat;
}
.loginform fieldset.submit {
padding-left: 72px;
}
.loginform .label {
width: 65px;
}
.loginform input.text {
width: 160px;
}
div.login-pop .inner p.helpers {
margin-left: 70px;
}
.shipbillform .colcontain .button2 {
margin-bottom: 0;
}
.shipbillform .colcontain {
border-bottom: 1px solid #84898d;
padding-left: 0;
}
.shipbillform #payment_info {
border: none;
}
.shipbillform .payment {
float: right;
border: none;
padding-left: 20px;
margin-top: 15px;
margin-bottom: 15px;
border-left:1px solid #84898D;
width: 440px;
}
.shipbillform .carttotals {
float: right;
margin-left: 0px;
padding-right: 30px;
margin-bottom: 15px;
width: 325px;
}
.carttotals tr.taxAmount td {
height:18px;
}
.carttotals td.subtotal {
padding-left:500px;
}