/*@import url("//fonts.googleapis.com/css?family=Raleway:300,100");
#shopWrapper *{ font-family:Raleway , Arial, Helvetica, sans-serif}*/

#shopWrapper {}
.mobile #shopWrapper{ padding-top:20px;}

#addedToBasket{ height:100%; width:100%; background-image:url(../images/bgTrans.png); background-repeat:repeat; position:fixed; left:0; top:0; z-index:10001; display:none}
#addedToBasket a{ display:block;
width:300px;
padding:25px 20px;
border:3px solid #99CC00;
border-radius:5px;
margin:10% auto 0 auto;
text-align:center;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
color: #777;
font-weight: bold;
}
#addedToBasket a img{ float:left;}
.mobile #addedToBasket a{ margin-top:100px}

/*mains*/
#shopNav { margin: 0px auto; padding:0 20px 0 0; list-style:none; float:left; width:225px;}
.mobile #shopNav  { float:none; width:100%; }

#shopNav  li {  margin:0 0 0 0; padding:0; list-style:none;  display:block; clear:both;}

#searchForm{ height:40px;}
.mobile #searchForm{ height:50px;}
#shopNav  li #search{
width:170px;
border:2px solid #B7B7B7;border-right:0px;
border-radius:2px 0 0 2px;
height:100%;
display:block; float:left;
}   

.mobile #shopNav  li #search{ width:200px;}

#searchBTN{
height:100%;
display:block;
float:left;
text-indent:-2000px;
background: url(../images/icons/searchWhite.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-color:#B7B7B7;
width:35px;
border-radius: 0  2px 2px 0;
cursor: pointer;background-size:12px auto;
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out;
}
.mobile #searchBTN{
width:45px;
}
#searchBTN:hover{ background-color:#999999;background-size:15px auto;}

#shopNav  li h2{
margin:2px auto;
padding: 5px 0 4px 0 ;
font-size:20px;
font-weight:bold;
cursor:pointer;
color:#004E74 ; border-bottom:1px solid #e1e1e1;
}
#shopNav  li:last-child h2{ border-bottom:none}
.mobile #shopNav  li h2{ font-size:22px; display:block;   }

#shopNav  li h2:hover{ color:#000000}


/*subs*/
#shopNav  li ul {  padding:5px 0 20px  0px;  background:#fff }
.mobile #shopNav  li ul {  }

#shopNav  li ul li{ margin:0px; display:block; border:none}
#shopNav  li ul li a{
margin:0;
padding:4px 0 4px 14px;
color:#006699;
font-weight:bold;
display:block; font-size:16px;
background-image:url(../images/icons/arrowRGray.png);
background-repeat: no-repeat;
background-position: left 6px;
}
.mobile #shopNav  li ul li a{ margin:5px 0 5px 10px ;font-size:18px;}




/*results*/
#shopResults{ float:right; width:760px; padding-top:6px;}
.mobile #shopResults  { float:none; width:100%; padding-top:50px; }

#selectMessage{ text-align:center; font-size:16px;}
.mobile #selectMessage{}


h4#catSelected{
font-size:24px;
font-weight:bold;
border-bottom:0px solid #e9e9e9;
padding-bottom:5px;
color:#FF0099
}
h4#catSelected span{ font-weight:bold }
.mobile h4#catSelected span{ display:none }


#productsOutput{ padding-top:6px;}
#productsOutput li{ clear:both; margin:1px auto; padding:5px 0 ;
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out;
 border:0px solid #d1d1d1; /* stops border colour change */
}
#productsOutput li.itemOpen{ border:4px solid #d1d1d1; padding:10px; margin-bottom:20px;border-radius:4px;}

#productsOutput li hr{ clear:both; height:1px; margin:0; padding: 4px 0 6px 0; border:none; background:none;border-bottom:1px solid #e1e1e1;}
#productsOutput li:last-child hr, #productsOutput li.itemOpen hr{  border:none}



#productsOutput li a.imgWrap , #productsOutput li .imgWrap{width:70px; height:70px; display:block; float:left; border:2px solid #e1e1e1; position:relative; border-radius:6px;}
#productsOutput li a.imgWrap:hover { border-color:#999}
#productsOutput li .imgWrap img{ 
max-width:96%; 
display:block; 
max-height:96%; 
margin:0 auto;
position:absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); 
border:4px solid #fff;
 }

#productsOutput li  p.productLink{
display:block;
float:left;
font-size:16px;
padding:2px 0 0 12px;
margin:0;
width:200px; /*fallback mobile */
width:calc(100% - 100px);
cursor: pointer;
}

#productsOutput li  p strong.prodTitle{
display:block;
font-size:18px;
color:#333; cursor:pointer; padding:0 0 4px 0;
}

.screen #productsOutput li p.productLink:hover strong{ text-decoration:underline}


em.productPrice{ display:block; font-style:normal; font-weight: normal; font-size:16px; color:#FF0000}

span.moreInfo{
display:block;
clear:both;
padding:6px 0;
color:#00527A;
font-size:14px; font-weight:bold;
}
span.moreInfo:hover{ text-decoration:none}

span.moreInfo img{ height:14px; display:inline-block; margin-right:4px;}




.shopBuyFormWrap{ width:100%; margin:0px auto ; padding:10px 0 0 0; clear:both;  }

.shopBuyForm{border: 0px solid #e1e1e1; padding:0 5px;}

.shopBuyForm .optionsWrap{ padding:15px 0 0 0; }


#productsOutput li  .shopBuyForm p  *, 
#productsOutput li  .shopBuyForm p , 
#productsOutput li  .shopBuyForm p strong  , 
#productsOutput li  .shopBuyForm ul  , 
#productsOutput li  .shopBuyForm li {  font-size:14px; color:#333;  margin:0; padding:0; list-style:none  }

#productsOutput li  .shopBuyForm p, 
.shopBuyForm p{ margin:0; padding:5px 0; cursor:default}

.shopBuyForm select{ max-width:100%;width:500px; clear:both; margin:4px auto }
.shopBuyForm .productAddButton{
display:block;
clear:both;
margin-top:10px;
font-size:12px;
background-image:url(../images/shop/cartWhite.png);
background-position: 14px 50%;
background-repeat:no-repeat;
height: 40px;
color:#FFFFFF;
text-align:center;
cursor:pointer;
max-width:100%;
width:500px;
background-color: #ED008E;
font-weight: bold;
}
.shopBuyForm .productAddButton:hover{ background-color:#333333}