/* Store */

.page {
width:968px;
padding-top: 5px;
}
.store_homepage #store_wrapper {
	font-family:Arial;
	font-size: 10px;    
	color: #4F4F4F;        
	width:968px;
	margin:0 auto;
	padding-top: 4px;           /* Space between page heading and store_wrapper */
}

/********** Left side SHOP menu *************/
.store_homepage #store_wrapper #shop_menu {
	display: block;
	float:left;
	width: 200px;              /* 200px box width + 2px spacing on right side */
	margin-left: 2px;
}
.store_homepage #store_wrapper #shop_menu ul {
	list-style: none;        /* remove bullets from main menu list */
	margin-left: 0;          /* space from left side */
	margin-top:6px;          /* spacing between list items */
}
.store_homepage #store_wrapper #shop_menu li a {
	text-decoration: none;   /* remove auto-underline for link */
}
.store_homepage #store_wrapper #shop_menu #shop_top {
/*	display:block; */
/*	float:left;    */
/*	clear:left;    */
	width:200px; 
	height:27px; 
	background:url("../images/shop_nav_top.gif") no-repeat;  /*  top header of menu box */
}
.store_homepage #store_wrapper #shop_menu #shop_top_text {
	margin-left: 24px;
	margin-top: 4px;
	padding:0;
	color: #F0F0F0;
	font-family:Arial;
	font-size: 14px;   	
}
.store_homepage #store_wrapper #shop_menu #shop_bot {
	width:200px;
	height:13px; 
	background:url("../images/shop_nav_bot.gif") no-repeat; /* bottom border of menu box */
}
.store_homepage #store_wrapper #shop_menu #shop_menu_item {
	width: 200px;
	background:url("../images/shop_nav_line11.gif") repeat;  /* left and right side borders */
}
.store_homepage #store_wrapper #shop_menu #shop_menu_item ul.left-menu {
	list-style: none;        /* remove bullets from main menu list */
	margin-left: 12px;       /* space from left side */
	margin-top:6px;          /* spacing between list items */
}
.store_homepage #store_wrapper #shop_menu #shop_menu_item ul.left-menu-sub {
	list-style: none;        /* remove bullets from sub menu list */
	margin-left: 12px;       /* space from left side of main menu */
}
.store_homepage #store_wrapper #shop_menu #shop_menu_item li a {
	text-decoration: none;          /* remove auto-underline for link */
	text-transform: uppercase;      /* display menu items in uppercase */
}
.store_homepage #store_wrapper #shop_menu #shop_menu_item ul.left-menu li a:hover {
	font-weight:bold;               /* bold text when mouse covers it */
}

/********** END: Left side SHOP menu *************/

/********** Top Middle Section *************/
#top_middle{
	float: right; 
	width: 760px;
}
#right_side_1{
	display:block; 
	float: left;
}

#shop_main{
	margin: 0 0 0 0; 
	width:511px;
}
#shop_main #shop_top2{
	margin-bottom: 0px;
	height: 273px;		/* size of image 269 + 4 for spacing below */
}
#shop_main #shop_menubar {
	margin-top: 0px;
	width: 511px;
	height: 27px;
}
#shop_main #shop_menubar ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#shop_main #shop_menubar li{
	float: left;
	display: inline;
}
li.menubar {
	padding-right: 1px;   /* Put 1px spacer after each button except the last one */
}
#shop_main #shop_menubar li.menubarlast {
	padding-right: 0;     /* No space after last button */
}

/********** END: Top Middle Section *************/

/********** Top Right Promo Section *************/
#right_side_2{
	display:block; 
	float: left;
}

#promo_right{
	display:block; 
	clear:both; 
	width:244px; 
	margin-top: 0px;
	padding-left:5px;

}
#promodiv1 {
	height:141px;
	border: 1px solid gray;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 4px;
	margin-bottom: 4px;      /* space between two promo boxes */
}

#promodiv2 {
	height:141px;
	border: 1px solid gray;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 4px;
}

.floatbox{
	float: left;
	width: 105px;
	margin-top: 30px;
	margin-left: 4px;
}

/********** END: Top Right Promo Section *************/

/********** Middle Banner Image *************/

#middle_body{
	width:760;
	float:right;
	margin-top: 1px;
}

.store_homepage #store_wrapper #bannertitle{
	margin-bottom: 0;
	float:right;
}
/********** END: Middle Banner Image *************/

/********** Main Body Section *************/

.store_homepage #store_wrapper #body_main{
	width: 758px;               /* width less 2 for the border */
	float: right;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}
/*********  Row of products for template 1 and 3 *********/
.store_homepage #store_wrapper #body_main #productx{
	float:left;
	clear:none;
	width: 150px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 25px;
	padding-bottom: 25px;
}
/*********  END: Row of products for template 1 and 3 *********/

/*********  Row of Looks for template 2*********/
.store_homepage #store_wrapper #body_main #look{
	padding-left: 15px; 
	padding-right: 5px; 
	padding-top: 15px; 
	padding-bottom: 15px; 
}
.lookimage{
	float:left;
	clear:none;
}
.looktext{
	float:left;
	clear:none;
	width: 130px;
	margin-left:15px;
	margin-right:15px;
}
.looktext a{
	text-decoration: none;       /* removes auto-underline for link */
}
/*********  END: Row of Looks for template 2*********/

/*********  Row of Looks for template 2b *********/

.store_homepage #store_wrapper #body_main #selectedlook{
	display: block;
	float:left;
	clear:none;
	width: 669px;    /* 699 */
	margin: 5px 15px 5px 15px;
	padding: 15px 10px 15px 15px;
	border: 1px solid gray;
}
.store_homepage #store_wrapper #body_main #selectedlook .lookimage{
/*	float:left;         CAUSE OF IE6 PROBLEM? */
/*	clear:none;  */
	padding-right: 15px;
}

.store_homepage #store_wrapper #body_main #steps{
	display:block;
/*	margin-left: 32px;*/
	padding-left: 32px; 
	padding-right: 5px; 
	padding-top: 15px; 
	padding-bottom: 15px; 
}
.stepimage{
	float:left;
	clear:none;
}
.steptext{
	float:left;
	clear:none;
	width: 300px;
	margin-left:15px;
}

.producty{
/*	float:left; */
/* 	clear:none; */
	position: absolute;
	left: 775px;
	width: 150px;
/*	padding-left: 90px; */
/*	padding-right: 30px; */
}

/*********  END: Row of Looks for template 2b *********/

/*********  Row of Looks for template 4*********/
.store_homepage #store_wrapper #body_main #studio{
	margin: 15px 5px 15px 0px; 
	float:left;
	clear:none;
}
.studioimage{
	margin-left: 25px; 
	margin-right: 15px; 
	float:left;
	clear:none;
}
.studiotext{	
	margin-left: 25px; 
	margin-right: 15px; 
	float:left;
	clear:none;
	width: 300px;
}
/*********  END: Row of Looks for template 4*********/

/*********  Row of products for template 5 *********/
.store_homepage #store_wrapper #body_main #collection{
	float:left;
	clear:none;
	width: 200px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.store_homepage #store_wrapper #body_main #collection a.collectionhdr{
	text-decoration: none;       /* removes auto-underline for link */
}
/*********  END: Row of products for template 5 *********/


/********** END: Main Body Section *************/




