/*
Title : Soma Lifestyle CSS
Author : Vernon Chang
URL : www.designvc.com

Description : 
Created : 3/6/2008
Modified : 3/6/2008   
*/


/* LANDING PAGE LAYOUT */

div#header {
	width: 971px;
	height: 130px;
	margin: 0;
}

div#nav {
	background: url(../images/nav_bg.jpg) no-repeat;
	width: 971px;
	height: 50px;
	margin: 0;
}

div#article_content {
	background: url(../images/article_bg.jpg) no-repeat;
	width: 971px;
	/*height: 258px;*/
	height: 275px;
	margin: 0;
}

body {
	background: #f0f0f0;
		
	font: normal normal 11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	color: #777;
	margin: 0;
	padding: 0;
}

div#mainnavmenuloc {
	padding: 20px 0px 0px 37px; 
	float:left
}

.a1 				{padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a1:hover 			{padding: 2px 0px 6px 0px; background: url(../images/beauty_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a2 				{padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a2:hover 			{padding: 2px 0px 6px 0px; background: url(../images/fashion_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a3 				{padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a3:hover 			 {padding: 2px 0px 6px 0px; background: url(../images/health_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a4 					 {padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a4:hover 			 {padding: 2px 0px 6px 0px; background: url(../images/tech_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a5 					 {padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a5:hover 			 {padding: 2px 0px 6px 0px; background: url(../images/media_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a6 					 {padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a6:hover 			 {padding: 2px 0px 6px 0px; background: url(../images/girls_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a7 					 {padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a7:hover 			 {padding: 2px 0px 6px 0px; background: url(../images/travel_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a8 					 {padding: 2px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#7f7f7f;}
.a8:hover 			 {padding: 2px 0px 6px 0px; background: url(../images/kids_bg.gif) no-repeat left ; font: 11px Helvetica, sans-serif; color:#000000; text-decoration: none}

.a9, .a10 					 {padding: 0px 0px 6px 0px; font: 11px Helvetica, sans-serif; text-decoration: none; color:#999999;}
.a9:hover,  .a10:hover 			 {padding: 0px 0px 6px 0px; font: 11px Helvetica, sans-serif; color:#333333; text-decoration: none}

#myproduct_title1,
#myproduct_title2,
#myproduct_title3,
#myproduct_title4,
#myproduct_title5,
#myproduct_title6,
#myproduct_title7,
#myproduct_title8,
#myproduct_title9,
#myproduct_title10,
#myproduct_title11,
#myproduct_title12,
#myproduct_title13,
#myproduct_title14
	{
	font: 12px Helvetica, sans-serif; 
	color: #666666; 
	padding: 0px 0px 3px 0px; 
	text-align:center;
	
}
#myproduct_title2      {font: 12px Helvetica, sans-serif; color: #698618; padding: 0px 0px 0px 0px; text-align:center;}

.videoproductlink         {font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #698618; line-height: 12pt; text-decoration: none}
.videoproductlink:hover 	 {color: #000000;line-height: 12pt; text-decoration: none}

#newarticle_title1,#newarticle_title2, #newarticle_title3	{
	font: 14px Arial, sans-serif; 
	color: #698618; 
	padding: 5px 5px 5px 5px; 
	text-align:center;
}
#newarticle_content, #newarticle_content1, #newarticle_content2, #newarticle_content3      {font: 12px Arial, sans-serif; color: #8e8e8e; padding: 0px 14px 0px 16px; line-height: 12pt; width: 240px;}

#my_reply_comment1        {margin: 10px 30px 0px 0px; padding: 6px 0px 0px 110px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #C9166B; background: url(../images/bubble6a.jpg) no-repeat top; width: 180px; height: 80px; float:left; }

#my_reply_comment2        {margin: 10px 20px 0px 0px; padding: 6px 0px 0px 110px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #C9166B; background: url(../images/bubble6a.jpg) no-repeat top; width: 180px; height: 80px; float:left; }

#my_reply_comment3        {margin: 10px 20px 0px 0px; padding: 6px 0px 0px 110px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #C9166B; background: url(../images/bubble6a.jpg) no-repeat top; width: 180px; height: 80px; }

#comment_content      {background: url(../images/spotlight_03.jpg) no-repeat top; /*width: 50%;  ie5win fudge begins*/ position:relative; width: 971px; height: 103px;}
#comment_location1 	{padding: 0px 0px 0px 670px; position:absolute; /*height: 180px;*/}
#comment_location2 	{padding: 0px 0px 0px 360px; position:absolute;   }
#comment_location3 	{padding: 0px 0px 0px 41px; position:absolute; /*height: 180px;*/}

#footer             {background: url(../images/footer_01.jpg) no-repeat top; position:relative; width: 971px; height:238px;}
#footer2             {background: url(../images/footer_02.jpg) no-repeat top; width: 971px; height:30px;}

#footer_content1             {width: 460px; padding: 20px 0px 0px 40px; float: left; position:relative;}
#footer_content2             {width: 460px; padding: 20px 0px 0px 10px; float: left;}

.footer_productlink a {font: 12px Arial, sans-serif; color: #7f7f7f; text-decoration: none; line-height: 12pt}
.footer_productlink a:hover       {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 12px Arial, sans-serif; color: #666666; position:relative; line-height: 12pt; text-decoration: underline;}

#layout           {position: relative; margin-top: 0px; margin-left:auto; margin-right:auto; width:975px; float:left}
#containershop          {/*width:1110px;*/width:1145px; height:1700px;}
#adright           {margin: 82px 0px 0px 0px; padding: 0; float:left; /*width:125px;*/ width:165px; height:1220px;}




/* CATEGORY PAGE LAYOUT */
div#header2 {
	width: 980px;
	padding: 0px 0px 0px 0px;
	height: 130px;
	
}

div#nav2 {
	background: url(../images/nav_bg2.gif) no-repeat;
	width: 980px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	
}

div#mainnavmenuloc2 {
	padding: 20px 0px 0px 37px; 
	float:left
}


div#top_category {
	background: #ffffff url(../images/topcategory_bg.gif) repeat-y top;
	/*width: 971px;*/
	width: 980px;
	height: 550px;
	margin: 0;
}

div#category_bottom {
	background: url(../images/subpage_top1_02.jpg) no-repeat;
	
	width: 910px;
	height: 37px;
	margin: 0;
}

 
#welcome     {font: 11px Helvetica, sans-serif; color: #999999; padding: 14px 0px 0px 180px; position:relative; float:left}
#somapick     {font: 11px Helvetica, sans-serif; color: #698618; padding: 14px 0px 0px 220px; position:relative; float:left}
#bestsellers     {font: 11px Helvetica, sans-serif; color: #698618; padding: 14px 0px 0px 40px; position:relative; float:left}
#whatsnew     {font: 11px Helvetica, sans-serif; color: #698618; padding: 14px 0px 0px 40px; position:relative; float:left}

#subnavigation_mysubcat {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px;}


.w1 	                 {font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #a6a6a6; text-decoration: none; line-height: 16pt;}
.w1:hover     		 {color: #41403f; text-decoration: none}

div#videotitle_bottom {
	background: url(../images/subpage_top1_06.jpg) no-repeat;
	width: 910px;
	height: 37px;
	margin: 0;
}

div#video_main {
	background: #ffffff url(../images/topcategory_bg.gif) repeat-y top;
	/*width: 971px;*/
	width: 980px;
	height: 450px;
	margin: 0;
}

div#video_bottom {
	background: #ffffff url(../images/bottomcategory_bg.gif) repeat-y top;
	/*width: 971px;*/
	width: 980px;
	height: 30px;
	margin: 0;
}

div#article_main2 {
	background: url(../images/articlemain_bg2.gif) no-repeat;
	width: 980px;
	height: 459px;
	margin: 0;
	
}

div#article_content2 {
	/*width: 971px;*/
	height: 258px;
	margin: 0px 0px 0px 0px;
}

#comment_content2      {position:relative; width: 971px; height: 103px;}
#comment_location1a 	{padding: 0px 0px 0px 670px; position:absolute; /*height: 180px;*/}
#comment_location2a 	{padding: 0px 0px 0px 370px; position:absolute;   }
#comment_location3a 	{padding: 0px 0px 0px 70px; position:absolute; /*height: 180px;*/}
#my_reply_comment1a        {margin: 10px 30px 0px 0px; padding: 6px 0px 0px 110px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #C9166B; background: url(../images/bubble6.jpg) no-repeat top; width: 180px; height: 80px; float:left; }

#my_reply_comment2a        {margin: 10px 20px 0px 0px; padding: 6px 0px 0px 110px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #C9166B; background: url(../images/bubble6.jpg) no-repeat top; width: 180px; height: 80px; float:left; }

#my_reply_comment3a        {margin: 10px 20px 0px 0px; padding: 6px 0px 0px 110px; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #C9166B; background: url(../images/bubble6.jpg) no-repeat top; width: 180px; height: 80px; }

#footer_a             {background: url(../images/footer_02.gif) no-repeat top; position:relative; width: 980px; height:238px;}
#footer2_a             {background: url(../images/footer_03.gif) no-repeat top; width: 980px; height:80px;}

#layout2           {position: relative; margin-top: 0px; margin-left:auto; margin-right:auto; width:981px; float:left}
#containershop          {/*width:1110px;*/width:1146px; height:1700px;}
#adright2           {position: relative; margin: 82px 0px 0px 0px; padding: 0; float:left; /*width:120px;*/width:165px; height:605px;}


/* PRODUCT DETAIL PAGE LAYOUT */

div#top_productdetail {
	background: #ffffff url(../images/topcategory_bg.gif) repeat-y top;
	/*width: 971px;*/
	width: 980px;
	height: 450px;
	margin: 0;
}

#product_title {
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #698618; 
	padding: 0px 0px 0px 20px;  
}

#product_description {
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #808080;
	line-height: 12pt; 
	padding: 0px 0px 0px 20px;  
}

div#addtocart {
	background: #ffffff url(../images/add_bg.gif) no-repeat top;
	/*width: 971px;*/
	width: 84px;
	height: 15px;
	font: 9px Helvetica, sans-serif; 
	color: #ffffff;
 	padding: 1px 0px 0px 0px;
 	float:left;
}

div#buynow2 {
	position:relative;
	/*width: 971px;*/
	width: 100px;
	height: 30px;
 	float:left;
}

div#searchmore {
	background: #ffffff url(../images/search_bg.gif) no-repeat top;
	/*width: 971px;*/
	width: 140px;
	height: 15px;
	font: 9px Helvetica, sans-serif; 
	color: #ffffff;
 	padding: 1px 0px 0px 0px;
 	float:right;
}

div#searchmore2 {
	position:relative;
	/*width: 971px;*/
	width: 200px;
	height: 30px;
 	float:right;
}

.addtocartlink         {font: 9px Helvetica, sans-serif;color: #ffffff; text-decoration: none; padding: 3px 0px 0px 13px;}
.addtocartlink:hover 	 {color: #ffffff; text-decoration: underline;}

div#location {
	
	/*width: 971px;*/
	width: 250px;
	height: 20px;
	margin: 0;
}

div#location2 {
	
	/*width: 971px;*/
	width: 300px;
	height: 30px;
	margin: 0;
}


div#alsolike_main {
	background: #ffffff url(../images/topcategory_bg.gif) repeat-y top;
	/*width: 971px;*/
	width: 980px;
	height: 450px;
	margin: 0;
}


div#alsoliketitle_bottom {
	background: url(../images/subpage_top1_06.jpg) no-repeat;
	width: 910px;
	height: 37px;
	margin: 0;
}
#alsolike_message     {font: 11px Helvetica, sans-serif; color: #999999; padding: 14px 0px 0px 180px; position:relative; float:left}

#footer_content1pd             {width: 430px; padding: 40px 0px 0px 70px; float: left;}
#footer_content2pd             {width: 430px; padding: 40px 0px 0px 10px; float: left;}

#myproduct_title_pd1,
#myproduct_title_pd2,
#myproduct_title_pd3,
#myproduct_title_pd4,
#myproduct_title_pd5,
#myproduct_title_pd6,
#myproduct_title_pd7,
#myproduct_title_pd8      {
	font: 12px Helvetica, sans-serif; 
	color: #999999; 
	padding: 0px 0px 3px 10px; 
	text-align:left
}

.productdetail_titlelink         {font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;color: #698618; line-height: 12pt; text-decoration: none}
.productdetail_titlelink:hover 	 {color: #000000;line-height: 12pt; text-decoration: none}

.rc_purple 	                 {font: 13px Verdana, Arial, Helvetica, sans-serif; color: #624D91; text-decoration: none; padding: 0px 0px 0px 20px;}
.rc_purple:hover     		 {text-decoration: underline}


#article_content2, #article_content1, #article_content3 	                 {padding: 0px 10px 0px 25px; font: 15px Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; line-height: 18pt}



/* SHOPPINGCAT PAGE shoppingcat.aspx */
div#top_shoppingcatdetail {
	background: #ffffff url(../images/topcategory_bg.gif) repeat-y top;
	/*width: 971px;*/
	width: 980px;
	
	margin: 0;
}

#breadcrumbs     			{font: 12px Helvetica, sans-serif; color: #b3b3b3; padding: 10px 0px 0px 30px; position:relative; float:left;}
.breadlink			 		{padding: 0px 0px 6px 0px; font: 12px Helvetica, sans-serif; text-decoration: none; color:#b3b3b3;  margin: 0 3px;}
.breadlink:hover 			{padding: 0px 0px 6px 0px; font: 12px Helvetica, sans-serif; color:#000000; text-decoration: none;  margin: 0 3px;}

#number_nav     {font: 12px Helvetica, sans-serif; color: #b3b3b3; padding: 5px 0px 0px 30px; position:relative; line-height: 12pt;  float:right}

.pages {margin: 5px 0px 0px 0px; font: 12px Helvetica, sans-serif;color: #888888;}

.pages a{
            padding: 2px 0px;
            margin: 0 3px;
            /*border: 1px #e6e6e6 solid;*/
            text-decoration: none;
			font: 12px Verdana, Arial, Helvetica, sans-serif;color: #6e6e6e;
        }
.pages a:hover{
            background: #ddd;
            text-decoration: none;
            /*color: #000;*/
			font: 12px Verdana, Arial, Helvetica, sans-serif;color: #6e6e6e;

}



div#mytop_category {
	background: #ffffff url(../images/topcategory_bg.gif) repeat-y top;
	/*width: 971px;*/
	width: 980px;
	height: 100%;
	margin: 0;
}