/* ~~ This the css file for the Responsive Design of Virtual Monochrome from Ecommerce Templates.
The first section correponds to the maximum width version of 1280 pixels ~~ */

@charset "utf-8";
/* ~~ Main settings and resets ~~*/
body{
	margin: -1px;
	font: 100%/1.4 Arial, serif;
	color: #333;
	line-height: 1.6;
	/*background: url(images/bg.gif) #ffffff repeat-x;*/
}

/*make logo responsive*/
div.logo img{
max-width:100%;
height:auto;
}

h2	{
	color:#ffffff;
}

ul{
	margin:0;padding:0;
}

img{
	border:0px;
	margin-top: 1px;
}

.clr{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	border: none;
}

/* ~~ Social media icons ~~*/
.topsocial{
	width: 100%;
	height: 32px;
	background-color: #151515;
	text-align: right;
	float: right;
}

/* ~~ Top navigation on smaller window sizes ~~*/
.topleftlinks{
	display:none;
}

/* ~~ Top right navigation ~~*/
.toptextlinks{
	font-size:0.8em;
}

/* ~~ Container ~~*/
#maincontainer{
	width: 1280px;
	margin: 0 auto;
}

/* ~~ The header section ~~*/
#header{
	padding: 20px 0;
}

#header .logo{
	padding-top: 0px;
	padding-bottom:5px;
}

#header .hdrR{
	line-height: 16px;
	text-align: right;
	margin-top: 23px;
}

#header .hdrR p{
	color: #60a1de;
	padding: 10px 0 0 0px;
}

#header .logo{
	float: left;
}

.l{
	float: left;
}

#header .hdrR{
	float: right;
}

/* ~~ Body content ~~*/
#mainwrapper{
	float: left;
	width: 100%;
	background:#fff;
}

#maincontent{
	margin-left: 156px;
	padding: 0px 4px 0px 4px;
	font-size: 0.8em;
	margin-bottom: 10px;
	position: reletave;
}
div.store{
	padding:10px;
}

/* ~~ Left content ~~*/
.lefthand{
	float: left;
	width: 150px;
	margin-left: -1280px;
	/*background: #EEEFEF;*/
	list-style: none;
	line-height: 12px;
	padding: 0px;
	font-size: 0.8em;
	text-align: left;
}
.leftside ul li{
	list-style: none;
	line-height: 24px;
	padding-left: 8px;
}

/* Set indentation for left navigation */
/* Brands */
#ect0_64{
margin-left:11px;
}

#ect0_53{
margin-left:11px;
}

#ect0_83{
margin-left:11px;
}

#ect0_86{
margin-left:11px;
}

#ect0_96{
margin-left:11px;
}


/* Cornerstone */
#ect0_21{
margin-left:20px;
}

#ect0_7{
margin-left:20px;
}

#ect0_26{
margin-left:20px;
}

#ect0_8{
margin-left:20px;
}

#ect0_22{
margin-left:20px;
}

/* Elk */
#ect0_85{
margin-left:20px;
}

#ect0_87{
margin-left:20px;
}

#ect0_88{
margin-left:20px;
}

#ect0_90{
margin-left:20px;
}

#ect0_91{
margin-left:20px;
}

#ect0_92{
margin-left:20px;
}

#ect0_93{
margin-left:20px;
}

#ect0_97{
margin-left:20px;
}



/* Categories */

#ect0_24{
margin-left:11px;
}

#ect0_72{
margin-left:11px;
}

#ect0_25{
margin-left:11px;
}

#ect0_20{
margin-left:11px;
}

#ect0_69{
margin-left:11px;
}

#ect0_23{
margin-left:11px;
}

#ect0_75{
margin-left:11px;
}

#ect0_9{
margin-left:11px;
}

#ect0_70{
margin-left:11px;
}

#ect0_6{
margin-left:11px;
}



/* Chandeliers */

#ect0_37{
margin-left:11px;
}

#ect0_39{
margin-left:11px;
}

#ect0_38{
margin-left:11px;
}

#ect0_1{
margin-left:11px;
}



/* Children's */
#ect0_76{
margin-left:11px;
}

#ect0_77{
margin-left:11px;
}


/* Outdoor */
#ect0_31{
margin-left:11px;
}

#ect0_32{
margin-left:11px;
}

#ect0_34{
margin-left:11px;
}



/* Table */
#ect0_10{
margin-left:11px;
}

#ect0_13{
margin-left:11px;
}

#ect0_47{
margin-left:11px;
}

#ect0_48{
margin-left:11px;
}



#ect0_74{
margin-left:11px;
}

#ect0_52{
margin-left:11px;
}

#ect0_46{
margin-left:11px;
}



/* Wall */
#ect0_71{
margin-left:11px;
}

#ect0_27{
margin-left:11px;
}

#ect0_28{
margin-left:11px;
}

