body{background:url(../pics/bg.gif) repeat-x #b9d0e8;padding:0;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;color:white;font-size:12px;} /* font-family:Geneva, Arial, Helvetica, san-serif;*/ a:link,a:visited,a:hover{color:white;} a:link{text-decoration:none;} a:visited{text-decoration:none;} a:hover{text-decoration:underline;} h1,h2,h3,h4,h5,h6{color:white;border:0;margin:0 0 10px 0; padding:0;} h1{font-size:22px;} h2{font-size:20px;} h3{font-size:18px;} h4{font-size:16px;font-family:Arial, Helvetica, sans-serif;} h5{font-size:14px;font-weight:bold;font-style:italic;font-family:Arial, Helvetica, sans-serif;} h6{font-size:12px;font-weight:bold;font-style:italic;font-family:Arial, Helvetica, sans-serif;} h7{font-size:10px;font-weight:bold;font-style:italic;font-family:Arial, Helvetica, sans-serif;} h1.defined{border-bottom:1px dotted #9ebbd8;padding-bottom:4px;margin-bottom:10px;} h5.defined{border-bottom:1px dotted #9ebbd8;padding-bottom:4px;margin-bottom:4px;} h6.defined{border-bottom:1px dotted #9ebbd8;padding-bottom:4px;margin-bottom:4px;} h7.defined{border-bottom:1px dotted #9ebbd8;padding-bottom:4px;margin-bottom:4px;} .blue{color:#4876a3;} /*----------------------------- FORMS WITHIN THE SHOP ------------------------------*/ input,textarea{padding:1px;background-color:#9ebbd8;border:1px solid #cccccc;color:white;font-size:11px;} .radio input{background-color:transparent;border:0;} /*----------------------------- MAIN PAGE LAYOUT AND DIVS FOR VARIETY OF SHOPS ------------------------------*/ #page-holder{margin-top:7px;display:block;background:url(../pics/page-bg.jpg) repeat-y;} #wind-content{background:url(../pics/wind-under-header.jpg) no-repeat;} #kite-content{background:url(../pics/kite-under-header.jpg) no-repeat;} #surf-content{background:url(../pics/surf-under-header.jpg) no-repeat;} #kayak-content{background:url(../pics/kayak-under-header.jpg) no-repeat;} #wake-content{background:url(../pics/wake-under-header.jpg) no-repeat;} #wetsuit-content{background:url(../pics/wetsuit-under-header.jpg) no-repeat;} #school-content{background:url(../pics/school-under-header.jpg) no-repeat;} #sup-content{background:url(../pics/sup-under-header.jpg) no-repeat;} #home-content{background:url(../pics/home-under-header.jpg) no-repeat;} #home-contentjune{background:url(../pics/home-under-headerjune.jpg) no-repeat;} #home-contentw1{background:url(../pics/home-under-headerw1.jpg) no-repeat;} #home-contentw2{background:url(../pics/home-under-headerw2.jpg) no-repeat;} #home-contentw3{background:url(../pics/home-under-headerw3.jpg) no-repeat;} #home-contents1{background:url(../pics/home-under-headers1.jpg) no-repeat;} #home-contents2{background:url(../pics/home-under-headers2.jpg) no-repeat;} #home-contentsh1{background:url(../pics/home-under-headersh1.jpg) no-repeat;} #home-contentjune2{background:url(../pics/home-under-headerjune2.jpg) no-repeat;} #noelle-content{background:url(../pics/n-under-header.jpg) no-repeat;} #fintan-content{background:url(../pics/f-under-header.jpg) no-repeat;} #jeff-content{background:url(../pics/j-under-header.jpg) no-repeat;} #newsfeedbox{color:black;border:0;margin:2 2 2 2; padding:0; font-size:6px;font-family:Arial, Helvetica, sans-serif;} #col-3{margin-top:33px;display:block;} #footer-strip{background:url(../pics/footer-strip-bg.gif) repeat-x;} #footer{background:url(../pics/footer-bg.gif) no-repeat center bottom;color:white;font-family:Arial, Helvetica, sans-serif;font-size:9px;} #footer a:link,a:visited,a:hover{color:white;} .webLink{color:yellow;} .black{color:black;} #breadcrumb{padding: 2px 0 10px 2px;display:block;font-size:10px;} .pagination{margin:4px 0 4px 0;display:block;} .top-menu{color:white;font-size:10px;font-weight:bold;margin:0 10px;} .top-menuHome{color:white;font-size:10px;font-weight:bold;margin:0 1px;} .top-menu a:link, a:visited, a:hover{color:white;} .left-menu{color:white;font-size:10px;font-weight:bold;margin:0 8px;} .top-menu a:link, a:visited, a:hover{color:white;} /*------------------------------ NOTICES & ALERTS -------------------------------*/ /*.error-container{border:1px dashed #FF0000;color:white;font-weight:bold;font-style:italic;padding:3px;margin:10px 0 10px 0;display:block;}*/ .error-container{width:50%;background-color:white;border:1px solid red;font-style:italic;padding:3px;margin:10px 0;display:block;color:red;/*color:#4876a3;*/} .notice{padding:10px;border:1px dotted white;margin:20px 0;display:block;color:white;width:400px;} .login-container{border:1px dotted white;padding: 5px 7px 5px 7px; display:block;font-size:11px;} .login-container a:link,a:visited,a:hover{color:white;} .tip{font-size:9px;} .new-user-login-container{border-bottom:1px dashed #9ebbd8;margin-bottom:10px;display:block;padding-bottom:10px;font-size:11px;} /* Used for the question mark font */ #query{font-size:10px;font-family:Arial, Helvetica, sans-serif;} #query a:link{text-decoration:underline;color:#4876a3;} #query a:visited{text-decoration:underline;color:#4876a3;} #query a:hover{text-decoration:none;color:#4876a3;} /*----------------------- -- Menu ------------------------*/ .categoryRoot{color:white;border-top:2px dashed white;padding-top:4px;margin-bottom:4px;display:block;margin-top:2px;} .rootLink{font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-style:italic;} .categoryLink{margin-bottom:4px;display:block;} /*------------------------------ GENERAL PAGE DISPLAY -------------------------------*/ #content-container{margin-top:6px;margin:0 10px;} .contentBox{background-color:white;color:#336699;font-size:12px;width:596px;display:block;margin-right:10px;} .contentBoxTop{background:url(../pics/prod-bg-top.gif) no-repeat center top;padding:10px;color:#4876a3;} .contentBoxBottom{background:url(../pics/prod-bg-btm.gif) no-repeat center bottom;padding:5px 4px 4px 7px;} /*------------------------------ CATEGORY LAYOUT /PRODUCT VIEW LAYOUT. -------------------------------*/ #items-container{margin-top:6px;margin:0 10px;} .itemBox{background-color:white;color:#336699;font-size:12px;width:155px;display:block;margin-right:10px;display:block;} .itemBoxTop{background:url(../pics/item-bg-top.gif) no-repeat center top;padding-left:4px;} .itemBoxBottom{background:url(../pics/item-bg-btm.gif) no-repeat center bottom;padding:5px 4px 4px 7px;} .itemBoxBottom .itemName{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;display:block;margin-bottom:2px;} .itemPrice{font-weight:bold;display:block;margin:5px 0;} .itemDesc{display:block;margin-bottom:5px;} .itemBox p{margin:0;padding:0;} .row{margin-bottom:15px;} /*------------------------------ PRODUCT DETAIL LAYOUT -------------------------------*/ #products-container{margin-top:6px;margin:0 10px;} #products-container a:link{color:#808080} .productBox{background-color:white;color:#336699;font-size:12px;width:596px;display:block;margin-right:10px;} .productBoxTop{background:url(../pics/prod-bg-top.gif) no-repeat center top;} .productBoxBottom{background:url(../pics/prod-bg-btm.gif) no-repeat center bottom;padding:5px 4px 4px 7px;} .productBorder{border-left:1px dotted #4876a3; padding-left:10px;} .productDetail{margin-bottom:7px;display:block;} #productPhoto{font-family:Arial, Helvetica, sans-serif;font-size:10px;padding-left:5px;display:block;} #productPhoto a{padding-left:4px;} #productPhoto a:link{color:#4876a3;} #productPhoto a:visited{color:#4876a3;} #productPhoto a:hover{color:#4876a3;} #productPhoto img{padding:2px 0 3px 15px;display:block;} #attributes{} /*------------------------------ SHOPPING CART & CHECKOUT -------------------------------*/ #cart{display:block;margin-right:30px;} .headerc{margin-bottom:10px;display:block;} .header td{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:2px;background-color:white;color:#336799;} #cart-item td{font-size:11px;} #cart-item div{display:block;margin-bottom:3px;} #totals{text-align:right;margin:20px 0 20px 0;padding-top:10px;border-top:1px solid white;} #totals div{margin-bottom:5px;display:block;} #cart-buttons{display:block;} #cart-buttons div{text-align:right;} .headerCol{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:2px;color:#336799;} .card-info div{display:block;margin-bottom:4px;font-size:11px;} .small{font-size:11px;font-weight:normal;} .order-row{padding-top:5px;} .grey{background-color:#eeeeee;} .white{background-color:white;} .order-row td{padding:2px;color:#336799;} /*------------------------------ EXTRAS -------------------------------*/ /*------------------------------ LIGHTBOX -------------------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../pics/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../pics/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }