minicartoneline/* Shopping cart classes for Premium Layout #1 used for top social bar with login and cart
----------------------------------------------------------------------------------------------------*/

/*mini newsletter*/
div.minimailsignup{background:#fff;margin:4px auto;padding:0px;width:98%;}
label.minimailsignup{width:98%;padding:2px;}
input.minimailsignup[type=text]{-webkit-appearance: none;font-size:12px;padding:4px;border:solid 1px #ccc;width:94%;margin:2px;}
input.minimailsubmit{margin:6px;}

/*minicart*/
div.minicart{background:#fff;margin:4px auto;width:98%;padding:0px;}
div.minicartcnt{text-align:center;padding:4px;font:normal 13px Arial, sans-serif;background-color:#fff;}
span.minicartdsc{text-align:center;font:normal 12px Arial, sans-serif;color:#ff6600;}

/*one line mini login*/
div.minicartoneline1{font-size:12px;float:left;padding-top:2px;padding-right:5px;}
div.minicartoneline2{font-size:12px;float:left;padding-top:2px;}
div.minicartoneline3{font-size:12px;float:left;padding-top:2px;}

/*mini drop down cart*/
.ectdp_minicartopen img{display:none;}

.ectdp_minicartmainwrapper{color:#000;background:#eee;font-size:13px;padding-top:1px}
.ectdp_minicartopen{background:#eee;padding-top:0px;}
.ectdp_minicartcontainer{background:#eee;}

/*recent view*/
div.recentview{width:100%;}
div.recentviewheader{display:none}
div.recentviewline{width:100%;border-bottom:1px solid #ccc;padding-bottom:6px;}
img.recentviewimage{max-width:75%;margin-top:8px;}
div.recentviewname{margin-top:8px;float:left;width:60%;}
div.recentviewimage{overflow:auto;width:40%;}


/*Button and form field styles*/
input.continueshopping,input.printversion,input.applycoupon,input.configbutton,input.reviewsubmit,input.efsend,input.efclose,input.cartaccountlogin,input.forgotpassword,input.newaccount,input.submit,input.cancel,input.createlist,input.trackinggo,input.logintoaccount,input.createaccount,input.gcsubmit,input.login, input.newaffiliate, input.affiliatelogin, input.search,input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage, input.logout, input.editaffiliate,input.backacct,input.giftwrapsubmit,input.giftwrapcancel,input.ectbutton{
	background:#27509a;
	color:#fff;
	padding:4px 12px;
	border:0;
	border-radius:4px;
    -webkit-appearance: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-family: FontAwesome, sans-serif;

}

input.continueshopping:hover,input.printversion:hover,input.applycoupon:hover,input.configbutton:hover,input.reviewsubmit:hover,input.efsend:hover,input.efclose:hover,input.cartaccountlogin:hover,input.newaccount:hover,input.forgotpassword:hover,input.submit:hover,input.cancel:hover,input.createlist:hover,input.trackinggo:hover,input.logintoaccount:hover,input.createaccount:hover,input.gcsubmit:hover,input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover,input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover,input.logout:hover, input.editaffiliate:hover,input.backacct:hover,input.giftwrapsubmit:hover,input.giftwrapcancel:hover,input.ectbutton:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
    -webkit-appearance: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}


input.previmg, input.nextimg, input.detailprevimg, input.detailnextimg{
border-radius:4px;
border:1px solid #ccc;
background:#fff;
margin:4px;
font-size:11px;
cursor:pointer;
color:#27509a;
padding:4px;
}

input.previmg:hover, input.nextimg:hover, input.detailprevimg:hover, input.detailnextimg:hover{
color:#000;
border:1px solid #666;
}


input.askaquestion, input.emailfriend,input.lgemailfriend,input.lgaskaquestion,input.widecheckout2{
	float:left;
	background:#27509a;
	color:#fff;
	padding:4px 12px;
	border:0;
	border-radius:4px;
    -webkit-appearance: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	margin:4px 6px 0px 0px;    
}

input.askaquestion:hover,input.emailfriend:hover,input.lgemailfriend:hover,input.lgaskaquestion:hover,input.widecheckout2:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
    -webkit-appearance: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}



/*Internal store naviagtion*/
a.ectlink:link {
	color: #01478C;
	text-decoration: none;
}

a.ectlink:visited {
	color: #01478C;
	text-decoration: none;
}

a.ectlink:active {
	color: #01478C;
	text-decoration: none;
}

a.ectlink:hover {
	color: #666;
	text-decoration: none;
}

/*searchbox*/

div.searchbox{
	position: relative;
}

button.search-btn {
	border: none;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 0;
	top: 0;
    border-radius : 25px;
	font-size: 20px;
	background-color:#27509a;
	color:#f0f0f0;
}

button.search-btn:hover {
	font-size: 25px;
	background-color:#ddd;
	color:#000;
}


/*pagenumbers*/
div.pagenumbers a.ectlink{
	background: #f0f0f0;
	height: 40px;
	width: 40px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 25px;
}


div.pagenumbers a.ectlink:hover{
	background: #27509a;
	color: #fff !important;
}

.currpage{
	background: #27509a;
	color: #fff !important;
	height: 40px;
	width: 40px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 25px;
}

/*product details tabs*/

div.reltab{
width:100%;
float:left;
border: 1px solid #fff;
}

div.reltabimage{
float:left;
width:12%;
padding:4px;
clear:left;
}

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

div.reltabname{
float:right;
width:87%;
margin-top:8px;
}

div.reltabdescription{
float:right;
width:87%;
}


/* This is the first breakpoint and is for screen sizes between 980 and 1280 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 1300px){

div.reltabimage{
float:left;
width:100%;
padding:4px;
clear:left;
}

div.reltabname{
float:left;
width:100%;
margin-top:0px;
}

div.reltabdescription{
float:left;
width:100%;
margin-bottom:8px;
}


}
/* This is the third breakpoint and is for screen sizes between 468 and 690 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:690px){

/*pagenumbers*/
div.pagenumbers a.ectlink{
	background: #fff;
	color: #000;
	display: unset;
}

.currpage{
	background: #fff;
	color: #000 !important;
	display: unset;
}

div.pagenumbers a.ectlink:hover{
	background: #fff;
	color: #000 !important;
}




}

/*TEST SETTINGS
*/