#ect0_66{
margin-left:11px;
}


/* Diamond */
#ect0_89{
margin-left:20px;
}

#ect0_95{
margin-left:20px;
}



/* Tiffany */
#ect0_3{
margin-left:20px;
}

#ect0_67{
margin-left:20px;
}

#ect0_40{
margin-left:20px;
}

#ect0_49{
margin-left:20px;
}

#ect0_73{
margin-left:20px;
}


/* Trump */
#ect0_54{
margin-left:20px;
}

#ect0_55{
margin-left:20px;
}

#ect0_56{
margin-left:20px;
}

#ect0_57{
margin-left:20px;
}




/* ~~ Footer content ~~*/
.footer1{
	clear: left;
	width: 100%;
	background: #151515;
	color:#ccc;
	font-size:0.9em;
}

#footer{
	clear: left;
	width: 1280px;
	background: #151515;
	color:#ccc;
	margin: 0 auto;
	font-size:0.9em;
}

#footer a{
	color:#fff;
}

div.bottomlinks1, div.bottomlinks2, div.bottomlinks3, div.bottomlinks4{
	float: left;
	width: 289px;
	background: #151515;
	border-right: 1px solid #ccc;
	padding: 15px;
}

p.copyright{
	font-size: 0.9em;
	text-align: center;
	width: 100%;
}


/* ~~ Main link properties ~~*/
A:link{
	color: #333;
	text-decoration: none;
}
A:visited{
	color: #333;
	text-decoration: none;
}
A:active{
	color: #333;
	text-decoration: none;
}
A:hover{
	color: #da6805;
	text-decoration: underline;
}

/* ~~ Store generated link properties ~~*/
A.ectlink:link{
	color: #da6805;
	text-decoration: none;
}
A.ectlink:visited{
	color: #da6805;
	text-decoration: none;
}
A.ectlink:active{
	color: #da6805;
	text-decoration: none;
}
A.ectlink:hover{
	color: #333;
	text-decoration: underline;
}

/* Top Link Properties */
A.tp:link{
	color: #da6805;
	text-decoration: none;
}
A.tp:visited{
	color: #da6805;
	text-decoration: none;
}
A.tp:active{
	color: #da6805;
	text-decoration: none;
}
A.tp:hover{
	color: #ccc;
	text-decoration: underline;
}

/* ~~ Top horizontal navigation bar ~~*/
div#topnav{
	background-color: #544A4A;
	border-top: solid 0px #000;
	border-bottom: solid 0px #fff;
	margin-top: 2px;
}
div#topnav ul{
	font-size: 0.8em;
	color: #999;
	text-align: center;
	margin: 0;
	padding-top: 7px;
	height: 20px;
	padding-left: 0px;
	line-height: 1.3;
}
div#topnav ul li{
	display: inline;
	z-index:2001;
}
div#topnav ul li a{
	padding: 5px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-right: -1px;
}
div#topnav ul li a:hover{
	background-color: #da6805;
	color: #fff;
}

/* ~~ Titles ~~*/
div.menutop{
	font-size: 1em;
	font-weight: normal;
	height: 22px;
	background: url(images/menutop.jpg) #fff repeat-x;
	color : #666;
	text-align: right;
	width: 142px;
	border-top: 1px solid #ccc;
	padding-right: 8px;
	padding-top: 5px;
	margin-top:10px;
}

div.prodtop{
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 0px;
	height: 20px;
	background: url(images/menutop.jpg) #fff repeat-x;
	color : #666;
	/* [disabled]border-top: 1px solid #ccc; */
	padding-left: 6px;
	/* [disabled]padding-top: 2px; */
	font-weight: bold;
}

h1{
	font-size: 1.2em;
	/* [disabled]font-weight : bold; */
	padding: 5px;
	/* [disabled]background-color: #333; */
	color : #DD6E15;
	margin: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

/* ~~ Home page content ~~*/

div.homepics{
	width:1130px;
}
div.picscontent{
	/*width: 500px;*/
	/* [disabled]padding: 5px; */
	float: left;
	margin-bottom: 40px;
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 4px;
	margin: 20px;
	border: solid 1px #cccccc;
	padding-bottom: 5px;
	padding-left: 5px;
}

div.prodpic{
	float: left;
	/*padding-right: 10px;*/
}

div.prodtext{
	float: right;
	width: 200px;
}

/* ~~ Search bar properties ~~*/

div.searchbox{
	height:57px;
	width:312px;
	float:right;
	white-space:nowrap;
}

#form-search p	{
	padding: 0;
	margin: 0;
}

#form-search label, #input-keywords, #submit-search{
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

#input-keywords	{
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color:#ccc;
	height: 23px;
	width: 240px;
	line-height: 20px;
	padding-left: 2px;
}

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

