#buyForm{ margin:10px  0; text-align:left; width:100%; }

.screen #buyForm{ }
.mobile #buyForm{ max-width:500px;}

#buyButton{
width:100%;
height:40px;
color:#fff;
border:0;border-radius:3px;
background:none;
text-align:center;
background-color: #333333;
font-size:0.9em;
background-image:url(../images/shop/cartWhite.png);
background-repeat:no-repeat;
background-position: 98% 50%;
margin: 10px 0 0 0;
cursor:pointer
} 
#buyButton:hover{ background-color:#000}
.mobile #buyButton{ height:50px; }

#buyForm #price{
color: #006699;
font-size:1.2em;
margin:6px 0;
font-weight:bold;
}
#buyForm #qty{ color:#333; font-size: 0.9em; margin:6px 0; border:2px solid #e1e1e1; display:block; height:40px;
width:150px;
 padding:4px}
#buyForm #qty option{   font-size:0.9em; padding:2px 5px}

.mobile #buyForm #qty{ color:#333; font-size: 0.9em; margin:6px 0; border:2px solid #e1e1e1; display:block; height:50px; width:100%; padding: 0 0 0 8px }





/* all ajx windows & viewers - position per usage*/
span.closeBasket {
position:absolute;
right:12px;
top:12px;
display:block;
font-size:1px;
text-indent:-9999px;
width:22px;
height: 22px;
background-position:50% 50%;
background-repeat: no-repeat;
background-image: url(../images/icons/deleteGray.png);
text-decoration:none;
background-color:#fff;
cursor:pointer;
z-index:1000;
	}
	span.closeBasket:hover{ background-color:#e1e1e1}
 


 /*  cart added ajx */ 

#itemAddedDisplay{
border:4px solid;
border-color:#686868;
padding:5px 15px 10px 15px;
z-index:7;
background:#fff;
position:fixed;
left: calc(50% - 160px);
width:320px; max-width:98%;
text-align:left;
height:auto;
}
 
@media only screen and (orientation:portrait)   {  	
#itemAddedDisplay{ 
	top:10%; 
	}
}			

@media only screen and (orientation:landscape)   {  	
#itemAddedDisplay{ 
	top:20%; 
	}
}

 /*for added and basket contents */ 
#basketContents  { /* outer  */ 
position: relative ;  z-index:20; height:0px;  margin:0 auto; width:1000px; }

.mobile #basketContents  { width:100%;}

#basketContentsDisplay{
	border:6px solid;
	border-color:#999;
	padding:15px 15px 20px 15px;
	z-index:7;
	background:#fff;
	position:absolute;
	left:50%;
	top:160px;
	text-align:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	z-index:6;
 width:400px;
 margin-left:-200px;
}

.mobile #basketContentsDisplay{ max-width:90% ; margin:0 auto; left:5%; }


.ajxBasket  h1,  #itemAdded h1 , #basketContents h1   {
	clear:both;color:#9DC32E;
	padding:0px 0px 2px 28px;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	background-image:url(../images/shop/cartGray.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin: 10px 0 0px 0; min-height:26px; line-height:26px
 } 

