body { margin: 0px; padding:0; background-color: #021d34;} #pageSurround{width:898px;margin-left:1px;background-color:#03345D;border:solid 1px #424F59;background-image:url(../styleImages/backgrounds/CBG.jpg);background-repeat:no-repeat; min-height:800px;} #PageOuter {padding-left:1px;width:899px; margin:0 auto; padding:0; } #Header{height:15px;width:570px;margin:26px 37px 26px 0px;border-bottom:#8bcaff 1px solid;border-top:#8bcaff 1px solid;background-color:#336699; padding:7px 0px 14px 0px; float:right;text-transform:capitalize;display:inline} /**TOP BOXES *************/ .SmallHeader { font-size: 11px; color: #FFFFFF; } #Currency { padding: 15px 35px 2px 0; } #Language { padding-right:10px; margin-bottom:3px; } #Session {/*Required as Language & Currency Boxes are not used within general Cart.tpl pages*/ margin-top:58px; width:auto; text-align:right;float:right; } #Login {text-align:left;margin-left:5px;float:left;margin-top:2px;} #Login p { margin:0; padding:0; } #Login a { color: #FFFFFF; text-decoration:none; } #Login a:hover { text-decoration:underline; color:FFFFFF; } /**LEFT COLUMN SECTION ************************/ #LeftColumn {position:relative;left:0px;width:202px;padding:15px 0 0 18px;float:left;font-size:11px;z-index:20;background-image:url(../styleImages/backgrounds/tr.png);margin-left:43px; margin-top:26px; margin-bottom:26px;border-top:1px solid #8bcaff;border-bottom:1px solid #8bcaff;font-family:Verdana, sans-serif;display:inline} #LeftColumn a{line-height:18px} /**LEFT COLUMN HEADINGS ************************/ .subHeading {margin:0; padding:0; color: #ffffff; height: 30px; width:100%; border-bottom: 1px dashed #FFFFFF; } .subHeading h3 { margin:0; padding:5px 0 0 5px; color: #ffffff; font-size: 13px;text-transform:capitalize;text-align:left;float:left; } .subHeading h3 a { color: #ffffff; text-decoration:none; border:none; padding-right:50px; } .subHeading h3 a:hover { color: #ffad00; text-decoration:underline; border:none; padding-right:50px;} /**LEFT COLUMN SIDE BOXES *************************/ .LeftBox {margin:0 0 25px 0;padding:0px;width:185px} .LeftBox a {} .LeftBox a:hover {} /**LEFT COLUMN - MAILING LIST *******************************/ .LeftBox.border {padding-top:25px;color:#FFFFFF; } /**LEFT COLUMN - INFORMATION BOX **********************************/ .LeftBox p#nudge { margin:0px; color: #FFFFFF; } /**START CROSS-BROWSER DHTML MENU **********************************/ #mainmenu-nav { float: left; display:inline; /*fixes IE6 float bug*/ font-size: 11px; margin:0 0 25px 0; } .ul-nav, .li-nav { font-size: 11px; display: block; } .ul-nav { width: 190px; padding: 0px; font-size: 11px; } .li-nav { float: left; display:inline; font-size: 11px; } .li-nav .ul-nav { display: none; position: absolute; margin-left: 100px; margin-top: -19px; background-color:#3ab0d6; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 4px solid #ffaa00; z-index: 5; font-size: 11px; } .li-nav a { padding: 2px; font-size: 11px; width: 186px; display: block; text-indent: 2px; color: #FFFFFF;} .li-nav a:hover { padding: 2px; width: 186px; display: block; text-indent: 2px } a.hassubmenu { background-image: url(../styleImages/more.gif); background-repeat: no-repeat; background-position: 178px 6px; } /**HIGHTLIGHTING EFFECT ON SUB-CATS ************************************/ .ul-nav .li-nav a.hassubmenu:hover { color: #FFAA00; } /**CLEARING FLOATING ELMENTS *****************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /**VIEWCART NAVIGATION ************************/ ul#CartNav { list-style-type:none; margin:0; padding:0; } ul#CartNav li { margin:0; padding:0; } ul#CartNav li a { background-image: url(../styleImages/more.gif); background-repeat: no-repeat; background-position:5px 6px; padding: 2px 2px 2px 15px; color: #333333; background: #FFFFFF; text-decoration:none; } ul#CartNav li a:hover { background-image:none; padding: 2px 2px 2px 15px; color: #6F9994; background: #FFFFFF; text-decoration:underline; } /**RANDOM PRODUCTS ********************/ #RandProduct { height:100%; padding:10px 0 20px 0; } #RandImage { float:left; display:inline; /*fixes IE6 float bug*/ margin:0 10px 0 0; padding:0 0 0 0; } #RandText { color: #FFFFFF; } /**MAIN CONTENT SECTION ************************/ #Content {padding:0px; margin-bottom: 5px; margin-top:0px; position:relative; z-index: 1;width:570px; float:right; margin-right:37px} #Content p { margin-left:0px; } #ContentBox { padding:0px; margin-bottom: 5px; margin-top:0px; position:relative; z-index: 1;width:570px; float:right;} /**GENERAL HEADERS ********************/ .Title {height: 30px; padding:0; margin:0; } /**BREADCRUMB TRAIL & PAGINATION **********************************/ #BreadCrumb { margin-bottom:5px; } .pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; } /**SITE DOCUMENTS *******************/ #SiteDocs { text-align:center; margin:0; padding:5px 0; color: #FFFFFF; background:#FFAD00; text-transform:uppercase; font-size:12px; height:20px; } #SiteDocs a:link, #SiteDocs a:visited, #SiteDocs a:hover { color: #FFFFFF; background:#FFAD00; text-decoration: none; font-weight:bold; } #SiteDocs a:hover { color: #3AA8CC; background:#FFAD00; } /**HOME PAGE INTRODUCTION TEXT *******************************/ #Announcement { padding: 3px; margin-bottom: 5px; margin-top: 0px; position: relative; z-index: 1; } #Announcement p { margin:5px 5px 0 5px; line-height:16px; } /**LATEST PRODUCTS - HOMEPAGE *******************************/ #LatestProducts { padding: 3px; margin:0; position: relative; z-index: 1; height:100%; } #Inner { margin: 5px; padding:0; } .LPBox { float: left; text-align: center; width: 115px; height: 145px; margin: 5px 5px 20px 5px; padding:0; } .LPImage { float: none; text-align:center; margin:3px auto;} .LPName { text-align:center; font-size:12px; margin:0; padding:2px 0; width:100%; color: #333333; } .LPName a:link, .LPName a:visited { text-decoration:none; padding:0; margin:0; } .LPName a:hover { text-decoration:underline; } .LPPrice { height:20px;width:100%;text-align:center;margin:0;padding:2px 0;text-transform:capitalize;color:#FFFFFF;} /**CATEGORY VIEW ********************/ #CatDescription { } .buybtn{margin-bottom:5px;} .sortbtn{background:transparent url(../styleImages/sort.png) no-repeat;height:17px;width:57px;padding:0px;border:none;display:block;float:right} /**SUB CATEGORY IMAGE DISPLAY ******************************/ #SubCategories { float:left; display:inline; /*fixes IE6 float bug*/ text-align:center; margin: 10px auto 5px; padding: 0; width:100%; height:auto; } .subCat { float:left; display:inline;/*fixes IE6 float bug*/ text-indent:0; margin:5px 5px 10px 5px; text-align: center; padding:5px; } .subCat a { color: #333333;text-decoration:none; } .subCat a:hover { text-decoration:none; color:#ffaa00; } .subCat img {} .catview {margin:0px;padding:0px;} .catsep {background-image:url(../styleImages/b.gif); background-repeat:repeat-x; height:150px; background-position:0px 15px} .catsep h2{font-family:Century Gothic, Arial, sans-serif;font-size:18px;font-style:italic;font-weight:bold;color:#FFFFFF; line-height:0px;} .catsep h2 a{font-family:Century Gothic, Arial, sans-serif;font-size:18px;font-style:italic;font-weight:bold;color:#FFFFFF; line-height:0px;} .catsep h2 a:hover{font-family:Century Gothic, Arial, sans-serif;font-size:18px;font-style:italic;font-weight:bold;color:#FFFFFF; line-height:0px;} .catimage { padding:0;} .catview a { color:#3AB0D6; text-decoration:none; } .catview p {} .catview .Price{} /**SINGLE PRODUCT PAGE ************************/ #SingleProd { padding: 3px; margin-bottom:20px; position: relative; z-index: 1; } #MainProdImage {text-align:center;margin:20px auto;padding:0;width:auto;height:auto; border:4px solid #336699} #MoreImages { } /**LIGHTBOX GALLERY ********************/ #LightBoxGallery { height:auto; width:auto; margin:0 auto; padding:0; text-align:center; } .LightBox { float:left; margin:0 0 30px 15px; height:1%; } .LightBoxImage { text-align:center; margin:0; padding:5px;} /**PRODUCT DESCRIPTION ***********************/ #ProdDescription { text-align:left; padding:0; margin-bottom:20px; color: #FFFFFF; } #ProdDescription h2 { margin:0 0 0 0;text-transform:capitalize; } /**PRODUCT INFO - PRICE, RATING, TELL A FRIEND ************************************************/ #ProdInfo { padding:5px 0; margin:0; text-align:left; height:60px; width:100%; } #ProdPrice { float:left; display:inline;/*used to fix IE6 double margin bug with floated elements */ width:60%; height:66%; padding:0px;margin:0;text-align:left; } #ProdReviews { float:left; display:inline;/*used to fix IE6 double margin bug with floated elements */ height:90%; margin:0 auto; text-align:left; padding:3px 5px 3px 0;} #ProdReviews a { color: #336699; text-decoration:none; } #ProdReviews a:hover { text-decoration:underline; color: #FFAA00 } #TellAFriend {float:left; display:inline;/*used to fix IE6 double margin bug with floated elements */ width:37%; height:100%; margin:0; padding:0; } #TellAFriend ul{display:block; margin:0 0 0 10px; padding:0; font-size:11px; text-align:left; text-transform:uppercase; } #TellAFriend a{color:#f79d4f; text-decoration:none} #TellAFriend a:hover{color:#f79d4f;text-decoration:underline} /**PRODUCT OPTIONS ********************/ #ProdOptions { margin:20px; text-align:left; text-transform:uppercase; font-size:15px; font-weight:normal; width:auto; margin:0; padding:0; color: #663366; background: #FFFFFF; } #Options { margin:-10px 0 0 0; padding:0 0 0 10px; text-transform:none; font-size:13px; font-weight:bold; color: #333333; background: #FFFFFF; } .OptionsStyle { border: 1px solid #CCC; width:auto; } /**PRODUCT CODE & STOCK AVAILABILITY **************************************/ #ProdLevels { text-align:left; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:12px; color:#FFFFFF;} #ProdLevels p { margin:0; padding:0; } /**ADD TO CART BLUE BACKGROUND *******************************/ #ProdBuy {background: #336699; width:550px; margin:5px 10px 10px 0; padding:5px 10px 10px 10px;position: right; vertical-align:middle; text-align: right;border-top:1px solid #8bcaff;border-bottom:1px solid #8bcaff;} #ProdBuy a {font-size:12px; padding:0px; margin:2px 0 0 0;} /**COUPONS ************/ .MailBtn{height:17px;width:52px;background-image:url(../styleImages/icons/mail.png);display:block;float:right;padding:0px;margin:0px;border:none} /**COUPONS ************/ .addCoupon:link, .addCoupon:visited, .addCoupon:hover, .addCoupon:active { font-weight: bold; color: #333; background: #fff; text-decoration: none; } /**CUSTOMER REVIEWS - SUBMISSIONS **********************************/ #CustomerReviews { } #CustomerReviews p {margin-left:10px} .SubmitReview { padding-right: 60px; } .right { text-align:right; } .right span { font-weight:bold; float: left; } /**CUSTOMER REVIEWS POSTED ***************************/ .ReviewEntry { margin:0; } .ReviewRatings {color:#ffffff;padding:3px;margin-top:20px} .ReviewContent {font-style:italic;color:#a5a5a5;margin-bottom:20px} .ReviewTitle { text-transform:capitalize;font-weight:bold} .ReviewedBy {color: #336699;padding: 3px; } .Date {color:#fff;float: right; } /**RELATED PRODUCTS *********************/ .LPInfo { color: #333; } * html .LPInfo { width: 100%; } /**SITE BUTTONS *********************/ .buttonBg { text-align: center; height: 26px; color: #663366; }