﻿/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
input[type=password],input[type=text], input.title, textarea, select {vertical-align:middle;}

/* typography */
body {font-size:75%;color:#222;background:#FFF;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;padding:0;margin:0;}
h1 {font-size:16px;font-weight:bold;}
h2 {font-size:16px;font-weight:bold;}
h3 {font-size:14px;font-weight:bold;padding-bottom:3px;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#0a9cef;}
a {color:#058cb8;text-decoration:none;}
a.light{color:#0a9cef;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
/*th, td, caption {padding:4px 10px 4px 5px;}*/
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
form{padding:0;margin:0;display:inline;}
.small {font-size:11px;}
.light {color:#777;}
.large {font-size:14px;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.pass,.note,.fail{margin-bottom:20px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;padding:4px 5px;}
.fail div,.pass div,.note div{font-size:14px;font-weight:700;}
.fail{background:#ffecec;color:#a22525;border-color:#b82d2d;}
.note{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.pass{background:#d7ffb2;color:#304924;border-color:#a1d471;}

/* forms */
label {font-weight:bold;font-size:11px;}
label.error{ color:#d11818;font-size:0.8em;display:block;font-weight:normal; } /*error label*/
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=password],input[type=text], input.title, textarea, select {margin:0.5 0;border:1px solid #bbb;}
input[type=password]:focus,input[type=text]:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #97cdff;} /* focus */
input.error, textarea.error {border-color:#d11818;} /*error*/
input[type=password],input[type=text], input.title {width:150px;padding:3px 2px;}
select{padding:2px 2px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:3px 2px;font-size:13px;font-family:verdana;}
.bordersolid 
{
    border:solid 1px #e2e2e2;
}
.yellowbox
{
    border:solid 1px #f5de90;
    background-color:#fffcdb;
    padding:6px;
}

.greenbox
{
    background-color:#f0ffba;
    padding:6px;
    
    border:solid 1px #cae46f;
    
}


/* elements */
.right{width:49%;float:right;}
.left{width:50%;float:left;}
.parent{width:100%; display:block;}
.parent:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.line,.dotline{margin:2px 0 2px 0;display:block;height:1px;font-size:1px;line-height:1px;width:100%;border-top:1px solid #dbe1e5;}
.dotline{border-style:dotted;}
.clear{clear:both;}
.template, .hidden{display:none;}
.center{text-align:center;margin:0 auto;}
/* sections */
.container{
    margin:0 auto;
    width:960px;
}

#logon
{
    text-align:right;
    font-size:11px;
}
#header .logo{
    float:left;
    
}

#header .container{
    padding:0;
    padding-left:10px;
    padding-top:25px;
}

#header #search
{
    font-weight:bold;
}
 
#navigation-bar .left{
    width:70%;
}
#navigation-bar .right{
    width:26%;
    line-height:40px;
    padding-right:8px;
}
#navigation-bar{    
    margin:0 auto;
    width:960px;
    background:#fafafa url(../images/navigation-bar-bg.png) left bottom repeat-x;
    display:block;
    border:solid 1px #e2e2e2;
    border-top:solid 1px #efefef;
    border-bottom:solid 1px #dddddd;
}

#navigation-bar a:visited,#navigation-bar a:link{
    line-height:40px;
    height:40px;
    border-right:solid 1px #e2e2e2;
    font-family:Arial;
    font-weight:bold;
    font-size:13px;
	text-decoration:none;
	color:#343435;
	display:block;
	float:left;
	padding:0 12px;
}


#navigation-bar a:visited:hover,#navigation-bar a:link:hover{
    background-color:#c9f6ff;
}

#main .container{
    padding:15px 0px;
}

.navi-container{ 
    margin-bottom:8px;
}
.navi-container .header
{
    
    border:1px solid #dddfe1;
    background-color:#f3f4f5;
    /*background: url(../images/naviheader-bg.png) left bottom repeat-x;
    color:#FFFFFF;*/
    padding:4px 8px 3px;
    font-weight:bold;
}
.navi-container .content
{
    
    border:1px solid #dddfe1;
    border-top:none;
}

.navi-container .item
{
    border-bottom:dotted 1px #ebedee;
    padding:3px 2px 3px 8px;
}
#navigation{
    width:17%;
}

#content{
    width:81%;
    float:right;
    text-align:left;
    padding-top:4px;
}

#footer .container{
    padding:5px 2px;
    border-top:solid 1px #dddfe1;
    font-size:11px;
}
#midcontainer{
	text-align:left;
	margin-top:12px
}

#leftcontainer{
    width: 16%;
    padding:10px;
    border:solid 1px #ece4e4; 
}

#leftcontainer .header{
	font:bold 12px arial;
	color:#5c463a;
	padding-bottom:4px;
	border-bottom:solid 1px #f3eceb;
}

#leftcontainer .content{
    padding-bottom:19px;
}
ul.divider{
    padding:0;
    margin:0;
}

ul.divider li{
    list-style-type:none;
    border-bottom:dotted 1px #ebedee;
    margin:0;
}
 ul.divider li a{
    padding:3px 2px 3px 8px;
    font-size:11px;
	display:block;
}

ul.divider li a:hover{
	background:		#C9F6FF ;
}

#rightcontainer{
	margin:4px 0 0 8px;
	text-align:left;
}

/* productList */
.categoryDesc{
	padding:10px 0 15px;
}


/* products listing details */
.listing-details{
    background-color:#f9f9f9;
    border-top:solid 1px #e1e3e5;
    border-bottom:solid 1px #e1e3e5;
    padding:6px 4px 4px 4px;
    line-height:18px;
}

.listing-details .info{
    padding-top:2px;
    
    float:left;
    width:20%;
    
}
.listing-details .pager{
    padding-top:2px;
    float:left;
    text-align:center;
    width:50%;
    
}

.listing-details .sort{
    text-align:right;
    float:right;
    width:23%;
}
/* products filters */
.filters ul 
{
    border-bottom:solid 1px #EBEDEE;
    padding:4px 5px;
    margin:0;
}
.filters ul li{
    list-style-type: none;
    font-size:11px;
    padding-left:4px;
}
.filters .heading{
    font-family:Verdana;
}
.filters span.selected
{
}

/* products listing */


.product{
    background-color:White;
    padding:15px 4px;
	width:146px;
	text-align:center;
	vertical-align:top;
    float:left;
    
}
.product img
{
    text-align:center;
    margin:0 auto;
    display:block;
}

.eta
{
    display:block;color:#0866b6;
    font-weight:bold;
    font-size:11px;
}

.last-column{
	border-right:none;
}

.newstable tr td
{
    padding:10px;
    vertical-align:top;
}
/*
.listing tr .last-column{
	border-right:none;
}
.listing .last-row{
	border-bottom:none;
}

.listing tr:last-child{
	border-right:1px dotted #cecfc8;
}
.listing:last-child{
    border-bottom:none;
	}
*/

.listing .name
{
    width:125px;
    text-align:center;
    margin:0 auto;
    font-size:11px;
}
.listing .addtocart
{
    padding:6px 0 0 0;
}

.listing .price{
    font-weight:bold;
    color:#343535;
    font-size:11px;
}

.listing .price .sale{
    color:#cf3a79;
}

.listing .price .was{
	color:#8f939b;
	font-weight:normal;
	font-size:11px;
}

.listing .image{
    padding-bottom:4px;
}

.listing .shortdesc{
	font-weight:bold;
}

/* productInfo */
#productInfo .price{
}

#productInfo .sale{
    color:#cf3a79;
	font-size:14px;
}

#productInfo .was{   
	color:#8f939b;
	font-size:11px; 
	font-weight:normal;
}

#productInfo .outOfStock{
    color:#be1b1b;
}

#productInfo .inStock{
    color:#55a243;
}

