/****************************************************/ .bodyOuter { vertical-align:top; background-color:#999999; text-align: center; width: 674px; height: 100%; border:0px ridge; padding: 0px 0px 10px 0px; } .bodyOuter2 { vertical-align:top; background-color:#999999; text-align: center; width: 854px; height: 100%; } /********************** BODY CONTENT ******************************/ .fatList{ border-collapse: collapse; width: 664px; margin:left; background-color:#999999; } .fatList td{ padding: 11px; vertical-align: top; text-align: right; } .fatList .title{ font-size: 14px; font-weight: bold; color: #800000; letter-spacing:1px; } .fatList img{ } .fatList a:link, .fatList a:visited{ color : #000000; text-decoration: underline; } .fatList a:hover{ color : #ffffff; } .fatList div{ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; line-height: 18px; color: #000000; } .videoObject{ background-color:#666666; } /********************** BODY CONTENT DETAIL ******************************/ .detail{ border-collapse: collapse; width: 664px; margin-left:auto; margin-right:auto; padding: 10px; border:0px solid #000; } .detail td{ text-align: left; padding: 5px; } .detail .title{ font-size: 14px; font-weight: bold; color: #800000; letter-spacing:1px; } .detail .title2{ font-size: 12px; font-weight: bold; color: #000000; letter-spacing:1px; } .detail .headerRow{ color: #fff; font-weight: bold; background-color:#91ccea; font-size: 11px; } .detail .heading{ color : #202020; text-decoration : none; border: 0px solid #c2c1c1; font-weight: bold; font-size: 12px; height: 15px; } .detail img{ } .detail a:link, .fatList a:visited{ color : #000000; text-decoration: underline; } .detail a:hover{ color : #ffffff; } .detail a.detailCart{ cursor: hand; color : #999999; font-size: 12px; font-weight: bold; text-decoration : none; padding: 2px; background-color: #666666; text-align:center; font-weight:bold; border: 3px solid #808080; margin-top:3px; cursor: pointer; cursor: hand; } .detail a.detailCart:hover{ color: #ffe85e; } .detail a.addedCart{ cursor: hand; color : #ffe85e; font-size: 12px; font-weight: bold; text-decoration : none; padding: 2px; background-color: #666666; text-align:center; font-weight:bold; border: 3px solid #808080; margin-top:3px; cursor: pointer; cursor: hand; } .detail a.addedCart:hover{ color: #ffe85e; } /********************** BODY CONTENT HOME ******************************/ .detailHome{ border-collapse: collapse; width: 854px; margin:left; background-color:#666666; } .detailHome td.text{ padding: 11px; vertical-align: top; text-align: left; color: #000; } .detailHome p, span{ font-size: 12px; color: #ffffff; } .detailHome h1.heading{ color:#FFCC33; font-size:18px; line-height:20px; font-style: italic; } .detailHome h2.heading{ color:#FFCC33; font-size:14px; line-height:16px; font-style: italic; } .detailHome .description{ padding: 5px; font-size: 11px; color: #666666; } .detailHome img{ padding: 0px; margin: 0px 0px 0px 0px; /*top,right,bottom,left*/ border: 0px; display: block } .detailHome #imageContainer{ float: right; margin-left: 10px; margin-bottom: 10px; } .detailHome a:link, .detailHome a:visited{ color : #ffffff; text-decoration: underline; } .detailHome a:hover{ color : #ffcc33; } .detailHome a.title, .detailHome a.title:visited{ color : #008080; text-decoration : none; } .detailHome a.title:hover{ color : red; text-decoration : underline; } /********************** BODY CONTENT HOME VIDEO ******************************/ .detailHomeVideo{ border-collapse: collapse; margin:left; } .detailHomeVideo td.text{ padding: 8px; vertical-align: top; text-align: left; color: #000; } .detailHomeVideo p, span{ font-size: 10px; color: #ffffff; } .detailHomeVideo h2.heading{ color:#FFCC33; font-size:12px; line-height:12px; font-style: italic; margin-top:5px; } .detailHomeVideo .description{ padding: 0px; font-size: 10px; color: #666666; } .detailHomeVideo a:link, .detailHomeVideo a:visited{ color : #ffffff; text-decoration: underline; } .detailHomeVideo a:hover{ color : #ffcc33; } .detailHomeVideo a.title, .detailHomeVideo a.title:visited{ color : #008080; text-decoration : none; } .detailHomeVideo a.title:hover{ color : red; text-decoration : underline; } /********************** THIN LIST ******************************/ .thinList{ border-collapse: collapse; width: 620px; margin-left:auto; margin-right:auto; margin-top:10px; padding: 10px; border:0px solid #000; vertical-align: top; } .thinList td{ } .thinList td.dealer{ border:1px solid #000; padding:2px; } .thinList .headerRow{ padding: 5px; color: #000; font-size: 12px; height: 20px; font-weight: bold; text-decoration: none; background-color: #666666; } .thinList .list1{ background-color: #999999; vertical-align: top; padding: 5px; height: 20px; } .thinList .list2{ background-color: #a9a9a9; vertical-align: top; padding: 5px; height: 20px; } .thinList a:link{ text-decoration: none; color: #000000; margin-left:10px; } .thinList a:link, .thinList a:visited{ color : #000000; text-decoration: underline; margin-left:5px; } .thinList a:hover{ color : #ffffff; margin-left:5px; } /********************** GRID LIST ******************************/ .gridList{ border-collapse: seperate; width: 100%; margin:auto; background-color: #7b797b; } .gridList td{ padding: 5px; } .gridList .headerRow{ color: #000; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #aedcb0; } .gridList .list1{ background-color: #f5fdf7; vertical-align: top; height: 20px; } .gridList .list2{ background-color: #E6E6E6; vertical-align: top; height: 20px; } .gridList a:link{ text-decoration: none; } /*-----------------------------------------------------*/ .gridListInner{ width: 100%; } .gridListInner td{ padding: 5px; } /*-----------------------------------------------------*/ .focusPicture{ width: 350px; margin:auto; text-align:center; margin-top:10px; border:1px solid #000; } .focusPicture td{ padding: 5px; font-weight:bold; } .focusPicture .title{ background-color: #dffce0; } /********************** THUMB LIST ******************************/ .thumbList{ border-collapse: collapse; width: 664px; height: 400px; margin:left; background-color:#999999; } .thumbList td{ padding: 0px 0px 0px 40px; vertical-align: top; text-align: left; } div.thumbListBox{ width: 150px; float: left; height: 275px; vertical-align: top; } div.thumbListBoxInner{ padding: 0px; border-collapse: collapse; background-image: url('../images/product_bg.gif') ; width: 140px; height: 270px; color: #ffffff; } .thumbListBoxInner div { padding-top: 4px; padding-bottom: 4px; text-align:center; font-weight:bold; color:#fff; } .thumbListBoxInner .picture { margin: auto; float:center; } .thumbListBoxInner .title { text-align: center; vertical-align: top; padding: 2px; height:45px; } .thumbListBoxInner .price { text-align: center; vertical-align: top; padding: 10px; height:12px; } .thumbListBoxInner .cartRow1 { text-align: center; vertical-align: top; padding: 3px; } .thumbListBoxInner .cartRow2 { text-align: center; vertical-align: top; padding: 3px; } .thumbListBoxInner .topSeller{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight: bold; text-align:center; display:block; background-color:#ffe65b; color: #990100; } .thumbListBoxInner .topSellerEmpty{ line-height: 15px; } .thumbListBoxInner a.detailCart{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; border: 1px solid #ffffff; font-weight: bold; text-align:center; text-decoration:none; display:block; color: #ffffff; } .thumbListBoxInner a.detailCart:hover{ color: #ffe65b; } .thumbListBoxInner a.addedCart{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; border: 1px solid #ffe65b; font-weight: bold; text-align:center; text-decoration:none; display:block; color: #ffe65b; } .thumbListBoxInner a.addedCart:hover{ color: #ffe65b; } /********************** FAVOURITE CONTENT ******************************/ .favouriteContent { width:100%; background-color:#000; } .favouriteContent td{ color:#fff; padding:3px; } .favouriteContent .header { } .favouriteContent .title{ font-weight: bold; text-align:left; } .favouriteContent .description{ font-weight: bold; } .favouriteContent a:link, .favouriteContent a:visited, .favouriteContent a:hover{ color:#fff; } /********************** LATEST PRODUCTS ******************************/ .latestProducts{ border-collapse: collapse; width: 450px; margin:auto; text-align:center; float:right; } .latestProducts .top{ height: 61px; background-image: url('../images/featured_products/top.jpg') ; } .latestProducts .left{ width: 14px; background-image: url('../images/featured_products/left.jpg') ; } .latestProducts .body{ width: 421px; height:300px; } .latestProducts .right{ width: 15px; background-image: url('../images/featured_products/right.jpg') ; } .latestProducts .bottom{ height: 16px; background-image: url('../images/featured_products/bottom.jpg') ; } .latestProductsInner{ width: 410px; margin:auto; } .latestProductsInner h1.title{ font-size: 16px; font-weight: bold; color: #91ccea; letter-spacing:1px; } /********************** PRODUCT SPEC******************************/ .productSpec{ padding: 0px; width:250px; margin-left:10px; empty-cells: show; float:right; } .productSpec td{ padding:5px; } .productSpec .headerRow{ color: #fff; font-weight: bold; background-color:#91ccea; font-size: 11px; } .productSpec .fieldLabel{ vertical-align: top; font-weight: bold; width:75px; } .productSpec .fieldValue{ font-size: 11px; } /********************** POLL ******************************/ .poll { width:100%; background-color:#E8E8E8; } .poll td{ border: 2px solid #000; padding:5px; } .poll td.header { font-size: 15px; font-style: normal; font-weight: bold; color: #fff; background-color:#000; height:30px; text-align:center; vertical-align:middle; } .poll td.title{ color : #004479; text-align:left; } .poll a.title, .poll a.title:visited{ color : #4e6f18; text-decoration : none; } .poll a.title:hover{ color : #4e6f18; text-decoration : underline; } /********************** OTHER ******************************/ .changeTextSize{ text-align: right; float:right; } /********************** LATEST CONTENT ******************************/ .latestContent { width:100%; background-color:#E8E8E8; } .latestContent td{ border: 2px solid #000; } .latestContent img{ } .latestContent td.header { font-size: 15px; font-style: normal; font-weight: bold; color: #fff; background-color:#000; height:30px; text-align:center; vertical-align:middle; } .latestContent td.title{ color : #004479; text-align:left; } .latestContent a.title, .latestContent a.title:visited{ color : #4e6f18; text-decoration : none; } .latestContent a.title:hover{ color : #4e6f18; text-decoration : underline; } .latestContent li{ list-style-type: disc; list-style-position: outside; margin-left:35px; margin-top:5px; padding:5px; } /****************************************************/ table#accessory{ width: 100%; height: 100%; border: 1px dashed #fff; } div#listBoxAcc{ width: 150px; float: left; height: 180px; vertical-align: top; } table#productThumbAcc{ padding: 0px; border-collapse: collapse; background-image: url('../images/product_bg.gif') ; width: 140px; height: 175px; color: #ffffff; } table#productThumbAcc td{ text-align: center; vertical-align: top; padding: 2px; } table#productThumbAcc td.title { text-align: center; vertical-align: top; padding: 2px; height:40px; color: #fff; font-weight: bold; font-size: 10px; } table#productThumbAcc img { margin: auto; float:center; } /****************************************************/ div#listBoxVid{ width: 310px; float: left; height: 270px; vertical-align: top; } table#productThumbVid{ padding: 0px; border-collapse: collapse; width: 300px; height: 250px; } table#productThumbVid td{ text-align: left; padding: 2px; } table#productThumbVid td.title{ color : #000; text-decoration : none; border: 0px solid #c2c1c1; font-weight: bold; font-size: 12px; } /****************************************************/ div.videoListBox{ width: 320px; float: left; height: 110px; vertical-align: top; } div.videoListBoxInner{ padding: 0px; border-collapse: collapse; width: 310px; height: 100px; color: #ffffff; border: 0px solid #000; } .videoListBoxInner div { padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; text-align:left; font-weight:bold; color:#fff; } .videoListBoxInner div.picture { margin: auto; float:left; } .videoListBoxInner div.title1 { text-align: left; vertical-align: top; padding: 2px; } .videoListBoxInner div.description { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: left; vertical-align: top; padding-left: 10px; color: #000000; text-decoration:none; } .title1 a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-weight: bold; text-align:left; text-decoration:none; color: #000; }