@charset "UTF-8";
/* 
Date: July 2009
Authors: John Molina
Email: info@photomar.com - john@photomar.com
Web: www.photomar.com/photomarstudio/
*/

* {
	margin:0;
	padding:0;
}

body{
	background: #6CC;
	text-align: center;
}

div#container{
	margin: 0px auto;
	width: 698px;
	background: #FFF;
}

div.clearer{
	clear:both;
}

div#content{
	margin-top: 20px;
	margin-bottom: 20px;
}

div#content a:link,
div#content a:visited{
	color: #F09;
}
div#content a:hover,
div#content a:focus{
	color: #096;
}


div#home-col-0{
	float: left;
	width: 660px;
	/*border: 1px dotted #000;*/
	margin-left: 18px;
	text-align:left;
}
div#home-col-1{
	float: left;
	width: 420px;
	/*border: 1px dotted #000;*/
	margin-right: 20px;
	margin-left: 20px;
	text-align:left;
}
div#home-col-2{
	float: left;
	width: 200px;
	/*border: 1px dotted #000;*/
	text-align:left;
}


div#content-col-1{
	float: left;
	width: 200px;
	border: 1px dotted #000;
	margin-right: 20px;
	margin-left: 20px;
	text-align:left;	
}
div#content-col-2{
	float: left;
	width: 420px;
	border: 1px dotted #000;
	text-align:left;	
}

div.section p{
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

div.section ul{
	margin-left:20px;
}

div.section ul li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

div.section h3{
	font-size: 18px;
	color: #096;
	font-style: italic;
	margin: 10px 10px 10px 20px;
}

div.left-img{
	float:left;
	margin: 0px 20px 15px 15px;
}

/*WELCOME*/
div#sec-welcome{
	background: url(../images/chic-chica-welcome.jpg) no-repeat left top;
}

div#sec-welcome p{
	font: 11px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-right: 10px;
}
div#spacer-welcome{
	float:left;
	height:150px;
	width:180px;
	display:block;
}
/*END WELCOME*/


/*SEC-TITLES*/
h2.sec-titles{
	display:block;
	height:25px;
	text-indent:-99999px;
	overflow:hidden;
	margin-left:10px;
	margin-bottom:10px;
}

h2#til-hair-jewelry{background: url(../images/til-hair-jewelry.gif) no-repeat;}
h2#til-definitely-dramatica{background: url(../images/til-definitely-dramatica-collection.gif) no-repeat;}
h2#til-natural-sophication{background: url(../images/til-natural-sophication-collection.gif) no-repeat;}
h2#til-simple-chica{background: url(../images/til-simple-chica-collection.gif) no-repeat;}

h2#til-about-us{background: url(../images/til-about-us.gif) no-repeat;}
h2#til-ordering{background: url(../images/til-ordering.gif) no-repeat;}
h2#til-return-policy{background: url(../images/til-return-policy.gif) no-repeat;}
h2#til-privacy-policy{background: url(../images/til-privacy-policy.gif) no-repeat;}
h2#til-contact-us{background: url(../images/til-contact-us.gif) no-repeat;}
h2#til-faq{background: url(../images/til-faq.gif) no-repeat;}

h2#til-welcome{
	display:block;
	height:80px;
	text-indent:-99999px;
	overflow:hidden;
}
h2#til-collections{
	font: italic 18px "Times New Roman", Times, serif;
	margin-bottom: 8px;
	color: #066;
}
h2#til-column{
	font: italic 18px "Times New Roman", Times, serif;
	margin-bottom: 8px;
	color: #066;
}
/*END SEC-TITLES*/

/*BOX-CONTENTS*/
div.box-content{}
div.box-top{padding-top: 10px;}
div.box-bottom{height:30px;}
div#small-box-content{background: url(../images/content-bg-small.jpg) repeat-y;}
div#large-box-content{background: url(../images/content-bg-large.jpg) repeat-y;}
div#small-box-bottom{background: url(../images/content-bottom-small.jpg) no-repeat left bottom;}
div#large-box-bottom{background: url(../images/content-bottom-large.jpg) no-repeat left bottom;}
div#small-box-top{background: url(../images/content-top-small.jpg) no-repeat left top;}
div#large-box-top{background: url(../images/content-top-large.jpg) no-repeat left top;}
/*END BOX-CONTENTS*/

