/* These are the css classes for the css layouts used from Version 6.2.
/* Store generated links 
-------------------------------------*/

div.csproduct div.prodimage{
text-align:center;
width:100%
}

div.product div.prodimage{
text-align:center;
width:100%
}

h1 {
width:100% !important; 
font-size: 1.5em;

}

span.pagebarquo {
	margin-top: 5em;
}
div.TabbedPanelsContentGroup {
font-family: Times New Roman;
font-size: 1em;
line-height:1.1em;
}

div.csproduct{
text-align:center;
padding:6px;
width:29%;
float:left;
height:320px;
margin:2px;
}

div.proddetail {
float:left;
}

#mainbodyspan{
font-family: Times New Roman;
font-size: medium;
}

div.csproducts{
text-align:center;
font-weight: bold;
font-family: Times New Roman;
font-size: 12px;
margin-bottom: 20px;
}

a.ectlink:link{
	text-decoration:none;
	color:#000066;
	font: Arial, Helvetica, sans-serif;
}
a.ectlink:visited{
	text-decoration:none;
	color:#000066;
	font: Arial, Helvetica, sans-serif;
}
a.ectlink:active{
	text-decoration:none;
	color:#000066;
	font: Arial, Helvetica, sans-serif;
}
a.ectlink:hover, a.ectlink:focus { 
	text-decoration:underline;
	color:#333;
	font: Arial, Helvetica, sans-serif;
}
	
/*Table backgrounds for the cart, search, client login etc pages*/

table.cobtbl{
	background-color: #eee;
	border-bottom:1px solid #ccc;
} 

td.cobhdr{
	background-color:#bbb;
	font-size:1.1em;
	color:#fff;
	text-transform:uppercase;
}

td.cobll{
	background-color: #fff;
	color : #333;
}

div.tofreeshipping{
	border-top:1px solid #ccc;
	color:#386BA0 !important;
}

td.cobll input,  textarea, select{
	border: 1px solid #999;
	border-radius:2px;
	padding:4px;
}

.cartdiscounts, .cartdiscountsamnt{
	color:#386BA0 !important;
}


td.cobll input[type="image"]{
	border:none;
}

td.cobll input[type="radio"]{
	border:none;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

div.logintoaccount{
	text-align:left !important;
}

span.willpickup{
	font-size:1.1em !important;
}

/* ~~ Store buttons ~~*/
input.login, input.sccheckout, input.logintoaccount, input.search	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
	background: #4890DA;
	border: 1px solid #999;
	border-radius: 4px;
	cursor: pointer;
	display: none;
}

input.login:hover, input.sccheckout:hover, input.logintoaccount:hover, input.search:hover{
	background:#fff;
	color:#666;
}

/* The thanks page 
-------------------------------------*/
td.receiptoption{font-size:0.9em;}
td.receiptoption strong{font-weight:500;}
td.receipthl strong{font-weight:500;}
td.receiptheading{background:#F6F6F6;font-size:1.1em;color: #3D79B7;font-weight:normal !important;border-bottom: 1px solid #3D79B7;border-top: 1px solid #3D79B7;}
td.receiptheading strong{font-weight:500;}
hr.receipthr{display:none;}

/* The category page 
-------------------------------------*/
div.category{
	width:29%;
	float:left;
	line-height:1.0;
  	font-size:1.0;
  	text-transform:uppercase;
	padding:3px;
	border:0px solid #ccc;
	background-color:#fefefe;
	margin:0px 0px 10px 10px;
}

/* div.category:hover{
	background-color:#fefefe;
	border: 1px solid #3399CA;
}*/	

div.catnavigation{
	font-size: 1em;
	margin-top:-10px;
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	background-color:#eee;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
}

div.navdesc{
	display:none;
}

div.catimage{
	width:30%%;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 4px;
	font-size: medium;
}

div.catname{
	padding:14px 0px 10px 0px;
    font-size:1.2em;
}

div.catdiscounts{
	padding-left:5px;
	padding-top:2px;
	font-weight:bold;
	color:#DA6B1D;
}
  
div.allcatdiscounts{
  	float:left;
	font-weight:bold;
	color:#008000;
}

div.categorymessage{
	font-size:1.2em
}


/* The products page 
-------------------------------------*/

div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	padding:6px;
	width:28%;
	float:left;
	height:320px;
	margin:2px;
	text-align:center;
	font-weight: bold;
	font-family: Times New Roman;
	font-size: 12px;
	margin-bottom: 20px;
}

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	background-color:#eee;
	border-bottom: 1px solid #ccc;
	margin:0px;
}

div.prodimage{
	padding: 6px;
	width:33%;
	float:none;
	text-align:center;
}

div.prod3image{
	padding: 6px;
	width:33%;
	float:none;
	text-align:center;
}


div.prodname{
	padding-top:6px;
	font-size: 1em;
}


div.prodprice{
	font-size: 1em;
	float:left;
	width:98%;
	color:#666;
	margin-top:12px;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.8em;
	color:#666;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:0px 0px 10px 0px;
}

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:99%;
    margin-bottom:12px;
}

div.detailimage{
	width:35%;
	padding:10px;
	float:left;
} 


div.detailid {
	color:#666;
	width:69%;
	font-size: 1em;
	float:left;
}

div.detailname {
	font-size: 1.2em;
	float:right;
	width:65%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
	margin-left:36px;
    color:#3B76B0;
}