#productInfo .lowStock{
    color:#d8861c;
}

#productInfo .addToCart
{
    border:solid 1px #c9f6ff;
    background-color:#dbf9ff;
    padding:8px;
    margin:8px 0;
	font-weight:bold;
	width:210px;
}
#productInfo .shortdesc{
	font-size:0.8em;
	color:#8b2330;
}

#productInfo .image{
}
#productInfo .additionalImages {
margin-top:8px; 
}

#productInfo .additionalImages img
{
        border:solid 1px #e2e2e2;
    margin:3px 2px;
    width:67px;
    height:67px;
    cursor:pointer;
    
}

/* productinfo comment */
#productInfo .comment-container{
    border-bottom:1px dotted #e0dbd9;
    padding:10px 0;
    
    font-size:11px;
}


#productInfo .comment-container .left{
    width:18%;
    
}

#productInfo .comment-container .right{
    width:77%;
    
    border-left:1px dotted #e0dbd9;
    text-align:left;
    padding-left:17px;
}
#productInfo .comment-container .date{
    color:#969696;
}
#productInfo .comment-container .comment{
    font-size:11px;
}


.simpleListing tr td{
	padding:15px 4px 15px 4px;
	width:189px;
	text-align:center;
	vertical-align:top;
	border-bottom:dotted 1px #e5e2e5;
	border-right:dotted 1px #e5e2e5;
}

.simpleListing tr .last{
	border-right:none;
}

.simpleListing tr td .product{
	height:223px;
}

.simpleListing tr td .product .name{
	font-weight:bold;
}

.simpleListing tr td .product .price{
    color:#5b5b5b;
}

.simpleListing tr td .product .price .saleprice{
    color:#ab2233;
	font-weight:bold;
}

.simpleListing tr td .product .price .oldprice{
	color:#b6b3b3;
	font-weight:normal;
	font-size:0.9em;
}

.simpleListing tr td .image{
    padding-bottom:8px;
}
.simpleListing tr td .shortdesc{
	font-size:0.8em;
	color:#8b2330;
}

#itemsCount
{
    color:#15a8fc;
    font-weight:bold;
}


/* cart */
#cart{
    line-height:1.3em;
}
#cart .instock{
    font-size:11px;
    color:#55a243;
}
#cart .product{
    
}
#cart .nostock{
    color:#ac2424;
    
    font-size:0.9em;
}

#cart .remove{
    font-size:11px;
}
#cart .price,#cart .total{
    font-size:1.1em;
}

#cart .oldprice{
    color:#b6b3b3;
	font-weight:normal;
	font-size:0.8em;
	text-decoration:line-through;
}

 
#cart .sale{
    font-size:0.8em;
    color:#cf3a79;
}

#cart #grandTotal, #receipt .grandTotal{
    font-size:1.2em;
    font-weight:bold;
}

#checkoutprogress{
    padding:6px 0 7px;
    border-top:solid 1px #DDDFE1;
    border-bottom:solid 1px #DDDFE1;
    font-size:1.2em;
    height:18px;
}

#checkoutprogress img{
    margin-left:5px;
}

#checkoutprogress .step{
    float:left;
    padding-right:9px;
    display:block;
    color:#7c7e7b;  

}

#checkoutprogress .active a{
    font-weight:bold;
    color:#0a9ef2;
}



#newCustomer,#orderSummary{
    background-color:#d3f2ff;   
    color:#13486a;
}


/* table
----------------------------------------------- */


.twocolumn tr td
{
    padding: 4px 2px;
}

