body  {
	font-family:  'Lucida Grande',  LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif; 
	font-size: 12px;
 	color:#393939;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	 
}

a{color:#666;}


h1,h2,h3{margin:0px;padding:0px;}
h1{margin:8px;font-size:18px;font:"Times New Roman", Times, serif;margin-left:0px;}
h2{font-size:14px;}
h3{font-size:12px;}

td{font-size:12px;}

.thrColAbsHdr #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 826px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.thrColAbsHdr #container div.leftshadow {
	background-image: url(ce_shadow_l.gif);
	background-repeat: repeat-y;
	background-position: left top;
	paddin-left:8px;
}
.thrColAbsHdr #container div.rightshadow{
	background-image: url(ce_shadow_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right:8px;
}

.thrColAbsHdr #header { 
	height: 113px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	background: #fff; 
	padding: 0px;
	margin:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.thrColAbsHdr #header div.top{ height:82px;
background-image: url(/images/store_version1/ce_header_bk2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;}
.thrColAbsHdr #header div.topleft{ margin-top:8px;float:right;font-size:11px;padding:8px;color:#333333;padding-right:0px;text-align:right;}
.thrColAbsHdr #header div.topleft a{ font-size:11px;color:#401B22;text-decoration:none;}
.thrColAbsHdr #header div.topleft div.search{padding:6px;text-align:right;}
.thrColAbsHdr #header div.topleft div.search form{padding:0px;margin:0px;}
.thrColAbsHdr #header div.topleft div.search input{border:solid 1px #ccc;}
 
.thrColAbsHdr #header div.bottom{
	border-left:solid 2px #626262;
	border-right:solid 2px #626262;
	border-bottom:solid 1px #626262;
	background-color:#F3F3F3;
	background-image: url(ce_header_bot_bk.jpg);
	background-repeat: repeat-x;
	background-position: top;
	
}
.thrColAbsHdr #header div.bottom div.search{float:right;width:200px;font-weight:bold;padding-top:10px;padding-bottom:10px;}
.thrColAbsHdr #header img.logo{float:left;}
.thrColAbsHdr #header div.menu{
	height:29px;
	background-image: url(ce_navt_bk.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top:solid 1px #959595;
	padding-left:150px;
	 
	
}
.thrColAbsHdr #header div.menu ul{ list-style:none;padding:0px;margin:0px;}
.thrColAbsHdr #header div.menu ul li{float:left;padding-right:15px; padding-top:8px;}
.thrColAbsHdr #header div.menu ul li a{ text-decoration:none; }
.thrColAbsHdr #header div.menu div.cart{
	float:right;
	background-color:#FF0000;
	background-image: url(ce_menu_red_bk.gif);
	background-repeat: repeat-x;
	color:#FFFFFF;
	width:202px;
}
.thrColAbsHdr #header div.menu div.cart a{ color:#FFFFFF;text-decoration:none;}

.thrColAbsHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}




















.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 139px;
	left: 0;
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #99A366; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0px;  /* padding keeps the content of the div away from the edges */
	
}
.thrColAbsHdr #sidebar1 h3{margin-left:8px;font-size:12px;padding:0px;color:#000;}
.thrColAbsHdr #sidebar1 div.container{
	background-color:#E9F3BB;
	background-image: url(/sohobeddin00/images/store_version1/ce_navl_ish.gif);
	background-repeat: repeat-y;
	background-position: top;
	border:solid 1px #737A4E;
	margin:5px;
	
}


.thrColAbsHdr #sidebar1 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.thrColAbsHdr #sidebar1 ul li.parent{line-height:25px;margin:0px;padding:0px;padding-left:12px;}
.thrColAbsHdr #sidebar1 ul li.parent img{ margin-left:5px;float:right;margin-top:8px;}
.thrColAbsHdr #sidebar1 ul li.parent a{text-decoration:none;color:#000000;font-size:11px;font-weigth:bold;}

.thrColAbsHdr #sidebar1 ul li.sub{padding:0px;margin:0px;background-color:#fff;padding-left:20px;list-style:none;height:25px;line-height:25px;border-bottom:dashed 1px #ccc;padding-top:4px;}
.thrColAbsHdr #sidebar1 ul li.sub a{text-decoration:none;color:#000000;}
.thrColAbsHdr #sidebar1 ul li a:hover{text-decoration:underline;}
