div.detaildiscounts{
	width:73%;
	color:#3B76B0;
	float:left;
}

div.detailmanufacturer{
	float:left;
	width:68%;
	margin:0px;
	padding:0px;
    color:#666;
}

div.detailsku{
	float:left;
	width:68%;
	margin:10px;
    color:#666;
}

div.detailinstock{
	float:right;
	width:73%;
}

div.detaildescription{
	font-size: 0.9em;
	margin:5px 0px;
	padding-top:4px;
	line-height:1.8em;
	float:right;
	width:60%;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:96%;
	color:#333;
	margin-left:10px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:96%;
	padding:6px 0px;
	color:#DA6A1E;
	margin-left:10px;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.8em;
	float:left;
	width:96%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:77%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:50%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
    padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:32%;
	float:left;
	clear:both;
}

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

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ccc;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

div.detailquantity{
	float:left;
	width:190px;
  
}

div.detailquantitytext{
	margin-top:18px;
	float:left;
	width:47%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:48%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:left;
	width:10%;
	margin-top:17px;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

div.review{
	width:90%;
	font-size:0.8em;
}

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

/* DAVID CUSTOM STYLES
-------------------------------------*/
.limwid {
text-align:left;
max-width: 850px;
}
p.blurb {
	margin:1em;
}
img.prodimage {
	border: 1px;
	margin-right:auto;
	margin-left:auto;
	outline: solid;
}
img.csprodimage {
	border: 1px;
	outline: solid;
	align:center;
	margin:5px;
}
div.marginned {
	margin-right:auto;
	margin-left:auto;
}
div.rsearch {
	float: right;
}

div.rcontent img{
	max-height: 150px;
	max-width: 165px;
}
.rsearch br {
	display: none;
}
.subheada {
	font-variant: small-caps;
	font-weight: bold;
}
.subheadb {
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
}
.rednote {
	font-size: large;
	line-height:1.1em;
	color:#000;
	background-color:#f66;
	font-weight: bold;
	text-align: left;
}

/* JORDAN'S STYLES
-------------------------------------*/

.imageFloat {
	vertical-align: top !important;
	padding: 0 15px;
}

a img {
	border: 1px;
	outline: none;
}

#appearHead {
	text-align: center;
	font-size: 2em
}

#schoolPres{
	text-align: center;
	font-size: 1.5em
}

#salesContact{
	background-color: black;
	color: white;
	padding: 5px 0;
}

#salesContact h4 {
	color: white;
	text-align: center;
	margin: 2px 0;
	font-size: 1.3em;
}

.authorPanel{
	position: relative;
	min-height: 150px;
	border-bottom: solid 2px;
	vertical-align: middle;
}

.coverLeft {
	height: 100%;
	float: left;
	margin-right: 10px;
}

.authorRight {
	height: 150px;
	float: right;
	margin-left: 10px;
}

.authorDetail {
	float: none;
	font-size: 1.2em;
}

#pageLinks {
	text-align: center;
}

#pageLinks ul {
	list-style-type: none;
	width: 30px;
	margin: 0 auto;
}

#pageLinks li {
	float: left;
	margin-right: 5px;
}

#studyHead {
	text-align: center;
	font-size: 1.7em;
	font-weight: bold;
	border-bottom: solid 1px;
	padding-bottom: 20px;
	width: 700px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 10px;
}

.sgContainer {
	text-align: center;
	height: 300px;
	position: relative;
	margin: 0 auto;
	width: 700px;
	background-color: #EFE;
	border-bottom: 1px solid;
	padding: 10px 20px;
}

.sgContainer a {
	font-size: 1.5em;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.sgContainer img {
/*	float: left;*/
}

.sgLabel {
	padding-top: 60px;
}

#pdfHead {
	font-size: 1.6em;
	margin-bottom: 5px;
}

.pdfLink {
	font-size: 1.3em;
	margin-left: 10px;
	display: block;
}

.detailsku {
	font-size: 1.4em;
}


.style1 {
	margin: 0 auto;
	position: relative;
}

.checkthis img {
	display: block;
}

.checkthis h1, .checkthis h2 {
	margin: 0;
}

.checkthis h1 {
	font-size: 1.2em;
}

.checkthis h2 {
	font-size: 1.1em;
}

.checkthis div div span {
	font-size: .9em !important;
}

td {
	padding: 0;
}

#facebookFeed {
	display: inline-block;
	left: -10px;
}

#twitterFeed {
	display: inline-block;
}