/* ~~ Minicart and Minilogin ~~*/
table.mincart{
	background-color: #ECECEC;
	width: 140px;
	margin:6px;
}


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

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

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

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

/*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: #000;font-weight:normal !important;border-bottom: 1px solid #3D79B7;border-top: 1px solid #3D79B7;}
td.receiptheading strong{font-weight:500;}
hr.receipthr{display:none;}

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

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

/* 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{ /*this sets the column width of the product page. This will cause the columns to repeat fitting into the width of the container */
	padding:6px;
	width:23%;
	float:left;
	height:230px; /*this sets the height top/bottom (between rows) of the images on the product page. */
	margin:2px;
	padding-bottom:90px;  /*add spacing after Add to Cart */
	text-align:left;
}

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

div.prodimage{
	padding:20px; /*set the padding around the image on the product page */
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
}

div.prodimage:hover{
	background-color:#fefefe;
	border: 1px solid #333;
}


div.prodname{
	padding-top:6px;
	font-size: 0.9em;
	font-weight:bold;
}

div.proddescription{
	font-size: 0.9em;
	padding-bottom:5px;
	line-height:15px;
}


div.prodprice{
	font-size: 0.9em;
	float: left;
	width: 98%;
	color: #333333;
	font-weight:bold;
	margin-top: -2px;
	text-align: left;
}

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

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

div.proddiscounts	{
	color:#F00;
	margin-top:-20px;
}

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

div.detailcheckoutbutton{
margin-left:7px;
}

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


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


span.detaildiscountsapply{
	margin-left:36px;
    color: #F00; /*this is the discounts apply ! text */
	font-size:0.9em;
	font-weight:normal;
}

div.detaildiscounts{
	width:80%;
	color:#F00; /* this is the % off discount text */
	float:left;
	margin-left:10px;
	font-size:0.9em;
}

div.adiscount{
	color:#F00; /* this is the discount text (Summer Sale - 15% Off) on the All Products page */
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
}

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

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

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

.detailname {
	font-size: 1.1em;
	font-weight:bold;
	padding:3px;
	float:right;
	width:80%;
	margin-top:5px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

div.detaildescription{
	font-size: 0.9em;
	margin:3px;
	padding-top:4px;
	line-height:1.6em;
	float:right;
	width:80%;
}

div.detailprice{
	font-size: 0.9em;
	font-weight:bold;
	float:right;
	width:80%;
	color:#333;
	margin-left:5px;
}

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

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:30%;
	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;
	margin-left:210px;
}

div.detailmultioptiontext{
	padding: 6px;
	width:33%;
	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;
    clear:both;
	}

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:18px;
	margin-left:30px;
}

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

div.review{
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.9em;
}

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

/* The category page - All Products
-------------------------------------*/
div.category{
	width:23%;
	float:left;
	line-height:1.6;
  	font-size:0.9em;
    padding:10px;
	border:1px solid #ccc;
	background-color:#fefefe;
	margin:0px 0px 16px 16px;
	height:230px; /*the height of each category */
}

div.category:hover{
	background-color:#fff;
	border: 1px solid #333;
	box-shadow: 5px 5px 2px #ccc;
}

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

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

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	width:150px;
	clear:right;
	padding-bottom:10px;
	margin-left:50px; /*set the padding around the image on the product page */
	text-align:center;
}

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

div.catname{
	padding-left:4px;
    font-size:1.2em;
}

.catdiscount{
	padding-left:10px;
	font-weight:normal;
	color:#F00;
	font-size:1.0em;
}

.allcatdiscounts{
	padding-left:10px;
	font-weight:normal;
	color:#000000;
	font-size:1.0em;
}

div.categorymessage{
	padding-top:0px;
	font-size: 1.3em;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}
p.cstitle {
float:left;
width:98%;
}


/* 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){

#maincontainer{
	width: 980px;
}	

.lefthand{
	margin-left: -980px; 
}

#footer{
	width: 980px;
}	
div.bottomlinks1, div.bottomlinks2, div.bottomlinks3, div.bottomlinks4{
	width: 209px;
}

div.homepics{
	width:900px;
}	

div.picscontent{
	width:396px;
}

div.prodtext{
	width:200px; /*290 */
}

/* ~~ The products page - use to set multiple columns on the page~~*/
div.product{
width:31%;
}

/* ~~The detail page ~~*/
div.detailid {
	width:70%;
}

div.detailname {
	width:72%;
}


div.detaildiscounts{
	width:70%;
    margin-left:13px;
}

div.detailmanufacturer{
	width:70%;
}

div.detailsku{
	width:72%;
}

div.detailinstock{
	width:72%;
}

div.detaildescription{
	width:72%;
}

div.category{
width:44%;
}

}

/* This is the second breakpoint and is for screen sizes between 1000 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: 1008px){

#maincontainer{
	width: 680px;
}	

.lefthand{
	margin-left: -680px; 
}

/* ~~ Remove links from top nav bar ~~*/
.navextra{
	display:none;
}