/*MENU COLLECTIONS*/
ul#nav-collections{}
ul#nav-collections li{
	list-style:none;
	margin-bottom:10px;
}

ul.subnav-collections{
	padding: 8px;
}
ul.subnav-collections li{
	margin:0px!important; padding:0px;}
	
ul.subnav-collections li a:link,
ul.subnav-collections li a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000 !important;
	text-decoration: none;
	padding:3px 3px 3px 12px;
	display:block;
	background: url(../images/subnav-arrow.gif) no-repeat left center;
}
ul.subnav-collections li a:hover,
ul.subnav-collections li a:focus{
	text-decoration:underline;
}
ul#subnav-01{background: #ccc url(../images/subnav-bg-01.gif) no-repeat left bottom;}
ul#subnav-02{background: #ccc url(../images/subnav-bg-02.gif) no-repeat left bottom;}
ul#subnav-03{background: #ccc url(../images/subnav-bg-03.gif) no-repeat left bottom;}
ul#subnav-04{background: #ccc url(../images/subnav-bg-04.gif) no-repeat left bottom;}


/*END MENU COLLECTIONS*/

/*FOOTER*/
div#footer {
	height:60px;
	background:#eaeaea;
	font-family:arial;
	color:#9d9d9d;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #ccc;
}

ul#nav-footermenu{
	height:30px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}

ul#nav-footermenu li{
	float:left;
	list-style:none;
	display:inline-block;
	margin: 5px;
	border-left: 1px solid #CCC;
}

ul#nav-footermenu li#first-item{
	border-left:none;
}

ul#nav-footermenu li a:link,
ul#nav-footermenu li a:visited{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
	display:inline;
	padding: 8px 4px 8px 8px;
}

ul#nav-footermenu li a:hover,
ul#nav-footermenu li a:focus{
	color: #09C;
	text-decoration: none;
	display:inline;
	text-decoration:underline;
}

div#copy{
	font: 10px Arial, Helvetica, sans-serif;
	color: #999;
	text-align:left;
	margin-top:10px;
}

div#copy-col1{
	margin-left:23px;
	float:left;
	width:500px;
}

div#copy-col2{
	padding-top:5px; 
	float:left; 
	width:150px;
}
/*END FOOTER*/


/*PRODUCTS*/
div#product-content{
	margin-left: 12px;
	/*border: 1px dotted #000;*/
}
div.product-thumb{
	width: 120px;
	float: left;
	margin-bottom: 20px;
	margin-right:10px;
	text-align:center;
}

div.product-thumb span{
	display:block;
	margin:5px;
}
span.product-item{
	color: #399;
	font: 12px Arial, Helvetica, sans-serif;
}

span.product-item a:link,
span.product-item a:visited{
	color: #F09;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display:block;
}

span.product-item a:hover,
span.product-item a:focus{
	color: #096;
	display:block;
	text-decoration:underline;
}

span.product-price{
	font: bold 14px "Times New Roman", Times, serif;
	color: #399;
	display:block;
}

a.highlight img{
	border: 1px solid #fff;
}

a.highlight:hover img{
	border: 1px solid #096;
}

a.highlight:hover{
	/** Dummy definition to overcome IE bug **/
	color: #fff;
	border: 0px ;
}

/*zoom*/
div.product-details{
	width: 200px;
	margin-bottom: 20px;
	margin-right:10px;
	text-align:center;
	float:left;
	margin-left:12px;
}
div#product-zoom{
	float:left;
}
div#product-zoom {
	width:420px;
}
p.product-desc{
	margin-left:0px!important;
}
p.product-inst{
	margin-left:0px !important;
	padding-left:20px;
	font-style: italic!important;
	color: #666 !important;
	background: url(../images/zoom-inst.gif) no-repeat left center;
}
/*PRODUCTS*/


/*paypal buttons*/
div#paypal-buttons table tr td{
	font: 12px Arial, Helvetica, sans-serif;	
	
}
div#paypal-buttons input{
	padding:4px;

	
}
/*end paypal butons*/

div#order-form{
	margin:5px 0px 15px;
	background: #fcc;
	border: 1px solid #F99;
	width:399px;
}

div#order-form img{
	float: right;
	border-left: 1px solid #F69;
}

div#order-form h3{
	color: #F69;
	margin: 10px 10px 20px;
	padding: 0px;
}

div#order-form p{
	font: 13px "Times New Roman", Times, serif;
}