.emftbl {
	position: relative;
	z-index: 200;
	width: 410px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.top {
	vertical-align: top;
}

.BOTTOM {
	vertical-align: bottom;
}

.rcontent h4, .rcontent .checkthis {
	margin-left: 5px;
}


/* STORE TABLE BACKGROUNDS
-------------------------------------*/
table.cobtbl{
background-color: #008000;
}

td.cobhl{
background-color: #EFE;
color:#555
}

td.cobll{
background-color: #ECECEC;
color : #000080;
}

/* PRICE NAME and DISCOUNTS DISPLAY
-------------------------------------*/
.prodprice, .detailprice, .prodname, .detailname {
color: #60596A;
font-size: 19px;
font-weight : bold;
}
p.catname{
text-transform:uppercase;
font-family: Times New Roman;
color: #60596A;
font-size: 24px;
font-weight : bold;
	
}
}
.discountsapply{
color: #84210F;
font-size: 13px;
font-weight : bold;
}
.proddiscounts, .detaildiscounts, .catdiscounts{
color: #84210F;
font-size: 12px;
font-weight : normal;
}
/* PRODUCT REVIEWS
-------------------------------------*/
.numreviews{
color: #333;
font-size: 14px;
font-weight : bold;
background-color:#ccc;
border-bottom:1px solid #000;
padding:4px;
}
.reviewheader{
color: #333;
font-size: 13px;
font-weight : bold;
}
.reviewcomments{
color: #333;
font-size: 13px;
font-weight : normal;
line-height:1.2;
}
.reviewname{
color: #666;
font-size: 13px;
font-weight : normal;
line-height:1.2;
}
/* DESCRIPTION FIELDS
-------------------------------------*/
.detaildescription, .proddescription{
 font-family: Times New Roman;
 color: #333;
 font-size: medium;
 line-height:1.2;
 vertical-align: top;
}

/* CSS Document */

BODY {
margin:-1.4em auto 0em auto;
padding:3px;
font-family: Times New Roman;
// font-size: 12px;
color: #000;
width: 1280px;
background: #EFE;
}

/* Link properties */

A:link {
	color: #000066;
	text-decoration: none;

}

A:visited {
	color: #000066;
	text-decoration: none;

}

A:active {
	color: #000066;
	text-decoration: none;

}

A:hover {
	color: #006699;
	text-decoration: underline;

}

/* Main text headings */

h4
{
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:15px;
color:#008000;
text-decoration:none;
font-weight:bold;
margin:3px 5px 5px 3px;
}

h5
{
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#008000;
text-decoration:none;
font-weight:bold;
margin:0px 5px 5px 3px;
padding:5px 0px 0px 5px;
}

h3
{
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#008000;
text-decoration:none;
font-weight:bold;
margin:5px 5px 5px 3px;
text-align:right;
}

/* Footer text */

.footertext {
font-family: tahoma, Arial, Helvetica, sans-serif;
margin:0px;
padding:15px 0px 5px 0px;
font-size:11px;
color:#666;
}

/* Titles */

.t1 {
font-family:  Times New Roman;
font-size:15px;
color:#336699;
text-decoration:none;
font-weight:bold;
margin-left: 10px;
}
.t2 {
font-family:  Times New Roman;
font-size:15px;
color:#96968A;
text-decoration:none;
font-weight:bold;
}

/* Main body */

.maincontent {
border-top-style:dotted;
border-top-width:1px;
border-top-color:#989898;
margin:3px 10px 30px 0px;
padding:0px 10px 5px 10px;
font-family: Times New Roman;
font-size: medium;
color:#333;

}

.maincontent2 {
border-top-style:dotted;
border-top-width:1px;
border-top-color:#989898;
margin:3px 220px 0px 0px;
padding:0px 10px 5px 10px;
font-family: Times New Roman;
font-size: 12px;
color:#333;
width:60%;
}

.maincontent2 img {
float:right;
margin:5px 0px 5px 5px;
}

.lwrap {
width:182px;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
padding:3px;
}

/* Left content */

.lcontent {
border-left-style:solid;
border-left-color:#F89961;
border-left-width:5px;
width:172px;
margin:0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
text-align:left;
font-weight:normal;
padding:5px 3px 10px 5px;
background-color: #EEE;
}

.leftshadow {
width:182px;
height:6px;
padding:0px;
margin-top:0px;

}
.leftshadow img {
padding:0px;
margin:0px;
float:right;
}

.separator {
border-top-width:1px;
border-top-style:dotted;
border-top-color:#989898;
margin-right:5px;
margin-left:5px;
margin-top:10px;
}

/* News boxes */

.newsheader{
background-image:url(images/left_subh.gif);
background-position:top;
background-repeat:no-repeat;
width:182px;
margin-left:auto;
 margin-right:auto;
 margin-top:15px;
margin-bottom:0px;
height:17px;
text-align:right;
padding:1px 5px 0px 0px;
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
font-weight:bold;
}
.newscell{
background-color:#EEE;
width:182px;
margin-left:auto;
 margin-right:auto;
 margin-top:-1px;
margin-bottom:0px;
/* min-height:30px;
 */
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;

}

.newscell p {
padding:5px 5px 15px 10px;
margin-top:0px;
}

/* Right content */

.rcontent {
background-color:#EEE;
width:224px;
margin-left:auto;
margin-right:auto;
border-left-style:solid;
border-left-width:5px;
border-left-color: green;
/* min-height:30px;
*/
max-height:900px;
overflow:hidden;
margin-top:0px;
margin-bottom:0px;
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
padding:5px 3px 10px 0px;
text-align: left;
}

.rightshadow {
text-align:right;
width:234px;
height:7px;
padding:0px;
margin-top:0px;
margin-bottom: 10px;
}
.rightshadow img {
padding:0px;
margin:0px;
float:right;
width: 100%;
}

/* Bullet list */

ul {
list-style-image:url(images/bullet.gif);
list-style-type:none;
}

p img {
margin-left:5px;
}


#wrap{
margin:0px;
padding:0px;
width:100%;
}

/* Header section */

#header{
 background:#EFE;
 margin:0px 0px 0px 0px;
 font-size: 12px;
 font-family: Times New Roman;
 color : #000000;
 border-bottom: 1px dotted #333;
