/* 
    Document   : site
    Created on : 2009-sep-06, 20:13:07
    Author     : hbruce
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {background:transparent url(/inc/img/bg.gif) repeat-x scroll 0 0; font-size:12px; line-height:16px; padding-top:20px; color:#333; }
body {font-family:'Courier New',Courier,monospace;}


h1 {  }
h2 { font-size:14px; line-height:20px; }
h3 { font-size:14px; line-height:20px;  }
h4 { font-size:14px; margin:0px; }
h5 { }

table th { text-align:left; border-bottom:1px solid #666; }
table td, table th { padding-right:10px; }
table tr.odd td { background:#f6f6f6; }

fieldset { border:4px solid #ccc; padding:0 10px 20px; }
fieldset legend { padding:0 12px 0 10px; }


label {display:block;}
label.small {font-size:10px;}
label.inline {display:inline; margin-right:5px;}
.error { color:#f00;}

form.checkout .grid_3 { width:170px; margin:0 20px 0 0; }
form.checkout .grid_6 { width: 360px; margin:0 20px 0 0; }
form.checkout .grid_12 { margin:0 20px 0 0; }
form.checkout input, form.checkout textarea { margin-bottom:10px; }
form.checkout .grid_3 input { width:165px; }
form.checkout .grid_6 input { width:355px; }
form.checkout .grid_6 select { width:355px; }
form.checkout .grid_12 textarea { width:735px; }
form.checkout .grid_last { margin-right:0; }
.confirm-box { margin:20px 0 20px 0px; border:8px solid #888; padding:20px; width:685px;}
.confirm-box p.small { margin:15px 0 10px;}
form.checkout #voucherCode { width:245px; }
form.checkout #checkCode { width:100px;  }

.button { font-size:12px; font-weight: bold; position: relative; top:-2px; background:#000; color:#fff; font-family:'Courier New',Courier,monospace; text-decoration: underline; padding:4px 10px; border:0; }
.button:hover { text-decoration: none; }

a.icon { width:0px; padding-left:16px; height:16px; display:block; overflow:hidden; }
a.trash { background:url(/inc/img/icon_trash.gif); }
tr a.trash { opacity:0.2; }
tr:hover a.trash { opacity:1; }

input.checkbox { width:auto!important; position:relative; top:1px; }

.small { font-size:11px; line-height:11px; }
.big { font-size:16px; line-height:16px; }
.quiet { color:#999; }

a { color:#4fbce5; text-decoration:underline; cursor:pointer; }
a:hover { text-decoration:none; }
a.inverted { text-decoration:none; }
a.inverted:hover { text-decoration:underline; }
a.black { color:#333; }


.logotype a { text-decoration:none; }
.logotype h1 { color:black; font-family:'arial black';font-size:80px;letter-spacing:-8px; line-height:1058px;   margin:-4px 0 10px -5px;padding:0; text-transform:uppercase; width:400px; }
.logotype span { text-transform:uppercase; font-size:24px; font-family:arial; color:#aaa; }
.logotype h1 { background:transparent url(/inc/img/logo.png) no-repeat scroll 6px 4px; width:419px; overflow:hidden; height:126px; color:transparent; }


.animation {background:transparent url(/inc/img/gremlins.gif) no-repeat scroll 0px 0px; display:block; width:23px; height:10px; position:absolute; top:111px; left:321px; }
.left { float:left; }
.right { float:right; }

.height_10 { height:10px; }
.height_20 { height:20px; }
.height_40 { height:40px; }
.height_60 { height:60px; }
.height_80 { height:80px; }

ul.menu li { float:left; list-style-type:none; margin:0px; }
ul.menu li a { display:inline-block; padding:4px 0 4px 0; margin:0 3px; text-decoration:none; }
ul.menu-top { margin:-5px -3px 0 0;}
ul.menu-top li a { color:#333; margin-left:14px; }
ul.menu-top-store { margin:-4px 0 8px 0;}
ul.menu-top-store li a { color:#333; margin:8px 0 0 18px; }
.menu a:hover { color:#777; text-decoration:underline; }
.menu-store { letter-spacing: 2px; }
.menu-store ul li a { color:#333; text-transform:uppercase; font-size:12px; font-weight:normal; border-top:6px solid transparent; margin:0 20px 0 0;}
.menu-store ul li a:hover { border-color:#aaa; text-decoration: none;}
.menu-store ul li a.active { border-color:#6FCCDD; color:#6FCCDD; }
.menu a.active { color:#6FCCDD; }

.hang-tag { opacity:0.5; background:url(/inc/img/hangtags/only_after.png); width:144px; height:235px; position:absolute; top:0px; margin-left:-160px; }

.bread-crumb { margin:10px 10px 20px; font-size:11px; }

#footer { font-size:12px; color:#999; margin-top:40px;}
#footer hr { border:0px; background:#999; height:4px; margin:0 10px 20px;}
#footer h4 { font-weight:normal; margin:0px; font-size:12px; }
#footer a { color:#999; text-decoration:none; }
#footer a:hover { text-decoration:underline; color:#333; }


.cart { background:#888; color:#fff; padding:10px; margin-bottom:40px; padding-right:5px; }
.cart.grid_3 { width:135px!important; }
.cart a { color:#000; }
.cart a.checkout { background:#000; color:#fff; display:block; font-weight:bold; padding:5px; text-align:center; }
.cart ul { margin:0 0 10px 0; }
.cart ul li { list-style-type:none; margin:0 0 10px 0; }
.cart select { width:140px; display:none; }
#header .cart { display:inline; float:right; margin-top:0px; margin-bottom:0px;}
#header .cart a.checkout { display:inline; }

.product-info .button { margin: 0 10px 10px 0;  }
.product-info span.price { }
.strikeout { text-decoration:line-through;}
.sale-price { color:#f00; }
.discounted-price { color:#0c0; }



.share-this { font-size:12px; margin:20px 0 10px 0; }

h2 { background:#888; color:#fff; display:inline-block; padding:0 5px; }
.product-list h2 { }
.product-list .product-in-list { float:left;  margin-right:30px; }
.product-in-list { margin-bottom:20px; width:150px; /*background:#333; border-radius:10px; -moz-border-radius:10px; */ padding:10px 1px; }
.product-in-list:hover { color:#888; }
.product-in-list .product-image { display:block; }
.product-in-list .product-image img { min-width:150px; }

.product-in-list h3 { font-weight:normal; color:#000; font-size:16px; line-height:24px; margin:-3px 0 0 0; }
.product-in-list .price { }
.product-in-list .size { }
.product-in-list select { font-size:10px; }
.product-in-list-help { background:#fff; border-color:#e9e0c4; border-style:none solid solid; border-width:0 1px 1px; color:#bdb18b; font-size:11px; margin:0 30px; padding:2px 10px; width:140px; position:absolute; text-align:center; display:none; }
.product-in-list .hover-info { max-width:160px; display:inline-block; margin:5px 0 0 5px; }
.product-in-list .hover-info h4 { font-size:14px; left:0; margin-bottom:-10px; padding-right:0; padding-top:17px; position:relative; top:-17px; }
.product-in-list .hover-info p { font-size:12px; line-height:12px; margin:0 0 4px;}



#mc-embedded-subscribe-form div { display:inline-block; }
#mc-embedded-subscribe-form input.email{ width:100px; }

/*
Tweet-widget
*/
.tweet { margin:-5px 0 10px 0; font-size:12px; }
.tweet .tweet_list { margin-bottom: 0; }
.tweet .tweet_list li { list-style-type:none; margin:0 0 10px; }
.tweet .tweet_list li a { }
.tweet .tweet_list .tweet_even { }
.tweet .tweet_list .tweet_avatar { margin:0 10px 0 0; float:left;}
.tweet .tweet_list .tweet_avatar img { }


.content-box { background:#888; padding:10px 1px; margin-bottom:20px; }
.content-box h3 { color:#fff; margin-left:10px; margin-bottom:10px;}
.content-box .content { background:#fff; padding:10px; }

iframe.FB_SERVER_IFRAME {
    border: 0!important;
}


/*
Product page
*/

.small-images { display:inline-block; vertical-align:top; margin-bottom:10px; }
.small-images a { border-top:2px solid #fff; height:50px; margin-right:10px; display:inline-block; padding-top:2px; }
.small-images img { height:50px; }
.small-images a:hover { border-top:4px solid #ccc; }
.small-images a.active { border-top:4px solid black; }

.product-image { float:left; margin-right:10px; max-width:440px; }
.product-info { float:left; width:310px; padding:0 0 0 10px; }

.order-cart th { font-weight:bold; border-bottom:1px solid #999; text-align:left; }
.order-cart td, .order-cart th { padding:2px 5px 0 0; vertical-align:middle; }
.order-cart img.product { height:32px;  }
.order-cart tr.border-dotted-top td { border-top:1px dotted #999; }
.order-cart tr.border-top td { border-top:1px solid #999; }
.order-cart tr.product:hover { background:#fff; }


table.orders td { background:#eee; border-top:4px solid #ddd; padding:10px; vertical-align:top; display:table-cell; }
table.orders tr.date-is-overdue td { background:#fee; color:#a00; border-color:#fdd; }
table.orders tr.order-is-paid td { background:#efc; color:#0a0; border-color:#dfb; }
table.orders tr.order-is-confirmed td { background:#efe; color:#0a0; border-color:#dfd; }
table.orders tr:last-child td { padding:0; }
table.orders tr { display:table-row; width:100%;}
table.orders tr.invoice-row { cursor:pointer; }
table.order-products tr { display:table-row; }
table.order-products td { background:transparent; border:0!important; padding:0 10px 0 0; vertical-align:middle; }
table.order-products td img.product { height:40px; }
table.orders td label { font-size:10px; }
table.orders fieldset { margin:10px 0 0;  padding-top:10px; }
table.orders fieldset textarea { font-size:10px; width:200px; height:200px;}

table.products th { padding:0 10px; }
table.products td { background:#eee; border-top:4px solid #ddd; padding:10px; vertical-align:top; }
table.products tr:last-child td { border-bottom:4px solid #ddd; }
table.products td img.product { height:40px; }

.editable { color:#4fbce5; cursor:pointer; background:white; padding:2px; line-height:130%; }
.editable:hover { text-decoration:none; }
.editable input[type="button"] { width:40px; }
.editable input.edit-input { font-size:10px; }
.editable textarea.edit-input { font-size:11px; }
td.toggleble { text-decoration:underline; color:#4fbce5; cursor:pointer; }
td.toggleble:hover { text-decoration:none; }


.recommendations_ul { margin:0px; }
.recommendations_ul li { color:#4fbce5; margin:0 0 0 10px; font-size:11px; }
.recommendations_ul li:hover { list-style-type:circle; }
.recommendations_ul li a { display:block; }
.div-wrapper ul { padding:5px!important; }
.outbrain-recommendationsFieldset { padding:0px; }