﻿body {font-family:arial;font-size:12px; color:#444; background:#1A1A1A; margin:0; padding:0 0 15px;}
html {overflow:-moz-scrollbars-vertical;}
iframe {border:0;}

.left {float:left;}
.right {float:right;}
.clear:after {content: "."; display: block; height: 0;widows:0; clear:both; visibility: hidden;}


/* general type */
a {font-size:12px; border:0 none; outline:none;}
img {border: 0 none; text-decoration: none;}
.small, .small a {font-size:11px;}
.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}

/* specific type */
p.instructions {font-size:12px;line-height:18px;margin:0 0 10px;}
p.instructions span {text-decoration:none; font-weight:bold;color:#c00;}

/* main layout */
div#body {margin:0 auto; width:900px;}
div#page {background:#352F31;}
div#header {position:relative; height:54px;}
a#logo {position:absolute; top:10px; left:10px; z-index:2;}
div#inner-page {margin:0; padding:10px 10px 7px;}
div#main-common {background:#fff; min-height:500px; padding:18px 10px 10px;}
div#main-dark {background:#352F31; min-height:500px; padding:0px;}
div#main-black {background:#000; min-height:500px; padding:18px 10px 10px;}
div#main-black h1 {margin:15px 0 0 30px;}

div#header ul#top-nav {margin:0; padding:10px 0 0 240px;}
div#header ul#top-nav li {padding:0; margin:0; display:inline; list-style-type:none;}
div#header div#cart-header {position:absolute; right:0; top:0; background:url(/content/images/cart-bg.gif) no-repeat -18px -1px; padding:3px 0 0 80px; text-align:right; color:#fff; font-size:12px; width:100px; height:54px;}
div#header div#cart-header a {display:block; margin:10px 0 0; text-decoration:none; color:#fff; font-size:13px;}
div#header div#cart-header a:hover {text-decoration:underline;}

div#footer {text-align:right;}
div#footer ul.social-links {float:left; margin:0; padding:0;}
div#footer ul.social-links li {display:inline; list-style-type:none; padding:0; margin:0; text-align:left;}
div#footer ul.footer-links li {display:inline; list-style-type:none; padding:0 5px;}
div#footer ul.footer-links li a {color:#cdcdcd;  font-size:11px; text-decoration:none;}
div#footer ul.footer-links li a:hover {text-decoration:underline;} 

div#footer p.siteby {color:#cdcdcd; font-size:11px; margin:20px 0 0;}
div#footer p.siteby a {color:#cdcdcd; text-decoration:none; font-size:1em}
div#footer p.siteby a:hover {text-decoration:underline;}
div#footer p.siteby span {color:#c40734; }

div.email-signup {text-align:right; margin:0 10px 0 0; padding:0 0 3px;}
div.email-signup input#emailaddress {font-size:11px; color:#777; border:1px solid #ccc; margin:0; padding:2px 3px; }
div.email-signup input#btn_email_signup {padding:0; margin-left:5px;}
div.email-signup input {vertical-align:top;}

/* home */
div.homepage-advert {margin:10px 0 0;}
div.homepage-advert img {margin:0;}
div.home-page p {margin:0;}

/* category */
div.cat-left {float:left; width:200px; color:#333;}
div.cat-right {float:right; width:640px;}

div.cat-description {margin:44px 0 10px; font-size:11px; color:#fff;}

div.cat-adverts a {display:block; margin:0 0 7px;}

div.sort-by {background:#352F31; padding:0;}
div.sort-by td {vertical-align:middle;}
div.sort-by td.price {width:150px;}
div.sort-by select {font-size:11px; width:120px;}

div.item-list {width:700px;}
div.item {float:left; width:293px; height:131px; margin:0 20px 20px 0; background:url(/content/images/cat-bg.png) no-repeat; text-align:right; padding:7px;}
div.item a.item-image {float:left; padding:0; background:#fff;}
div.item h3 a {text-decoration:none; font-size:12px; color:#333;}
div.item p.price {color:#333; margin:10px 0; font-weight:bold;}
div.item p.price span.was-price {color:#900;text-decoration:line-through; margin:0 3px 0 0;}
div.item div.links {margin:30px 0 0;}
div.item .rating-box {float:right;}

/* product */
div.prod-left {float:left; width:450px; margin:8px 10px 0 0;}
div.prod-left ul.breadcrumb-trial li a {color:#444;}
div.prod-right {float:right; width:395px; margin:8px 0 0;}

div.prod-right h1 {margin:0 0 20px;}
div.prod-right p.price {float:left; font-size:14px; font-weight:bold;}
div.prod-right p.price span.was-price {color:#900;text-decoration:line-through; display:block; font-size:12px; font-weight:normal;}
div.prod-right div.rating-container {float:right; text-align:right;}
div.prod-right div.rating-box {float:right;}
div.prod-right div.rating-container span {display:block;}

div.prod-description {background:url(/content/images/icons/tabitha.gif) no-repeat right bottom; margin:15px 0 0; padding:0 0 30px;}
div.prod-description p {font-size:12px;}

div.more-info {margin:18px 0 0; padding:0; background:#fff url(/content/images/tabitha-says.gif) no-repeat 0 0; overflow:hidden;}
div.more-info p {margin:18px 0 0; font-style:italic; font-size:11px;}

div.prod-thumbnails-empty {float:left; width:77px; height:265px; overflow:hidden; position:relative; margin:0 3px 0 0;}
div.prod-thumbnails {float:left; background:url(/content/images/thumbnail-list.jpg) no-repeat left bottom; width:77px; height:265px; overflow:hidden; position:relative; margin:0 3px 0 0;}
div.prod-thumbnails ul {margin:0; padding:0; position:absolute; bottom:0;}
div.prod-thumbnails ul li {list-style-type:none; width:77px; text-align:center; margin:0 0 7px;}
div.prod-thumbnails ul li a {display:block;}


div.features {background:#1A1A1A; margin:10px 0; padding:0 0 10px;}
div.features h2 {background:#fff url(/content/images/features.gif) no-repeat; height:30px; padding:0; margin:0;}
div.features h2 span {display:none;}
div.features ul {padding:0; margin:8px 0;}
div.features li {list-style-type:none; float:left; width:185px; font-size:11px; color:#DEDEDE; padding:4px 0 4px 8px;}

div.addtocart {margin:30px 0 0; text-align:right;}

div.footer-ad {margin:10px 0 0;}

/* product review */
div.prodreview-left {float:left; width:150px; margin:8px 10px 0 0; text-align:center;}
div.prodreview-right {float:right; width:695px; margin:8px 0 0;}
div.prodreview-right p.price {font-weight:bold; font-size:12px;}
div.prodreview-right div.addtocart {margin:20px 0 0; text-align:left;}

div.rating-container {margin:0;}
div.rating-container strong {margin:0; font-size:11px;}
div.rating-container .rating-box {margin:4px 0 1px;}

div.product-reviews {margin:40px 0;}
div.review-item {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:7px 0;}
div.review-item div.rating-box {float:left; margin:0 15px 0 0; top:3px;}
div.review-item h4 {margin:0 0 10px;}
div.review-item h4 span {color:#999; font-weight:normal; font-size:12px; margin:0 0 0 20px;}
div.review-item p {}

/* content pages */
div.paper {background:url(/content/images/500_bg.jpg) no-repeat; padding:45px 35px 35px 30px;}
div.paper-container {overflow:auto; margin:0; padding:0 35px 0 0; height:420px; position:relative;}

/* press */
div.press-header {margin:10px 0 0;padding:0 20px;}
div#press-bg {background:url(/content/images/press-bg.jpg) no-repeat; width:850px; height:360px; margin:0 auto; position:relative;}

/* shopping cart */
table.order-summary {border:0; padding:0; border-spacing:0; border-collapse:collapse; margin:0 0 30px;}
table.order-summary th {text-align:center; font-size:12px;}
table.order-summary th.bg {background:#efefef; border-bottom:1px solid #ccc; border-top:1px dotted #ccc; padding:3px 0;}
table.order-summary th.item {width:400px;}
table.order-summary th.price {width:150px;}
table.order-summary th.quantity {width:80px;}
table.order-summary th.price {}
table.order-summary th.remove {}

table.order-summary tbody td {border-bottom:1px solid #e3e3e3;}
table.order-summary td {text-align:center; padding:5px 0 8px;}
table.order-summary td.item {text-align:left; width:450px;}
table.order-summary td.item h3 {margin:0 0 5px;}
table.order-summary td.item h3 a {text-decoration:none; color:#444; font-size:12px;}
table.order-summary td.item h3 a:hover {text-decoration:underline;}
table.order-summary td.item ul {margin:0; padding:0; width:390px;}
table.order-summary td.item li {list-style-type:disc; font-size:10px; color:#777; float:left; width:183px; padding:0; margin:0 0 0 12px; }
table.order-summary td.item div.item-summary {width:310px;}
table.order-summary td.item p.added-on {font-size:10px; color:#999; margin:10px 0 0;}
table.order-summary td.quantity {font-size:12px;}
table.order-summary td.quantity input {width:20px; border:1px solid #ccc; font-size:12px; padding:1px 0 3px;}
table.order-summary td.price {font-size:12px; color:#999;}
table.order-summary td.price strong {color:#444; }
table.order-summary td.remove {text-align:center;}

table.order-summary tfoot td {background:#f8f8f8; border-bottom:1px dotted #ccc; padding:5px 0;}
table.order-summary tfoot td.subtotal-label {background:#e4e4e4; border-bottom:2px solid #ccc; text-align:right; font-weight:bold; font-size:14px; padding:5px 10px 5px 0;}
table.order-summary tfoot td.subtotal {background:#e4e4e4; border-bottom:2px solid #ccc; font-weight:bold; font-size:14px;}
table.order-summary tfoot td {text-align:right; font-weight:normal; font-size:12px; padding:3px 40px 3px 0;}
table.order-summary tfoot td.label {text-align:right; font-weight:normal; font-size:12px; padding-right:10px;}

p.continue-shopping {margin:0 0 0 10px; text-align:left; color:#777; font-size:12px;}
p.continue-shopping a {color:#777; font-size:12px; text-decoration:none;}
p.continue-shopping a:hover {color:#555; text-decoration:underline;}

div.ymal-container {width:600px; float:left;}
div.ymal-container h2 {padding:0 0 5px; border-bottom:1px dotted #ccc;}
div.ymal-items div.ymal-item {float:left; width:140px; margin:0 20px 20px 0; text-align:center; padding:7px;}
div.ymal-items div.ymal-item div.ymal-image {height:130px; width:140px; text-align:center;}
div.ymal-items div.ymal-item h3 {height:27px;margin:0;}
div.ymal-items div.ymal-item h3 a {text-decoration:none; font-size:11px; color:#333; }
div.ymal-items div.ymal-item p.price {color:#333; margin:7px 0 0; font-weight:bold; font-size:11px;}
div.ymal-items div.ymal-item div.links {margin:10px 0 0;}

/* Checkout Step 1: Address */
div.coupon-box input {width:100px; text-transform:uppercase;}
div.coupon-box span.help {font-size:11px; color:#777;}
div.coupon-box span.help a {color:#777; text-decoration:none;}
div.coupon-box span.help a:hover {color:#555; text-decoration:underline;}

/* Checkout Step 2: Payment */
div.address-summary {width:720px; margin:20px 0 15px;}
div.address-summary div {float:left; width:325px; margin:0 30px 0 0;}



/* RSS Feeds */
ul.rss-feeds {width:400px; margin:0; padding:0;}
ul.rss-feeds li {list-style:none; text-align:right; line-height:40px; padding:0 4px;}
ul.rss-feeds li.header {background:#efefef; text-align:left; font-weight:bold; padding:0 7px; line-height:30px; border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;}
ul.rss-feeds li:hover {background:#efefef;}
ul.rss-feeds li span {float:left;}
ul.rss-feeds li a {background:url(/content/images/icons/rss-feed.gif) no-repeat; padding:5px 0 15px 35px; height:30px; text-decoration:none; color:#444;}
ul.rss-feeds li:hover a {text-decoration:underline;}

/* common catalog controls */
.rating-box {background:transparent url(/content/images/icons/product_rating_blank_star.gif) repeat-x scroll 0 50%; height:13px; margin:0 5px 0 0; position:relative; width:69px;}
.rating-box .rating {background:transparent url(/content/images/icons/product_rating_full_star.gif) repeat-x scroll 0 50%; height:13px; left:0; position:absolute; top:0;}

div.pagination {width:640px; text-align:right; padding:0; margin:4px 0 8px; height:20px;}
div.pagination a {color:#fff; padding:3px 7px; text-decoration:none; font-size:11px; margin:0 3px 0 0;  border:1px solid #352F31;}
div.pagination a:hover {text-decoration:underline; color:#333; background:#ccc; border:1px solid #999;}
div.pagination a.selected {text-decoration:underline; color:#333; background:#ccc; border:1px solid #999;}

ul.breadcrumb-trial {margin:0 0 10px; padding:0;}
ul.breadcrumb-trial li {display:inline; list-style-type:none;}
ul.breadcrumb-trial li span {color:#ccc; font-size:11px; margin:0 3px 0 0; }
ul.breadcrumb-trial li a {color:#ccc; font-size:11px; text-decoration:none;}
ul.breadcrumb-trial li a:hover {text-decoration:underline;}

div.product-wrapper {position:relative;}
div.product-zoom {background-image:url(/content/images/buttons/zoom.gif);background-position:0px 0px; top:90px; left:25px; width:89px; height:37px; overflow:hidden;position:absolute;}

div.tabitha-says {background:url(/content/images/tabitha.gif) no-repeat; height:85px; padding:0 0 0 65px; display:table-cell; vertical-align:middle; color:#999;}
div.tabitha-says p {font-size:11px;}

/* common controls */
.address-display {margin:0 0 15px;}
div.action {text-align:right; margin:10px 0 10px;}
div.checkout-action {text-align:left; margin:40px 0 30px 215px;}
div.address-display {margin:0;}
div.address-display p {font-size:12px;}

/* forms */
fieldset {border:0; padding:0; margin:15px 0 25px;}
fieldset legend {display:none;}
table.form {}
table.form th {text-align:right; vertical-align:top; font-size:13px; width:205px; padding:5px 5px 2px 0;}
table.form td {padding:2px 0;}
.input {font-size:12px; width:200px; border:1px solid #ccc; padding:2px 1px 4px; }
.input-disabled {font-size:12px; width:200px; border:1px solid #ccc; padding:2px 1px 4px; background:#efefef; }
.input-error {font-size:12px; width:200px; border:1px solid #c66; padding:2px 1px 4px; }
.dropdown {font-size:12px; border:1px solid #ccc; padding:2px 1px; }
.dropdown-disabled {font-size:12px; border:1px solid #ccc; padding:2px 1px; background:#efefef;}
label {font-size:12px; font-weight:bold;}
label span {font-size:11px; color:#777; display:block; font-weight:normal;}

ul.list-simple li {list-style-type:none; line-height:20px;}

/* visual alerts */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info ul, .success ul, .warning ul, .error ul, .validation ul {margin:0;}
.info {color: #00529B; background-color: #BDE5F8; background-image: url('/content/images/icons/info.png');}
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url('/content/images/icons/success.png');}
.warning {color: #9F6000; background-color: #FEEFB3; background-image: url('/content/images/icons/warning.png');}
.error {color: #D8000C; background-color: #FFBABA; background-image: url('/content/images/icons/error.png');}

.errormessage {color: #D8000C; font-weight:bold; font-size:12px; display:inline;}


/* popup */
.generic_dialog { height:0; left:0; overflow:visible; position:fixed; top:0; width:100%; z-index:101; }
#generic_dialog_iframe { left:0; position:absolute; top:0; z-index:3; }
.generic_dialog .generic_dialog_popup { height:0; overflow:visible; position:relative; }
.generic_dialog div.dialog_loading { background-color:#F2F2F2; border:1px solid #606060; font-size:24px; padding:10px; }
#generic_dialog_overlay { display:block; left:0; position:absolute; top:0; width:100%; z-index:100; }
.dialog_body .dialog_content_img { float:left; margin-right:15px; }
.dialog_body .dialog_content_txt { float:left; padding-bottom:5px; width:300px; }
.dialog_body .dialog_content_body { padding-bottom:13px; } 

.full_bleed .pop_dialog_table td.pop_content .dialog_body { padding:0; } 
table.pop_dialog_table { border-collapse:collapse; direction:ltr; margin:auto; table-layout:fixed; width:465px; }
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright { height:10px; overflow:hidden; padding:0 !important; width:10px !important; }
td.pop_topleft { background:transparent url(/content/images/pop-dialog-sprite.png) no-repeat scroll 0 0; }
td.pop_topright { background:transparent url(/content/images/pop-dialog-sprite.png) no-repeat scroll 0 -10px; }
td.pop_bottomleft { background:transparent url(/content/images/pop-dialog-sprite.png) no-repeat scroll 0 -20px; }
td.pop_bottomright { background:transparent url(/content/images/pop-dialog-sprite.png) no-repeat scroll 0 -30px; }
td.pop_top, td.pop_bottom { background:transparent url(/content/images/pop-dialog-sprite.png) repeat-x scroll 0 -40px; }
td.pop_side { background:transparent url(/content/images/pop-dialog-sprite.png) repeat-y scroll -10px 0; }
td.pop_content { background-color:white; direction:ltr; padding:0; }
td.pop_content h2.dialog_title { background:#352F31 none repeat scroll 0 0; border:1px solid #000; color:white; font-size:14px; font-weight:bold; margin:0; }
td.pop_content h2.dialog_loading { background:#352F31 url(/content/images/ajax-loader.gif) no-repeat scroll 400px 10px; padding-right:40px; }
td.pop_content h2 span { display:block; padding:4px 10px 5px; }
td.pop_content .dialog_content { background:#FFFFFF none repeat scroll 0 0; border-color:#555555; border-style:solid; border-width:0 1px 1px; }
td.pop_content .dialog_body { border-bottom:1px solid #CCCCCC; padding:10px; }
td.pop_content .dialog_summary { background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #CCCCCC; padding:8px 10px; }
td.pop_content .dialog_buttons { background:#F2F2F2 none repeat scroll 0 0; padding:8px; text-align:right; }
td.pop_content .dialog_buttons input { margin-left:5px; }
td.pop_content .dialog_buttons_msg { float:left; padding:5px 0 0; }
td.pop_content .dialog_footer { background:#F2F2F2 none repeat scroll 0 50%; }