border-left: 1px solid #333;
border-right: 1px solid #333;

padding: 25px 20px 10px 20px;
}


 
 /* Top navigation */
 
#topnav {
	height: 1em;
}
 
#topnav ul
{
padding-left: 0;
margin-left: 5px;
margin:0px 0px 0px 0px;
background-color: #008000;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: 20px;
}

#topnav ul li {
 display: inline;
 }

#topnav ul li a
{
padding: 0.2em 1em;
background-color: #008000;
color: #FFF;
text-decoration: none;
float: left;
border-right: 1px solid #EEE;
}

#topnav ul li a:hover
{
background-color: #F89961;
color: #fff;
}

/* Left positioning */

#left {
width:191px;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
background-color:#EBE8DE;
border-right-width:3px;
border-left-width:1px;
border-bottom-width:3px;
border-top-width:0px;
border-style:solid;
border-right-color:#EFEEEE;
border-bottom-color:#EFEEEE;
border-left-color:#000;
float:left;
min-height:15px;
}

/* Right positioning */

#right {
margin-left:196px;
background-color:#fff;
/* min-height:30px;
 */
border-right: 1px solid #333;
text-align:left;
padding:0px 10px 15px 0px;
min-width:560px;

}

/* Footer positioning */

#footer {
background:#EFE;
height:55px;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
text-align:center;
min-width:760px;
overflow:hidden;
clear:both;
}

#footer img {
padding:0px;
margin:0px;
float:left;
}

#footer a {
text-decoration:none;
}

/* Right positioning */

#rightcol {
width:221px;
float:right;
/* min-height:30px;
 */
background-color:#fff;
margin:0px 0px 0px 10px;
padding:0px;
text-align:center;
}

#stretch {
width:760px;
height:1px;
clear:both;
margin:0px 0px 10px 0px;
padding:0px;
}
.img-centre {
 	margin-right:10px;
 	float:right;

 }

form {
margin: 0;
padding: 0;
}

div.prodid{
font-weight: bold;
}

span.prodoption{
font-weight: bold;
} 

.prodname, .detailname{
text-align:center;
font-weight: bold;
}

.prodsku {
font-size: medium;
}

.prodnavigation {
font-size: medium;
}


/* STYLE SHEET FOR THE ECT CART PAGE */

/* CART CONTAINER */
div.cartcontentsdiv{
width:100%;
float:left;
}

/* BACK ORDER */
div.cartbackorder{
float:left;
width:98%;
font-weight:bold;
}

/* LOW STOCK WARNING */
div.cartoutstock{
float:left;
width:98%;
font-weight:bold;
margin:6px 0px 6px 0px;
}

div.cartstockacceptlevel{
float:left;
width:98%;
font-weight:bold;
margin:6px 0px 6px 0px;
}

div.cartoptionoutstock{
text-align:center;
}

/* TOP ROW */
div.cartdetails_cntnr{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}

div.cartdetails{
display:inline-block; 
white-space:normal;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.cartdetailsid{
width:25%;
}
div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:13%;
}
div.cartdetailsquant{
width:8%;
}
div.cartdetailstotal{
width:8%;
text-align:right;
}
div.cartdetailscheck{
width:10%;
}

/* PRODUCT ROW */
div.cartline{
float:left;
width:100%;
white-space:nowrap;
padding-bottom:6px;
margin-bottom:6px;
}

div.cartlineid{
width:25%;
display:inline-block; 
white-space:normal;
vertical-align:top; /* If you don't use the image in cart, remove this line */
}
div.cartlinename{
width:35%;
display:inline-block; 
white-space:normal;
}
div.cartlineprice{
width:13%;
display:inline-block; 
white-space:normal;
}
div.cartlinequant{
width:8%;
display:inline-block; 
white-space:normal;
}
div.cartlinetotal{
width:8%;
display:inline-block; 
white-space:normal;
text-align:right;
}
div.cartlinecheck{
width:10%;
display:inline-block; 
white-space:normal;
text-align:center;
  vertical-align:middle; 
}

/* OPTIONS ROW */

div.cartoptionsline{
float:left;
width:100%;
white-space:nowrap;
padding:2px 2px 6px 2px;
margin:1px 1px 12px 1px;
}

div.cartandoptsline{
float:left;
width:100%;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}

