/* // // Date : 2009.07.4 // Author : David Goadby // (c) 2009 Descent Design - provided 'AS-IS' // Pickwicks.co.uk // // #FF6600 - Orange // */ /* // CLEAR BROWSER DEFAULTS */ html { height: 100%; margin-bottom: 1px; } html,body{height:100% !important} p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select, dt, dl, dd {margin: 0 0 0 0;padding: 0 0 0 0;color:#333; font: normal 11px Trebuchet MS;} /* // SET BODY DEFAULTS ---------------------------------------------------------------*/ body {margin: 0px;padding: 0px; background: repeat-x url(../img/bg.jpg) #333333; text-align:center;color:#ccc; font: normal 11px Trebuchet MS;} /* // CONTAINER ---------------------------------------------------------------*/ #container { width:1000px; margin:auto; background-color:#000000;} /* // HEADER ---------------------------------------------------------------*/ #header {background: no-repeat url(../img/header.jpg); margin: 3px; } /* // TOP NAV --------------------------------------------------------------- */ #nav { float:left;} #nav li { float:left; list-style:none; color:#FF6600; display: block;} #nav li span {padding: 11px 12px 8px 20px; margin-top:6px; display:block;} #nav li a { color:#fff; text-decoration:none; padding: 11px 5px 8px 20px; margin-top:6px; display:block; background: no-repeat url(../img/li_bg.jpg); text-transform:uppercase; position:relative;} #nav li a:hover { text-decoration:none; color:#FF6600;} #nav li ul {position: absolute;left: -999em; text-align:left; background:none;z-index:500; } #nav li:hover ul { left:auto; background-color:#000000;z-index:500; } #nav li ul li {margin:0;list-style:none; background: repeat-x url(../img/li_bg_h.jpg) #000000; float:none; border-bottom: 1px solid #242424;border-right: 1px solid #242424;border-left: 1px solid #242424; width: 180px; } #nav li ul li a {font-size: 10px; color:#fff; text-decoration:none; font-size:12px; padding: 6px 0 6px 12px; background:none; display:block; margin:0;} #nav li ul li a:hover { background:none; text-decoration:underline;} #nav li:hover ul, #nav li.sfhover ul {left: auto;display: block;top:auto; } #askjules { margin: 40px 20px 20px 20px; display:block;} #askjules p { margin: 10px; color:#FFFFFF;} #askjules .question { font-size: 12px; color:#fff; background: no-repeat url(../img/bg_q.jpg); padding: 8px 0 10px 60px; text-transform:uppercase;} #askjules .answer { padding: 0px 0 10px 60px; font-size:12px; margin:10px 10px 30px 10px; color:#999999;} #askjules a { color:#CCCCCC; text-decoration:none; } #askform .input, #askform textarea { color:#FFFFFF; font: normal 12px trebuchet MS; width:200px;} /* // SIDE NAV ---------------------------------------------------------------*/ #site_nav { float:left; margin: 150px 0 0 75px;} #site_nav li { list-style:none;} #site_nav li a { text-decoration:none; color:#CCCCCC; line-height: 18px;} #site_nav li a:hover { text-decoration:underline; color:#FF6600; line-height: 18px;} /* // BASKET ---------------------------------------------------------------*/ #basket { float:right; margin: 0 35px 0 0px; text-transform:uppercase;} #basket p { float:left; color:#fff;padding: 11px 12px 8px 30px; margin-top:6px; display:block; background: no-repeat url(../img/li_bg.jpg);} #basket a { color:#fff; text-decoration:none;} #basket a:hover {text-decoration:underline; color:#FF6600;} #askform {} #askform label {float:left; width: 40px; text-align:right; padding-right: 10px; display:block; color:white;} #askform p {} #askform .input { border:1px solid #333; background-color: #000; padding:3px;} /* // PAGE HEADING & SEARCHES ---------------------------------------------------------------*/ #page { width:987px; float:left; margin-left: 8px; background: repeat-x url(../img/bg_break.jpg); text-align:left;} #page h1 { float:left; font: normal 16px Trebuchet MS; color:#FFFFFF; margin: 12px 5px 5px 20px; display:block; width: 360px; } #page .search { float:right; padding: 10px 20px 10px 40px; background: no-repeat url(../img/li_bg.jpg);} #page .garment { float:right;padding: 10px 20px 10px 30px; background: no-repeat url(../img/li_bg.jpg);} #page label { color:#FFFFFF; padding: 2px 12px 2px 2px;} #page .input { background-color:#333; border: 1px solid #666666; color:#CCCCCC; padding: 2px;} #page .select,#page option { background-color:#333; border: 1px solid #666666; color:#CCCCCC; padding: 2px;} /* // PAGE HEADING & SEARCHES ---------------------------------------------------------------*/ #content { margin: 5px 0 0 15px;} /* // COL ONE ---------------------------------------------------------------*/ #col_one { float:left; width: 630px; text-align:left;} #col_one h2 {float:left; font: normal 20px Trebuchet MS; color:#FFFFFF; padding: 8px 5px 25px 20px; display:block; width: 600px; background: repeat-x url(../img/bg_break.jpg);} /* // Blog ---------------------------------------------------------------*/ #blog {display:block; margin:auto; text-align:left; padding-top:0px;padding-bottom: 20px; width:700px; text-align:left; float:left;} #blog .blog { margin: 20px; padding:10px;border: 1px solid #1B1B1B;} #blog h1 {font: normal 16px Trebuchet MS, Helvetica, sans-serif; color: #fff; padding: 10px;letter-spacing:1px; background-color:#1B1B1B;background: repeat-x url(../img/bg_break.jpg);} #blog h2 {font: normal 16px Trebuchet MS, Helvetica, sans-serif; color: #fff; padding: 10px;letter-spacing:1px; background-color:#1B1B1B;background: repeat-x url(../img/bg_break.jpg);} #blog h3 {font: normal 16px Trebuchet MS, Helvetica, sans-serif; color: #fff; padding: 10px;letter-spacing:1px; background-color:#1B1B1B;background: repeat-x url(../img/bg_break.jpg);} #blog h1 a, #blog h2 a, #blog h3 a { text-decoration:none; color: #fff;} #blog h3 a:hover {text-decoration:underline; color:#FF6600;} #blog p { letter-spacing:1px; line-height: 18px; margin: 20px 10px 20px 10px; font-size:11px; color:#fff; } #blog em { background-color:#FFFFCC; text-decoration:none;font-style:normal; color:#000; padding: 1px;} #blog textarea { width: 250px;} .tags { margin-right:20px; color:#666;} .blog a { color:#FF6600; text-decoration:none;} #blog_two {float:left; width: 260px; padding-bottom: 100px;margin-top: 10px;text-align:left; border-left: 1px solid #1B1B1B; padding-left:10px; } #blog_two p {padding: 15px 0 10px 0px; letter-spacing:1px; font-size:14px; color:#FFFFFF;padding-left:25px; background: repeat-x url(../img/bg_break.jpg); } #blog_two h3 {font: normal 14px Trebuchet MS, Helvetica, sans-serif; color: #FF6600; letter-spacing:1px; border-bottom: 1px solid #333;padding:3px;} #blog_two ul { margin-top:10px; margin-bottom:10px; color:#FF6600;} #blog_two li {list-style-type:bullet; letter-spacing:1px; line-height: 18px; color:#ccc; padding: 3px; } #blog_two ul ul li {border-bottom: 1px solid #333; padding-left:10px; } #blog_two li a { color:#fff; } #blog_two li a:hover { color:#FF6600; text-decoration:underline;} /* Images -------------------------------------------------------------- */ #blog img { margin: 0; max-width: 640px; } #blog .attachment img { max-width: 900px; } #blog .alignleft, #blog img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #blog .alignright, #blog img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #blog .aligncenter, #blog img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #blog img.alignleft, #blog img.alignright, #blog img.aligncenter { margin-bottom: 12px; } #blog .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } #blog .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px; } #blog .wp-smiley { margin:0; } #blog .gallery { margin: auto; } #blog .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #blog .gallery img { border: 2px solid #cfcfcf; } #blog .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #blog .gallery dl { margin: 0; } #blog .gallery img { border: 10px solid #f1f1f1; } #blog .gallery br+br { display: none; } /* // COL TWO ---------------------------------------------------------------*/ #col_two {float:left; width: 320px; text-align:left; border-left: 1px solid #1A1A1A; } /* // BODY TEXT ---------------------------------------------------------------*/ .body { padding: 20px;} .body h3 { color:#FFFFFF; margin: 10px 0 0 10px; font-size:14px;} .body h4 {color:#FFFFFF; margin: 10px 0 0 10px; font-weight:bold; font-size:14px;} .body p { color:#FFFFFF; margin: 10px 0 0 10px; line-height:18px;} .body ul { margin: 20px 0 20px 30px;} .body li { line-height: 20px;} .body a { color:#FF6600;} .body strong { color:#FF6600;} .body address { margin: 10px 0 0 40px; padding-left:40px; line-height: 18px;} .image { background-color:#333333; padding: 5px;} /* // FORM & MAP ---------------------------------------------------------------*/ #frmEnq { float:left;width:295px; margin: 10px 0 0 10px; padding: 20px 0 0 30px; background: no-repeat url(../img/bg_news.jpg);} #frmEnq h3 { color:#ff6600; margin: 10px 0 0 5px; font-weight:bold; font-size:14px;} #frmEnq p { display:block; padding: 3px; margin: 2px; color:#ff6600;} #frmEnq label { display:block; padding: 0px; margin: 2px; font-weight:bold;color: #fff;} #frmEnq .input { width: 200px;} #frmEnq span { display:block; padding: 10px 30px 0 0px; color: #fff; font-weight:normal;} #map { float:left;background-color: #333; width: 580px;margin: 25px 0 25px 5px; height: 200px; } #map_holder { background-color:#FFFFFF; overflow: hidden; margin: 5px; width: 570px; height: 190px;} #map_holder_2 { background-color:#FFFFFF; overflow: hidden; margin: 5px; width: 570px; height: 190px;} /* // NEWSLETTER ---------------------------------------------------------------*/ #newsletter { float:left; width:345px; background: no-repeat url(../img/bg_news.jpg); margin: 7px 0 0 0; padding-bottom: 40px;} #newsletter h4 { padding: 10px; font: normal 14px trebuchet MS; color: #ff6600; text-transform:uppercase; margin-left:10px;} #newsletter .input {border: 1px solid #666666; background: repeat-x url(../img/bg_input.jpg); float:left; width: 135px; padding:6px; color:#B2B2B2; margin: 8px 0 0 20px;} #newsletter span {margin: 8px 0 0 20px; display:block; float:left;} #newsletter #error { margin-left: 30px;} /* // HOMEPAGE TEXT ---------------------------------------------------------------*/ #home { float:left; width:325px; background: no-repeat url(../img/bg_news.jpg); margin: 7px 0 0 0; padding: 10px;} #home .home_text { overflow:auto;max-height:620px; min-height: 300px;padding: 20px;} #home h2 { padding: 10px; font: normal 14px trebuchet MS; color: #ff6600; text-transform:uppercase;} #home p { color:#FFFFFF; margin: 10px 0 10px 10px; line-height:18px; } #home .home_text a {color: #ff6600;} .location { background-color: #333; padding: 5px;} #related { float:left; width:345px; background: no-repeat url(../img/bg_news.jpg); margin: 7px 0 0 0; padding-bottom: 40px;} #related h2 { padding: 10px; font: normal 14px trebuchet MS; color: #ff6600; text-transform:uppercase; margin-left:10px;} #related .product {width: 143px; height:290px; display:block; text-align:center; float:left; margin: 7px 7px 7px 25px;} #related .product span { margin: 10px; display: block; background-color:#000000; width:127px; height: 205px;} #related .product span img { margin-top:5px; max-width: 122px; max-height:200px;} #related .product .title { color:#FFFFFF;} #related .product .rrp {color:#FFFFFF; text-decoration:line-through;} #related .product .price { font-size: 14px;color:#FF6600;} #related .product a { color:#FFFFFF; text-decoration:none;} #hold { height:210px; display: block;} div#rotator {position:relative; float:left;} div#rotator ul li.show {z-index:400;} div#rotator ul li {position:absolute;list-style: none; float: left;} div#rotator ul li img {border:none; } /* // ERRORS & MESSAGES ---------------------------------------------------------------*/ #cart_error { padding: 20px 0 20px 0; display:block;} #cart_error p { color:#fff;} #cart_error li { color:#CCCCCC; margin-left:15px;} #cart_error a { color:#CCCCCC; margin-left:15px;} #cart_error strong {color:#ff6600; font-size:14px;} #cart_error em {} #error { margin: 20px 0 20px 0;} #error p { color:#ff6600;} #error li { color:#CCCCCC; margin-left:15px;} #error strong {} #error em {} #message { padding: 15px; margin: 15px; border: 1px solid #333333; text-align:left; } #message p { color:#FFFFFF;} #message strong { color:#ff6600;} #checkout {} #checkout h3 {float:left; font: normal 20px Trebuchet MS; color:#FFFFFF; padding: 8px 5px 25px 20px; display:block; width: 600px; margin:10px 0 10px 0; background: repeat-x url(../img/bg_break.jpg);} #checkout p { display:block; padding: 3px; margin: 2px; color:#ff6600;} #checkout label { display:block; padding: 0px; margin: 2px; font-weight:bold;color: #fff; float: left; width:130px; text-align:right; padding-right:10px;} #checkout .input { width: 290px;} #checkout span { color: #ff6600; font-weight:normal;} /* // PRODUCT DETAIL ---------------------------------------------------------------*/ #product_detail { margin-bottom: 30px; display:block; padding-bottom:20px; } #prod_one {float:left; width: 320px; text-align:center; padding-top:20px; padding-right:10px;} #prod_one img {border:2px solid #FF6600;} #prod_two {float:left; width: 230px; margin: 20px 0 0 10px;} #prod_two p { color:#ccc; margin: 15px 0 15px 0;} #prod_two strong { font-size:14px; color:#FFFFFF;} #prod_two .stock { text-transform:uppercase; color: #FF6600;} #prod_two .price { color:#FF6600; font: bold 18px Trebuchet Ms;} #thumbs {margin: 10px 0 0 20px; border-top: 1px solid #1A1A1A; padding: 20px 0 0 0; display:block; clear:both; width: 95%;} #thumbs img { float:left; margin: 0 5px 0 5px;border:2px solid #FF6600; max-width: 80px;} #thumbs a {display:block} /* // FILTERS ---------------------------------------------------------------*/ #filters { float:left; width:345px; background: no-repeat url(../img/bg_news.jpg); margin: 7px 0 0 0; padding-bottom: 40px;} #filters h4 { padding: 10px; font: normal 14px trebuchet MS; color: #ff6600; text-transform:uppercase; margin-left:10px;} #filters p { margin-left: 30px; margin-top:10px; float:left; width: 35%;} #filters label { display:block; color:#FFFFFF; font-weight:bold; text-transform:uppercase;} #filters select {background-color:#333; border: 1px solid #666666; color:#CCCCCC; padding: 2px;} /* // PRODUCT LISTING ---------------------------------------------------------------*/ #col_one .product {width: 195px; height:340px; display:block; background: repeat-x url(../img/bg_product.jpg) #000; text-align:center; float:left; margin: 7px;} #col_one .product span { margin: 10px; display: block; background-color:#000000; width:177px; height: 255px;} #col_one .product span img { margin-top:5px; max-width: 266px; max-height:350px;} #col_one .product .title { color:#FFFFFF;} #col_one .product .rrp {color:#FFFFFF; text-decoration:line-through;} #col_one .product .price { font-size: 14px;color:#FF6600;} #col_one .product a { color:#FFFFFF; text-decoration:none;} #mycarousel li {width: 175px; height:320px; display:block; background: repeat-x url(../img/bg_product.jpg) #000; text-align:center; float:left; margin: 7px;} #mycarousel li span { margin: 10px; display: block; background-color:#000000; width:157px; height: 235px;} #getlook { display:block;float:left; width: 620px; text-align:left; margin-top:20px; margin-right:10px} #getlook .product .title { color:#FFFFFF; font-weight:bold; font-size:14px;} #getlook .product {width: 195px; height:340px; display:block; background: repeat-x url(../img/bg_product.jpg) #000; text-align:center; float:left; margin: 5px;} #getlook .product span { margin: 10px; display: block; background-color:#000000; width:177px; height: 255px;} #getlook .product span img { margin-top:5px; max-width: 166px; max-height:250px;} #getlook .product a { color:#FFFFFF; text-decoration:none;} #getlook .product a:hover { color:#FF6600; text-decoration:none;} #getlookdetail { display:block;float:left; width: 620px; text-align:left; margin-top:20px; margin-right:10px} #getlookdetail .product .title { color:#FFFFFF; font-weight:bold; font-size:14px;} #getlookdetail .product {display:block; background: repeat-x url(../img/bg_product.jpg) #000; text-align:center; float:left; margin: 7px 7px 57px 7px;} #getlookdetail .product span { margin: 10px; display: block; background-color:#000000; max-width: 310px; } #getlookdetail .product span img { margin-top:5px; max-width: 300px; } #getlookdetail .product a { color:#FFFFFF; text-decoration:none;} #getlookdetail .product a:hover { color:#FF6600; text-decoration:none;} #getlookdetail .getproduct {width: 125px; height:250px; display:block; background: repeat-x url(../img/bg_product.jpg) #000; text-align:center; float:left; margin: 7px;} #getlookdetail .getproduct span { margin: 9px 3px 3px 3px; display: block; background-color:#000000; width:118px; height: 180px;} #getlookdetail .getproduct span img { margin-top:5px; max-width: 166px; max-height:250px;} #getlookdetail .getproduct .title { color:#FFFFFF;} #getlookdetail .getproduct .rrp {color:#FFFFFF; text-decoration:line-through;} #getlookdetail .getproduct .price { font-size: 11px;color:#FF6600;} #getlookdetail .getproduct a { color:#FFFFFF; text-decoration:none;} #archive {background: repeat-x url(../img/bg_break.jpg); padding: 20px;} #archive p { margin: 0 10px 10px 10px; font-weight:bold; color:#FFFFFF; font-size:14px;} #archive select { width: 200px; margin-left:10px;} #archive .select,#archive option { background-color:#333; border: 1px solid #666666; color:#CCCCCC; padding: 2px;} /* // CART ---------------------------------------------------------------------*/ #tlb {} #tlb th {text-align:left; color:#FFFFFF; background: repeat-x url(../img/bg_break.jpg); padding: 5px 5px 5px 20px; font-size:14px;} #tlb td {text-align:left; color:#FFFFFF; padding: 5px 5px 5px 20px;} #tlb td p {font-size:14px; color:#FFFFFF; text-decoration:none;} #tlb td a {color:#FFFFFF;} #tlb td a:hover {color:#FF6600;} #tlb strong {color:#ccc;} .checkout_now {float: right;text-align:center; margin-right: 30px;} .checkout_now a {background: repeat-x url(../img/bg_break.jpg); padding: 5px;margin: 5px 5px 5px 5px;width: 125px;text-transform:uppercase;color:#FFFFFF;text-decoration:none;display:block;} .checkout_now a:hover {background-color: #000; display:block; color:#FF6600;} /* // PAGING ---------------------------------------------------------------*/ #col_one .paging { margin: 10px 0 0 20px; border-top: 1px solid #1A1A1A; padding: 10px 0 0 0;} #col_one .paging p { padding: 10px; font-size: 14px;} #col_one .paging a {color:#FF6600; text-decoration:none;font-size: 14px; padding: 3px;} #col_one .paging a:hover { background-color:#FF6600; color:#000000;} /* // FOOTER ---------------------------------------------------------------*/ #footer {width:987px; float:left; margin-left: 8px; background: repeat-x url(../img/bg_footer.jpg); height:200px; text-align:left;} #footer address { float:left; display:block; width:125px; margin:10px; padding: 10px 20px 0 30px; font-style:normal; line-height: 20px; color:#ccc; border-left: 1px solid #191919; } #footer address strong { color:#FF6600; margin-bottom: 5px;} #footer .brands {float:left; display:block; width:250px;margin:10px; padding: 10px 20px 0 30px; font-style:normal; line-height: 20px;border-left: 1px solid #191919; } #footer .brands strong { color:#FF6600; margin-bottom: 5px;} #footer ul { float:left; width: 125px;} #footer li { line-height: 20px; list-style:none;} #footer li a { text-decoration:none; color:#ccc;} #footer li a:hover { text-decoration:none; color:#FF6600;} #footer #logos { float:left; display:block; width:125px; margin:10px; padding: 10px 20px 0 30px; font-style:normal; line-height: 20px; color:#ccc; border-left: 1px solid #191919; }