.gridtable { border:solid 1px #dddfe1; }

.gridtable tr.header td,.gridtable tfoot tr th,.gridtable thead tr th
{
    font-weight:bold;
    background:#f3f4f5;
    border-bottom:1px solid #dddfe1;
    padding:6px 6px 5px;
}
.gridtable thead tr.pagerhead th{
    font:normal 1.0em verdana;
}

.pagerhead .pager a:link, .pagerhead .pager a:visited,.pager span {
    display:inline-block;
}

.pagerhead .pager span{
    color:#6f6f6f;
}

.pagerhead .pager a:link:hover, .pagerhead .pager a:visited:hover {
color:#dd8620;
    
}

.pagerhead .pager a.currentpage:link, .pagerhead .pager a.currentpage:visited{
background-color:#f7d7d7;
font-weight:bold;
}


.gridtable thead tr.columnhead th{
    background-color:#fff8f0;
    font:normal 1.0em verdana;
}

.gridtable tr.column th:last-child{
    border-right:none;
}

.gridtable tr td, .gridtable tr th
{
    padding:6px 6px 5px;
}

.gridtable tbody tr td{ 
    border-bottom:1px dotted #dee1e4; 
    text-align:left;
}
.gridtable tbody tr:last-child td { border-bottom: none; }


.gridtable tr.altrow td
{
    background-color:#F5F5F5;
}

.gridtable tr.selected td{
    background-color:#fff2d4;
}

.gridtable .label
{
    vertical-align:top;
    text-align:right;
    padding:0;
    
    padding-top:9px;
}
label{
    font-family:Verdana;
    font-weight:bold;

}


.gridtable .label .req
{
    color:#cf3a79;font:bold 14px/12px Verdana;

}

.gridtable div.tip
{
    padding:2px 0 0 0;font-size:11px;text-align:left;color:#777;
}

.gridtable div.errortxt
{
    color:#d11818;
    font-size:11px;
}

.gridtable input.errorfield 
{
    border:1px solid #d11818;
    
}

.gridtable tfoot tr th{
    border:0;
}

/*pager*/

.pager a:link,.pager a:visited,.pager span{margin-left:3px;padding:0 2px;}
.pager a:visited,.pager a:link,pager span{background-color:#FFF;border:1px solid #DDD;text-decoration:none;display:inline-block;padding:0 6px;}
.pager span{color:#7c7c7c;}
.pager a:link:hover,.pager a:visited:hover{background-color:#c9f6ff;color:#3c332a;}
.pager a.currentpage:link,a.currentpage:visited{font-weight:700;background-color:#c9f6ff;border:1px solid #9cdbe8;}





/* buttons
----------------------------------------------- */
a.custombtn:link, a.custombtn:visited,a.custombtndisabled:link, a.custombtndisabled:visited{
    display:block;
    margin:0 0 0 0;
    
    background:#c8d9ef url(img/btnbg.gif) right top repeat-x;
    border:1px solid #98aeca ;
    border-bottom:1px solid #667c99;
    border-top:1px solid #b2cae9;
    
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:135%;
    text-decoration:none;
    font-weight:bold;
    color:#405168;
    cursor:pointer;
    font-size:12px;
    padding:2px 5px 4px 5px; /* Links */
}

a.custombtndisabled:link, a.custombtndisabled:visited{
    color:#93a3c4;
    cursor:default;
}

a.custombtn img,a.custombtndisabled img{
    margin:0 0 -3px 0 !important;
    padding:0;
    border:none;
}

a.custombtn:hover{
    background:#e0f4ff;
    border:1px solid #80c7ee;
    border-bottom:1px solid #60a0c2;
    border-top:1px solid #b6e2fb;
    
    color:#2e6586;
}


	
/* toolbar
----------------------------------------------- */
.toolbar {
    margin:0 0 4px 0;
    border:solid 1px #b7bcc8;
    float:left;
    width:788px;
    
	background: #e7e9ed url(img/toolbarbg.gif) top left repeat-x;
}

.toolbarheaderbg{
    font-size:16px;
    color:White;
    font-weight:bold;
    padding:8px;
    border:solid 1px #b7bcc8;
    border-bottom:0;
	background: #647489 url(img/toolbarheaderbg.gif) top left repeat-x;
}
	
.toolbar li{
    display:inline;
        line-height:15px;
}

.toolbar li a span{
    display:block; 
    float:none; 
    padding:8px 8px 8px 8px; 
    border-right:solid 1px #b7bcc8;
    
}
.toolbar li a span.toolbarheaderbg{
    font-size:16px;
    color:White;
    padding-right:50px;
        line-height:16px;
	background: #647489 url(img/toolbarheaderbg.gif) top left repeat-x;
}

.toolbar li a span img{
    vertical-align:bottom;
}
.toolbar a:link,.toolbar a:visited{
    float:left; 
    color:#42464e;
    font-weight:bold;
    text-decoration:none;
}
.toolbar a:link:hover,.toolbar a:visited:hover{
    background-color:#e7f3ff;
    border:solid 1px #2464e;

}


	

/*
tabs
----------------------------------------------- */

ul.tabs
{
    text-align: left; 
    list-style-type: none;
    padding: 2px 0px 5px 0px; 
    margin: 0 auto;
}

ul.tabs li
{
    display: inline;
    margin: 0;
}

ul.tabs li.selected a
{
    background-color: #FFF;
    position: relative;
    top:2px;
    color:#383838;
    padding: 7px 16px 6px; 
    font-weight:bold;
}

ul.tabs li a
{
    color:#656565;
    position:relative;
    top: 1px;
    padding: 6px 16px; 
    border: 1px solid #dddfe1; 
    border-bottom:none;
    background-color:#dddfe1;
    font:normal 1.2em arial;
    margin-right: 0px; 
    text-decoration: none;
}

ul.tabs a:hover
{
    text-decoration: none;
    background: #c9f6ff; 
}

div.tabcontent
{
    border: 1px solid #dddfe1;
    padding: 10px 15px;
}

/* button */


input.btnprimary,input.btnsecondary {
-x-system-font:none;
background:#DDDDDD url(../images/bg-btnsecondary.gif) no-repeat scroll 0% 0%;
border:1px solid #b6b6b6;
color:#474747;
font-family:arial,helvetica,"Nimbus Sans L",sans-serif;
font-size:1em;
font-style:normal;
font-variant:normal;
line-height:normal;
overflow:visible;
padding:3px 8px 2px;
vertical-align:middle;
font-weight:bold;

}

input.btnprimary{
background:#47bafb url(../images/bg-btnprimary.gif) no-repeat scroll 0% 0%;
border:1px solid #1792d7;
color:#FFF;
}

input.btnprimary[disabled],input.btnsecondary[disabled] {
background-color:#EEEEEE;
border-color:#CCCCCC;
color:#AAAAAA;
}

.os-shipped{
    color:#6bc906;
}

.os-awaiting{
    color:#e9790c;
}
.os-cancelled{
    color:#c00e0e;
}
.os-processing{
    color:#f1c220;
}

.orders-summary span{
    display:inline-block;
    padding-left:20px;
}

.orders-summary{
    border:solid 1px #f4e6db;
    background-color:#fdf7f2;
    padding:6px 4px;
    text-align:left;
    margin-bottom:8px;
}


#AddCartOptions
{
    
   text-align:center;
}
#AddCartOptions a
{
   padding:0 4px;
   font-weight:bold;
   font-size:13px;
}
b.top, b.bottom
{
    display:block;text-align:right;font-size:11px;color:#a5a5a5;
    font-weight:normal;
}#productInfo .listing
{
        border-top:solid 1px #dddfe1;
    border-bottom:solid 1px #dddfe1;

}
.loading{text-align:center;width:32px;height:32px;background:transparent url(/content/images/loading.gif) no-repeat;margin:80px auto;}
.jqmWindow{display:none;position:fixed;top:17%;left:50%;margin-left:-250px;width:500px;background-color:#FFF;border:4px solid #555;z-index:50;max-height:500px;overflow:hidden;padding:12px;}
.jqmOverlay{background-color:#000;}
* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}
* html .jqmWindow{position:absolute;top:expression((document.documentElement.scrollTop || document.body.scrollTop) 0 Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100px 0 'px');}


