@charset "utf-8";
/* ~~ This the css file for the Responsive Design of Virtual Beauty from Ecommerce Templates.
The first section correponds to the maximum width version of 980 pixels ~~ */


body {
	font: 120%/1.6 Arial, Helvetica, sans-serif;
	background: url(images/bg.gif) #f1f1f1 repeat-x;
	margin: 0px 2px 0px 4px;
	padding: 0;
	color: #000;
	max-width: 100%;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}

/* ~~ Headings ~~ */
h1{
  	background:#333;
  	font-size:1.2em;
  	border-left:20px solid #ec960e;
  	color:#fff;
  	width:90%;
}

h1.mennav{
  	background:#333;
  	font-size:1em;
  	border-right:10px solid #ec960e;
  	color:#fff;
  	width:240px;
  	font-weight:normal;
  	border-left:0px;
}

/* ~~ Center paragraph ~~ */
p.ctr{
	text-align:center;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
.404 {
	max-width:100%;
	height:auto;
}
.bookstore {
	max-width:100%;
	height:auto;
	float:left;
	margin-right:10px;
	border:1px solid #ccc;
}
div.404 {
	max-width:100%;
	height:auto;
}
.404 img{
    max-width:100% !important;
    height:auto;
}
img{
    max-width:100% !important;
    height:auto;
}
#optn0x0y0 {
	font:80%/1.4 Arial,Helvetica,sans-serif;
}
#optn0x0y1 {
	font:80%/1.4 Arial,Helvetica,sans-serif
}
.detailoption {
	padding:10px;
	margin:10px;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #ec960e;
	text-decoration: none; 
}
a:visited {
	color: #ec960e;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}


/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 1080px;
	background: #F1f1f1;
	margin: 0 auto; 
}

/* ~~ the header ~~ */
.header {

}

div.thead{
	border-bottom:3px solid #ec960e;
	background: #333;
	height:50px;
}

div.tlinks{
	width:50%;
	float:left;
	margin:18px 0px;
	color:#ec960e;
	font-size:0.8em;
}

div.tsearch{
	float:right;
}

div.logo{
	width:40%;
	float:left;
}
div.smedia{
	width:40%;
	float:left;
	text-align:center;
	padding-top:36px;
}

div.logoright{
	float:left;
	width:20%;
}

/* ~~ Top search ~~ */
.searchinput {
	float: left;
	width: 264px;
	height: 24px;
	padding: 2px;
	border: 1px solid #eee;
	background:#fff;
	color: #858585;
	border-radius:5px 0px 0px 5px;
	margin:8px 0px 8px 8px;
}
.searchsub {
	float: left;
	width: 34px;
	height: 30px;
	background: url(images/searchicon.gif);
	border: 0px;
	margin-top:8px;
	cursor: pointer;
}


/* ~~ Top horizontal navigation bar ~~*/
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {
	height: 32px;
	width: 100%;
	background: #f1f1f1;
	font-family: Arial, sans-serif;
	position: relative;
	border-bottom:3px solid #ec960e; 
	margin-bottom:1px;
}

nav ul {
	padding: 0;
	width: 100%;
	height: 32px;
	text-transform: uppercase;
	background: #000000;
}

nav li {
	display: inline;
	float: left;
}

nav a {
	color: #333;
	display: inline-block;
  	font-size:12px;
	font-weight:800;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	text-transform: uppercase;
}

nav li a {
color: #333;
}

nav li:last-child a {

}

nav a:hover, nav a:active {
	background-color: #ec960e; 
	color: #fff;
  	border-radius: 8px 8px 0px 0px;
  	text-decoration: none;
}

nav a#pull {
	display: none;
}

/* ~~ These are the columns for the layout - content1 is only used on the home page ~~ */
.sidebar1 {
	float: right;
	width: 280px;
	background: #f1f1f1;
	padding-bottom: 10px;
	padding-top:16px;
}

div.content {
	padding: 16px 0;
	width: 790px;
}

