/* DEFAULT STYLING */ @import url("typography.css"); @import url("forms.css"); /**********************--------------------------clearfix*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /**********************--------------------------END clearfix*/ /*GRID SYSTEM*/ /*960 grid layout system - 16 col layout*/ .container_16 { margin-left: auto; margin-right: auto; width: 980px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float:left; margin-left:10px; margin-right:10px;} .grid_2 {width: 100px;} .grid_4 {width: 220px;} .grid_5 {width: 280px;} .grid_6 {width: 340px;} .grid_8 {width: 470px;} .grid_12 {width: 700px;} .grid_14 {width: 780px;} .grid_16 {width: 980px;} .push_4 {margin-left:220px;} .alpha { margin-left:0px;} .omega { margin-right:0px;} /*************************--------------------- sticky footer */ html, body, #container { height: 100%; } body > #container { height: auto; min-height: 100%; } #wrap { padding-bottom:300px; } /**********************---------------------- end sticky footer */ * { list-style: none outside none; margin: 0; padding: 0; } body{background: #fff ;} img, table{border: none;} *html li {height: 1%;} /*END DEFAULT STYLING */ /*Declare sprite image */ .sprite{ background: url('../images/sprite-master.png') no-repeat top left; display:block;} /*hold site centered & style backgrounds*/ div.container_16{ background-color:#fff;} footer, #meta { } /*LOGO*/ .headWrap {background: #000; height:130px;} header{height:130px;} #logo a{ display: block; width:380px; height:130px; background: transparent url("../images/coral-coast-logo.gif") no-repeat scroll left bottom;} /*TOP MENU*/ #topMenu { padding-left: 32px; margin:0; list-style:none; text-align: left; margin-top: 2em;} #topMenu li{ display: inline; margin-right:5px; padding-right:8px; z-index:1001;} #topMenu li a{ line-height:2em; color: #fff; text-transform:uppercase; } #topMenu li a:hover{ color: #f04a23;} /*SOCIAL*/ #Social { margin: 0; margin-top:2.5em;} #Social li{ float: left; margin-left:1.25em; } #Social li a{ width: 24px; height: 24px; display:block; text-indent:-98989em; background-position: -0px -170px; } #Social li a#rss{ background-position: -0px -170px; } #Social li a#facebook{ background-position: -50px -170px; } #Social li a#flikr{ background-position: -100px -170px; } #Social li a#tumblr{ background-position: -150px -170px; } #Social li a#twitter{ background-position: -200px -170px; } /*hover*/ #Social li a:hover#rss{ background-position: -0px -195px; } #Social li a:hover#facebook{ background-position: -50px -195px; } #Social li a:hover#flikr{ background-position: -100px -195px; } #Social li a:hover#tumblr{ background-position: -150px -195px; } #Social li a:hover#twitter{ background-position: -200px -195px; } /*CART*/ #cart { margin: 0; border: 1px solid #474749; margin-top: 0.5em; text-align: center; padding-bottom:0.25em} #cart span.cart a{float: left; background-position: -0px -645px; width: 30px; height: 30px; margin-left: 1em;} #cart p{ font-size:140%; line-height: 160%; margin-bottom: 0em;} #cart p em{font-style: normal; color:#fff;} span.rightcartdesc{ float: right; color:#EB4131;} /*SEARCH*/ #search{ padding-left: 40px; } #search form{ height:50px; background-position: -360px -0px; padding-left: 40px; padding-top: 7px;} #search select{float:left; margin-top:3px; } #search input.input{width: 230px; float:left; height:25px; font-size: 120%; color:#d1d3d4; outline:none; border: 1px solid #fff; line-height:25px; margin-left:10px; margin-right: 20px;} /*MAIN MENU*/ #mainNav { width:980px; margin:0 auto; border: 1px dotted #A7A9AC; border-top: none; margin-bottom: 1em; } a.homeLink { display:block; line-height: 4.25em; color:#4c4d4f; padding-left: 2em; text-transform:uppercase; background: transparent url("../images/home-icon.jpg") no-repeat scroll left center;} a.homeLink:hover{ color: #eb4131;} #mainNav div.grid_1{ margin-right:0;} a.rootProdCtgLNK{font-weight: bold;} a.rootActiveProdCtgLNK{font-weight: bold; color: #000;} #myslidemenu { position: relative; z-index:300; margin-right:1.5em; text-align:right; width:auto; float: right;} /*#myslidemenu li{padding-left:1.5em;} Original padding, removed due to additional menu items */ #myslidemenu li{padding-left:0.5em;} /*#myslidemenu li a { line-height:4.25em; color:#4c4d4f; padding-left: 1.5em; text-transform:uppercase; background: transparent url("../images/star-icon.gif") no-repeat scroll left center;} Original padding, removed due to additional menu items */ #myslidemenu li a { line-height:4.25em; color:#4c4d4f; padding-left: 1.6em; text-transform:uppercase; background: transparent url("../images/star-icon.gif") no-repeat scroll left center;} #myslidemenu li a:hover{ color: #eb4131;} /* active state tab */ #myslidemenu li a.activerootmenulink {color: #3b3b3d;} #myslidemenu li a.activerootmenulink { background: transparent url("../images/activeMenu.png") no-repeat scroll left top; } #myslidemenu li a.activerootmenulink span{ background: transparent url("../images/activeMenu.png") no-repeat scroll right top; } /* second level*/ #myslidemenu li ul { background-color: #616161; border: 1px solid #5d5d5d; padding: 10px 0px 10px 10px;} #myslidemenu li ul li{ width: auto;padding-left:0em;} #myslidemenu li ul li a { color: #fff; line-height:16px; height:auto; word-spacing:0px; padding: 5px 0px 5px 0px; text-align: left; width: 180px; /*width of sub menus*/ background: transparent none;} #myslidemenu li ul li a:hover { background-color: #fff; color:#3b3b3d;} /* Admin Menu Begin */ .adminmenucontainer{width: 100%; background-color: #eeeeee;} .adminmenu{width: 770px;} .adminmenurow{text-align: center; height: 24px;} .adminrootheading{line-height: 14px; display: block; color: #000000; padding: 6px; font-weight: bold; font-size: 13px; z-index: 1002;} .adminrootitem{ text-align: center; background-color: #eeeeee; color: #000000; text-decoration: none; width: 20%; text-indent: 30px; z-index: 1002;} a.adminrootmenulink{line-height: 14px; display: block; color: #000000; padding: 6px; text-decoration: none; font-weight: bold; font-size: 13px;} .adminsubmenu{line-height: 14px; width: 180px; display: none; position: absolute; background-color: #eeeeee; margin: 0px; padding: 0px; text-decoration: none; list-style-type: none; z-index: 1002;} .adminmenuitem{height: 24px; padding: 3px;} a.adminmenulink{line-height: 14px; display: block; color: #000000; padding: 6px; text-align:left; text-decoration: none; font-size: 12px; text-indent: 10px;} /* Admin Menu End */ /* Enabling Admin Menu Begin*/ /*.submenu{line-height: 14px; width: 152px; border: solid 1px #ffffff; display: none; position: absolute; background-color: #cccccc; margin: 0px; padding: 0px; text-decoration: none; list-style-type: none;} .menuitem{line-height: 14px; display: block; text-align: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0px; padding: 0px; background-color: #cccccc; text-decoration: none; border-top: solid 1px #ffffff; border-bottom: solid 0px #3e2769; text-transform: uppercase;} a.rootmenulink, a.rootmenulink:link, a.rootmenulink:visited, a.rootmenulink:active{line-height: 19px; display: block; color: #000000; padding-top: 0px; padding-bottom: 4px; padding-left:17px; padding-right:17px; text-align:left; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-decoration: none; font-size: 13px;} a.rootmenulink:hover{} a.activerootmenulink, a.activerootmenulink:link, a.activerootmenulink:visited, a.activerootmenulink:active{line-height: 19px; display: block; color: #000000; padding-top: 0px; padding-bottom: 4px; padding-left:17px; padding-right:17px; text-align:left; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-decoration: none; font-size: 13px;} a.activerootmenulink:hover{} a.menulink, a.menulink:link, a.menulink:visited, a.menulink:active{line-height: 14px; display: block; height: 100%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #cccccc; color: #000000; padding-left: 8px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; font-weight: normal; font-size:11px; text-decoration: none;} a.menulink:hover{text-decoration: underline; background-color: #cccccc;}*/ /* Enable Admin Menu End */ /*Blocks*/ #banner{ margin: 0 auto 10px auto;} /* leftCOLUMN STYLES*/ #leftcol {padding-top: 1em; padding-bottom: 2em; } #leftcol { background-color:#a7a9ac;} /*leftmenu*/ /** BLOCKS **/ .leftBlock {margin: 0 auto 10px auto; padding: 1em 1.5em;} .leftBlock ul{ list-style:none; margin: 0.25em 0em;} .leftBlock ul li{color:#fff; } .leftBlock ul li a{ color:#fff; text-transform: uppercase; line-height: 1.8em} .leftBlock ul li a:hover, .leftBlock ul li a.rootActiveProdCtgLNK, .leftBlock ul li a.active{ color:#000} /*second level*/ .leftBlock li ul { margin-left: 1em; margin-top: 0em;} .leftBlock li ul li a{} /*CONTENT STYLES*/ #content { padding-bottom: 4em;} #content h2 {border-top: 2px solid #EB4131; margin-top:0.5em; padding-top:0.5em; clear:left;} /*HERO*/ #hero{ padding-bottom: 10px; width: 480px;} #hero img{ border: 1px dotted #A7A9AC; } .heroLeft{margin-left:0px;} .heroRight{margin-right:0px;} /* HOME content block */ #innerContent { margin: 4em auto 2em auto; float: none; display: block;} .aboutBlock { padding:1em 1em 5em 1em; background: #e6e7e8 url("../images/aboutBlock-footer.gif") no-repeat left bottom; float: left;} #content div.aboutBlock h2 {border-top: none; margin-top:1em; padding-top:0em;} #home1{width: 313px; height: 363px; margin:0px; display: block;float:left; margin: 0px 19px 10px 0px;} #home1 h2{width: 313px; margin:0px; display: block; border: none; text-align: center;} #home1 img{ border: 1px dotted #A7A9AC; } #home2{width: 313px; height: 363px; margin:0px; display: block;float:left; margin: 0px 19px 10px 0px;} #home2 h2{width: 313px; margin:0px; display: block; border: none; text-align: center;} #home2 img{ border: 1px dotted #A7A9AC; } #home3{width: 313px; height: 363px; margin:0px; display: block;float:left; margin: 0px 0px 10px 0px;} #home3 h2{width: 313px; margin:0px; display: block; border: none; text-align: center;} #home3 img{ border: 1px dotted #A7A9AC; } #home4{width: 313px; height: 363px; margin:0px; display: block;float:left; margin: 0px 19px 10px 0px;} #home4 h2{width: 313px; margin:0px; display: block; border: none; text-align: center;} #home4 img{ border: 1px dotted #A7A9AC; } #home5{width: 313px; height: 363px; margin:0px; display: block;float:left; margin: 0px 19px 10px 0px;} #home5 h2{width: 313px; margin:0px; display: block; border: none; text-align: center;} #home5 img{ border: 1px dotted #A7A9AC; } #home6{width: 313px; height: 363px; margin:0px; display: block;float:left; margin: 0px 0px 10px 0px;} #home6 h2{width: 313px; margin:0px; display: block; border: none; text-align: center;} #home6 img{ border: 1px dotted #A7A9AC; } p.thinp{line-height: 1px; margin-top: -10px; padding: 0;} /*CATEGORIES LINKED FROM HOME*/ .CatLinks { margin:0; padding:0; list-style: none; clear:left;} .CatLinks li{ margin-bottom: 10px; width: 220px; float: left; margin-right: 10px;} /*homeCat's*/ #homeCat li{ width: 340px; } div.aboutBlock.clearfix img {margin-left: 15px;} #content ul.CatLinks a h2{ background-color: #a7a9ac; color:#FFF; text-transform:uppercase; font-size: 1em; border-top: none; margin-top:0em; padding:0.25em; text-align:center; display:block; text-decoration:none;} .CatLinks a:hover h2{ background-color: #eb4131; text-decoration:none; } .CatLinks a, .CatLinks a:hover { text-decoration:none; } .CatLinks a img{ opacity: 0.8} .CatLinks a:hover img{ opacity: 1} /*Product Listing*/ ul.products.clearfix {padding-bottom: 50px;} .products { clear:left; margin:10px 0px; padding-top:10px; list-style: none; clear:left; /*border-bottom: 2px solid #eb4131;*/ } .products li { display:inline-block; margin-bottom: 10px; width: 220px; float: left; margin-right:20px; text-align:center; display:-moz-inline-stack; zoom:1; *display:inline; vertical-align:top;} .products li:nth-child(3n) { margin-right: 0px; } /*home only products*/ body.home ul.products li { display:inline-block; margin-right: 31px; display:-moz-inline-stack; zoom:1; *display:inline; vertical-align:top;} body.home ul.products li:nth-child(3n) { margin-right: 31px; } body.home ul.products li:nth-child(4n) { margin-right: 0px; } .products img {} .products h3, .products p{ margin:0px; clear:left; } .products h3{ display:block; height: 3em; margin: 0; line-height: 1.25em;} .products h3 a{ color: #4c4d4f; } .products h3 a:hover{ color: #eb4131; } .products p { margin-bottom: 0.25em; border: 1px dotted #a7a9ac; border-left:none; border-right:none; padding:0.25em 0; text-align:left} .products p span { font-size: 80%; width: 35%; float: left; display:block; line-height: 1.5em;} .products p span.price, .products p input { width: 24%;} .products p span.price {text-align:right; font-size: 100%; margin-right: 2%; margin-top:4px; line-height: 1.5em;} .products p input { } /*Product details */ .product { margin:0; padding:0; list-style: none; clear:left; } .variant { margin-bottom: 5px; font-weight:bold;} .product li { width: 340px; float: left; margin-right: 10px; } .product li img{ margin-bottom: 10px; } .product li h2{ clear: left; } .product form#qty label { display: block; float: left; text-align: left; padding: 5px 10px 0 0; width: auto; } .product form#qty input[type=text] { float: left; width: 30px; font-size: 120%; text-align: center; height:20px; padding:0px; border:1px solid black;} .product form#qty div { overflow: hidden; margin: 0 0 5px 0; float: left;} .product form#qty div.qty { margin-top:0px;} .product form#qty div.qty div.qtybutton { margin-top:2px;} .product form#qty div.qty input#Quantity{ margin-top:2px;} .product form#qty div.button { margin: 0 0 0 5px; text-indent: -9999px; cursor: pointer; width: 29px; height: 29px; float: left; text-align: center; background: url(../images/buttons.png) no-repeat; } /*.product form#qty div.dec { background-position: 0 -29px; }*/ .product form#qty div.qtybutton { /*-moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; future proofing -khtml-border-radius: 5px 0px 0px 5px; for old Konqueror browsers */ /*background: #abd0ee url("../images/qtybutton-bg.jpg") repeat-x scroll center top;*/ background-color: Black; color: #FFFFFF; display: block; cursor: pointer; font-size: 120%; height:20px; padding-left: 0.5em; padding-right: 0.5em; border: 1px solid #000000; } .product form#qty div.qtybutton:hover { border: 1px solid #5794bf; } .product form#qty div.inc { /*-moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; future proofing -khtml-border-radius: 0px 5px 5px 0px; for old Konqueror browsers */ } .save {color:#e3103d;} .price { color:#595a5c;} .rrp {font-size:0.75em; text-decoration:line-through;} /*SIGNUP*/ .signup{ background-position: 0px -900px; height:28px; padding-top: 8px; margin-bottom: 10px;} /*FOOTERS*/ /*block footer homepage*/ #footer { background: none repeat scroll 0 0 #6f7073; color:#fff; width: 100%;} #footer div.innertube{ width:980px; margin:0 auto; padding-top: 2em;} #footer { clear: both; position: relative; z-index: 10; height: 300px; margin-top: -300px; } #footer h4{ color:#fff; font-size:100%; font-weight: 400; text-transform:none;} #footer ul{ list-style:none;} #footer ul li{color:#fff; } #footer ul li a, #footer a{ color:#fff;} #footer ul.grid_4 li{ width: 50%; float:left;} #footer p, #meta p{ padding-top: 1em; padding-bottom: 1em;} /*BUTTONS*/ a.button, input.button{ display: block; padding-left :0.5em; padding-right:0.5em; cursor:pointer; text-transform: uppercase; line-height:2em; font-size: 80%; color:white; letter-spacing:1px; font-weight:600; border:1px solid #25282a; /*rounded corners*/ -moz-border-radius: 5px; /* Firefox 3.6+ */ -webkit-border-radius: 5px; /* Safari 4+, Chrome 1-9 */ border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ /* gradient */ background-color: #235b8b; /* fallback/image non-cover color */ background-image: url(/images/fallback-gradient.png); /* fallback image */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#478bd9), to(#235b8b)); /* Safari 4+, Chrome 1-9 */ background-image: -webkit-linear-gradient(top, #478bd9, #235b8b); /* Safari 5.1+, Mobile Safari, Chrome 10+ */ background-image: -moz-linear-gradient(top, #478bd9, #235b8b); /* Firefox 3.6+ */ background-image: -ms-linear-gradient(top, #478bd9, #235b8b); /* IE 10+ */ background-image: -o-linear-gradient(top, #478bd9, #235b8b); /* Opera 11.10+ */ } input#BaddCart {background:url("/images/AddToCartMid.jpg") no-repeat;margin-left: 0.25em; height: 40px; width: 135px; padding-left :1em; padding-right:1em; border:0;} input#BaddCartCompact {background:url("/images/AddToCartMini.jpg") no-repeat;margin-left: 0.25em; height: 25px; width: 84px; padding-left :1em; padding-right:1em; border:0;} a#BviewCart { background-position: 0px 0px; width: 88px; height: 28px; float: left; margin-top: 3px; text-align:center; } a#BreadMore { background-color: #000!important; width: 88px; text-align:center; margin-top:0.25em; border:1px solid #000!important; } input#Bsearch{ margin-left: 0.25em; height: 37px; padding-left :1em; padding-right:1em;} a.button:hover, input.button:hover{ text-shadow: 1px 1px 0px #25517f;} a#BreadMore:hover{ text-shadow: 1px 1px 0px #000!important; opacity: 1;} /************************************************************************************/ /*New css changes*/ /*to go after line 90*/ #menu p { margin: 15px 10px 0px 10px;} /*from line 120*/ #products li:nth-child(3n+3){ margin-right:0%; } /************************************************************************************/ /*CHECKOUT CSS*/ /*Checkout Breadcrumbs*/ ul#checkoutBreadcrumbs { margin: 10px auto; list-style: none; height:48px; background-color:#e6e7e8; background-image: url(../images/sprite-checkout.png); background-repeat: no-repeat; background-position: 0px -48px; width: 960px } ul.second { background-position: 0px -96px!important; } ul.third { background-position: 0px -144px!important; } /*Set body class to change styles*/ ul#checkoutBreadcrumbs li{ float: left; width: 25%; } ul#checkoutBreadcrumbs li a{ font-size: 120%; color:#A7A9AC; padding-left: 8px; display: block; height:48px; line-height:44px;} ul#checkoutBreadcrumbs li a span{font-size: 120%; font-weight:600; padding:10px; letter-spacing:-1px } ul#checkoutBreadcrumbs li.active a, ul#checkoutBreadcrumbs li.active a span{ color:#fff; } ul#checkoutBreadcrumbs li a:hover, ul#checkoutBreadcrumbs li a:hover span{ text-decoration:none; } ul#checkoutBreadcrumbs {margin-bottom:10px;} .Blocks { border:4px solid #e6e7e8; margin-bottom:10px} table.Blocks { width: 100%; margin-bottom:10px} /****Cart Table************/ #FullWidth {width: 960px; margin-left: auto; margin-right:auto;} td.ViewCart_Header_Left { background: none repeat scroll 0 0 #e6e7e8; color: #444548; font-weight: normal; padding: 5px 5px; text-align: left; font-size: 100%; } td.ViewCart_Header_Right { background: none repeat scroll 0 0 #e6e7e8; color: #444548; font-weight: normal; padding: 5px 5px; text-align: right; font-size: 100%; } td.ViewCart_Header_Center { background: none repeat scroll 0 0 #e6e7e8; color: #444548; font-weight: normal; padding: 5px 5px; text-align: center; font-size: 100%; } td.ViewCart_Product_Center { text-align: center; vertical-align: middle; } td.ViewCart_Product_Left { vertical-align: middle; padding: 5px 5px; } td.ViewCart_Product_Right { vertical-align: middle; padding: 5px 5px; } .ViewCart_Separator {border-top:1px dotted #afafb3;} /*TOTALS*/ .ViewCart_Price_Left {font-size: 100%; font-weight: normal;} .ViewCart_Price_Left em { color:#A7A9AC; font-style: normal; font-weight: normal;} .ViewCart_Price_Left strong, .ViewCart_Price_Right strong { font-weight: normal; font-size:150%;} /*FREIGHT*/ div.ViewCart_Freight_Good, div.ViewCart_Freight_Bad { right: 300px; } /** PROMO CODE ***/ .PromoCode { padding: 10px; } .PromoCode p{ width: 50%; float:left; text-align:left; line-height: 2em; margin-bottom:0px; } .PromoCode div{ width: 50%; float:left; text-align:right; } .PromoCode div input{clear: left; float: right; } a.BlueLink { color:#00aeed; font-size: 100%; text-transform: uppercase; padding:10px;} /** button code further up the page needs copying over input.usethis**/ /******* Proceed *****/ .Proceed{ background-color:#696969; margin-bottom:10px; font-size: 150%; text-transform: uppercase; text-align:right;} .Proceed a{ color:#fff; padding: 20px; line-height: 2em;} .Proceed span{ color:#fff; font-size: 50%; float:left;} /**************************************************/ /* STEP 2/3 Checkout */ #checkout {width: 682px; border:4px solid #e6e7e8; margin-bottom:10px; padding-bottom:20px;} #checkout div{width: 48%; float:left; margin-left:1%} .tableBorders{border-top:1px dotted #afafb3; border-bottom:1px dotted #afafb3; padding: 10px 0px;} .Redtxt { color:#e31b23;} /** button code further up the page needs copying over input.login**/ /** button code further up the page needs copying over input.guest**/ #checkout h1, #checkout p{ margin-left: 10px; margin-right:10px;} #checkout div h1, #checkout div p{ margin-left:0px; margin-right:0px;} /*#checkout div p.smMessage, #checkout p.smMessage {font-size:80%; text-transform: uppercase; padding: 10px; background-color: #EBECF0; margin-left:10px; margin-right:10px;}*/ #checkout div p.smMessage, #checkout p.smMessage { background-color:#f8fae1; font-size:80%; margin-left:10px; margin-right:10px; padding:10px; text-align:center;} /******* Proceed *****/ #Proceed{ width: 670px; background-color:#555557; margin-bottom:40px; margin-bottom:10px; padding:10px;} #Proceed span{ color:#fff; text-transform: uppercase; font-size: 70%; float:left; line-height:4em;} /** button code further up the page needs copying over input.payment**/ #easy_zoom{ width:390px; height:390px; border:5px solid #eee; background:#fff; color:#333; /* position:absolute; top:200px; left:11%; */ position:absolute; top:0px; left:-420px; overflow:hidden; -moz-box-shadow:0 0 10px #777; -webkit-box-shadow:0 0 10px #777; box-shadow:0 0 10px #777; /* vertical and horizontal alignment used for preloader text */ line-height:400px; text-align:center; } #slider1 { height: 1%; overflow:hidden; padding: 10px 0; border-top: 1px solid #999; display:inline; } #slider1 .viewport { float: left; width: 235px; height: 80px; overflow: hidden; position: relative; } #slider1 .buttons { background:url("../images/buttons2.png") no-repeat scroll 0 0 transparent; display: block; margin: 20px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; opacity:0.6 } #slider1 .buttons:hover { opacity:1 } #slider1 .next { background-position: 0 0; margin: 20px 0 0 10px; } #slider1 .disable { visibility: hidden; } #slider1 ul.overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 200px; left: 0 top: 0; border: none; } #slider1 ul.overview li{ float: left; margin: 0 5px 0 0 !important; padding: 1px; height: 70px; border: 1px solid #dcdcdc; width: 70px;} #content ul.product li ul.overview li {width: 70px;} td.prodCell{vertical-align: top;}