.ajxBasket  ul{margin: 6px  auto 0 auto; padding: 5px 0px 0 0;text-align:left ; line-height:normal; 
 border-top:3px solid #e1e1e1; }

.ajxBasket li {font-size:14px; font-weight:normal; color:#666666; margin: 2px 0 2px 0; padding: 2px 0px  3px 0px;text-align:left ; clear:both;  list-style:none}

#basketContentsDisplay li { border-bottom:1px dashed #e1e1e1 ; } 
#basketContentsDisplay li:last-child { border:0;}
#itemAddedDisplay li { margin:6px 0 0 0 } 

.ajxBasket li a {/* main link in contents padding to line up delete*/
	color:#006699;
	width:calc(100% - 30px);
	float:left;
	display:block;
	font-weight:normal;
	margin:0;
	padding:0px 0 0 0;  
}

.ajxBasket li p{ display:block; clear:both; padding:1px 0; margin:0}

.ajxBasket li a:hover { text-decoration:underline}


#itemAddedDisplay li.optExtras { margin:4px 0  2px 0; padding:0 0 4px 0; border-bottom:1px dotted #ccc} 
#itemAddedDisplay li.optExtras:last-child { border-bottom:0}
#itemAddedDisplay li p.optExtrasTitle{ color:#9DC32E; font-weight:bold}

.ajxBasket span.removeFromBasket, 
.ajxBasket .removeFromBasket{
	display:block;
	cursor:pointer;
	float:right;
	font-size:0.76em; text-align:center;
	font-weight: normal;
	width:20px;	height:20px; line-height:20px;
	color:#fff; background-color:#FF0000; 
} 

.ajxBasket span.removeFromBasket:hover, 
.ajxBasket .removeFromBasket:hover{ background-color: #000;  }

.ajxBasket li strong{  display:block; clear:both; }/*prices*/
.ajxBasket #total{
	border-top: 3px solid #e1e1e1;
	font-weight:bold;
	padding:5px 0 0 0;
	margin:5px 0 0 0
}
.ajxBasket #total span{ display:block; clear:both; font-weight:normal; font-size:12px;}

.ajxBasket #basketLinkWrapper{  margin:0 auto 5px auto; clear:both}
.ajxBasket a.basketLink{
display:block;
clear:both;
margin:10px 0 0 0;
padding:0px 5px; height:40px; line-height:40px;
text-align:center;
font-size:0.8em;
font-weight: bold;
color:#fff;
text-transform:uppercase;
width:100%;
background-color: #005580;
}

.ajxBasket a.basketLink:hover{
	color:#fff;
	border-color: #006699; background:#006699
}

.ajxBasket p {  margin:0; padding:0;}
.ajxBasket * {font-size:0.96em;  }





/* BASKET PAGE */ 

#productsWrap, 
#basketWrap { 
background:#fff; padding: 5px  0px 15px 0 ; 
min-height:525px;
height:auto !important;
height:525px;
}


.loadingBasket{ width:1000px; position:relative;  height:0px; margin:0 auto	}
.loadingBasket img{
	position: absolute;
	left:780px;
	top:5px; width:20px;
}





/*basket*/
#basket  { display:block; clear:both; padding: 0 0 10px 0; width:100% }

#basket  li {
display:block;
clear:both;
background-color:#FFFFFF;
margin	:0px 0px;
padding: 10px 0px 0 0 ; 
background-color:#fff;
border-bottom:1px solid #e1e1e1;
font-size:0.9em; position:relative; 
}

#basket  li hr{ margin:0px auto; background:none; height:10px; clear:both;}

#basket  li span.thumbs{display:block;   float:left;  width:82px; height:82px;line-height:76px; text-align:center;  text-decoration:none;  position:relative; overflow:hidden; border:2px solid #e1e1e1; border-radius:4px; }  
#basket  li span.thumbs img{ max-height:100%; max-width:100%; vertical-align:middle ; margin:0 auto; text-align:center; padding:6px; }

#basket  li .textWrap {
	padding:2px	 20px 10px 10px;
	float:left;
	max-width:460px;
	color:#333333;   
} 


/*prod cat*/
#basket  li a .textWrap h3{
display:block; font-weight: bold; font-size:1em;
}
/*prod title*/
#basket  li a .textWrap h4{
display:block;  font-size:0.9em;
}

/*price*/
#basket li a .textWrap em{
	display:block;
	color: #006699;
	font-weight:bold;
	font-style:normal;
	padding:4px 0 0 0; font-size:0.9em;
	text-decoration:none
}

#basket  li a:hover span.thumbs{ border-color:#999}
#basket  li a:hover .textWrap{ text-decoration:none;   }
#basket  li a:hover .textWrap em{ text-decoration: none }

#basket li .basketFormWrap{
display:block;
margin:0px auto  0 auto;
padding:0px;
float:right;
width:400px;
text-align:left;
position: relative; 
}

.mobile #basket li .basketFormWrap{
	width:100%;
	clear:both;
	padding:8px;
	background-color:#f5f5f5; border:1px solid #cacaca;
	margin:18px auto 5px auto; border-radius:4px;
}

#basket li  .qtySelect  {
	width:100px;
	display:block; float:left;
	height:	34px;
	background-size:34px; 	 
 }

#basket li  .qtySelect,  .qtySelect option  {font-size:0.85em; 
 } 
 

#basket .deleteItem{
margin: 0px 0 0 30px;
background:none;
cursor:pointer;
border:0;
font-size:0.7em;
color:#006699;
display:block;
float:left; 
width:	34px;
height:	34px;
background-color:#FF0000;
background-image:url(../images/icons/deleteWhite.png);
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius:1px; z-index:100;
}