.thrColAbsHdr #sidebar2 {

	position: absolute;
	top: 113px;
	right: 0;
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px; 
	border-left: dashed 1px #ccc;
	border-right: solid 2px #626262;
	
}
.thrColAbsHdr #mainContentBack { 
    background-image: url(ce_container_bk.gif);
	background-repeat: repeat-y;
	  


}
.thrColAbsHdr #mainContent { 
	margin-left: 170px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	margin-right:0px;
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	padding-bottom:20px;
	min-height:800px;
	
	
	
}

.thrColAbsHdr #mainContent div.body{padding:10px;padding-right:0px;}

.thrColAbsHdr #mainContent div.contentleft { 

    float:left; width:50%;

}
.thrColAbsHdr #mainContent div.contentright { 
    float:right;  width:48%;


}







.thrColAbsHdr #footer { 
	padding:0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    text-align:center;
	clear:both;
	 
	font-size:10px;
	background-color:#EEEEEE;
	border-top:solid 1px #4F5153;
	
} 

.thrColAbsHdr #footer div.top{
	background-color:#E2E1CF;
}
.thrColAbsHdr #footer h5{background-color:#CBC5B7;color:#4F5153;font-size:12px;padding:3px;margin:2px;padding-left:10px;}
.thrColAbsHdr #footer ul{list-style:none;margin:0px;padding:0px;margin-left:15px;}
.thrColAbsHdr #footer ul li{font-size:11px;}
.thrColAbsHdr #footer ul li a{color:#4F5153;text-decoration:none;font-size:11px;}
.thrColAbsHdr #footer ul li a:hover{text-decoration:underline;}

.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 */
	float: left;
	margin-right: 8px;
}
#clear{clear:both;}





/* MISC STYLES  */

