/*
* frontend.css
* WP Shopafrolic  0.1
* Armando Borge
* http://www.novacci.com
* Since Jun 2009
*
*/

/*	div.colSectionOne
-------------------------------------------------*/
#content div.shopSection div.colSectionOne{
	width:148px;
	float:left;
	padding:16px 0 0 14px;
	margin-bottom:3px; 
}

/* Wdiv.colSectionTwo
-------------------------------------------------*/
#content div.shopSection div.colSectionTwo{
	width:320px;
	float:left;
}


/* Set the properties for each section on shop section 
--------------------------------------------------------------*/
#content div.shopSection {
	min-height:1px; 
	_height:1%;
}

#content div.shopSection:after {
	display:block;
	visibility:hidden;
	clear:both;
	line-height:0px;
	font-size:0px;
	content:".";
}

/* ---->  Box of each section   <----------  */
#content div.shopSection{
	margin:0 0 0 0;
	padding:0;
	display:block;
	clear:both;
	padding-bottom:20px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}

#content div.shopSection p{
	margin:0;
	padding:0;
}

#content div.shopSection div.title{
	display:block;
	height:20px;
	width:509px;
	margin:0 0 0 -1px;
	padding:0;
}

/* accessories section style 
-----------------------------------------------*/
#content div.shopSection div.accessoriesTitle{
	background:#c2d730;
	display:block;
	height:20px;
	width:509px;
}

#content div.shopSection div.accessories h2{
	margin:16px 0 18px 45px;
	padding:0;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#c2d730;
	line-height:15px;
}

#content div.shopSection div.accessories h2 a{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#c2d730;
	clear:both;
	display:block;	
}

/* Fashion section style 
-----------------------------------------------*/
#content div.shopSection div.fashionTitle{
	background:#0fa2de;
	display:block;
	height:20px;
	width:509px;
}

#content div.shopSection div.title p{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	margin:0 0 0 15px;
	padding:0;
	float:left;
}

#content div.shopSection div.title p.moreInformation{
	margin:0 15px 0 0;
	padding:0;
	float:right;
}

#content div.shopSection div.title p.moreInformation a{
	font:bold italic 12px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}

#content div.shopSection div.fashion h2{
	margin:16px 0 18px 45px;
	padding:0;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#0fa2de;
	line-height:15px;
}

#content div.shopSection div.fashion h2 a{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#0fa2de;
	clear:both;
	display:block;	
}

/* beauty section style 
-----------------------------------------------*/
#content div.shopSection div.beautyTitle{
	background:#f58026;
	display:block;
	height:20px;
	width:509px;
}

#content div.shopSection div.beauty h2{
	margin:16px 0 18px 45px;
	padding:0;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#f58026;
	line-height:15px;
}

#content div.shopSection div.beauty h2 a{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#f58026;
	clear:both;
	display:block;
}

#content div.shopSection div.colSectionOne {
	min-height:1px; 
	_height:1%;
}

#content div.shopSection div.colSectionOne:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	line-height:0px; 
	font-size:0px; 
	content:".";
}

/* adding style for the parragraf  Liz icon 
-----------------------------------------------*/
#content div.shopSection div.colSectionTwo p.liz{
	margin:0 0 0 10px;
	padding:0 0 15px 35px;
	color:#330000;
	float:left;
	display:block;
	font:13px Arial, Helvetica, sans-serif;
	background: url(../images/img_plugin/iconLiz.gif) no-repeat 0 3px;
	line-height:15px;
}

/* adding style for the parragraf  janes icon 
-----------------------------------------------*/
#content div.shopSection div.colSectionTwo p.jane{
	margin:0 0 14px 10px;
	padding:0 0 0 35px;
	color:#ff3366;
	float:left;
	display:block;
	font: 13px Arial, Helvetica, sans-serif;
	background: url(../images/img_plugin/iconJane.gif) left no-repeat;
	line-height:15px;
}

