/* RESET
---------------------------------------------- */
html{color:#000;background-color:#fff;}body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font-family: sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}em{font-style:italic;}strong{font-weight:bold;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

/* FOUNDATION
---------------------------------------------- */
html {font-size:75%;color:#1d1d1d; background:#fff url(../images/bg-page.gif);font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;line-height:1.55}

h1 {font-size:16px;font-weight:bold;}
h2 {font-size:15px;font-weight:bold;}
h3 {font-size:14px;font-weight:bold;}

h1, h2,h3 {letter-spacing: -0.0125em; font-weight: bold; padding-bottom:3px;color: #211922;}

p {margin: 0 0 .8em;}

a {color:#763668;text-decoration:none;}
a:focus, a:hover {color:#b15f9f;}
a:active {color: #fff; background-color: #211922;}

/* FORMS
---------------------------------------------- */
label {}
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 #cccccc;background:#FFF url("/content/images/field_bg.gif") repeat-x scroll 0 0 }
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 !important;} /*error*/
input.errormessage{background-color:#FFFFC5 !important;}
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;}
input:focus, textarea:focus {color: #211922 !important;}
input[type=submit]{cursor:pointer;}

input[type=radio]{vertical-align:middle;margin-right:2px;padding:0;}
input[type=checkbox]{vertical-align:middle;margin:2px 2px 4px 0;padding:0;}


/* COMMON 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;}
.hide{display:none;}
.clear{clear:both;}
.template, .hidden{display:none;}
.center{text-align:center;margin:0 auto;}
.small {font-size:11px;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.bordersolid { border:solid 1px #e2e2e2;}
.yellowbox{ border:solid 1px #f2e49a;background-color:#fffbe6;padding:8px 10px;}
.greenbox{background-color:#f0ffba;padding:6px;border:solid 1px #cae46f; }
.light{font-weight:normal;color:#929292;}
.shortDescription{ font-weight:bold;color:#d23f68;}

/* STATUS
---------------------------------------------- */
.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:bold;}
.fail{background:#ffecec;color:#a22525;border-color:#b82d2d;}
.note{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.pass{background:#d7ffb2;color:#304924;border-color:#a1d471;}

/* TABLE
----------------------------------------------- */
.twocolumn tr td{padding:2px;}
.gridtable{border:solid 1px #dddfe1;}
.gridtable tr.header td,.gridtable tfoot tr th,.gridtable thead tr th{font-weight:700;background:#f3f4f5;border-bottom:1px solid #dddfe1;padding:6px 6px 5px;}
.gridtable thead tr.pagerhead th{font:normal 1em 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:700;}
.gridtable thead tr.columnhead th{background-color:#fff8f0;font:normal 1em 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{font-family:Verdana;font-weight:bold;font-size:11px;vertical-align:top;text-align:right;padding:8px 0 0;}
.gridtable .label .req{color:#cf3a79;font:bold 14px/12px Verdana;}
.gridtable div.tip{font-size:11px;text-align:left;color:#777;padding:2px 0 0;}
.gridtable div.errortxt{color:#d11818;font-size:11px;}
.gridtable input.errorfield{border:1px solid #d11818;}
.gridtable tfoot tr th{border:0;}

/* PAGER
----------------------------------------------- */
.pager{padding-top:20px;}
.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:#ffeef2;border:1px solid #debdc4;}
.pager a.currentpage:link,a.currentpage:visited{font-weight:700;background-color:#ffeef2;border:1px solid #debdc4;}


/* BUTTON
----------------------------------------------- */
.ui-dialog-buttonset 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:12px ;
font-style:normal;
font-variant:normal;
line-height:normal;
overflow:visible;
padding:4px 8px 3px;
vertical-align:top;
font-weight:bold;

}

input.btnprimary{
background:#7e6f80 url(../images/bg-btnprimary.gif) no-repeat scroll 0% 0%;
border:1px solid #725c75;
color:#FFF;
}

input.btnprimary[disabled],input.btnsecondary[disabled] {
background-color:#EEEEEE;
border-color:#CCCCCC;
color:#AAAAAA;
}




/*
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;
}


/* SECTIONS
----------------------------------------------- */

#container
{

    background-color:#FFF;
  
    padding:10px 20px;
}

#main
{
    width:990px;
     margin:0 auto;

    border-left:solid 1px #e3d9e8;
    border-right:solid 1px #e3d9e8;
}

#header
{    
    padding:0 20px;
    height:100px;
    background:#FFF url("../images/headerbg.gif") bottom repeat-x;
}
#cart-items
{
    border:solid 1px #e6d5e5;
    border-bottom:none;
    background:#f4ecf8 url(../images/basket.gif)  7px 4px no-repeat;
    
    padding:5px 0 3px 53px;
    text-align:left;
}
#bar,#footer
{
    padding:3px 15px;
    border-bottom:solid 1px #e3d9e8;

    font-size:10px;
    background-color:#76667a;
    color:#c1acc6;
}
#bar a
{
    color:#ffdae4;
}

.categories {
border-top:dotted 1px #DDDFE1;padding:0 0 8px 0;border-bottom:dotted 1px #DDDFE1;
}
.categories table{
 width:100%;
}

.categories img{
 padding-top:8px;
}

.categories table tr td{
text-align:center;
  text-align: -moz-center;
}

#topnavi a
{
    font-weight:bold;
    padding-right:20px;
    font-size:13px;
}
#footer a
{   color:#c1acc6;
}
#footer
{
    padding:4px 15px;
}
#header #logon
{
    padding:5px;
    text-align:right;
    font-size:11px;
}

#header #navigation-bar .left{
    width:70%;
}

#header #navigation-bar .right{
    width:26%;
    vertical-align:top;
    line-height:40px;
    
}
#header #navigation-bar{    
    margin:0 auto;
    width:956px;
    border-left:solid 1px #8e718c;
    border-right:solid 1px #8e718c;
    background:#fafafa url(../images/navigation-bar-bg.gif) left bottom repeat-x;
    display:block;
}

#header #navigation-bar a:visited, #header #navigation-bar a:link{
    line-height:42px;
    height:40px;
    border-right:solid 1px #8e718c;
    font-family:Arial;
    font-weight:bold;
    font-size:13px;
	text-decoration:none;
	color:#FFF;
	display:block;
	float:left;
	padding:0 12px;
}
#header #navigation-bar a:visited:hover,#header #navigation-bar a:link:hover
{ 
    background:#fafafa url(../images/navigation-bar-bg-hover.gif) left bottom repeat-x;
}


.navi-container{ 
    margin-bottom:10px;
}

.navi-container .header
{
    border:1px solid #dddfe1;
    border-bottom:1px solid #e3d9e8;
    background-color:#f4ecf8;
    /*background: url(../images/naviheader-bg.png) left bottom repeat-x;
    color:#FFFFFF;*/
    color:#6c5c74;
    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;
}
.navi-container ul.divider{
    padding:0;
    margin:0;
}

.navi-container ul.divider li{
    list-style-type:none;
    margin:0;
}

.navi-container ul.divider li a{

    border-bottom:1px dotted #DEE1E4;
    padding:3px 2px 3px 8px;
    font-size:11px;
	display:block;
}

.navi-container ul.divider li a:hover{
	background:		#feedff;
	color:#664850;
}

#navigation{
    width:18%;
}

#content{
    width:80%;
    float:right;
    text-align:left;
    padding-top:4px;
}

#subFooter
{

    border-top:solid 1px #e8e2eb;
    padding:5px 15px;
    font-size:11px;
    color:#debdc4;
    background-color:#f6f3f8;
}
#subFooter a
{
    font-size:11px;
}
#subFooter tr td
{
    padding:2px 0;
}
#subFooter b
{
      color:#5e3d45;
}




/* products listing */


.product{
    background-color:White;
    padding:10px 4px 10px 4px;
	width:143px;
	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;
}


.listing .name
{
    width:125px;
    text-align:center;
    margin:0 auto;
    font-size:11px;
}


.listing .addtocart
{
    line-height:0;
    padding:6px 0;
}
.listing .AddNotify
{
}

.listing .price{
	font-weight:bold;
    color:#453a43;
    font-size:11px;
}

.listing .price .sale{
    color:#cf3a79;
}

.listing .price .was{
    text-decoration: line-through;
	color:#8f939b;
	font-weight:normal;
	font-size:11px;
}

.listing .image{
    padding-bottom:4px;
}

.listing .shortdesc{
	font-weight:bold;
}

/* productList */
.categoryDesc{
	padding:5px 0 15px;
}


/* products listing details */
.listing-details{
    background-color:#f9f9f9;
    border-top:solid 1px #e1e3e5;
    border-bottom:solid 1px #e1e3e5;
    padding:6px 4px 6px 4px;
    line-height:18px;
}

.listing-details img
{
    display:block;
}

.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
{
}


/* productInfo */
#productInfo .listing
{
        border-top:solid 1px #dddfe1;
    border-bottom:solid 1px #dddfe1;

}
#productInfo .price{
}

#productInfo .sale{
    color:#cf3a79;
}

#productInfo .was{   
    text-decoration: line-through;
	color:#8f939b;
	font-size:11px; 
	font-weight:normal;
}

#productInfo .outOfStock{
    color:#be1b1b;
}

#productInfo .inStock{
    color:#55a243;
}

#productInfo .lowStock{
    color:#d8861c;
}

#productInfo .addToCart
{
    font-size:16px;
    border:solid 1px #ebd4ef;
    background-color:#f4eaf6;
    padding:10px;
    margin:8px 0;
	font-weight:bold;
	width:240px;
}

.btnAddtoCart
{
  background: url(../images/addtocart.gif) 0 -25px no-repeat;
	width:108px;
	height:25px;
    border: none;
  
}

.btnAddtoCart:hover
{

  background: url(../images/addtocart.gif) 0 0 no-repeat;
}


#productInfo .addToCart .btnAddtoCart
{
    padding-left:4px;
  background: url(../images/addtocart-lg.gif) 0 -35px no-repeat;
	width:145px;
	height:35px;
    border: none;
  
}

#productInfo  .addToCart .btnAddtoCart:hover
{

  background: url(../images/addtocart-lg.gif) 0 0 no-repeat;
}

#productInfo .shortdesc{
	font-size:0.8em;
	color:#8b2330;
}

#productInfo .image{
}
#productInfo .additionalImages {
margin-top:8px; 
}

#productInfo .additionalImages img
{
    border:solid 1px #e2e2e2;
    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;
}




/* 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 .stock
{
    font-size:11px;
    color:#a0a0a0;
    padding-top:2px;   
    font-size:11px;
}

#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:#755b7a;
}

#newCustomer,#orderSummary{
    background-color:#f0e2f2;   
    color:#6e4c74;
}



.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;
}




/*OrderInfo*/
#OrderInfo h2{ font-size:14px; }
#OrderInfo blockquote {margin:25px;margin-top:0px;}






.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #cf2222;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #cf2222;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.searchBox
{
    background:#FFF url("../images/search-icon.gif") no-repeat 4px 5px!important;
    padding-left:20px!important;
    padding-top:5px!important;
    width:115px!important;
    vertical-align: middle;
    font-size:11px!important;
    
}

/* simple listing 
.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;
}
*/

/* jqmWindow */
.loading{text-align:center;width:32px;height:32px;background:transparent url(/content/images/loading.gif) no-repeat;margin:20px auto 10px;}
/*.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');}

*/