#basket .deleteItem:hover{
color:#FF0000
}

#basket .confirmDelete{
display:none;
position:absolute;
left:-1px;
top:0px; 
float:left; 
z-index:101; width:129px;
height:34px; line-height:34px;margin:0 0 0 1px;
font-size:0.7em; color:#fff;
text-transform:uppercase; font-weight:bold;
cursor:pointer; 
text-align:center; border:0px solid #e1e1e1; background-color:#ff0000;
}

.mobile #basket .confirmDelete{ font-size:0.6em}

#basket .confirmDelete:hover{ text-decoration:underline}

.noScriptUpdate{ display:block; clear:both}

#basket li  p.subTotal  {
	display:block; float:right;
text-align:right;
font-weight:bold;
font-size:0.9em; margin:0; padding:0;
}

.mobile  #basket li  p.subTotal  { 
	margin: 10px 0 0 0;
font-size:1.0em;
font-weight:normal;
}

.totalsWrapper {
clear:both;
margin: 0px auto;
text-align:right;
padding: 0px 0px;
background:#fff;  
}


#totalsWrapper p ,  
#totalsWrapper p{ text-align:right; margin:0; padding:4px 0; font-size:1.0em; font-weight:bold }

#totalsWrapper p span{ display:inline-block; width:320px; text-align:right; border:0px solid}
#totalsWrapper p strong{ display:inline-block; width:65px; border:0px solid; text-align:right}




.mobile  #basket  li span.thumbs{ width:90px; height:90px;line-height:86px; margin:0 10px 0 0; padding:0;  }
.mobile #basket  li a span.textWrap {   width:calc(100% - 100px) ; max-width:calc(100% - 100px) ;margin:0; padding:0}


.mobile  #basket li  .qtySelect {
	width:110px; 
}

.mobile  #basket .deleteItem{
}

.mobile  #basket .deleteItem:hover{
}
 
.mobile  #basket .confirmDelete{
position:absolute;
left:7px;
top:8px;
width:139px;
} 


 
#checkoutForm{
display:block; float:right;
clear:both;
margin:10px 0;
padding:0 20px;
font-size:16px;
font-weight:bold;
text-align:right;
width:550px;
padding:10px 30px;
border:2px solid #e1e1e1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.mobile #checkoutForm{ margin: 10px 0 ; width:100%; max-width:500px; float:right }

#checkoutForm .row {
	display:block;
	text-align:left;
	clear:both; padding:5px 0 5px 0; margin:0;
} 

#checkoutForm .label {
	display:block;
	clear:both;
	font-size: 12px;
	padding: 0 0px  2px 0;
	color:#999999; text-align:left
} 
#checkoutForm .basketInput{
display:block;
clear:both;
width:100%;
border:2px solid;
padding:0 3px;
font-size:0.9em;
color:#666666;
height:34px;
border-color: #e1e1e1;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-indent:5px;
font-weight: normal;
} 

#checkoutForm .basketInputOver , .basketInputOver{ border-color:#666666}

#checkoutForm .basketInputERR , .basketInputERR{ border-color:#ff0000}



#termsConfirm{ display:block; position:relative; clear:both; margin:10px auto 20px auto;   }
#termsConfirm input{ position:absolute; left:-9999px;}
 
#termsConfirm input[type=radio] + label span{
position:absolute; left:0px; top:0px;
border:1px solid #999;
width:22px;
height:22px;
margin: 0 10px 0 0;
background-position:50% 50%;
background-image:none;
background-color:#fff;
background-repeat:no-repeat;
transition:all 0.1s ease-in-out;
border-radius:12px;
}

#termsConfirm  input[type=radio]:checked + label span {
background-image: url(../images/checked.png); border-color:#333;
}
 
#termsConfirm label strong{  position: relative; display:inline-block; padding:2px 0 0 28px; cursor: pointer; color:#555 ; } 

#termsConfirm  input[type=radio]:checked + label strong { color:#759C00; }
#termsConfirm.termsErr  input[type=radio] + label strong { color:#FF0000;}

#termsLink{ color:#006699; display:inline-block; font-weight:bold; cursor:pointer;  font-style:normal;}
#termsLink:hover{ text-decoration:underline}

.screen #termsConfirm strong, .screen #termsConfirm a { font-size:14px;  }
.mobile #termsConfirm strong, .mobile #termsConfirm a { font-size:14px}