div.heading{background-color:#87A7CA;border:solid 3px #9CBCDF;}
div.heading a{color:#fff;}


/* STORE STYLES  */


/*             */
#addtocart_large_promotion{
	height:77px;
	background-image: url(ce_btn_cart_lrgtop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#addtocart_large_promotion div.price{padding-left:35px;padding-top:20px;height:22px;color:#FF0000;font-size:18px;font-weight:bold;}

#addtocart_promotion{
	height:46px;
	background-image: url(ce_btn_cart_smtop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#addtocart_promotion div.price{padding-left:15px;padding-top:9px;height:16px;line-height:16px;color:#FF0000;font-size:12px;font-weight:bold;}

#addtocart_promotion span{font-size:9px;color:#666;padding-left:25px;font-weight:normal;}
/*  
	===================
	PAGE LAYOUT 
	=================== */
	
form {padding:0px;margin:0px;}

/* store  banner 
   --------------- */
 #banner{margin-bottom:5px;text-align:center;}  
   
/* breadcrumbs 
   --------------- */
#breadcrumbs{padding:5px;background-color:#fff;}
#breadcrumbs a{text-decoration:none;font-size:11px;color#666;}


/* category list 
   --------------- */
#category_list{ margin-bottom:8px;width:445px;}
#category_list img{float:left;}
#category_list p{}
#category_list a{}
#category_list h3{font-size:14px;margin:0px;padding:0px;}
#category_list div.info{ }
#category_list div.item{padding: 6px;
	background: #fff;
	border: 1px solid;
	border-color:#ccc #999 #999 #ccc;}

/*  list 
   --------------- */
#list{}
#list li{ margin-bottom:15px;}



/* product list 
   --------------- */
#results{list-style:none;margin:0px;padding:0px;}
#results  li{float:left;text-align:center;margin:4px;width:202px;height:160px;}
#results  li h3{margin:0px;padding:0px;}
#results  li h3 a{color:#666;font-size:11px;text-decoration:none;}
#results  li img{ margin:3px;}
#results  li div.price{color:#FF0000;font-weight:bold;font-size:12px;}
#results  li div.price label{color:#999999;font-size:12px;}
 
 
#results_onecol{list-style:none;margin:0px;padding:0px;}
#results_onecol  li{margin:4px;width:auto;list-style:none;}
#results_onecol  li h3{margin:0px;padding:0px;}
#results_onecol  li h3 a{color:#666;font-size:11px;}
#results_onecol  li img{ margin:8px;float:left;}
#results_onecol  li div.price{color:#FF0000;font-weight:bold;font-size:14px;}
#results_onecol  li div.price label{color:#999999;font-size:11px;}

#products {}
#products h2{padding:8px;border-bottom:solid 1px #ccc;}

 
/* merchandising
   --------------- */
.merchandising{background-color:#fff;}
.merchandising label{color:#333333;font-weight:normal;font-size:12px;}
.merchandising div.steps{font-size:12px;font-weight:bold;margin-bottom:5px;margin-top:5px;}
.merchandising div.steps span{background-color:#990000;color:#FFFFFF;padding:2px;}
.merchandising div.addtocart{float:right;}
.merchandising div.details{background-color:#eee;padding:5px;}
.merchandising div.price{color:#990000;font-size:13px;font-weight:bold;}
.merchandising div.promotion{}
/* product detail 
   --------------- */
#product_detail{}
#product_detail h1{}
#product_detail div.left{float:left;width:270px;}
#product_detail div.right{float:right;width:310px}
#product_detail div.merchandising{ border:solid 1px #ccc;padding:5px;}

/* product list featured 
   --------------- */
#product_list_featured{}
#product_list_featured h3{font-size:14px;}
#product_list_featured ul{padding:0px;margin:0px;list-style:none;}
#product_list_featured ul li{margin-bottom:8px;}
#product_list_featured a{padding:6px;text-decoration:none;font-size:11px;margin-bottom:4px;}

/* product featured 
   --------------- */
#product_featured{margin-top:8px;margin-bottom:8px;}
#product_featured img{float:left;}
#product_featured h2{font-size:14px;maring:0px;padding:0px;}
#product_featured p{color:#666}
#product_featured div.info{margin-left:230px;}
/* cart 
   --------------- */
#cart{}
#cart a{font-size:12px;}
#cart div.item{}
#cart div.item img{float:left;}
#cart div.item div.desc{margin-left:50px;}
/*account
   --------------- */
#account{}

#account div.left{float:left;width:160px;padding:20px;}
#account div.right{float:right;width:550px;}

#account div.steps{clear:both;border-bottom:solid 1px #999999;height:30px;}
#account div.steps ul{margin:0px;padding:0px;list-style:none;font-size:18px;font-weight:bold;}
#account div.steps ul li{float:left;padding-left:10px;padding-right:10px;}
#account div.steps ul li.stepon{background-color:#FFFF99;}
#account div.steps ul li.stepoff{}


/*checkout
   --------------- */
#checkout{}

#checkout div.left{float:left;width:130px;padding:10px;}
#checkout div.right{float:right;width:80%;}

#checkout div.steps{clear:both;border-bottom:solid 1px #999999;height:30px;margin-bottom:20px;}
#checkout div.steps ul{margin:0px;padding:0px;list-style:none;font-size:18px;font-weight:bold;}
#checkout div.steps ul li{float:left;padding-left:10px;padding-right:10px;}
#checkout div.steps ul li.stepon{background-color:#FFFF99;color:#FF0000;}
#checkout div.steps ul li.stepoff{color:#999999;}
#checkout div.steps ul li.stepvisited{color:#ccc;}

#checkout div.shipping_estimate{border:solid 1px #666;height:131px;}
#checkout div.shipping_estimate h2{margin:0px;padding:0px;}



/* box container 
   --------------- */
#box{}
#box tr td.body{
	background-image: url(/images/store_version1/ce_cont_mid.gif);
	background-repeat: repeat-y;
	padding:5px;
}
#box tr td.body p{padding:5px}
#box tr td.body h1{margin:0px;padding:0px;margin-left:10px;}

#box2{}
#box2 tr td.body{
	background-image: url(/images/store_version1/ce_cont2_mid.gif);
	background-repeat: repeat-y;
	padding:5px;
}
#box2 tr td.body p{padding:5px}


#invoice{ padding:20px;background-color:#eee;margin:10px;border:solid 1px #000;}
  
   
/* ===================
   MACRO LAYOUT
   =================== */
   




/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 0px 0;
	background:url(corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}



.shadow0, .shadow1, .shadow2, .shadow3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.shadow0 {
  float:left;
  background:url(shadow2.gif) right bottom no-repeat;
  }
.shadow1 {
  background:url(shadow180.gif) no-repeat;
  }
.shadow2 {
  background:url(corner_bl2.gif) -16px 100% no-repeat;
  }
.shadow3 {
  padding:4px 6px 6px 4px;
  background:url(corner_tr2.gif) 100% -16px no-repeat;
  }
 
 
 /* ===================
   GLIDER LAYOUT
   =================== */
 
 div.controls a{background-color:#B4BF7D;padding:3px;text-decoration:none;color:#fff;font-size:14px;font-weight:bold;}
 
 div.scroller div.copy{background-color:#87A7CA;padding:5px;height:40px;color:#fff;}
 div.scroller div.copy a{color:#fff;text-decoration:underline;} 
 div.scroller div.copy a:hover{text-decoration:underline;}