/* Description: CSS 2013 Author: Visualcode Limited Date: May 2014 Version: 1.0 */ @import url('css/cookie.css'); /*---------------------------Global Start -----------------------------*/ body { font:13px/20px "Arial", helvetica, san-serif; margin:0px; padding:0px; color:#333; text-align:center; background:#F3ECD9; font-weight:400;} a:link {color: #A8C434; text-decoration: none;} a:visited {color:#A8C434;text-decoration: none;} a:active {color:#3C4525;text-decoration: none;} a:hover {color:#3C4525;text-decoration: none;} a img{border:none;} a.button, .clear a{ padding:5px 10px !important; border:0; color:#FFF; font-size:13px; font-weight:bold; border-radius:5px; background-color: #9AB71F; background-image: -moz-linear-gradient(top, #9AB71F, #849E17); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9AB71F), to(#849E17)); background-image: -webkit-linear-gradient(top, #9AB71F, #849E17); background-image: -o-linear-gradient(top, #9AB71F, #849E17); background-image: linear-gradient(to bottom, #9AB71F, #849E17); background-repeat: repeat-x; box-shadow:rgba(0,0,0,0.2) 0px 2px 3px;} a:hover.button, .clear a:hover{background-color: #3C4525; background-image: -moz-linear-gradient(top, #3C4525, #262c18); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C4525), to(#262c18)); background-image: -webkit-linear-gradient(top, #3C4525, #262c18); background-image: -o-linear-gradient(top, #3C4525, #262c18); background-image: linear-gradient(to bottom, #3C4525, #262c18); background-repeat: repeat-x;} .num0 { display:none; } h1, h2, h3, h4{line-height:normal; font-weight:400; color:#3C4525; letter-spacing:-0.05em; font-family:georgia, times, serif;} h1 {font-size: 27px; border-left:#A8C434 solid 5px; padding-left:10px;} h2 {font-size:25px;} h3 {font-size:21px;} h3 span{color:#A8C434;} h4 {font-size:17px;} hr {border: none; height: 1px; margin: 10px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#A8C434 solid 2px;} pre {display: inline; white-space: pre-wrap; word-wrap: break-word;} p{margin:10px 0;} div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */ /* General Table Formating */ table{margin:0; border-collapse:collapse; width:100%;} table td,table th{padding:5px; border-bottom:#3C4525 solid 1px; vertical-align:top;} table thead td{background:#3C4525; border-top:0px; border-bottom:none; color:#FFF; padding-left:5px; } table thead td.none{border-right:none;} /* General Form Formating */ input,button,select,textarea {} form {margin:0;padding:0;margin-top:5px;padding-top:5px;} form p {margin:0;padding:2px 0 2px 0 ;} form div{display:block;clear:left;} form .inputContainer{float:left;margin-bottom:5px;width:auto;clear:none;} form .passwordContainer{ margin-bottom:0px !important; } form .inputContainer div{margin-bottom:5px;clear:left;} .inputContainer .subForm div.inputContainer{width:200px;float:left;clear:none;} form label {float: left;margin:0; padding:1px 1px 0 1px; width: 10em; text-align: left; color:#3C4525;} form input,form select,form textarea{margin-bottom:5px; padding:5px; border:none; background:#FFF; border:#d6d3ca solid 1px; color:#3C4525; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font:13px/20px "arial", helvetica, san-serif;} form select{margin-bottom:5px; padding:2px; border:#d6d3ca solid 1px; max-width:200px;} form input.standard {width:200px;} form textarea {width:400px;font-size:12px;} form input.button { border:0px; padding:5px 10px !important; font-weight:bold; color:#FFF; box-shadow:0px 2px 3px rgba(0,0,0,0.2); font-size:15px; font-weight:bold; border-radius:5px; overflow:visible; /* IE button hack for width */ cursor:pointer; background-color: #9AB71F; background-image: -moz-linear-gradient(top, #9AB71F, #849E17); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9AB71F), to(#849E17)); background-image: -webkit-linear-gradient(top, #9AB71F, #849E17); background-image: -o-linear-gradient(top, #9AB71F, #849E17); background-image: linear-gradient(to bottom, #9AB71F, #849E17); background-repeat: repeat-x;} form input.button:hover{background-color: #3C4525; background-image: -moz-linear-gradient(top, #3C4525, #262c18); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C4525), to(#262c18)); background-image: -webkit-linear-gradient(top, #3C4525, #262c18); background-image: -o-linear-gradient(top, #3C4525, #262c18); background-image: linear-gradient(to bottom, #3C4525, #262c18); background-repeat: repeat-x;} span.error {font-size:10px;float:right; width:auto; font-weight:bold;} .instruction{display:block; padding:5px 10px; margin:0px 0px 10px 0px; font-size:12px; background:#f8f5e1;} .end{margin-right:0px !important;} .thumbend{margin-right:0 !important;} .clear{clear:both; text-align:center; padding-top:5px;} /*--------------------------- Start Layout -----------------------------*/ #container{ padding:0px 0px 0px 0px; margin:0px auto; border:none; position:relative; text-align:center; background:#FFF url(/images/container_bk.png) repeat-x 0px 150px;} #header{ z-index:1000; background:#63770E url(/images/header_bk.png) repeat-x; position:relative; height:150px; margin-bottom:30px;} #headCont{width:960px; padding:0px; margin:0px auto; text-align:center; height:125px; } /* ______________________ Top Navigation ______________________ */ #topBar{width:710px; margin:0px auto; text-align:left; height:29px; float:right;} #topBar #accountNav{ } .welcome{padding-right:20px; float:right; padding-top:5px; height:24px; color:#ECECEC; } .welcome a{color:#FFF; font-weight:bold;} .welcome a:hover{color:#A8C434;} .welcome span{color:#999; font-weight:normal; font-style:italic;} .welcome b{color:#FFF;} .myaccount{height:30px; margin-right:5px; text-align:right; float:right; border-radius:0px 0px 5px 5px; background:#3C4525;} .myaccount ul{list-style:none; margin:0; padding:0px; font-size:11px; font-weight:600; margin-right:0px; height:30px;} .myaccount ul li{float:right; display:block; height:29px; border-left:#2C3502 solid 1px;} .myaccount ul li a{padding:5px 15px 0px 15px; display:block; height:25px; border-left:#63770E solid 1px; color:#FFF; text-shadow:#2C3502 0px 1px 1px;} .myaccount ul li a:hover{color:#A8C434;} .myaccount ul li.account {} .myaccount ul li.login {} .myaccount ul li.checkout {border-left:0px !important; margin-left:5px;} .myaccount ul li.checkout a{border-left:0px;} /* ______________________ Logo ______________________ */ #Logo {margin-left:5px; padding:9px 0px 10px 0px; text-align:left; width:190px; float:left; margin-right:10px; height:111px;} #strap{float:left; padding-top:35px; line-height:35px; width:510px; color:#FFF; font-family:georgia, times, serif; font-size:20px;} /* ______________________ Search ______________________ */ #searchArea{float:right; width:230px; clear:none; margin-right:5px; height:32px; padding-top:35px; text-align:center;} #searchArea label{font-size:13px; width:130px; text-align:right; padding:5px 10px 0px 0px;} #searchArea form{margin:0px 0px 0px 0px; padding:0px; height:32px;} #searchArea form input{margin:0px; padding:8px 5px; float:left; border:0px; font-size:13px; line-height:16px;} #searchArea form input.textbox{width:188px; display:block; height:16px; color:#333; background:#FFF; box-shadow:inset 2px 2px 5px rgba(0,0,0,0.25); border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px;} #searchArea form input.search{width:32px; height:32px; background:#A8C434 url(/images/icon_search.png) no-repeat 10px 10px; border:0px; padding-top:8px; padding-left:20px; color:#444; text-indent:-9999px; line-height:11px; font-size:10px; cursor:pointer; border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px;} #searchArea form input.search:hover{text-decoration:underline; background:#A8C434 url(/images/icon_search.png) no-repeat 10px 10px; } /* ______________________ Quick Basket ______________________ */ #basketArea {z-index:1500; width:230px; text-align:right; height:50px; margin-right:5px; line-height:18px; padding-top:0px; position:absolute; z-index:10; top:-10px; right:0px; background:url(/images/shopping_bag.png) no-repeat 195px 0px;} #basketSummary{padding:0px; float:left; width:230px; height:35px; margin-top:10px; margin-bottom:5px;} #basketSummary #bsummaryItems{float:left; margin-top:0px; padding:0px; width:190px; background:#ebd7c1 url(/images/minibasket_bk.png) repeat-x; text-align:center; line-height:35px; overflow:hidden; text-shadow:#FFF 0px 1px 1px; box-shadow:0px 1px 3px rgba(0,0,0,0.25); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #basketSummary .hoverarea{width:230px; height:50px; margin:0px 0px 0px 0px; float:right;} #basketSummary .hoverarea a{display:block; height:50px; color:#3C4525; } #basketSummary .hoverarea a span{display:none; padding:0px; position:absolute; bottom:5px; left:100px; height:0px; width:0px; border-bottom:#3C4525 solid 8px; border-top:0px; border-right:transparent solid 8px; border-left:transparent solid 8px;} #basketSummary .hoverarea a:hover span{display:block;} #basketmessage{display: none; position: absolute; z-index: 1500; top: 45px; right:5px; box-shadow:0 2px 2px rgba(0,0,0,0.2); width:240px; padding:10px; font-size:11px; color:#FFF !important; text-align:center; background:#3C4525;} #basketpopup{display: none; position: absolute; z-index: 1500; top: 45px; right:5px; box-shadow:0 2px 2px rgba(0,0,0,0.2); width:450px; font-size:11px; text-align:left;} #basketpopup #basketContainer table td{font-size:11px; border-right:0px;} #basketpopup #basketContainer table thead td{background:#3C4525; color:#FFF !important; border-top:0px; padding:5px; font-weight:bold;} #basketpopup #basketContainer table tbody td{background:#FFF; border-bottom:#3C4525 solid 1px;} #basketpopup #basketContainer table tfoot td{background:#3C4525; color:#FFF;} #basketpopup .basket_options{background:#3C4525; padding:5px 10px; text-align:right; color:#FFF; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px;} #basketpopup .basket_options a{font-weight:700; text-shadow:#000 0px 1px 1px; color:#FFF;} #basketpopup .basket_options a:hover{color:#A8C434; text-decoration:underline;} /* ______________________ Navigation ______________________ */ .navWrapper{height:35px; text-align:center; clear:both;} #Nav{clear:both; padding:0px 0px 0 0px; margin:0 auto; text-align:left; width:960px; height:35px;} #Nav #NavInner{background:pink; height:35px; margin-left:5px; width:710px; position:relative; background:#849E17 url(/images/nav_bk.png) repeat-x; border-radius:5px; moz-border-radius:5px; webkit-border-radius:5px; box-shadow:0px 1px 3px rgba(0,0,0,0.25);} #Nav ul {list-style:none; padding:0; margin:0px; text-align:left; border:none; position:absolute; z-index:10; left:0px; margin-left:35px; min-height:35px; border-left:#aec549 solid 1px;} #Nav ul li {float:left; margin:0px; position:relative; text-align:left; position:relative; border-left:#849E17 solid 1px; border-right:#aec549 solid 1px; min-height:35px; width:118px;} #Nav ul li a{background:transparent; color:#FFF; display:block; padding:0px; font-weight:700; text-align:center; text-decoration:none; font-size:13px; line-height:35px; letter-spacing:-0.5px;} #Nav ul li a.on,#Nav ul li a:hover {box-shadow:inset 2px -5px 5px rgba(0,0,0,0.25); text-shadow:0px 1px 1px rgba(0,0,0,0.25);} #Nav ul li a:hover{background:#A8C434;} #Nav ul li a.on {background:#A8C434;} #Nav ul li a span{display:none; padding:0px; position:absolute; bottom:0px; left:50px; height:0px; width:0px; border-bottom:#3C4525 solid 8px; border-top:0px; border-right:transparent solid 8px; border-left:transparent solid 8px; } #Nav ul li a:hover span, #Nav ul li a.on span{display:block;} #Nav ul li a.on span{display:none;} /*SUBNAV*/ #Nav ul li:hover ul{display:block;} #Nav ul ul{position:absolute; z-index:1450; background:transparent; width:220px;margin:0px; display:none; top:35px; left:0px; padding:5px 0px; text-align:left; background:#3C4525; border:none; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px;} #Nav ul ul li {border:none; border:0px; border-bottom:#697842 solid 1px; padding:0px; display:block; float:none; text-align:left; width:220px; min-height:20px !important;} #Nav ul li ul li a{line-height:20px; border-top:transparent solid 1px; height:auto; padding:7px 0px 7px 20px; color:#FFF; font-size:11px !important; font-weight:bold; background:url(images/bullet_white.png) no-repeat 5px 13px !important; border:none !important; display:block; text-align:left; border-radius:0px; text-shadow: 1px 1px 0px rgba(0,0,0,0.15);} #Nav ul li ul li a:hover{ border-top:#FFF solid 1px; color:#FFF; background:#A8C434 url(images/bullet_white.png) no-repeat 5px 13px !important; border-radius:0px; text-shadow:none !important;} /* ______________________ Coda Slider ______________________ */ .bannerWrapper{float:right; width:715px;} #bannerarea{height:320px; position:relative; width:710px; float:right; margin-right:5px; border-top:#3C4525 solid 3px;} #bannerarea .bannerStrip{height:20px; position:absolute; left:0px; bottom:1px; width:710px; background-color: #FFF;} #bannerInner{width:710px;padding:0px 0px 0px 0px; height:300px; margin:0 auto; position:relative;} #bannerInner .icons{height:75px; padding-top:5px;} #bannerInner .icons div{width:75px; height:75px; float:right; margin-right:5px; text-indent:-9999px;} #bannerInner .icons .new{background:url(/images/icon_blob_new.png) no-repeat} #bannerInner .icons .sale{background:url(/images/icon_blob_sale.png) no-repeat} #bannerInner .icons .best{background:url(/images/icon_blob_best.png) no-repeat} #bannerInner .icons .comingsoon{background:url(/images/icon_blob_soon.png) no-repeat} #bannerInner .icons .limitedstock{background:url(/images/icon_blob_stock.png) no-repeat} #bannerInner .lineOne{padding-top:80px; display:block; text-transform:uppercase; font-weight:700; text-align:center; font-size:35px; line-height:45px;} #bannerInner .lineTwo{display:block; font-size:20px; text-align:center; line-height:35px;} #bannerarea a.bannerAction{display:block; height:300px; width:700px; background:transparent; position:absolute; top:0px; left:0px; z-index:20;} #bannerarea a.bannerAction span{display:block; width:50px; height:50px; background:#A8C434; color:#FFF; text-align:center; font-size:30px; line-height:50px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; position:absolute; top:300px; left:445px; } #bannerarea a:hover.bannerAction span.arrow{background:#B421B4;} /* ______________________ BreadCrumb ______________________ */ #breadcrumb{padding:10px 5px; border-top:#d6d3ca dotted 1px; border-bottom:#d6d3ca dotted 1px; height:20px; margin:20px 5px 15px 5px; } #breadcrumb div{float:left; overflow:hidden; width:900px; height:20px;} #breadcrumb #home{width:25px;} /* ______________________ Layout of Content Areas ______________________ */ #wrapper {margin:0px auto; width:960px; position:relative; text-align:left; } .content_490{float:left; width:470px; padding:0px 0px 0px 0px; margin:0px 5px;} .content_980{clear:both;padding:0px 5px 20px 5px;margin:0px;} #mainContent{width:710px; float:right; margin-right:5px; margin-bottom:20px; clear:right; border-top:#3C4525 solid 3px;} #mainContent ul, #proDesc ul, .homeIntro ul{list-style:none;margin:0px; padding:0px;} #mainContent ul li, #proDesc ul li, .homeIntro ul li{background: url(/images/bullet_alt.png) no-repeat 5px 7px; padding-left:20px; padding-bottom:5px; margin-left:10px;} /* ______________________ Left Navigation ______________________ */ #leftnav{float:left;width:190px;margin-left:5px;} #leftnav .section h3{margin:0px 0px 0px 0px; padding:7px 0px 7px 0px; font-size:15px; color:#3C4525; letter-spacing:normal; border-bottom:#3C4525 solid 1px; border-top:#A8C434 solid 3px;} #leftnav .section ul{list-style:none;margin:0px 0px 20px 0px;padding:0px;} #leftnav .section ul li{margin:0px; padding:0px; display:block;} #leftnav .section ul li a{display:block; padding:3px 0px 3px 20px; border-bottom:#A8C434 dotted 1px; color:#3C4525; font-size:12px; font-weight:400; background: url(/images/bullet.png) no-repeat 5px 9px;} #leftnav .section ul li a:hover{text-decoration:none; background: url(/images/bullet_alt.png) no-repeat 5px 9px; color:#A8C434; } #leftnav .section ul li a.on{color:#3C4525; text-decoration:none; background:#F3ECD9 url(/images/bullet_alt.png) no-repeat 5px 9px;} #leftnav .section h3 .button { float:right; font-size:11px; padding:2px; font-family:trebuchet ms, Arial,Helvetica,sans-serif; } #leftnav .section ul li ul { margin:2px 0px 2px 0px; } #leftnav .section ul li.on ul { display:block !important; } #leftnav .section ul li ul li { padding-left:0px; } #leftnav .section ul li ul li a{font-size:11px; padding:3px 0px 3px 20px; background:url(/images/bullet_white.png) no-repeat 5px 9px; margin-left:20px;} #leftnav .section ul li ul li a:hover{color:#A8C434; background:#F3ECD9 url(/images/bullet_white.png) no-repeat 5px 9px;} /* Product List Navigation*/ .pro_nav ul li a.on{background:#F3ECD9 url(/images/icon-tick.png) no-repeat 0px 5px !important; color:#3C4525 !important} .pro_nav ul li ul li a.on{background:#F3ECD9 url(/images/icon-tick.png) no-repeat 0px 5px !important; color:#FFF !important} .pro_nav ul li ul{margin-bottom:0px !important;} /*Colour Band*/ .colour_bar{clear:both; padding:5px 0px; background:#F3ECD9 url(/images/footer_top_stitch.png) repeat-x; text-indent:-9999px;} /* ______________________ Footer Navigation ______________________ */ #foot_navigation_container{margin-bottom:0px; } #foot_navigation{clear:both; padding:0px 0px; width:980px; margin:0px auto; text-align:left; color:#3C4525; position:relative; line-height:25px; text-shadow: 0px 1px 1px rgba(255,255,255,0.7); } .return{background:#d6d3ca; width:60px; height:25px; display:block; margin-left:-60px; position:absolute; bottom:0px; left:490px; border-radius:7px 7px 0px 0px;} .return a{text-indent:-9999px; background: url(/images/arrow_up.png) no-repeat center center; display:block; height:10px; width:14px; margin:7px auto 0px auto;} #foot_navigation h3{margin:0px; margin-bottom:0px; padding:5px 0px 15px 0px; font-size:17px; color:#3C4525; } #foot_navigation .footerColumn{width:220px; float:left; margin-left:20px;} #foot_navigation .footerColumn ul{list-style:none; margin:0px; padding:0px; } #foot_navigation a{color:#3C4525;} #foot_navigation a:hover{color:#A8C434;} #foot_navigation .icons ul li{padding-left:25px; line-height:16px; margin-bottom:10px;} #foot_navigation .icons ul li a{background:none; padding-left:0px;} #foot_navigation .icons ul li.tel{background:url(/images/com_icons.png) no-repeat 0px -48px;} #foot_navigation .icons ul li.email{background:url(/images/com_icons.png) no-repeat 0 -80px; font-size:13px;} #foot_navigation .icons ul li.fax{background:url(/images/com_icons.png) no-repeat 0 -64px;} #foot_navigation .icons ul li.address{background:url(/images/icon_pencil.png) no-repeat 0 0px; font-size:13px;} #foot_navigation .paypal {font-size:10px; font-style:italic;} /* ______________________ Footer ______________________ */ #footContainer {clear:both; margin:0px auto; color:#3C4525;} .footWide{border-top:#d6d3ca solid 1px; clear:both;} #footer {margin:0 auto; width:980px; text-align:center; margin-bottom:20px; font-size:10px; line-height:15px; padding:10px 0px} #footer a{color:#3C4525;} #footer a:hover{text-decoration:underline;} #address{text-align:right; float:right; margin-right:20px; width:470px;} #copyright{float:left; width:470px; text-align:left; margin-left:20px;} /* Home Page */ .homeIntro{padding:0px 0px;} .homeIntro .homeLeft{float:left; width:510px;} .homeIntro .homeRight{float:right; width:190px; padding-top:20px;} .homeIntro .homeRight #twitter{ margin:0px; padding:0px; } .homeIntro .homeRight #twitter a{ display:block; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; padding:5px 5px 5px 50px; background:#9BB81F url(images/twitter.png) no-repeat 5px 5px; color:#FFF; font-size:10px; font-weight:bold; line-height:12px; } .homeIntro .homeRight #twitter a:hover{ background:#3A471B url(images/twitter.png) no-repeat 5px 5px; text-decoration:underline; } .homeIntro .homeDelivery{background:#A8C434; clear:both; margin:10px 0px; text-align:center; padding:10px; font-size:15px; font-weight:bold; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #bestSeller{padding:0px; border-top:#3C4525 solid 3px; clear:both; margin-top:10px;} #bestSeller h2{border-left:#A8C434 solid 5px; padding-left:10px;} #bestSeller .bestSeller{width:170px; height:170px; float:left; margin-right:10px; margin-bottom:10px; position:relative; } #bestSeller .loop3{margin-right:0px;} #bestSeller .bestSeller .img{width:168px; height:168px; overflow:hidden; border:#3C4525 solid 1px;} #bestSeller .bestSeller .title{display:none; padding:10px; height:150px; width:150px; position:absolute; top:0px; left:0px; background:#A8C434; z-index:10;} #bestSeller .bestSeller .title h3{font-size:15px; } #bestSeller .bestSeller .button{display:block; height:50px; width:50px; position:absolute; z-index:20; bottom:60px; left:60px; background:rgba(255,255,255,0.3); border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;} #bestSeller .bestSeller a:hover .title{display:block;} /*NEWS*/ .offer{background:#FFF; padding:10px 20px; margin-bottom:20px; margin-right:10px; margin-left:37px; position:relative; min-height:100px; box-shadow:0px 3px 5px rgba(0,0,0,0.25);} .offer h2{margin:0px; font-size:20px;} .datetab {background: url("/images/date-tab.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFF; font-weight: 700; font-size:13px; line-height:15px; padding-top:7px; position: absolute; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); text-transform: uppercase; top: 20px; left: -35px; width: 44px; height: 83px; z-index: 10;} .article_details{background:#ECECEC; padding:20px; border-radius:0px 20px 0px 20px; margin-bottom:20px;} .article_details p{font-size:13px; line-height:17px;} .article_details p span{display:inline-block; width:100px;} .facebookSpan .offer{min-height:100px;} .facebookSpan .offer .image{width:543px; overflow:hidden; text-align:center;} .facebookSpan .offer .image img{max-width:543px;} .facebookSpan .offer .caption{text-align:center; font-style:italic;} .facebookArea{margin-left:0px; float:left; width:630px; border-top:#A8C434 solid 3px; padding-top:0px; } .facebookArea h2, .twitterArea h2{margin-bottom:0px;} .facebookArea .title, .twitterArea .title{margin-bottom:20px;} .facebookArea .title small, .twitterArea .title small{display:block; padding-left:35px; height:35px; background:url(/images/icon_facebook.png) no-repeat 0px 3px; line-height:18px;} .facebookArea .title small a, .twitterArea .title small a{} .facebookArea .title small a:hover, .twitterArea .title small a:hover{text-decoration:underline;} .facebookArea img{display:block;margin:auto;max-width:100%;} .twitterArea{width:310px; float:left; margin-left:10px; border-top:#3C4525 solid 3px; padding-top:0px; } .twitterArea .title small{background:url(/images/icon_twitter.png) no-repeat 0px 3px;} /* Delivery Shipping */ #shipping h3{margin:0px; padding:0px 5px 0px 35px; font-size:15px; line-height:30px; background: url(/images/delivery.png) no-repeat 5px 7px; border:#666 solid 1px; border-bottom:0px; float:left; clear:left; border-radius:5px 5px 0px 0px;} #shipping table{clear:left; margin-bottom:10px;} #shipping table thead tr td{border-top:0px;} #shipping table tr td{padding:3px 5px;} #shipping .explained{font-style:italic; padding-bottom:10px;} /* ______________________ Contact ______________________ */ #contact #right{width:220px;float:right;clear:none; } #contact #right .inner_left{float:left; width:300px;} #contact #right .inner_right{float:left; clear:none; width:250px; line-height:25px;} #contact #right .inner_right label{display:block; float:left; width:100px; clear:left; padding-top:0px;} #contact .icons div{padding-left:30px; height:16px; line-height:16px; margin-top:5px; font-weight:bold;} #contact .icons .tel{background:url(/images/com_icons.png) no-repeat 0px -48px;} #contact .icons .email{background:url(/images/com_icons.png) no-repeat 0 -80px;} #contact .icons .fax{background:url(/images/com_icons.png) no-repeat 0 -64px;} #contact #left{width:690px; padding:10px; float:left; background:#f8f5e1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #contact #left label{width:100px;} #contact #left input{width:570px;} #contact #left textarea{width:570px;} .contactSubmit{margin-right:200px;} /* ______________________ LINKS ______________________ */ #links{padding:0px;} #links .link{ padding:10px 0px 0px 0px; border-bottom:#A8C434 solid 2px;} #links .link .img{float:left; width:170px; margin-right:10px;} #links .link .entry{min-width:200px; margin-left:180px;} #links .link h3{margin:0px; display:inline-block;} #links .link h3 a{padding-left:10px; display:block; border-left:#3C4525 solid 5px;} #links .link h3 a:hover{} #links .link span.url{display:inline-block; clear:both; padding-left:20px; background:url(/images/icon_web.png) no-repeat 0px 2px;} #links .link span.url a{color:#3C4525; text-decoration:underline; font-weight:bold;} #links .link span.url a:hover{color:#A8C434;} /* ______________________ Register ______________________ */ .register span.error{display:block !important;float:none !important;clear:left;} .register .left, .register .right, .register #clearsubmit{width:460px; padding:0px; margin-bottom:20px;} .register h3{margin:0px; padding:0px; padding-bottom:10px;} .register h3 span{color:#A8C434;} .register .left{float:left;} .register .right{clear:none;float:right;} .register label._vcs__customers_billingaddress{display:none;} .register .submitCenter{text-align:center;padding:10px 0px;} .register .submitCenter p{padding:10px;} .register textarea{width:280px;} .register #clearsubmit{clear:both;width:940px;} .register .accept {width:300px; margin:0px auto;} .register .accept label{width:auto; float:none;} /* ACCOUNT OPTIONS */ /* -- Options -- */ #acc_options h3{} #acc_options .acc_desc{width:500px;float:left;} #acc_options .acc_action{width:150px; float:right; padding-top:35px; text-align:right;} /* ------- Status ------- */ tr.row_true td{background:#dcf3fb;} td.action_required div{width:16px; height:16px;} td.action_required div.false{background:url(/images/status/status_action_off.png) no-repeat;} td.action_required div.true{background:url(/images/status/status_action.png) no-repeat;} td.order_status div{width:16px; height:16px;} td.order_status div.status_0,td.order_status div.status_1,td.order_status div.status_2{background:url(/images/status/status_orange.png) no-repeat;} td.order_status div.status_3{background:url(/images/status/status_green.png) no-repeat;} td.order_status div.status_4{background:url(/images/status/status_tick.png) no-repeat;} td.order_status div.status_5{background:url(/images/status/status_tick.png) no-repeat;} td.order_status div.status_6{background:url(/images/status/status_cross.png) no-repeat;} /* ------- Customer Views ------- */ #customer_view{padding-bottom:10px;margin-bottom:10px;} #customer_view .details{width:220px;float:left;font-weight:bold; margin-right:20px;} #customer_view .end{margin-right:0px;} #customer_view .details span{font-weight:normal} #customer_view .details_spread{width:420px;float:left; padding:0px 20px; background:#daf5fe; border-radius:5px;} /* ______________________ PRODUCTS ______________________ */ /* Product Item Layout - Simple Version */ /* ______________________ LIST ______________________ */ .list .prodListItem{display:block; margin-bottom:20px; float:none; min-height:170px;} .list .prodListItem:nth-child(even){background:#F3ECD9;} .list .prodListItem span.img{width:170px; float:left; clear:left;} .list .prodListItem span.title-desc{float:left; margin-left:20px; width:390px; margin-right:10px;} .list .prodListItem span.title-desc h2{font-size:17px; margin:10px 0px; } .list .prodListItem span.title-desc a:hover h2{color:#A8C434;} .list .prodListItem span.from-price{float:left; width:110px; text-align:right; } .list .prodListItem span.from-price .price{font-size:11px; margin-bottom:20px; padding-top:10px;} .list .prodListItem span.from-price .price b{font-size:17px; } .list .prodListItem span.from-price a.button{display:inline-block;} .list .prodListItem span.title-desc div.best, .list .prodListItem span.title-desc div.sale, .list .prodListItem span.title-desc div.new, .list .prodListItem span.title-desc div.comingsoon, .list .prodListItem span.title-desc div.limitedstock{width:75px; height:75px; float:left; text-indent:-9999px;} .list .prodListItem span.title-desc div.new{background:url(/images/icon_blob_new.png) no-repeat} .list .prodListItem span.title-desc div.sale{background:url(/images/icon_blob_sale.png) no-repeat} .list .prodListItem span.title-desc div.best{background:url(/images/icon_blob_best.png) no-repeat} .list .prodListItem span.title-desc div.comingsoon{background:url(/images/icon_blob_soon.png) no-repeat} .list .prodListItem span.title-desc div.limitedstock{background:url(/images/icon_blob_stock.png) no-repeat} /* ______________________ GRID ______________________ */ .grid .prodListItem{margin:0 10px 10px 0; text-align:center; position:relative; padding-bottom:0px; width:170px; float:left; font-size:11px;} .grid .loop3{margin-right:0px;} .grid .prodListItem h2{margin:0px; padding:0px; font-size:12px;} .grid .prodListItem .img a{display:block; margin:0px; padding:0px; } .grid .prodListItem .img a:hover{} .grid .prodListItem .title-desc a{display:block; line-height:25px; height:35px; overflow:hidden;} .grid .prodListItem .title-desc a:hover h2{color:#B421B4;} .grid .prodListItem .desc, .grid .prodListItem .from-price a, .grid .labels{display:none;} .grid .prodListItem .from-price{display:block; background:#3C4525; color:#FFF;} /* Choose Page Size */ .pageSize{border-bottom:#A8C434 dotted 1px; padding:0px 20px;} .pageSize form{float:right; font-size:11px;} /* Sort List */ .sortItems{background:url(/images/navigation_tile.png) repeat-x; height:35px; padding:0px 20px; border-radius:5px; margin-bottom:20px; background-color: #EBD7C1; background-image: -moz-linear-gradient(top, #EBD7C1, #DCC7B1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBD7C1), to(#DCC7B1)); background-image: -webkit-linear-gradient(top, #EBD7C1, #DCC7B1); background-image: -o-linear-gradient(top, #EBD7C1, #DCC7B1); background-image: linear-gradient(to bottom, #EBD7C1, #DCC7B1); background-repeat: repeat-x; } .sortItems form{padding-top:5px; margin-top:0px;} .sortItems .displayNumber{float:left;} .sortItems #toggleView{float:right;} .sortItems #toggleView a{width:35px; height:35px; line-height:35px; display:block; float:left; text-indent:-9999px;} .sortItems #toggleView .gridButton a, .sortItems #toggleView .listButton a{background:url(/images/layoutIcons.png) no-repeat; background-position:0px 0px;} .sortItems #toggleView .listButton a{background-position:0px -35px;} .sortItems #toggleView .gridButton a{background-position:-35px -35px; } .sortItems #toggleView .gridButton a.on, .sortItems #toggleView .listButton a.on{background:#3C4525 url(/images/layoutIcons.png) no-repeat;} .sortItems #toggleView .gridButton a.on{background-position:-35px 0px;} /* Pager */ .pager{clear:both; margin-top:20px; border-top:#3C4525 dotted 1px; padding-top:10px; color:#FFF; text-align:right; font-size:11px;} .pager a.current{color:#FFF; background:#A8C434; padding:2px 5px; border-radius:5px; font-weight:bold;} .pager.sortleft { float:left; } .pager.sortright { float:right; } .pager.sortList form { margin:0px; padding:0px;} /* Product Description Layout */ #productItem {width:960px;} /*Images*/ #productItem #images{width:300px;float:left;text-align:center;position:relative; margin-left:5px; border-top:#A8C434 solid 2px; margin-right:20px; padding-top:15px;} #productItem #images img{border:#A8C434 solid 1px; margin:0px; margin-bottom:0px; margin-right:0px; padding:0px; float:left;} #productItem #images #mag{width:21px; height:21px; position:absolute; z-index:10; right:30px; top:270px;} #productItem #images a{display:block; position:relative;} #productItem #images #thumbs{clear:left; padding-top:10px;} #productItem #images #thumbs img{border:none; margin-right:9px; margin-bottom:9px;} #productItem #images #thumbs a img {border:#333 solid 1px;} #productItem #images #thumbs a.active img {border:#A8C434 solid 1px;} /*Labels*/ .productLabels{margin-right:20px;} .productLabels div.best, .productLabels div.sale, .productLabels div.new, .productLabels div.comingsoon, .productLabels div.limitedstock{width:75px; height:75px; background:orange; float:left; text-indent:-9999px;} .productLabels div.new{background:url(/images/icon_blob_new.png) no-repeat} .productLabels div.sale{background:url(/images/icon_blob_sale.png) no-repeat} .productLabels div.best{background:url(/images/icon_blob_best.png) no-repeat} .productLabels div.comingsoon{background:url(/images/icon_blob_soon.png) no-repeat} .productLabels div.limitedstock{background:url(/images/icon_blob_stock.png) no-repeat} /*Description*/ #productItem #description{width:630px;float:left; margin-left:0px; border-top:#3C4525 solid 2px;} #productItem #description h1{} #productItem #description .details{padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px;} #productItem #description .details .detail_list{padding:10px; background:#EBF4F6; border-radius:5px; font-size:11px; clear:both;} #productItem #description .details .detail_list .list_item{clear:left; padding-top:5px;} #productItem #description .details .detail_list .list_item label{float:left; display:block; width:100px; margin-right:20px; color:#A8C434;} #productItem #description .details .detail_list .list_item span{float:left; width:220px; font-weight:bold;} #productItem #description .details ul{margin:0px; padding:0px; } /*BuyingOptions*/ #productItem #buyingOptions{padding-top:20px;} #productItem #buyingOptions form{margin:0px; padding:0px;} #productItem #buyingOptions form input.buy{border:0px; font-size:12px; padding:5px 5px !important; cursor:pointer;} #productItem #buyingOptions label{width:40px;float:left; display:block;font-size:11px;margin:0px; padding:0px 0px 0px 5px;} #productItem #buyingOptions form input.buy.disabled{background:#333 url(/images/white_grad_45.png) repeat-x; border:#333 solid 1px; color:#FFF; text-shadow:none; opacity:0.5;} #productItem #buyingOptions .boundbox{padding:10px 10px; margin-top:0px; margin-bottom:20px; position:relative; border-radius:5px; background-color: #EBD7C1; background-image: -moz-linear-gradient(top, #EBD7C1, #DCC7B1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBD7C1), to(#DCC7B1)); background-image: -webkit-linear-gradient(top, #EBD7C1, #DCC7B1); background-image: -o-linear-gradient(top, #EBD7C1, #DCC7B1); background-image: linear-gradient(to bottom, #EBD7C1, #DCC7B1); background-repeat: repeat-x; } #productItem #buyingOptions .boundbox .productVar, #productItem #buyingOptions .boundbox .qty, #productItem #buyingOptions .boundbox .priceContainer, #productItem #buyingOptions .boundbox .addtobasket{float:left; clear:none;} #productItem #buyingOptions .productVar{min-height:35px; padding-top:5px; width:239px; border-right:#DCC7B1 solid 1px;} #productItem #buyingOptions .variations{display:block; float:none; margin-bottom:5px; margin-left:20px; position:relative;} #productItem #buyingOptions .variations label{display:block; font-weight:bold; position:absolute; top:10px; left:-25px; z-index:10;} #productItem #buyingOptions .variations label span.info{display:block; width:16px; height:16px; text-align:center; line-height:16px; background:#A8C434; border-radius:8px; color:#FFF;} #productItem #buyingOptions .variations label span.info span.varlabel{display:none; position:absolute; background:#A8C434; padding:5px; z-index:15; left:25px; top:-5px; border-radius:5px;} #productItem #buyingOptions .variations label span.info:hover span.varlabel{display:block;} #productItem #buyingOptions .qty{padding-top:10px; height:30px; border-left:#EBD7C1 solid 1px; border-right:#DCC7B1 solid 1px; padding-right:5px;} #productItem #buyingOptions .priceContainer{height:30px; padding-top:10px; border-left:#EBD7C1 solid 1px; border-right:#DCC7B1 solid 1px; padding-right:5px; position:relative; text-align:center; width:165px;} #productItem #buyingOptions .priceContainer label{display:none;} #productItem #buyingOptions span.buyPrice{font-weight:bold; font-size:17px;} #productItem #buyingOptions .boundbox .addtobasket{padding-top:5px; height:35px; padding-left:5px; border-left:#EBD7C1 solid 1px; text-align:right;} /*Buying*/ #productItem #buy{width:160px;float:right;margin-left:20px; background:pink;} #productItem .furtherInfo{border-top:#CCC solid 1px; padding-top:10px; } #productItem .furtherInfo h3{font-weight:bold; font-size:15px; margin:0px; padding:0px; border-bottom:#CCC solid 1px; padding-bottom:10px; margin-bottom:10px;} #productItem .furtherInfo div{border-bottom:#CCC solid 1px; padding-bottom:10px; margin-bottom:10px;} #productItem .furtherInfo a.delivery{background:url(/images/delivery.png) no-repeat 0px 10px; font-size:11px; display:block; width:120px; padding:10px 10px 10px 30px; } /*No Buy*/ #noBuy{width:220px; float:right; padding-top:20px;} #noBuy h2{font-size:20px; padding-left:25px; background :url(/images/attn.png) no-repeat;} /* Promos and Events */ #productItem .promotion{margin-top:20px; background:#A8C434 url(/images/product_promo.png) no-repeat 10px 10px; background-size:100px 100px; border-radius:5px; padding:10px 10px 10px 120px; min-height:100px;text-shadow: 0px 1px 1px rgba(255,255,255,0.7);} #productItem .promotion h3{margin:0px; padding:0px 0px 10px 0px;} #productItem .event{margin-top:20px; background:#A8C434 url(/images/product_event.png) no-repeat 10px 10px; background-size:100px 100px; border-radius:5px; padding:10px 10px 10px 120px; min-height:100px;text-shadow: 0px 1px 1px rgba(255,255,255,0.7);} #productItem .event h3{margin:0px; padding:0px 0px 10px 0px;} /*Related*/ #related{clear:both;padding:0px 0px;margin-bottom:20px;} #related h3{padding:10px 0px 10px 20px; margin:0px;} #related .relatedItem{width:140px; height:180px; float:left; margin-left:20px; margin-bottom:20px;} #related .relatedItem span{font-size:11px !important; padding:5px; margin:0px; height:30px; overflow:hidden; font-weight:bold; display:block; line-height:13px; text-align:center;} #related .relatedItem a{float:left; border:#A8C434 solid 1px; color:#393939;} #related .relatedItem a:hover{border:#A8C434 solid 1px; color:#A8C434;} #related .relatedItem a .pricetag{display:block; padding:0px 5px 5px 5px; font-size:11px; color:#434031;} #related thumb0{clear:left;} /*FREE Sample*/ .fabric_sample{background:#F3ECD9; border:#FFF dotted 5px; padding:10px; text-transform:uppercase;} #requestSampleDialog h3{text-align:left;} #requestSampleDialog .left, #requestSampleDialog .right{float:left; width:50%; clear:none;} .ui-dialog-content { background:#FFF; padding:10px; border: 1px solid #63770e; border-radius:0px 0px 4px 4px; } .ui-dialog-titlebar { cursor:move; background:#63770e; padding:10px; color:#FFF; font-weight:bold; text-align:left; border-radius:4px 4px 0px 0px; } .ui-icon-closethick { background:url("/images/fancybox/fancybox.png") no-repeat -40px 0px; text-indent:-9999px; width:40px; height:30px; display:block; position:absolute; right:0px; top:6px; } .ui-widget-overlay { cursor:pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; background:rgb(119, 119, 119); opacity:0.7; } /* Title: Shopping Basket CMS Version: 5.0 */ #checkout{text-align:left;} #basketContainer{margin:0;padding:0;} #basketContainer table{width:100% !important; border-collapse:collapse;} #basketContainer table thead td{padding:5px 5px; font-weight:bold;} #basketContainer table tbody td{border-bottom:#3C4525 solid 1px; font-size:13px;} #basketContainer table tbody td a{color:#A8C434;} #basketContainer table tbody td a:hover{text-decoration:underline;} #basketContainer table tbody td h2{margin:0; padding:5px 0px;} /*#basketContainer table tbody td b{ float:left; display:block;}*/ /* ------- Breadcrumb ------- */ #breadcrumb_basket{clear:both; padding:0px 20px; margin:10px 5px; height:41px; border-right:0px; border-left:0px;} #breadcrumb_basket div{float:left; font-size:13px;} #breadcrumb_basket #home{width:25px; padding:10px 0px;} #breadcrumb_basket .arrow{margin-left:10px; padding-top:10px; padding-bottom:10px; height:21px; padding-right:20px; } #breadcrumb_basket .arrow span.number{display:block; float:left; background:#A8C434; width:21px; height:21px; border-radius:10px; text-align:center; color:#393939; text-shadow:none; margin-right:10px; font-weight:700; color:#FFF;} #breadcrumb_basket .arrow a {color:#4c474e;} #breadcrumb_basket .arrow a span.number{background:#3C4525; color:#FFF;} #breadcrumb_basket .arrow a:hover span.number{background:#333;} /* ------- Product Image ------- */ #basketContainer table tbody td.basketImg{width:75px;} /* ------- Product Name ------- */ #basketContainer table tbody td.basketName{font-size:13px;} /* ------- Options ------- */ .basketOptions{width:300px;} .basketOptions p{padding:0;margin:0;padding-bottom:5px;margin-bottom:5px;border-bottom:#ECECEC dotted 1px;} .basketOptions label{display:block;width:125px;float:left;} .basketOptions select{width:150px; border:#ECECEC solid 1px;} .basketOptions input{width:140px; border:#ECECEC solid 1px;} /* ------- Quantity ------- */ .basketQuantity{width:35px;text-align:center;} .basketQuantity input{ padding:2px 5px; font-size:13px; text-align:center;} /* ------- Price ------- */ #basketContainer table tbody td.basketSubtotal{width:75px; text-align:left; background:#F3ECD9; font-weight:bold;} /* ------- Remove ------- */ #basketContainer table tbody td.basketActions{width:75px;text-align:center; font-size:12px;} #basketContainer table tbody td.basketActions a{text-decoration:underline !important;} /* ------- Calculations ------- */ #basketContainer table tfoot td{background:#3C4525; color:#FFF; border-bottom:none; font-size:13px;} #basketContainer table tfoot td.basketLabels{color:#666; background:transparent;} #basketContainer table tfoot td.basketLabels{text-align:right;padding-right:5px;} #basketContainer table tfoot td.basketSubtotal{font-weight:bold;} /* ------- vouchers ------- */ #vouchers{float:left;padding:0;width:475px;} #vouchers label{width:auto;} #vouchers input#addvoucher{background:#FFF; color:#2a2a2a;} .error{color:#A8C434;font-size:10px;padding:0 5px;} /* ------- buttons ------- */ .buttons form{float:right;} .buttons{text-align:right !important;padding:0px;width:auto;} .buttons form input, form .buttons input{padding:5px 10px !important; } .buttons form input:hover, form .buttons input:hover{} form .buttons input.checkout{cursor:pointer;} form .buttons input.checkout:hover{} form .buttons input.recalc{background:#333 url(/images/white_grad_45.png) repeat-x;} form .buttons input.recalc:hover{background:#666 url(/images/white_grad_45.png) repeat-x;} /* ------- Basket Register Options ------- */ #basket_Register #loginbox_basket{padding:5px 0px;} #basket_Register #loginbox_basket .loginLine{padding:5px 0px 0px 0px;} #basket_Register #loginbox_basket .loginLine p{width:325px; display:block; float:left; padding-bottom:3px;} #basket_Register #loginbox_basket .loginLine p.submit{width:90px;} #basket_Register #loginbox_basket .loginLine p label{font-size:12px; width:100px;} #basket_Register #accountbox_basket label{font-size:12px !important; width:150px !important;} #basket_Register #accountbox_basket{ padding:5px 0px;} #basket_Register #accountbox_basket .register{float:left; width:480px; background:none;} #basket_Register #accountbox_basket .register #container_vcs__customers_billingaddress{width:480px; border:0px !important;} #basket_Register #accountbox_basket .register label._vcs__customers_billingaddress{display:block !important; font-size:21px !important; width:400px !important; margin-bottom:10px; font-weight:normal !important; display:none !important;} #basket_Register #accountbox_basket .register label._vcs__customers_billingaddress span{width:100%; float:none;} #basket_Register #accountbox_basket .register .instruction{background:#F8F5E1; margin-top:10px; width:350px; border-radius:5px;} #basket_Register #accountbox_basket .terms {padding-top:10px;} #basket_Register #accountbox_basket .terms label{margin-left:200px; width:250px !important;} #basket_Register #accountbox_basket .email_password{width:400px; float:right;} #basket_Register #accountbox_basket .email_password label, #basket_Register #accountbox_basket .register label{font-size:12px; font-weight:bold; width:100px;} #basket_Register #accountbox_basket .email_password div, #basket_Register #accountbox_basket .register div{background:none; margin:0px;} #basket_Register #accountbox_basket .email_password h3{clear:left; padding-top:0px; padding-bottom:10px; margin:0px;} #basket_Register #accountbox_basket .submitCenter{text-align:center; padding-top:10px;} #addressContainer{background:#F8F5E1 !important;border-radius:5px; padding:10px; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.25); max-height:320px; overflow:auto; margin-bottom:10px;} #addressContainer div{ margin-bottom:5px; padding:5px 0px; border-bottom:#FFF solid 1px; } #addressContainer div:hover{background:#FFF !important; cursor:pointer;} #addressContainer div a.button{padding:2px 5px !important; margin:10px 0px; display:inline-block;} #inputContainer_vcs__customers_billingaddress{clear:both; width:400px;} label._vcs__customers_deliveryaddress span{ display:none; width:400px !important; font-weight:normal; font-size:21px; margin-top:10px; color:#009FC2; font-family:georgia, times, serif; padding:0px 0px 20px 0px; } .artwork{width:310px; float:left; clear:none; background:#F2F2F2 url(/images/thickLines.png) repeat-x; margin:5px; padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .artwork p{margin:10px 0px 20px 0px;} .artwork span{display:block; text-align:center;} #checkout_confirm{padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #checkout_confirm #userBilling{border:0px; width:480px; float:left; font-weight:bold;} #checkout_confirm #userDelivery{width:320px; float:left; font-weight:bold;} #checkout_confirm #userOrders{border-top:0px;} #checkout_confirm #userBilling span, #checkout_confirm #userDelivery span{display:block; font-weight:normal; float:left; width:150px;} #checkout_confirm #confirm_button{text-align:center;} #checkout_confirm #confirm_button input.button{background:#99D25E url(/images/whiteGrad_35h.png) repeat-x left top; color:#000; text-shadow:#FFF 0px 1px 1px; font-size:13px;} /* ------- Shipping Method ------- */ .ship_option{background:#F8F5E1; margin-bottom:20px;padding:10px;border-radius:5px;font-size:15px;} .ship_option:hover{background:##F3ECD9;} .ship_option span{display:block;float:left;} .ship_option span.clear{float:none;clear:both;} .ship_option span.tick{width:32px; height:32px; background:none; margin-right:15px; margin-top:8px;} .ship_option:hover span.tick{background: url(/images/icon-tick.png) no-repeat 5px 8px;} span.heading{font-weight:bold; width:380px; font-size:17px; padding-top:15px; padding-left:30px; background:url(/images/delivery.png) no-repeat 0px 17px;} span.heading small{font-size:11px; font-weight:normal;} span.price{font-weight:bold; width:200px; font-size:17px; padding-top:15px; text-align:right; margin-right:65px;} span.choose form{margin:0px; padding:0px; padding-top:10px;} span.choose form input:hover{cursor:pointer;} /* ------- Messages ------- */ #messages{ padding-top:10px; } .ordermessage{ padding:10px; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; } .user_admin{background:#dcf3fb;} .user_customer{background:#FFF;} .tickethead .ticketname{padding-left:25px; font-size:15px; float:left;} .user_admin .tickethead .ticketname{background:url(/images/status/status_action.png) no-repeat;} .user_customer .tickethead .ticketname{background:url(/images/status/status_action_off.png) no-repeat;} .tickethead .ticketdate{float:right; font-size:11px;} .tickethead .clear{clear:both;margin-bottom:10px; border-bottom:#CCC solid 1px;} .user_admin .tickethead .clear{border-bottom:#08adec solid 1px;} #updateTicket{ padding:10px; background:#F2F2F2 url(/images/striped_bk_x.png) repeat-x left top; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; } #updateTicket p.instruction{margin-bottom:10px;} .further_info{ padding:10px; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; font-weight:bold; } .further_info span.label{font-weight:normal; float:left; display:block; width:150px;} #order_actions{ clear:both; height:29px; padding:0px 0px; position:relative; border-bottom:#08ADEC solid 3px; } #order_actions ul{ position:absolute; left:0px; z-index:50; margin:0px; margin:0px auto; padding:0px 10px; list-style:none; height:30px; } #order_actions ul li{ padding:0px; margin:0px; float:left; margin-right:10px; text-align:center; position:relative; background:none; min-width:105px } #order_actions ul li a{ font-weight:bold; font-size:13px; display:block; color:#000; text-shadow:#FFF 0px 1px 1px; padding:7px 10px 0px 10px; text-decoration:none; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; height:25px; } #order_actions ul li a:hover{ color:#000; text-shadow:#FFF 0px 1px 1px; background:#CCCCCC url(/images/nav_grey.png) repeat-x left bottom; } #order_actions ul li a.on{ color:#FFF; text-shadow:#08ADEC 1px 1px 1px; background:#08ADEC url(/images/nav_blue.png) repeat-x left bottom; } #order_actions ul li a.on:hover{ color:#FFF; text-shadow:#EB028A 1px 1px 1px; background:#EB028A url(/images/nav_pink.png) repeat-x left bottom; } /* order Details*/ /* PDF Invoice */ #PDF{text-align:left; padding:0px; margin:0 auto; background:#FFF; color:#333; font-size:0.9em;} #PDF table.PDF_Invoice{border-collapse:collapse; } #PDF table.PDF_Invoice tr td{background:#FFF; color:#333; border-bottom:0px;} #PDF table.PDF_Invoice thead tr td{text-transform:uppercase; font-weight:bold; background:#DEDEDE;} #PDF table.PDF_Invoice tr td table tbody tr td{font-size:0.8em; border-bottom:#CCC solid 1px; line-height:1.2em;} #PDF table.PDF_Invoice tr td table thead tr td, #PDF table.PDF_Invoice tr td table tfoot tr td{font-size:0.8em;} #PDF table.PDF_Invoice tbody tr.logo td{padding-bottom:20px; text-align:center; border-bottom:none;} #PDF table.PDF_Invoice tbody tr.numbers td, #PDF table.PDF_Invoice tbody tr.address td{border-bottom:#ECECEC solid 1px; padding:20px 0px; font-weight:bold; } #PDF table.PDF_Invoice tbody tr.numbers td h3, #PDF table.PDF_Invoice tbody tr.address td h4{margin:0px; padding:0px; padding-bottom:10px; text-transform:uppercase; font-weight:bold;} #PDF table.PDF_Invoice tbody tr.numbers td span, #PDF table.PDF_Invoice tbody tr.address td span{font-weight:normal; float:left; display:block; width:100px;} #PDF table.PDF_Invoice tbody tr.numbers td, #PDF table.PDF_Invoice tbody tr.address td {line-height:1.2em; font-size:0.8em} #PDF table.PDF_Invoice tbody tr.foot td{font-size:0.7em; line-height:1.2em;} #PDF table.PDF_Invoice tbody tr.foot td p{margin:0px; padding:0px;} #PDF h4 {font-weight:bold; margin-bottom:10px; font-size:0.9em !important; text-transform:uppercase; } #PDF h3 {font-weight:normal; margin-bottom:10px; font-size:1.3em !important; text-transform:uppercase; } /* Featured */ #featured .featuredListItem{ width:200px; padding:10px; margin-right:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; background:#fef1ff url(/images/grey_swirl.png) no-repeat right bottom; position:relative; text-shadow:#FFF 0px 1px 1px; } #featured .featuredListItem img{ border:#FFF solid 1px; } #featured .featuredListItem .priceContainer { position:absolute; top:10px; right:0px; text-align:right; } #featured .featuredListItem a .priceContainer .view{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; border:#FFF solid 2px; text-align:center; font-weight:bold; font-size:12px; background:#5F7EA8 url(/images/white_grad_45.png) repeat-x; color:#FFF; text-shadow:none; width:60px; margin-top:63px; } /*--------------------------- Image Resizer -----------------------------*/ .zoom { display:block; margin:auto; overflow:hidden; position:relative; width:460px; height:460px; border:#ECECEC solid 1px; } .zoom img { display: block; position:absolute; left:0px; top:0px; } #ccontainer{text-align:center;} #ccontainer #controls{ background:#CCC url(/images/white_grad_45.png) repeat-x; margin:5px auto; width:200px; height:30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #ccontainer #controls a{ display:block; width:100px; float:left; padding-top:5px; color:#000; font-weight:bold; font-size:11px; text-shadow:#FFF 0px 1px 1px; } #ccontainer #controls a#zoomIn{ background:url(/images/mag_plus.png) no-repeat; padding-left:35px; text-align:left; width:65px; border-right:#FFF solid 1px; height:25px; } #ccontainer #controls a#zoomOut{ background:url(/images/mag_minus.png) no-repeat; padding-left:35px; text-align:left; width:60px; border-left:#CCC solid 1px; height:25px; } #ccontainer #controls a:hover{color:#009FC2;} /*--------------------------- Delivery Table -----------------------------*/ table#delivery{border-collapse:collapse;} table#delivery td{padding:0px; border-bottom:none;} table#delivery thead td{border:#393939 solid 1px; font-weight:bold !important; font-size:13px; text-align:left; background:#393939; padding:2px 5px;} table#delivery tbody td{border:#393939 solid 1px;} table#delivery tbody td table thead td{font-size:11px; background:#666;} table#delivery tbody td table td{border:none; padding:2px 5px; font-size:11px;} table#delivery tbody td table tr.loop1 td{background:#ECECEC;} table#delivery tbody td table tfoot td{font-size:11px; background:#CCC; font-style:italic; padding:0px 5px;} /*--------------------------- S3 Label -----------------------------*/ .label_s3 { position:absolute; width:678px; bottom:30px; padding:0px 8px; height:246px; } .label_s3_left { float:left; } .label_s3_right { float:right; } .s3details { text-align:left; width:321px; height:197px; padding:11px; position:absolute; bottom:34px; left:57px; } .variations select { max-width:450px !important; } /*--------------------------- Tabbed ---------------------------*/ #Tab {clear:both; float:left; width:100%; border-bottom:#A8C434 solid 1px; line-height:normal; margin-bottom:15px;} #Tab ul{margin:0; padding:0px 0px 0px 0px; list-style:none;} #Tab li {float:left; margin:0 0 0 5px; border:none;} #Tab a {float:left; display:block; padding:5px 15px 4px 15px; text-decoration:none; font-weight:bold; color:#FFF; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; background:#000 url("/client/images/gradTile.png") repeat-x ;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #Tab a {float:none;} /* End IE5-Mac hack */ #Tab a:hover { color:#000; background:#CCC url("/client/images/gradTile.png") repeat-x ;} #Tab .current a {background:#A8C434 url("/client/images/gradTile.png") repeat-x ; color:#000; text-shadow:#FFF 0px 1px 1px; padding-bottom:5px;}