#content div.shopSection div.colSectionTwo a.btnshare, 
#content div.shopSection div.colSectionTwo a.btnmailaFriends{
	text-indent:-9999999px;
}

/* adding style for the Botton tell a friends 
-----------------------------------------------*/
#content div.shopSection div.colSectionTwo a.btnmailaFriends{
	display:block;
	width:83px;
	height:16px;
	margin:0 14px 0 0;
	float:right;
	outline:none;
}

#content div.shopSection div.colSectionTwo a.btnshare{
	display:block;
	background:url(../images/img_plugin/btnShare.gif) no-repeat;
	width:83px;
	height:16px;
	margin:0 0 0 46px;
	float:left;
	outline:none;
}
/*
.post-edit-link{
	display:none;
}

div.post > h2:first-child{
	display:none;
}*/

/* Categories menubar
*******************************/
#view_prod_bar,
#category_bar_fashion,
#category_bar_accessories,
#category_bar_beauty {
	width:509;
	height:20px;
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	font-weight:bold;
	padding:1px 3px 2px 15px;	
	height:1%;
	overflow:hidden;
}

#view_prod_bar{ background:#E8436E; }
#category_bar_fashion{ background:#0099cc; }
#category_bar_accessories{ 	background:#cccc33;}
#category_bar_beauty{ background:#ff9933; }

#category_bar_fashion a,
#category_bar_accessories a,
#category_bar_beauty a{
	text-decoration:none;
	color:#FFFFFF;
	outline:none;
}
#category_bar_fashion a:hover,
#category_bar_accessories a:hover,
#category_bar_beauty a:hover{
	text-decoration:underline;
}


#category_bar_fashion #textfinds_bar,
#category_bar_accessories #textfinds_bar,
#category_bar_beauty #textfinds_bar{
	float:left;
}

#category_bar_fashion #pager_bar,
#category_bar_accessories #pager_bar,
#category_bar_beauty #pager_bar{
	font-size:12px;
	font-style:italic;
	float:right;
	margin-right:15px;
}

#pager_bar_all{
	float:right;
	margin-top: 8px;
	margin-right: 13px;
	margin-bottom: 15px;
	margin-left: 0;
}
*html #pager_bar_all{
	display:inline;
}
#pager_bar_all a{
	font-family:Georgia,"Times New Roman",Times,serif;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
#pager_bar_all a:hover{
	text-decoration:underline;
}


/************** CONTACT CENTER STYLES *************************/

div.contentTitle{
	background:#582601;
	height:20px;
	width:487px;
}
div.contentTitle h2{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	margin:0 0 0 15px;
	padding:0;
}
form#contactCenterForm{
	margin:0;
	padding-bottom:60px;
}
form#contactCenterForm h3{
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#262626;
	margin:13px 0 0 17px;
	padding:0;
}


form#contactCenterForm ul{
	margin:17px 0 0 100px;
	padding:0;
	width:277px;
	list-style:none;
}
form#contactCenterForm ul li{
	clear:both;
}
form#contactCenterForm ul li label{
	font:bold italic 12px Georgia, "Times New Roman", Times, serif;
	color:#663300;
	display:block;
	margin:2px 0 2px 0;	
}
form#contactCenterForm ul li  input.buttonContact{
	margin:10px 0 0 0;
	font:bold italic 12px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	padding:0;
	background:#e7436e;
	width:51px;
	height:18px;
	border:0;
	float:right;
}

form#contactCenterForm ul li  input{
	clear:both;
	display:block;
	/*border:2px #ccc inset;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
}
form#contactCenterForm ul li  textarea{
	clear:both;
	display:block;
	width:276px;
	height:91px;
	/*border:2px #ccc inset;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
}
/***********************************************************************/

.cnameContactCenter{
	background:url(../images/bgInput.jpg) no-repeat;
	width:271px;
	height:16px;
}
.CCmessageContactCenter{
	background: url(../images/bgtextarea.jpg) no-repeat;
	width:272px!important;
	height:89px;
}