#footer{
	width: 680px;
}	
div.bottomlinks1, div.bottomlinks2, div.bottomlinks3, div.bottomlinks4{
	width: 148px;
}

div.homepics{
	width:600px;
}	

div.picscontent{
	width:244px;
}

div.prodtext{
	width: 120px; /*100*/
	/* [disabled]padding-left: 10px; */
}

/* ~~ The products page ~~*/
div.product{
width:46%;
}

/* ~~ The detail page ~~*/
div.detailprodnavigation{
width:95%;
}

div.detailname{
width:96%;
float:left;
}

div.detailid, div.detailmanufacturer{
width:96%;
float:left;
}

div.detaildiscounts{
width:96%;
float:left;
margin-left:0px;
}

div.detaildescription{
width:96%;
float:left;
margin-bottom:10px;
}

div.detailoptions{
width:90%;
}

div.category{
width:88%;
}

}

/* 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){

#header .logo{
	width: 90%;
}

div.logo img{
max-width:90%;
}

#maincontent{
	margin-left: 0px; 
	border: 0px;
}

#maincontainer{
	width: 468px;
}	

/* ~~ Show top navigation links ~~*/
.topleftlinks{
	display:inline;
	float:left;
	padding-top:4px;
	font-size:0.8em;
}

/* ~~ Remove top right navigation ~~*/
span.toptextlinks{
	display:none;
}

/* ~~ Remove horizontal nav bar ~~*/
#navlist{
	display:none;
}

/* ~~ Move search bar ~~*/
div.searchbox{
	margin-top:-20px;
	width:468px;
	text-align:left;
	height:46px;
	float:left;
}

#topnav{
	display:none;
}

#input-keywords	{
	width: 434px;
}

/* ~~ Remove left hand menu ~~*/	
.lefthand{
	display:none; 
}

span.prodcats{
	display:none;
}

/* ~~ Reset footer ~~*/

#footer{
	width: 468px;
}	
div.bottomlinks1, div.bottomlinks2, div.bottomlinks3{
	width: 118px;
}
div.bottomlinks4{
	display:none;
}

div.homepics{
	width:440px;
}	

div.picscontent{
	width: 340px;
}
div.prodtext{
	width: 200px; /*300*/
}
/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}

/* ~~ The products page ~~*/
div.prodfilter{
display:none;
}

div.prodfilterbar{
display:none;
}

div.prodnavigation{
width:93%;
}


}

/* This is the fourth breakpoint and is for smartphones. 
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:400px){

#maincontainer{
	width: 308px;
}

div.searchbox{
	width:308px;
}

#input-keywords	{
	width: 274px;
}

/* ~~ Remove top slider ~~*/
div.callbacks_container, div.rslides{
	display:none;
}

div.homepics{
	width:300px;
}	

div.picscontent{
	width:284px;
}

div.prodtext{
	width:180px;
}

#footer{
	width: 308px;
}

div.bottomlinks3{
	display:none;
}

.cobtbl select{
font-size:0.8em;
}

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

div.store{
	padding:0px;
}

/* ~~ The products page ~~*/
div.product{
width:94%;
}

div.prodnavigation{
width:90%;
}

/* The Top Menu
-------------------------------------*/

ul.ectmenu1 {
list-style: none;
border:0px solid;
color:#ffffff;font:bold 14px Arial, Helvetica, sans-serif;
padding:0px;
}
li.ectmenu1 {
border:1px solid;
padding:4px;
background-color: #F06;
text-align:left;
}
li.ectmenu1 a{
color: #fff;
padding:4px;
}
li.ectmenu1 a:hover{
color: #333;
padding:4px;
}


/* The Left accordion menu
-------------------------------------*/

ul.ectmenu2 {
list-style: none;
border:0px solid;
font-size:10px;
padding:0px;
background-color: #fdedc9;

}
li.ectmenu2 {
border: 1px dotted #e69d01;
padding:0px;
background-color:#fdedc9;
}
li.ectmenuhassub2 a{
display:block;
padding:20px;
background-image:url(images/arrow2ov.gif);
}
li.ectmenuhassub2 a:hover{
display:block;
padding:20px;
background-image:url(images/arrow2ov.gif);
background-color: #e69d01;
color: #fff;
}
li.ectmenu2 a{
display:block;
padding:4px;
}
li.ectmenu2 a:hover{
background-color: #e69d01;
color: #fff;
}
li.ectsubmenu2{
background-color: #efefef;
border-bottom:0px;
}


.csproduct{
float: left;
height: 100px;
width: 200px;
margin: 15px 30px 15px 20px;
}



.ectmenu1{z-index:10000;}



/* ~~ The category page ~~*/


div.category{
width:84%;
}
}