div.cartoptiongroup{
width:25%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoption{
width:35%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoptionprice{
width:14%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoptionoutstock{
width:7%;
display:inline-block; 
white-space:normal;
}
div.cartoptiontotal{
width:18%;
display:inline-block; 
white-space:normal;
  text-align:right;
  font-size:0.9em;
}

/* PACKAGE FEATURE */

div.packagediv{
float:left;
width:100%;
}

div.packagerow{
float:left;
width:100%;
}

/* LOYALTY POINTS */
div.cartloyaltypoint_cntnr{
float:left;
width:99%;
}

div.cartloyaltypointmenu{
float:left;
width:77%;
text-align:right;
}

div.cartloyaltypoints{
float:left;
width:18%;
text-align:left;
padding-left: 4px;
}


/* SHIPPING */
div.cartshippingandtotals{
float:left;
width:100%;
margin-bottom:12px;
}

div.cartshippingdetails{
float:left;
width:60%;
padding:2px;
margin:1px;
}

div.estimatorerrors{
width:98%;
float:left;
margin-bottom:12px;
}

div.estimatortitle{
width:98%;
float:left;
font-size:1.2em;
padding-bottom:6px;
}

div.cartestimatortext{
display:inline-block; 
white-space:normal;
width:100%;
margin-bottom:12px;
}

div.estimatorchecktext{
display:inline-block; 
white-space:normal;
width:49%;
}

div.estimatorcheckcarrier{
display:inline-block; 
white-space:normal;
width:49%;
}

div.shipline{
  width:98%;
  float:left;
}

div.shiplinetext{
width:70%;
  float:left;
}

div.shipradio{
  width:25%;
  float:left;
}

div.cartstateselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartstateselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartcountryselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartcountryselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartzipselectortext{
display:inline-block; 
white-space:normal;
width:20%;
margin-top:8px;
}

div.cartzipselector{
display:inline-block; 
white-space:normal;
width:77%;
margin-top:8px;
}

div.cartestimatorend{
float:left;
width:98%;
margin-top:12px;
}

/* TOTALS */
div.carttotals{
float:left;
width:39%;
}

div.cartsubtotal_cntnr{
float:left;
width:100%;
white-space:nowrap;
}

div.cartsubtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin:6px 0px 6px 0px;
}

div.cartsubtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.shippingtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.shippingtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartcountrytaxtext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartcountrytax{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartdiscountstext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartdiscounts{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartcoupontext{
display:inline-block; 
white-space:normal;
width:99%;
margin-bottom:6px;
}

div.cartcoupon{
display:inline-block; 
white-space:normal;
width:99%;
}

div.cartgiftcerttext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartgiftcert{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}


div.cartgrandtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
padding: 3px 0px;
font-size:1.1em;
/* border-top:1px solid #999;  Uncomment this line if you want a border above the grand total*/
border-bottom:1px solid #999;
}

div.cartgrandtotal{
display:inline-block; 
white-space:normal;
width:45%;
padding: 3px 0px;
text-align:right;
font-size:1.1em;
/* border-top:1px solid #999;  Uncomment this line if you want a border above the grand total*/
border-bottom:1px solid #999;
}

div.cartcontinueupdate{
width:100%;
float:right;
}

div.cartcontinue{
width:50%;
float:right;
text-align:right;
}

div.cartupdate{
width:50%;
float:right;
}

div.cartcheckoutbuttons{
float:left;
width:100%;
margin-top:18px;
text-align:right;
	display: none;
}

div.checkoutopts{
float:right;
width:140px;
text-align:right;
}

div.cominpurchase{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}

div.tofreeshipping{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}

div.coforcelogin{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}


/* DISCOUNT FORMATTING */
div.ectdscntt{
color:#AD2803;
}

div.ectdscnt{
color:#AD2803;
}

/* COUPON FORMATTING */
#cpncodespan{
font-size:0.8em;
}

#cpncodespan div{
padding: 4px 12px 4px 0px;
}


/* ERROR / WARNING FORMATTING */
div.ectwarning{
color:#AD2803;
}

div.estimatorerror{
color:#AD2803;
}


/* NEW ACCOUNT */

div.cartnewaccountheader{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

div.cartnewaccount{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloginsuccess{
float:left;
width:100%;
  text-align:center;
  padding:6px 0px;
}

div.cartloginsuccesswait{
float:left;
width:100%;
  text-align:center;
  padding:6px 0px;
}

div.cartacctloginname_cntnr{
  float:left;
  width:100%;
}

div.cartacctloginnametext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartacctloginname{
float:left;
width:75%;
    padding-top:8px;
}

div.cartacctloginallowpromo_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginallowpromo{
float:left;
width:25%;
text-align:right;
}

div.cartaccloginallowpromotext{
float:left;
width:73%;
padding-left:3px;
}

div.cartacctloginemail_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginemailtext{
float:left;
width:25%;
padding-top:8px;
}

div.cartaccloginemail{
float:left;
width:75%;
padding-top:8px;
}

div.cartaccloginpassword_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginpasswordtext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartaccloginpassword{
float:left;
width:75%;
    padding-top:8px;
}

div.cartaccloginextra1text{
float:left;
width:25%;
  padding-top:8px;
}

div.cartaccloginextra1{
float:left;
width:75%;
    padding-top:8px;
}

div.cartaccloginalsubmit{
float:left;
width:100%;
text-align:right;
}

/* LOGIN */
div.loginprompt{
float:left;
width:100%;
}

div.logintoaccount{
width:50%;
float:left;
}

div.createaccount{
width:50%;
float:left;
}

div.cartloginheader{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloggedin{
float:left;
width:100%;
font-size:1.1em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloginemail_cntnr{
float:left;
width:100%;
}

div.cartloginemailtext{
float:left;
width:25%;
padding-top:8px;
}

div.cartloginemail{
float:left;
width:75%;
    padding-top:8px;
}

div.cartloginpwd_cntnr{
float:left;
width:100%;
}

div.cartloginpwdtext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartloginpwd{
float:left;
width:75%;
    padding-top:8px;
}

div.cartlogincookie_cntnr{
float:left;
width:100%;
}

div.cartlogincookie{
float:left;
width:25%;
  text-align:right;
    padding-top:8px;
}

div.cartlogincookietext{
float:left;
width:72%;
padding-left:6px;
padding-top:8px;
}

div.cartloginbuttons{
width:100%;
float:left;
margin-top:12px
	display: none;
}

div.cartloginlogin{
width:20%;
float:left;
display: none;
}

div.cartloginnewacct{
width:35%;
float:left;
}

div.cartloginforgotpwd{
width:45%;
float:left;
text-align:right;
}

/* WISH LIST */
div.cartviewinglist{
float:left;
width:100%;
}

span.listname{
font-weight:normal;
}

#savecartlist{
background:#fcfcfc;
}

/* EMPTY CART */
div.emptycart{
float:left;
text-align:center;
width:100%;
}

div.sorrycartempty{
float:left;
width:100%;
  margin-top:10px;
  padding:8px;
}

div.cartemptyclickhere{
float:left;
width:100%;
  padding:8px;
}

div.emptycartviewmain{
float:left;
width:100%;
    padding:8px;
}

div.emptycartcontinue{
float:left;
width:100%;
    padding:8px;
}

div.mywishlistemptycart{
float:left;
width:100%;
}

div.emptycartemptylist{
float:left;
width:100%;
}

/* MAILING LIST CONFIRMATION */

div.cartemailconftitle{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

div.cartemailconfaction{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

div.cartemailconfcontinue{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

/* GIFT WRAP */
div.giftwrap{
  float:left;
  width:100%;
}

div.giftwrapdiv{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}

div.giftwrapdetailscntr{
display:inline-block; 
white-space:normal;
}

div.giftwrapid{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapname{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapquant{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapyes{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapupdate{
width:100%;
float:left;
}

div.giftwraplineid{
display:inline-block; 
white-space:normal;
width:25%;
vertical-align:top;
}

div.giftwraplinename{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraplinequant{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraplineyes{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraptmessage{
width:17%;
float:left;
}

div.giftwrapmessage{
width:99%;
float:left;
}

div.giftwraplinemessage{
width:98%;
}

div.giftwraplinemessage textarea{
  width:100%;
}

div.giftwrapbuttons{
  width:100%;
  float:left;
  text-align:right;
  margin-top:12px;
}

/* BILLING & SHIPPING */

div.cart2details{
  width:98%;
  float:left;
}

div.cart2header{
width:100%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
  font-size:1.2em;
}

div.billformrow{
  float:left;
  width:100%;
}

div.shipformrow{
  float:left;
  width:100%;
}

div.checkoutadditionals{
  float:left;
  width:100%;
}

div.cobhl2{
padding-top:8px;
}

div.cobll2{
padding-top:8px;

}

div.cdformtextra1{
float:left;
width:30%;
}

div.cdformextra1{
float:left;
width:70%;
}

div.cdformtname{
float:left;
width:30%;
}

div.cdformname{
float:left;
width:70%;
}

div.cdformtemail{
float:left;
width:30%;
}

div.cdformemail{
float:left;
width:70%;
}

div.cdformtaddress{
float:left;
width:30%;
}

div.cdformaddress{
float:left;
width:70%;
}

div.cdformtaddress2{
float:left;
width:30%;
}

div.cdformaddress2{
float:left;
width:70%;
}

div.cdformtcity{
float:left;
width:30%;
}

div.cdformcity{
float:left;
width:70%;
}

div.cdformtstate{
float:left;
width:30%;
}

div.cdformstate{
float:left;
width:70%;
}

div.cdformtcountry{
float:left;
width:30%;
}

div.cdformcountry{
float:left;
width:70%;
}

div.cdformtzip{
float:left;
width:30%;
}

div.cdformzip{
float:left;
width:70%;
}

div.cdformtphone{
float:left;
width:30%;
}

div.cdformphone{
float:left;
width:70%;
}

div.cdformtextra2{
float:left;
width:30%;
}

div.cdformextra2{
float:left;
width:70%;
}

div.coshipflagscontainer{
  float:left;
  width:100%;
  margin-bottom:12px
}

div.cdshipftflag{
float:left;
width:32% !important;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdshipflag{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}

div.cdformtextraco1{
float:left;
width:30%;
}

div.cdformextraco1{
float:left;
width:70%;
}

div.cdformtextraco2{
float:left;
width:30%;
}

div.cdformextraco2{
float:left;
width:70%;
}

div.cdformtterms{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformterms{
float:left;
width:66%;
padding-top:12px;
}

div.cdformshipdiff{
float:left;
width:100%;
padding:12px 0px 12px 0px;
}

input.cdformshipdiff{
margin-right:12px;
}

div.cdformtaddinfo{
float:left;
width:30%;
}

div.cdformaddinfo{
float:left;
width:70%;
}

textarea.addinfo{
width:90%;
}

div.cdformtremember{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformremember{
float:left;
width:66%;
padding-top:12px;
}

div.cdformtmailing{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformmailing{
float:left;
width:66%;
padding-top:12px;
}

div.cdformtcoupon{
float:left;
width:30%;
padding-top:12px;
}

div.cdformcoupon{
float:left;
width:70%;
padding-top:12px;
}

div.cdformtitle{
float:left;
width:100%
}

div.cdformtitlell{
float:left;
width:100%;
}

div.cdform2column{
float:left;
width:100%;
}

div.cdformtpayment{
float:left;
width:30%;
clear:left;
padding-top:12px;
}

div.cdformpayment{
float:left;
width:70%;
padding-top:12px;
}

div.payprovider{
float:left;
width:100%;
}

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

div.payprovline img{
vertical-align:top;
margin-left:12px;
}

div.checkoutbutton2{
float:left;
width:100%;
text-align:right;
display: none;
}

div.cdformsubmit{
float:left;
width:100%;
}

/* SHIPPING TOTALS SCREEN */

div.cart3details{
width:98%;
float:left;
}

div.cartheader{
width:100%;
float:left;
font-size:1.2em;
}

div.cart3header{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}

div.cart2column{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.cart3row{
width:100%;
float:left;
}

div.cobhl3{
width:30%;
float:left;
padding-bottom:6px;
}

div.cart3totgoodst {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
  font-size:1.1em;
}

div.cart3totgoods {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
    font-size:1.1em;
}

div.cobll3{
width:70%;
float:left;
padding-bottom:6px;
}

div.shiprateline{
width:100%;
float:left;
}

div.shiptableline{
width:100%;
float:left;
}

div.shiprateradio{
width:10%;
float:left;
}

div.shipratemethod{
width:65%;
float:left;
}

div.shiptablelogo{
height: 10em;
position: relative;
width:80px;
height:60px;
float:left;
}

div.shiptablelogo img{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}

div.shiptablerates{
float:left;
width:70%;
min-height:45px;
padding:18px 0px 0px 16px;
}

div.cartheading{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}

div.cart3gndtot {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

div.cart3gndtott {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

/* CREDIT CARD RESULTS SCREEN */

div.cart4details{
width:98%;
float:left;
}

div.cart4header{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}

div.cobhl4{
width:35%;
float:left;
margin-bottom:12px;
padding-top:8px;
}

div.cobll4{
width:65%;
float:left;
margin-bottom:12px;
padding-top:8px;
}

div.cart4row{
width:100%;
float:left;
}

div.cart4buttons{
width:100%;
float:left;
text-align:right;
display: none;
}

div.checkoutbutton3{
width:100%;
float:left;
text-align:right;
display: none;
}

/* SECOND LINE TEXT ENTRIES */

span.ectsmallnote{
font-size:0.8em;
}

/* END OF CART CLASSES */


/* STYLE SHEET FOR THE ECT SEARCH PAGE */

/* Main div container */
.searchform{
width:98%;
float:left;
}

/* Search header div */
.searchheader{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Search label divs */
.searchfortext, .searchpricetext, .searchtypetext, .searchcategorytext, .searchfilterstext{
width:24%;
float:left;
padding:8px 4px;
white-space:nowrap;
}

/* Search form field divs */
div.searchform, div.searchprice, div.searchtype, div.searchcategory, div.searchfilters{
width:72%;
float:left;
padding:8px 4px;
}

/* Search form field formatting */
div.searchfor input{
float:left;
border: 1px solid #ccc;
padding:6px;
}

div.searchprice input{
border: 1px solid #ccc;
padding:6px;
}

div.searchtype select{
width:170px;
padding:4px;
}

div.searchcategory select{
width:170px;
padding:4px;
}

/* Search filters set to 2 columns by 48% width - use 98% for one column */
div.searchfiltergroup{
padding:4px 0px;
width:98%;
float:left;
}

div.searchfiltergroup select{
width:170px;
padding:4px;
}

/* Div containing submit button */
div.searchsubmit{
width:98%;
float:left;
text-align:right;
}


/* END OF SEARCH CLASSES */


/* STYLE SHEET FOR THE ECT AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING PAGES */

/* Main div container */
div.ectdiv{
width:98%;
float:left;
margin-bottom:20px;
}

/* Header div */
div.ectdivhead{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Label divs */
div.ectdivleft{
width:28%;
float:left;
padding:8px 4px;
white-space:nowrap;
clear:both;
}

/* Form field divs */
div.ectdivright{
width:68%;
float:left;
padding:8px 4px;
}

/* Form field formatting */
div.ectdivright input{
width:60%;
border: 1px solid #ccc;
padding:6px;
}

div.ectdivright select{
width:63%;
border: 1px solid #ccc;
padding:6px;
}

div.ectdivright input[type=checkbox]{
width:10px;
}

/* Div spanning 2 columns */
div.ectdiv2column{
width:98%;
float:left;
margin:8px 0px;
}

div.ectdiv2column ul{
list-style:none;
}

/* Warning message on Order Status page */
div.ectorderstatus div.ectwarning{
width:98%;
float:left;
}

/* Text based div */
div.ectmessagescreen{
  float:left;
  width:98%;
}

div.ectmessagescreen input{
 margin-top:12px;
}

/* Account details on client login */
div.ectclientloginaccount div.ectdivleft{
white-space:normal;
}

/* Address details on client login */
div.ectclientloginaddress div.ectdivleft{
width:48%;
}

div.ectclientloginaddress div.ectdivright{
width:48%;
}

/* Gift registry on client login */
div.ectclientlogingiftreg input{
width:120px;
}

div.ectclientlogingiftreg input[type=button]{
width:120px;
}

div.ectclientloginorders{
float:left;
}

div.ectclientloginorders div{
padding:6px;
margin:4px;
font-size:0.9em;
}

/* Tracking buttons */
input.trackinggo{
width:60px !important;
margin-bottom:12px;
display: none;
}

/* Tracking form */
div.ecttracking div.ectdivcontainer{
width:98%;
float:left;
}


div.trackingselectlogo{
float:left;
width:90px;
margin-top:8px;
}


div.ecttracking div.ectdivleft{
width:42%;
white-space:normal;
float:left;
clear:none !important;
padding-top:0px !important;
margin-top:8px;
}

div.ecttracking div.ectdivright{
width:43%;
float:left;
padding-top:0px !important;
margin-top:8px;
}

div.trackinglogo, div.trackingtext{
float:left;
padding:6px;
}

div.ecttrackingresults{
float:left;
width:98%
}

div.ecttrackingresults div{
width:33%;
}

div.trackingcopyright{
float:left;
width:98%
}

/* Header row on Tracking form */
div.tracktablehead div{
padding:20px 0px 6px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}


/* Shaded rows on Tracking form */
div.ectlowlight{
  background:#ededed;
  padding:4px;
  margin:2px;
  font-size:0.9em;
}

div.ecthighlight{
  background:#fefefe;
    padding:4px;
  margin:2px;
    font-size:0.9em;
}

div.ectlowlight div{
width:98%
}

div.ecthighlight div{
width:98%
}

div.trackingcopyright{
  float:left;
  font-size:0.9em;
}

/* Gift Certificate form */
div.ectgiftcerts{
float:left;
width:98%;
}

div.ectgiftcerts div.ectdivleft{
width:38%;
white-space:normal;
}

div.ectgiftcerts div.ectdivright{
width:58%;
}

div.ectgiftcerts #amount{
width:80px;
}

div.ectgiftcerts textarea{
width:62%;
border: 1px solid #ccc;
}

/* Donations form */
div.ectdonations{
float:left;
width:98%;
}

div.ectdonations #amount{
width:80px;
}

div.ectdonations textarea{
width:62%;
border: 1px solid #ccc;
}


/* FOR RESPONSIVE DESIGNS */


/*The breakpoints below correspond to the cart page*/


/*Styles for screens below 940px*/

@media all and (max-width: 940px) {

/* HIDE DETAILS COLUMN */
div.cartdetailsid{
display:none;
}

div.cartlineid{
display:none;
}

/* MOVE ESTIMATE ABOVE TOTALS */  
div.cartshippingdetails{
width:100%;
}
  
div.carttotals{
 width:100%;
}

/* RESET COLUMNS */

div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:21%;
}
div.cartdetailsquant{
width:16%;
}
div.cartdetailstotal{
width:17%;
}
div.cartdetailscheck{
width:10%;
}

div.cartlinename{
width:35%;
}
div.cartlineprice{
width:21%;
}
div.cartlinequant{
width:16%;
}
div.cartlinetotal{
width:17%;
}
div.cartlinecheck{
width:10%;
}

  
/* REALIGN TOTALS */

div.cartsubtotaltext{
width:72%;
}

div.cartsubtotal{
width:25%;
}

div.shippingtotaltext{
width:72%;
}

div.shippingtotal{
width:25%;
}

div.cartcountrytaxtext{
width:72%;
}

div.cartcountrytax{
width:25%;
}
  
div.cartgiftcerttext{
width:72%;
}

div.cartgiftcert{
width:25%;
}

div.cartdiscountstext{
width:72%;
}

div.cartdiscounts{
width:25%;
}
  
div.cartgrandtotaltext{
width:72%;
}

div.cartgrandtotal{
width:25%;
}

div.cartcoupontext{
width:57%;
}

div.cartcoupon{
width:40%;
}
  
div.cdformtterms{
width:6% !important;
}

div.cdformterms{
width:90% !important;
}
  
div.cdshipftflag{
width:6% !important;
}

div.cdshipflag{
width:90% !important;
}
  
div.cdformtremember{
width:6% !important;
}

div.cdformremember{
width:90% !important;
}
  
div.cdformtmailing{
width:6% !important;
}

div.cdformmailing{
width:90% !important;
}

}

/*This is a breakpoint for responsive designs and puts the search filters into one column*/
@media screen and (max-width: 715px) {

/* Puts the search filters into one column */
div.searchfiltergroup{
padding:4px 0px;
width:95%;
float:left;
}


/* Tracking form */
div.ecttracking div.ectdivleft{
width:95%;
}

div.ecttracking div.ectdivright{
width:95%;
}
}



/*Styles for screens below 480px on the cart page*/

@media all and (max-width: 480px) {
  
div.cartcoupontext{
width:36%;
}

div.cartcoupon{
width:64%;
}

div.cobhl2{
width:98%;
}

div.cobll2{
width:98%;
}


div.cdformshipdiff{
width:90%;
}

div.cobhl4{
width:98%;
}

div.cobll4{
width:98%;
}
  
  div.cobhl3{
width:40%;
float:left;
padding-bottom:6px;
}
  
  div.cobll3{
width:60%;
float:left;
padding-bottom:6px;
}
  
div.cart3totgoodst {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
  font-size:1.1em;
}

div.cart3totgoods {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
    font-size:1.1em;
}

/*Styles for screens below 480px on the affiliate, order status, client login page*/
div.ectdivright input{
width:95%;
}

div.ectdiv2column input{
margin:6px 0px 12px 0px;
}

div.ectdivright{
width:95% !important;
}

div.ectdivleft{
width:95% !important;
}

div.ectgiftcerts textarea{
width:98%;
}

div.ectdonations textarea{
width:98%;
}

}