div.content ul, .content ol { 
	padding: 0px; 
}

div.content1 {
	padding:0px;
	width: 1080px;
}

div.content1 ul, .content1 ol { 
	padding: 0px; 
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~ Right hand menu. ~~ */
ul.nav {
	list-style: none; 
	margin-bottom: 15px; 
}

ul.nav li {
	border-bottom: 1px solid #f1f1f1; 
}

ul.nav a, ul.nav a:visited { 
	padding: 2px 5px 2px 5px;
	display: block; 
	width: 260px; 
	text-decoration: none;
	background: #333;
	font-size:0.9em;
	color: #fff;
	border-bottom: 1px solid #ccc;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #ec960e;
	color: #333;
}

/* ~~ The home page content ~~ */
div.blurbleft{
	width:300px;
	float:left;
	margin-left:10px;
}

div.blurbright{
	width:740px;
	float:right;
	padding:6px;
	color:#999;
}

div.blurbright1{
	padding:6px;
	color:#999;
}

div.homeprod1{
	width:300px;
	border:1px solid #D6DEB9;
	padding:4px;
	margin:4px 16px 14px 16px;
	float:left;
	background:#fff;
}

p.prodtitle{
	width:270px;
	background:#f1f1f1;
	color:#333;
	font-weight:bold;
	background:#fff;
}

/* ~~ Minicart properties ~~ */
table.mincart{
	width:280px;
	font-size:0.8em;
	background:#eee;
}

td.mincart{
	background:#f1f1f1;
}

/* The product page - view all the available classes at http://www.ecommercetemplates.com/help/css-layouts.asp
-------------------------------------*/
div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	font-weight:bold;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:640px;
}

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

div.product{
	padding:2px;
	width:240px;
	float:left;
	height:550px;
	margin:5px;
	border:1px solid #ccc;
	background-color:#FeFeF6;
}

div.prodnavigation{
	padding:10px;
	float:left;
	width:560px;
}

div.checkoutbutton{
	width:180px;
	float:right;
}

div.allproddiscounts{
	color:#DA6A1E;
	width:768px;
	margin-bottom:2px;
	float:left;
}

.proddiscounts, .discountsapply{
	color:#DA6A1E;
	padding:4px;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

div.prodimage{
	padding-top: 6px;
	text-align:center;
}

img.prodimage{
	border: 1px solid #ccc;
}

div.prodname{
	padding:10px;
	font-size: 0.9em;
	text-align:center;
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	padding:4px;
	color:#666;
}

div.proddescription{
	padding:6px;
	float:left;
  	font-size: 0.9em;
}

/* ~~ product options ~~ */
div.prodoptions{
	padding:6px;
	width:226px;
	float:left;
	border: 1px solid #ccc;
	background:#fff;
}

select.prodoption, input.prodoption{
	font-size: 0.9em;
	width:120px;
	float:right;
	margin:6px;
}

span.prodoption{
	font-size: 1em;
	padding: 2px;
}

div.optiontext{
	padding: 2px;
	font-size: 0.9em;
	width: 70px;
	float:left;
	margin:2px;
}

div.option{
	padding: 0px;
	float:left;
}


div.listprice{
	padding: 2px;
	text-align:center;
	width:256px;
	float:left;
  	font-size: 0.9em;
}

div.prodprice{
	padding: 4px;
	font-size: 1.2em;
	font-weight:normal;
	text-align:center;
	float:left;
	width:256px;
	color:#DA6A1E;
}

div.prodcurrency{
	padding: 2px;
	text-align:center;
	float:left;
	width:256px;
	font-size: 0.7em;
	color:#666;
}

div.addtocart{
	text-align:center;
	padding-top:6px;
	float:left;
	width:256px;
}

.notifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:256px;
}

