﻿@import url('reset.css');

body { font-size:14px; font-family:Arial, Helvetica, sans-serif; background-color:#000000;}
hr { color:#999; background-color:#666; height:1px; margin:0; }

.alert { background:#fee; border:solid 1px Red; clear:both; color:Red; font-weight:bold; padding:5px; }
.alert ul { font-weight:normal; }
.alert li { background:url(../images/icon-warning.gif) no-repeat 0 4px; padding:4px 0 4px 22px; }

/* new message-diary control */
.message-diary ul.messages li { margin-top:5px; padding:5px 0 5px 27px; }
.message-diary ul.messages li.confirm { background:#dfd url(../images/icon-confirm.gif) no-repeat 5px 5px; border:solid 1px #9f9; color:#333; }
.message-diary ul.messages li.error { background:#fee url(../images/icon-warning.gif) no-repeat 5px 5px; border:solid 1px Red; color:Red; }
.message-diary ul.messages li.info { background:#f8fafc url(../images/icon-info.gif) no-repeat 5px 5px; border:solid 1px #3892d2; color:Black; }
.message-diary ul.messages li.warn {background:#fff6bf url(../images/icon-alert.gif) no-repeat 5px 5px;border:solid 1px #ffd324;color:Black}
/*.message-diary ul.messages a {color:#999}*/
.message-diary ul.messages li ul { padding:0; }
.message-diary ul.messages li ul li { list-style: none  !important; margin:0; padding-left:0; }

.clearfix { clear:both; }
.clearfix hr { display:none; }

h1, legend { font-size:110%; font-weight:bold; }
h2 { font-size:105%; }
h3 { font-size:100%; }

/* forms */
fieldset { clear:both; }
legend { font-size:100%; }
fieldset legend:first-letter {text-decoration:underline;} /* not supported in Mozilla Firefox */
fieldset.no-legend legend { visibility:hidden; padding:0; }
fieldset label { display:block; vertical-align:middle; }
button::-moz-focus-inner { border:0; padding:0; }

label.required { font-weight:bold; }
label .help { font-weight:normal; }
br { clear:left; }

input, select { vertical-align:text-top; }
input.watermark { color:#C4C4C4; }
input[type=text] { padding:3px; }

span.checkbox { display:block; }
span.checkbox input { margin:3px; vertical-align:text-top; }
span.checkbox label { display:inline; margin-left:5px; vertical-align:text-bottom; }

.price { color:Black; }
.price span { white-space:nowrap; }
.price span.reduced { text-decoration:line-through; }
.price span.sale { margin-left:5px; }

.qty-wrap label { display:inline; margin-right:5px; }
.qty-wrap input[type=text] { padding:1px; text-align:center; width:40px; }


/* asp:wizard control */
.control-wizard { clear:both; }
.control-wizard .step .summary table { margin-left:auto; }
.control-wizard .nav { clear:both; text-align:center; }

/* cart contents*/
#cart_contents { clear:both;}
#cart_contents .actions { padding-top:5px; text-align:right; }
#cart_contents .item .wrap { position:relative; }
#cart_contents .item .total{ color:Black; float:right; position:absolute; right:0; top:0; }

/* summary */
.summary table { clear:both; text-align:right; }
.summary td { line-height:1.25; padding:0 10px 0 0; vertical-align:top; }
.summary td.amt { color:Black; padding:0; }
.summary tr.subtotal td { border-top:solid 1px #ccc; }
.summary tr.total td { border-top:solid 1px #666; font-weight:bold; }

/* ProductDetail.aspx */
#product-details .long-desc { clear:left; }
#product-details #details-extended-wrap label { display:inline; }
#product-details .product-thumb { float:left; text-align:center; width:110px; }
#product-details .product-details { margin-left:115px; }

/* mobile upsell */
.upsell-panel h2, .paging { border:solid 1px #808080; border-right:0; border-left:0; padding:5px 3px; }

/* mobile header */
#header.logo { text-align:right; }
#header.logo a { float:left; }
#header.banner { text-align:center; }
#header.banner select {display:block; width:100%; margin-top:3px; }

#footer-links ul li { border-right:solid 1px #666; display:inline; padding:0 10px; }
#footer-links ul li.last{ border:none;}
#footer-links { text-align:center; }

.search-wrap { clear:both; background:#e9e9e9; border:solid 1px #c4c4c4; text-align:center; }
.search-wrap.on-page { padding:5px; }
.search-wrap.link { padding:5px 5px 4px; }
.search-wrap form { position:relative; }
.search-wrap form .search-field { margin-right:40px; }
.search-wrap form .search-field input[type=text] { width:100%; display:block; }
.search-wrap form button { background:url('../images/search-arrow.png') no-repeat; border:0; cursor:pointer; height:25px; padding:0; position:absolute; right:0; top:0; vertical-align:text-top; width:27px; }

#site-header-text { clear:both; }

/* breadcrumbs: */
.breadcrumbs { clear:both; color:Black; }
.breadcrumbs.link-path { line-height:1.25; }
.breadcrumbs.footer-breadcrumbs ul li a { color:#808080; }

/* applicable to all mobile-lists */
.mobile-list ul { font-weight:bold; font-size:14px; background-color:#585858;}
.mobile-list ul li { line-height:2.5; }
.mobile-list ul li a { color:#ffffff; padding-left:15px; text-decoration:none; }
.mobile-list ul li.alt { background-color:#666; }
.mobile-list ul li.depth-1 a { padding-left:45px; }

/* mobile-lists as buttons */
.mobile-list.buttons ul { border:solid 1px #CCC; margin-bottom:10px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow: 1px 1px 2px #CCC; -webkit-box-shadow: 1px 1px 2px #CCC; box-shadow: 1px 1px 2px #CCC; }
.mobile-list.buttons ul li { background-image:url('../images/arrow-r.png'); background-repeat:no-repeat; background-position:right 50%; border-bottom:solid 1px #CCC; }
.mobile-list.buttons ul li.last { border-bottom:none; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; border-radius-bottomleft:7px; border-radius-bottomright:7px; }
.mobile-list.buttons ul li a { display:block; padding-right:21px; }
/* mobile-lists as links */
.mobile-list.links ul { border-top:solid 1px black; border-bottom:solid 1px black; padding:5px 0; }

/* mobile-list row display with image */
.mobile-list ul li a img { vertical-align:middle; padding-right:10px; padding-bottom:2px; }

/* mobile product browser */
.paging { border-top: solid 1px #000; padding:5px 0; } .options { clear:both; padding-top:5px; }
.page-stats, .options .left { float: left; }
.page-controls, .options .right { float:right; }

/* product list  */
.product-list .product { clear:both; padding-top:10px; }
.product-list .product.first { padding-top:5px; }
.product-list .product > div { vertical-align:top; }
.product-list .product .product-thumb { float:left; text-align:center; width:110px; }
.product-list .product .product-details { margin-left:115px; }

/* advanced search */
#advanced-search p { margin:5px 0; }
#advanced-search p > label { display:inline; }
#advanced-search label { font-weight:bold; }
.price-range input { width:50px; }
.price-range label { display:inline; vertical-align:middle; }

/* ~/cart/Thanks.aspx */
#completed-order { border-color:#ccc; border-style:solid none; border-width:1px 0; }
#completed-order td { line-height:1.25; padding-right:10px; }

/* whitespace */
body { padding:5px; margin-bottom:50px; }

h2, h3, fieldset,
.mobile-list, .paging,
.search-wrap, #site-header-text, #homepage-header-text, #homepage-footer-text, #footer-links,
#advanced-search,
#product-details input[type=image],
#product-details .long-desc,
#product-details #details-extended-wrap,
.product-details .amount, .product-details .actions,
#completed-order,
.alert,
.control-wizard, .control-wizard .nav,
.coupon-entry, .summary, .summary table,
div.price, .qty-wrap
{
     margin-top:5px;
}
h1 { margin-top:10px; }
legend, .coupon-entry ul.applied { margin-bottom:5px; }