/* -- Reset the CSS -- */
*,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}
.clear{clear:both;}
.hide{display:none;}
hr{display:none;}
a img{border:none;}
ul,ol,li{list-style:none;}
a{text-decoration:none;}
.overflow{width:100%;overflow:hidden;}
p {margin:0.2em 0 1em 0;}

/* ---------- Start the Styling ---------- */
body { margin: 0; padding: 0; color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f8f8f8; }

/* ----- Headings ----- */
h1, h2, h3, h4 { color: #666; font-weight: normal; line-height: normal; outline: none; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }

/* ----- Basic Links ----- */
a { text-decoration: none; color: #4af; }
a:hover { color: #17c; }

/* ----- General Content ----- */
span.required { font-weight: bold; color: #911; }
.content ul,
.content ol { margin: 0.2em 0 1em 2em; }
.content ul li { padding: 0 0 0.2em 0; list-style: disc; }
.content ol li { padding: 0 0 0.2em 0; list-style: decimal; }

/* ---------- Splash ---------- */
#splashanimation { width: 401px; height: 421px; margin: 20px auto 40px auto; text-align: center; }
#splashanimation #splash { outline: none; }
#splashanimation h1 { width: 0px; height: 0px; position: absolute; top: -9999em; left: -9999em; display: block; overflow: hidden; text-indent: -9999em; }
#splashanimation p { width: 0px; height: 0px; position: absolute; top: -9999em; left: -9999em; display: block; overflow: hidden; text-indent: -9999em; }

/* ---------- Main Layout ---------- */
h2#logo { background: url(/_inc/img/logo.gif) 0px 0px no-repeat; width: 86px; height: 90px; margin: 0 auto 0 auto; display: block; }
h2#logo a { text-indent: -9999em; display: block; width: 86px; height: 90px; }
#container { width: 900px; margin: 0 auto 0 auto; padding: 20px 0 20px 0; }
#body { width: 100%; overflow: hidden; padding: 10px 0 0 0; }
#body #main { width: 500px; float: left; overflow: hidden; }
#body #side { width: 390px; float: right; overflow: hidden; }

/* ---------- News Page ---------- */
.newspage .newsitem { padding: 0 0 10px 0; }
.newspage .newsitem h4 { color: #666; font-size: 18px; font-weight: normal; letter-spacing: -0.05em; line-height: normal; }
.newspage .newsitem h4 a { color: #444; }
.newspage .newsitem h4 a:hover { color: #4af; }
.newspage .newsitem .date, .newsdate { color: #aaaaaa; font-size: 10px; text-transform: uppercase; letter-spacing: normal; line-height: normal; }
.newspage .newsitem .newsimages { width: 100%; overflow: hidden; }
.newspage .newsitem .newsimages a { background: #DDDDDD; display: block; height: 105px; padding: 5px; width: 105px; }
.newspage .newsitem .newsimages a:hover { background: #4af; }
.newspage .newsitem .newsimages .photo { float: left; margin: 0 10px 10px 0; }

/* ---------- Shop Layout ---------- */
#shop-menu { float: left; width: 240px; margin-left: 30px; display: inline; line-height: normal; }
#shop-menu ul li a { display: block; padding: 10px; font-size: 14px; letter-spacing: -0.05em; margin: 0; }
#shop-menu ul li { height: 36px; margin: 0; padding: 0; display: block; overflow: hidden; }
#shop-menu ul li.active a, #shop-menu ul li a:hover { background: url(/_inc/img/categories_hover.gif) no-repeat; color: #444; }
#shop-products { float: right; width: 560px; margin-right: 20px; display: inline; }
#shop-products .product { width: 130px; height: 175px; float: left; margin: 0 10px 10px 0; }
#shop-products .product a { display: block; width: 124px; height: 165px; padding: 3px; text-align: center; font-size: 11px; color:#888; position:relative; background:#F8F8F8; }

#shop-products .wearitlikethis .product { height:130px; overflow:hidden; }
#shop-products .product a:hover { color:#444; background:transparent; }
#shop-products .product a img { margin-bottom: 3px; border:2px solid #efefef; width:120px; height:120px; position:relative; z-index: 0; }
#shop-products .product a img.hoverimg { position:absolute; border:none; top:5px; left:5px; 
 z-index:10; width:0; height:0; }

#shop-products .product a:hover .hoverimg{ width:120px; height:120px; }


/* ----- Collections ----- */
#collections-display { float: right; width: 560px; margin-right: 20px; }
#collections-display .photo { width: 130px; height: 130px; float: left; margin: 0 10px 10px 0; }
#collections-display .photo a { display: block; width: 120px; height: 120px; padding: 2px; background: #efefef; }


/* ----- Stockists ----- */
#stockists-display { float: right; width: 560px; margin-right: 20px; }
#stockists-display .stockist { padding: 10px 0 10px 0; border-bottom: 1px solid #eee; width: 100%; overflow: hidden; }
#stockists-display .stockist-photo { float: right; }
#stockists-display .stockists-notice { border-bottom: 1px solid #eee; font-size: 14px; margin-bottom: 4px; }

/* ----- Single Product ----- */
#shop-products .singleproduct .productinfo { margin-bottom: 10px; width: 280px; float:right; }
#shop-products .singleproduct .productoptions { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; width: 280px; overflow: hidden; clear:right; float:right; }
#shop-products .singleproduct .share { width:280px; clear:right; float:right; }
#shop-products .singleproduct .share form { padding: 0; }
#shop-products .singleproduct .share-button { width:130px; background-image:url(/_inc/img/button_friend.gif); }
.thisgoeswith, .wearitlikethis { margin-top:10px; padding-top:10px; }
a.jqzoom { display:block;margin: 0 auto 5px; }
#shop-products .singleproduct .thisgoeswith a.product { float: left; margin: 0 10px 10px 0; }
#shop-products .singleproduct .wearitlikethis a.product { float: left; margin: 0 10px 10px 0; }
#shop-products .singleproduct form { padding-top: 10px; width: 280px; overflow: hidden; }
#shop-products .singleproduct form .quantity { font-size: 14px; letter-spacing: -0.05em; float: left; }
#shop-products .singleproduct form .quantity label { float: left; width: 60px; padding-top: 4px; }
#shop-products .singleproduct form .smallbuttons { float: right; }
.singleproduct .productimage { float: left; width: 260px; text-align: center; font-size: 11px; }
.singleproduct a img.product-image { border: 2px solid #efefef; }
.singleproduct .bigbuttons { padding-top: 10px; }
#shop-products ul.options { font-size: 14px; letter-spacing: -0.05em; line-height: normal; border-bottom: 1px solid #eee; 
 padding-bottom: 10px; }
#shop-products ul.options li { display: block; width: 280px; overflow: hidden; }
#shop-products ul.options li a { display: block; width: 260px; padding: 3px 10px; overflow: hidden; }
#shop-products ul.options li a.selectedoption,
#shop-products ul.options li a:hover { background: url(/_inc/img/option_hover.gif) no-repeat; color: #444; }
#shop-products ul.options li a.selectedoption span.label, #shop-products ul.options li a:hover span.label { color: #444; }
#shop-products ul.options li a.selectedoption span.price, #shop-products ul.options li a:hover span.price { color: #444; }
#shop-products ul.options span.label { float: left; }

#shop-products ul.options li a span.label { height:24px;line-height:24px;margin-top:4px; }

#shop-products ul.options li a span.standardprice { height:24px;line-height:30px;color:#888; }

#shop-products ul.options span.price { float: right; text-align:right; 
 color: #444; }
#shop-products ul.options span.onsale { padding-left:38px; background:url(/_inc/img/sale-icon.gif) left 3px no-repeat; }
#shop-products form .quantity input { width: 30px; padding: 4px; }

span.retail { text-decoration:line-through; color:#888888;font-size:12px; text-align:right; }

/* ---------- General Form Elements ---------- */
form input, form textarea { font: 12px Arial, Helvetica, sans-serif; color: #666; }
form textarea { padding: 4px; line-height: 1.6em; }
.errormsg { color: #911; }

/* ---------- Contact Form ---------- */
#body form.form fieldset { border: none; }
#body form.form ol { padding: 4px 0 8px 0; list-style: none; margin: 0; }

#body form.form ol li { padding: 2px 0 2px 0; width: 100%; overflow: hidden; font-size: 14px; letter-spacing: -0.05em; list-style: none; margin: 0; }
#body form.form ol li input, #body form.form ol li select { padding: 4px; }
#body form.form ol li label.smallleft { float: left; width: 60px; padding: 4px 0 0 0; }
#body form.form ol li label.medleft { float: left; width: 80px; padding: 4px 0 0 0; }
#body form.form ol li label.left { float: left; width: 120px; padding: 4px 0 0 0; }
#body form.form ol li label.largeleft { float: left; width: 160px; padding: 4px 0 0 0; }

/* ---------- Top ---------- */
#top { width: 100%; overflow: hidden; height: 240px; padding-top: 10px; }
#top #photoflash { width: 500px; height: 240px; float: left; outline: none; }
#top #quoteflash { width: 390px; height: 240px; float: right; background: #333; outline: none; }

/* ---------- Footer ---------- */
#footer { text-align: center; font-size: 11px; color: #888; padding-top: 15px; }
#footer a { color: #666; }
#footer a:hover { color: #4af; }

/* ---------- Content Styling ---------- */
#body .content { line-height: 1.6em; padding-top: 4px; }
#body .content .text-right { text-align: right; }
#body .content .text-left { text-align: left; }
#body .content .readmore { text-align: right; font-weight: bold; padding: 5px 10px 0 0; }

/* ---------- Side News ---------- */
.side-news h2 { font-size: 24px; font-weight: normal; width: 360px; }
.side-news a.rss-icon { float: right; width: 24px; height: 24px; background: url(/_inc/img/rss.gif) 0px 0px no-repeat; text-indent: -9999em; overflow: hidden; }
.side-news a.rss-icon:hover { background-position: 0px -24px; }
ul.newsitems li { display: block; line-height: normal; }
ul.newsitems li a { width: 370px; padding: 5px 10px 7px 10px; display: block; color: #444; font-size: 18px; font-weight: normal; letter-spacing: -0.05em; }
ul.newsitems li a span { color: #aaaaaa; font-size: 10px; text-transform: uppercase; letter-spacing: normal; }
ul.newsitems li a:hover { background-color: #4af; color: #fff; }
ul.newsitems li a:hover span { color: #adf; }

/* ---------- Nav ---------- */
#nav { height: 20px; width: 730px; margin: 20px auto 0 auto; padding-bottom: 10px; overflow: hidden; }
#nav ul, #nav li { list-style: none; margin: 0; padding: 0; }
#nav li { float: left; }
#nav li a { height: 16px; display: block; background-position: 0px 0px; background-repeat: no-repeat; text-indent: -9999em; overflow: hidden; margin: 0 10px 0 10px; }
#nav li#nav-home a { background-image: url(/_inc/img/menu-home.gif); width: 38px; }
#nav li#nav-about a { background-image: url(/_inc/img/menu-about.gif); width: 39px; }
#nav li#nav-news a { background-image: url(/_inc/img/menu-news.gif); width: 36px; }
/*#nav li#nav-shop a { background-image: url(/_inc/img/menu-shop.gif); width: 34px; }*/
#nav li#nav-shop a { background-image: url(/_inc/img/menu-onlinestore.gif); width: 74px; }
#nav li#nav-collections a { background-image: url(/_inc/img/menu-collections.gif); width: 67px; }
#nav li#nav-editorial a { background-image: url(/_inc/img/menu-editorial.gif); width: 48px; }
#nav li#nav-stockists a { background-image: url(/_inc/img/menu-stockists.gif); width: 57px; }
#nav li#nav-contact a { background-image: url(/_inc/img/menu-contact.gif); width: 70px; }
#nav li#nav-newsletter a { background-image: url(/_inc/img/menu-newsletter.gif); width: 63px; }
#nav li#nav-blog a { background-image: url(/_inc/img/menu-blog.gif); width: 34px; }
#nav li#nav-video a { background-image: url(/_inc/img/menu-video.gif); width: 35px; }

#nav li a:hover,
#nav li.active a { background-position: 0px -40px; }

body.page_home #nav li#nav-home a,
body.page_about #nav li#nav-about a,
body.page_news #nav li#nav-news a,
body.page_shop #nav li#nav-shop a,
body.page_collections #nav li#nav-collections a,
body.page_editorial #nav li#nav-editorial a,
body.page_stockists #nav li#nav-stockists a,
body.page_contact #nav li#nav-contact a { background-position: 0px -40px; }

#submenu, #submenu li { list-style: none; margin: 0; padding: 0; }
#submenu li a { width: 220px; padding: 10px 10px; display: block; font-size: 1.1em; font-weight: normal; }
#submenu li a:hover { color: #ffffff; text-decoration: none; background-color: #44aaff; }
#submenu li ul li a { width: auto; padding: 3px; }
#submenu li ul li a:hover { color: #444444; background-color: #f8f8f8; }

/* ---------- Cart Bar ---------- */
#cartbar { background: #e8e8e8; padding: 10px; }
#cartbar .inner { width: 100%; overflow: hidden; }
#cartbar .message { float: left; padding: 4px 0 0 4px; }
#cartbar .smallbuttons { float: right; }
#cartbar .smallbuttons a.button { float: right; margin-left: 10px; }

#cartbar .wholesale-inner { padding-bottom: 10px; border-bottom: 1px solid #ddd; width: 100%; overflow: hidden; }
#cartbar .cart-inner { width: 100%; overflow: hidden; padding-top: 10px; }

/* ----- Shopping Cart Table ----- */
.carttable table th { background: #e8e8e8; border-bottom: 1px solid #d8d8d8; padding: 10px; }
.carttable table tr td { padding: 10px; }
.carttable table tr.item td { border-bottom: 1px solid #e8e8e8; }
.carttable table td.price-cell { width: 100px; }
.carttable table td.update-cell { width: 200px; }
.carttable table td.totalprice-cell { width: 100px; }
.carttable table td.update-cell form { width: 150px; margin: 0 25px 0 25px; }
.carttable table td.update-cell form .button { float: right; }
.carttable table td.update-cell form .qtybox { float: left; width: 32px; padding: 4px; }
.carttable .bigbuttons .button { float: right; }

/*.carttable table tr.postage-row td,*/
.carttable table tr.ordertotal-row td { background: #f2f2f2; border-bottom: 1px solid #e8e8e8; }
.carttable table tr.postage-row td { border-bottom: 1px solid #e8e8e8; }
.carttable table td.postage-cell form { margin: 0 25px 0 10px; }
.carttable table td.postage-cell form select { float: left; padding: 4px; width: 180px; }
.carttable table tr.extras-row td { border-bottom: 1px solid #e8e8e8; }
.carttable table .summary { color: #888; font-size: 14px; }
.carttable table .summary strong { font-weight: normal; color: #555; }
.carttable table .summary em { font-size: 11px; }
.carttable .checkout-button { padding: 10px 0 10px 0; }
#checkout-page .carttable .bigbuttons .next { float: left; }

/* ---------- Buttons ---------- */
.tinybuttons a.button, .tinybuttons input.button { background: transparent url(/_inc/img/cart-remove.gif) 0px 0px no-repeat; height: 25px; width: 25px; display: block; color: #666; text-align: center; border: none; cursor: pointer; overflow: hidden; text-indent: -9999em; }
.tinybuttons a.button:hover, .tinybuttons input.button:hover { color: #888; background-position: 0px -25px; }
.tinybuttons a.button span { text-align: center; display: block; width: auto; padding: 4px 4px 0 4px; }

.smallbuttons a.button, .smallbuttons input.button { background: transparent url(/_inc/img/cartbutton.gif) 0px 0px no-repeat; height: 25px; width: 100px; display: block; color: #666; text-align: center; border: none; cursor: pointer; }
.smallbuttons a.button:hover, .smallbuttons input.button:hover { color: #888; background-position: 0px -25px; }
.smallbuttons a.button span { text-align: center; display: block; width: auto; padding: 4px 4px 0 4px; }

.bigbuttons a.button, .bigbuttons input.button { background: transparent url(/_inc/img/smallbutton.gif) 0px 0px no-repeat; width: 140px; height: 40px; display: block; border: none; font: 16px 'Helvetica Neue Lt Std Thin', 'Helvetica Neue Lt Std', 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #666; letter-spacing: -0.05em; cursor: pointer; text-align: center; }
.bigbuttons .button:hover { background-position: 0px -40px; color: #888; }
.bigbuttons .button span { padding: 9px 9px 0 9px; text-align: center; display: block; }

#checkout-page .bigbuttons { width: 100%; overflow: hidden; }
#checkout-page .bigbuttons .button { float: left; margin-right: 10px; }

/* ---------- Editorials ---------- */
#editorials { width: 840px; margin: 0 auto 0 auto; overflow: hidden; }
#editorials .editorialrow { width: 100%; overflow: hidden; padding: 10px 0 10px 0; border-top: 1px solid #eee; }
#editorials div.firstrow { border: none !important; }
#editorials .editorialitem { width: 400px; overflow: hidden; }
#editorials .itemleft { float: left; }
#editorials .itemright { float: right; }
#editorials .editorialitem .editorialimage { float: left; width: 140px; }
#editorials .editorialitem .editorialbody { padding: 8px 0 0 0; }
#editorials .editorialitem .editorialtext { height: 80px; overflow: hidden; }
#editorials .editorialitem .editorialimage a,
#editorials .editorialimages a { background: #efefef; display: block; height: 120px; padding: 2px; width: 120px; }

#editorials .editorialimages { float: right; width: 420px; }
#editorials .editorialsingle { float: left; width: 400px; }
#editorials .editorialimages .photo { float: left; margin: 0 10px 10px 0; }

#checkout_form .bigbuttons { padding-top: 10px; }
.securenotice { background: #E8E8E8 url(/_inc/img/secure.gif) 11px 11px no-repeat; float: left; height: 40px; color: #777; }
.securenotice span { padding: 10px 15px 0 35px; display: block; }

#social-media { width: 460px; overflow: hidden; padding: 30px 0 0 100px; margin: 0 auto; }
#social-media a { float: left; background-position: 0 0; background-repeat: no-repeat; height: 14px; padding: 5px 0 5px 30px; width: 80px; float: left; font-weight: bold; }
#social-media a.twitter { background-image: url(/_inc/img/icon-twitter.png); }
#social-media a.facebook { background-image: url(/_inc/img/icon-facebook.png); }
#social-media a.free-shipping { background-image: url(/_inc/img/icon-shipping.png); width: 200px; }