/* The product detail page - image to the left
-------------------------------------*/

div.detailimage{
width:26%;
padding:6px;
float:left;
text-align:center;
margin-top:25px;
} 

img.detailimage{
max-width:100%;
height:auto;
}

div.detailcheckoutbutton{
width:100%;
float:left;
padding:10px 0px 10px 12px;
text-align:right;
}

button.detailbuybutton{
min-width:150px;
}

div.detailid{
width:68%;
float:right;
margin:5px;
}

div.detaildateadded{
width:68%;
float:right;
margin:5px;
}

div.detaildateaddedlabel{
display:inline-block;
margin-right:5px;
font-weight:bold;
}

span.detailmanufacturerlabel,
span.detailidlabel{
font-weight:bold;
margin-right:5px;
}

div.detaildateaddeddate{
display:inline-block;
}

div.detailname h1{
font-size:1.2em;
padding:6px 0px;
margin-top:10px;
margin-bottom:12px;
}

div.detailname{
font-size:1.2em;
padding:6px 0px;
float:right;
width:68%;
margin:10px 5px 12px 5px;
border-bottom:1px solid #ccc;
}

span.detaildiscountsapply{
margin:5px;
}

div.detaildiscounts{
width:68%;
margin:5px;
float:right;
color:#de632a;
}

div.detailmanufacturer{
float:right;
width:68%;
margin:5px;
}

div.detailcustom1, div.detailcustom2, div.detailcustom3{
float:right;
width:68%;
margin:5px;
}

div.detailsku{
float:right;
width:68%;
margin:5px;
}

div.detailinstock{
float:right;
width:68%;
margin:5px;
}

div.detailreviewstars{
float:right;
width:68%;
margin:5px;
}

div.detailshortdescription{
margin:5px;
padding-top:4px;
line-height:1.8em;
float:right;
width:68%;
}

div.detaildescription{
margin:5px;
padding-top:4px;
line-height:1.8em;
float:right;
width:68%;
}

div.detailminquant{
clear:both;
margin-left:10px;
}

div.detailquantpricing{
}

div.detailquantpricingwrap{
float:right;
width:68%;
margin:15px 0;
}

div.detailprice{
font-size:1.2em;
font-weight:bold;
clear:both;
margin-left:10px;
}

div.detaillistprice{
clear:both;
padding:6px 0px;
color:#DA6A1E;
margin-left:10px;
}

div.detailcurrency{
font-size:0.8em;
clear:both;
color:#666;
margin:5px 10px;
padding-bottom:5px;
}

div.detailoptions{
clear:both;
margin:20px 30px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
div.detailoptiontext{
display:inline-block;
padding-left:10px;
margin:15px 0px;
min-width:160px;
}
div.detailoption{
display:inline-block;
margin:10px 0px;
}

input.detailprodoption{
margin-right:6px;
}

select.detailprodoption{
padding:4px;
clear:right;
}

select.detailprodoption{ 
display:block; 
padding:10px 70px 10px 13px !important; 
max-width:100%; 
width:100%;
height:auto !important; 
border:1px solid #ccc; 
border-radius:3px; 
background:url("/images/select-menu-arrow.png") right center no-repeat; 
background-color:#fff; 
color:#444444; 
font-size:12px; 
line-height:16px !important; 
appearance:none; 
-webkit-appearance:none; 
-moz-appearance:none;
} 

select.detailprodoption option{ padding:0 4px; } 

select.detailprodoption::-ms-expand{ display:none; } 
select:disabled.detailprodoption::-ms-expand{ background:#f60; }

div.detailmultioptiontext{
padding:6px;
width:30%;
clear:none;
}

div.previousnext{
padding-top:20px;
padding-bottom:6px;
text-align:center;
margin:5px 10px;
}

div.quantity0div, div.quantity1div, div.quantity2div{
float:left;
display:inline-block;
margin:4px 6px 0px 0px;
}

input.quantity0input{
border:1px solid #ccc;
padding:4px 4px 3px 4px;
}

div.detailquantitytext{
float:left;
display:inline-block;
padding:0px 10px;
margin-top:9px;
}

div.detailquantityinput{
display:inline-block;
}

div.detailquantityinput input{
border:1px solid #ccc;
padding:4px;
} 

div.detailaddtocart{
text-align:left;
margin-left:10px;
}

div.detailaddtocartquant{
padding:10px;
clear:both;
}

div.detailoutofstock{
font-size:1.2em;
font-weight:bold;
float:left;
width:98%;
text-align:left;
margin-left:10px;
padding:10px 0px;
}

div.detailnotifystock{
text-align:left;
padding-top:16px;
float:left;
width:98%;
margin-left:8px;
}

div.review{
overflow:auto;
margin-top:16px;
width:98%;
padding-left:10px;
}

div.reviewtotals{
margin-bottom:16px;
}

span.numreviews{
font-size:1.2em
}

hr.review{
height:0;
border-width:1px 0 0 0;
border-style:solid;
border-color:#bbb;
padding:4px;
margin-top:6px;
}

div.reviewprod{
background-color:#eee;
padding:10px;
}

input.askaquestion, input.emailfriend{
background:#2868B2;
color:#fff;
height:28px;
border:0;
border-radius:4px;
font-size:12px;
cursor:pointer;
}

div.socialmediabuttons{
margin:10px 0;
background:#fff;
overflow:auto;
padding:4px;
clear:both;
}

.detailhr{clear:both;}
p.pagenums{width:98%;overflow:auto;}

div.searchwords{
clear:both;
margin:5px 10px;
border:1px solid #ccc;
padding:4px 8px;
}

div.reviews{
margin:5px 10px;
}


/*This is the first breakpoint and contains styles for screens 980px to 500px*/
@media screen and (max-width:980px){

div.detailimage, div.detailname, div.detailname h1, div.detailshortdescription,div.detailid,div.detaildescription, div.detailcustom1,div.detailcustom2,div.detailcustom3,div.detailreviewstars, div.detailmanufacturer, div.detailsku, div.detailinstock,div.detaildateadded, div.detaildiscounts, span.detaildiscountsapply{
width:98%;
float:left;
}

div.detailoptions{
width:98%;
}

}

/*This is the second breakpoint and contains styles for screens 500px and below*/
@media screen and (max-width:500px){
div.detailoptiontext{
width:98%;
}
}