.configbutton{
	text-align:center;
	margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

.prodid {
	background: #D7D1C9;
	color:#333;
	padding:6px;
	text-align:center;
	font-size: 1.1em;
}

div.multioptiontext{
	width:180px;
}

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


/* The product detail page 
-------------------------------------*/
div.detailimage{
	width:200px;
	padding:10px;
	float:left;
	height:400px;
} 

.detailid {
	color:#000;
	width:460px;
	padding-bottom:10px;
	font-size: 1em;
}

.detailmanufacturer{
	float:right;
	width:340px;
}

.detailsku{
	float:right;
	width:346px;
}

.detailinstock{
	float:right;
	width:342px;
	border-bottom:1px #ccc dotted;
}

.detailname {
	color:#000;
	padding:6px;
	width:530px;
	float:right;
	font-size: 1.1em;
}

.detaildiscounts{
	color:#DA6B1D;
	font-weight:bold;
	font-size: 0.8em;
	float:right;
	width:536px
}

span.detaildiscountsapply{
	color:#DA6B1D;
	font-weight:bold;
	font-size: 0.9em;
}

div.detaildescription{
	font-size: 0.8em;
	margin-top:5px;
	float:right;
	padding-top:4px;
	width:530px;
}

.detaillistprice{
	text-align:center;
	float:right;
	width:530px;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:normal;
	text-align:center;
	float:right;
	width:530px;
	padding-top:2px;
	color:#DA6A1E;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.7em;
	text-align:center;
	float:right;
	width:530px;
	color:#666;
}


.detailoptions{
	padding: 6px;
	float:left;
	width:350px;
	padding-left:126px;
}

select.detailprodoption{
	font-size: 0.9em;
	float:right;
	width:190px;
	margin:6px;
}

.detailoptiontext{
	padding: 6px;
	float:left;
}

div.review{
	width:98%;
}

.previousnext{
	padding-top:10px;
	padding-bottom:6px;
	float:right;
	width:530px;
	text-align:center;
	font-size:0.8em;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:530px;
    font-size:0.8em;
}

div.detailquantity{
	padding-top:20px;
	float:right;
	width:400px;
}

div.detailquantitytext{
	margin:4px;
	float:left;
	width:174px;
	text-align:right;
}

div.detailquantityinput{
	margin:4px;
	float:right;
	width:210px;
	text-align:left;
}

div.detailaddtocart,.detailoutofstock{
	margin:4px;
	float:right;
	width:530px;
	text-align:center;
	border-bottom:1px #ccc dotted;
	padding-bottom:10px;
}

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

div.review{
	float:left;
}

div.navdesc{
	padding-top:10px;
}

p.cstitle{
	float:left;
	width:530px;
}

.csproduct{
	float:left;
	width:530px;
}

/* The category page 
-------------------------------------*/
div.category{
	width:240px;
	height:100px;
	float:left;
}

div.catimage{
	width:50px;
	margin-right:10px;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 12px;
}

div.catname{
	margin-top:16px;
	padding-left:12px;
}

.catdiscounts, .allcatdiscounts{
	padding-left:5px;
	font-weight:bold;
	color:#DA6B1D;

}

.categorymessage{
	padding-left:5px;
	padding-top:6px;
	font-size: 1.1em;
}

/* ~~ Horizontal rule ~~*/
HR {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #DA6B1D;
}

/* ~~ Discounts text ~~*/
.discountsapply, .allcatdiscounts, .allproddiscounts, .detaildiscounts, .proddiscounts{
	color:#333;
	font-size:0.8em;
}

/* ~~ Table backgrounds for cart, search etc ~~*/
table.cobtbl{
	background-color: #CAE5AE;
	width:94%;
	margin-left:8px;
} 

td.cobhl{
	background-color:#fff;
	font-weight: normal;
	color:#333;
	font-size:0.9em;
}

td.cobll{
	background-color: #fff;
	color : #333;
	font-weight:normal;
	font-size:0.8em;
}

/* ~~ The footer ~~ */
.footer {
	padding: 0px;
	position: relative;
	clear: both; 
	overflow:auto;
	background:  url(images/btmbg.gif) #333 repeat-x;
}

div.footer1{
	width:980px;
	margin: 0 auto;
}

div.foobar{
	width:100%;
	margin: 0 auto;
	height:24px;
	background:#ec960e;
}

div.cards{
	width:100%;
}

.cards img{margin:2px 4px 0px 4px; cursor:pointer;}

div.foo1{
	font: 0.8em Arial, Helvetica, sans-serif;
	float:left;
	width:25%;
	padding: 0px;
	line-height:1.7em;
  	background: #333;
}

.foo1 a, .foo2 a, .foo3 a, .foo4 a{color:#ffffff;; text-decoration:none;}
.foo1 a:hover, .foo2 a:hover, .foo3 a:hover, .foo4 a:hover{text-decoration:underline;}

.foo2{
	font: 0.8em Arial, Helvetica, sans-serif;
	float:left;
	padding:0px;
	width:25%;
	color: #ffffff;
	line-height:1.7em;
  	background: #333;
}

.foo3{
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #ffffff;
	float:left;
	width:25%;
	padding:0px;
	line-height:1.7em;
    background: #333;
}

.foo4{
	font: 0.8em Arial, Helvetica, sans-serif;
	float:right;
	line-height:1.7em;
	width:25%;
  	background: #333;
}

p.foothead{
	font-weight:bold; 
	text-align:left;  
	margin: 20px 0px 10px 0px;
	font-size:0.9em;
	color:#ec960e;
	line-height:25px;
	padding-left:0px;
}

.ftrbtm{
	width:50%;
	float:left;
	font-size:0.7em;
	color: #ffffff;
  	padding-top:22px;
    background: #333;
}

.ftrbtm1{
	width:50%;
	float:right;
	text-align:right;
	font-size:0.7em;
	color:#ffffff;
	padding-top:22px;
    background: #333;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*This is the first breakpoint and contains styles for screens 980px to 710px*/
@media screen and (max-width: 980px) {
	
div.container, div.content1 {
	width:712px;
}

div.content{
	width:522px;
}

div.logoright{
    display:none;
  }
  
div.blurbright{
	width:490px;
}

div.footer1{
	width:712px;
}
  
 /* The products page 
-------------------------------------*/
div.prodnavigation{
    width:320px;
}
  
div.allproddiscounts{
	width:568px;
}
  /* The product detail page 
-------------------------------------*/
.detailid {
	width:330px;
}
  
div.detailimage{
    height:auto;
  }

.detailmanufacturer{
	width:330px;
}

.detailsku{
	width:330px;
}

.detailinstock{
	width:290px;
}

.detailname {
	width:290px;
	font-size: 1em;
}

.detaildiscounts{
	width:294px;
}

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

.detaillistprice{
	width:100%;
}

div.detailprice{
	width:100%;
}

div.detailcurrency{
	width:100%;
}

.detailoptions{
	float:right;
	width:330px;
	padding-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	float:right;
	width:170px;
	margin:6px;
}

.detailoptiontext{
	padding: 6px;
	float:left;
}

.previousnext{
	width:100%;
}

div.emailfriend{
	width:100%;
 }

div.detailquantity{
	width:380px;
}

div.detailquantitytext{
	margin:4px;
	float:left;
	width:114px;
	text-align:right;
}

div.detailquantityinput{
	width:250px;
}

div.detailaddtocart,.detailoutofstock{
	width:100%;
}

.detailnotifystock{
	width:100%;
}
  
div.review{
    font-size:0.9em;
}
.sidebar1 {
	width: 180px;
}
h1.mennav{
  	width:140px;
}
table.mincart{
	width:180px;
}
ul.nav a, ul.nav a:visited {
    width: 160px;
}
}

/*This is the second breakpoint and contains styles for screens 710px to 480px*/
@media screen and (max-width: 715px) {
  
div.container, div.content1 {
	width:480px;
}


div.content{
	width:480px;
}

/*Hide right navigation bar*/
div.sidebar1{
	display:none;
}
  
div.tlinks{
    width:100%;
}

div.tsearch{
    float:right;
}

div.logo{
    width:100%;
}

div.smedia{
    display:none;;
}

div.blurbleft{
    width:100%
}

div.blurbright, div.blurbright1{
	width:100%;
}

div.footer1{
	width:480px;
} 
  
nav { 
  	height: auto;
}

nav ul {
  	width: 100%;
  	display: block;
  	height: auto;
}

nav li {
	width: 50%;
	float: left;
	position: relative;
}

nav li a {
	border-bottom: 1px solid #333;
}

nav a {
  	text-align: left;
  	width: 100%;
  	text-indent: 25px;
}

nav a:hover, nav a:active {
  	border-radius: 0px;
	background-color: #333;
}
  
div.foo1, .foo2, .foo3, .foo4{
    width:50%;
}
	
/*tables for cart and search*/
table.cobtbl{
	font-size: 0.8em;
    margin-left:8px;
    margin-bottom:12px;
} 

/*the product page*/
div.prodfilter{
	display:none;
}
  
div.prodfilterbar{
	display:none;
}

div.product{
	width:428px;
	height:auto;
	margin-left:14px;
}

div.prodnavigation{
	width:428px;
	padding-left:14px;
}

div.checkoutbutton{
	width:428px;
	float:left;
	padding-left:12px;
}

div.allproddiscounts{
	width:428px;
	padding-left:14px;
}

div.prodoptions{
	width:412px;
}

select.prodoption{
	width:130px;
}

div.optiontext{
	min-width: 175px;
}

div.listprice{
	width:428px;
}

div.prodprice{
	width:428px;
}

div.prodcurrency{
	width:428px;
}

div.addtocart{
	width:428px;
}

div.pagenums{
	width:428px;
}

.notifystock{
	width:428px;
}

/*the detail page*/
div.detailimage{
	width:428px;
	margin-left:6px;
    height:auto;
}

.detaillistprice{
	width:420px;
    float:left;
}

.detailid {
	width:428px;
 	margin-left:16px;
    float:left;
}

.detailmanufacturer{
	width:442px;
    float:left;
}
  
.detailsku{
	width:446px;
    float:left
}

.detailinstock{
	width:440px;
    float:left;
}

.detailname {
	width:440px;
    float:left;
}

.detaildiscounts{
	width:450px;
    float:left;
}

div.detailprice{
	width:440px;
    float:left;
}

div.detailcurrency{
	width:440px;
    float:left;
}

.detailprodoption{
	width:220px;
	float:right;
}

div.detailoptiontext{
    min-width:240px;
	float:left;
}

div.detailoptions{
	width:460px;
	padding-left:10px;
	float:left;
}

div.review{
	width:400px;
	margin-left:16px;
}

div.detaildescription{
	width:420px;
    float:left;
}

.previousnext{
	width:440px;
}

div.emailfriend{
	width:440px;
}

div.detailquantity{
	width:400px;
}

div.detailquantitytext{
	width:180px;
}

div.detailquantityinput{
	width:200px;
}

div.detailaddtocart,.detailoutofstock{
	width:440px;
}

.detailnotifystock{
	width:440px;
}

div.category{
	width:420px;
}
}

/*This is the first breakpoint and contains styles for screens 480px and lower*/
@media only screen and (max-width : 480px) {
div.container, div.content1, div.content {
	width:312px;
}

nav {
	border-bottom: 0;
}

nav ul {
	display: none;
	height: auto;
}
  
nav a#pull {
	display: block;
	background-color: #333;
	width: 100%;
	position: relative;
	border-radius:0px;
    color:#fff;
}

nav a#pull:after {
	content:"";
	background: url('images/mobmenu.png') no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 6px;
}
  
 div .callbacks_container{
    display:none;
}
  
div.blurbright, div.blurbright1{
    width:100%;
}
  
h1{
    padding:2px 0px 0px 6px;
    width:90%;
}
  
div.homeprod1{
	width:100%;
	border:1px solid #D6DEB9;
	padding:2px;
	margin:0px 0px 4px 0px;
	float:left;
}
  
div.footer1{
	width:312px;
}

/* ~~ Remove left hand cart column ~~*/
.cobcol1{
	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}

/*the product page*/
div.prodfilter{
	display:none;
}
  
div.prodfilterbar{
	display:none;
}

div.prodnavigation{
	width:190px;
}

div.checkoutbutton{
	width:280px;
	float:left;
	margin-left:6px;
}

div.allproddiscounts{
	font-size: 0.8em;
	width:280px;
	margin-left:4px;
}

div.product{
	width:290px;
	height:auto;
	margin-left:4px;
}

div.prodnavigation{
	width:280px;
	padding-left:14px;
}

div.prodoptions{
	width:274px;
}

select.prodoption{
	width:130px;
}

div.optiontext{
	min-width: 142px;
}

div.listprice{
	width:236px;
}

div.prodprice{
	width:292px;
}

div.prodcurrency{
	width:292px;
}

div.addtocart{
	width:292px;
}

.notifystock{
	width:292px;
}

div.pagenums{
	width:292px;
	padding:2px;
}

/*the detail page*/
div.detailimage{
	width:282px;
	padding:6px;
	float:left;
}

.detailid {
	width:292px;
	float:left;
	margin-left:10px;
}

.detailmanufacturer{
	width:292px;
}

.detailinstock{
	width:292px;
}

.detailname {
	width:282px;
}

.detaildiscounts{
	width:292px
}
  
span.detaildiscountsapply{
    display:none;
}

.detaillistprice{
	width:292px;
}

div.detailprice{
	width:292px;
}

div.detailcurrency{
	width:292px;
}

div.detailoptions{
	width:270px;
	padding-left:6px;
}

.detailoptiontext{
	width:140px;
}

select.detailprodoption{
	width:158px;
}

div.review{
	width:278px;
	margin-left:6px;
}
.previousnext{
	width:292px;
}

div.emailfriend{
	display:none;
}

div.detailquantity{
	width:222px;
}

div.detailquantitytext{
	width:80px;
}

div.detailquantityinput{
	width:120px;
}
div.detaildescription{
	width:292px;
}

div.detailaddtocart,div.detailoutofstock, div.previousnext{
	width:100%;
}

.detailnotifystock{
	width:292px;
}

p.cstitle{
	float:left;
	width:292px;
}

.csproduct{
	float:left;
	width:292px;
}

/*the category page*/
div.category{
	width:292px;
}
}
/* 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:1px;
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;
}

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.cartaccloginallowpromo_cntnr{
  float:left;
  width:100%;
}

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

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

div.cartacclogineverdivulge{
font-size:0.8em;
}

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, div.cartaccloginextra2text{
float:left;
width:25%;
padding-top:8px;
clear:both;
}

div.cartaccloginextra1, div.cartaccloginextra2{
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
}

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

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:11px;
padding-top:12px;
}

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

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

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

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

div.cdshipterms{
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:11px;
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:11px;
padding-top:12px;
}

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

div.cdformtmailing{
float:left;
width:32%;
text-align:right;
padding-right:11px;
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;
}

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

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

/* SECOND LINE TEXT ENTRIES */

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

/* END OF CART CLASSES */


/* STYLE SHEET FOR THE ECT SEARCH PAGE */

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

/* Search header div */
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 */
div.searchfortext, div.searchpricetext, div.searchtypetext, div.searchcategorytext, div.searchfilterstext{
width:24%;
float:left;
padding:8px 4px;
white-space:nowrap;
}

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

/* Search form field formatting */
div.searchfor input{
width:80%;
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:48%;
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;
}

/* 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.cdshiptterms{
width:6% !important;
}

div.cdshipterms{
width:90% !important;
}
  
div.cdformtwillpickup{
width:6% !important;
}

div.cdformwillpickup{
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%;
}

}