/*
 *   CHAMBERS & BEAU STYLE SHEETS 
 *   Copyright (C) 2008 C2 Clear Creative
 *   
 *   Last modified: 01/09
 *
*/

/* _______________________________
_______________________________
PAGE STRUCTURE */

body {
	padding: 0px;
	margin: 0;
}

#wrapper {

	margin: 0 auto;
	width:878px;
	padding:0 36px 0 36px;
}

#main_content {
	background: #fff url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/chambers_beau_logo.png) no-repeat -36px top;
	float:left;
	width:878px;

}

.clear {
	clear:both;
	height: 1px;
}

#content {
	margin: 100px 0 0 0;
	width: 370px;
	float:left;
}

#content_img {
	width:473px;
	float:right;
	margin: -1px 0 0 0;
	text-align: center;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


/*
_______________________________
_______________________________
TEXT STYLES */

a:focus, a:hover, a:active { outline:none } /* fix FF blue line */

body {
	font-size: 0.85em;
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
	color: #8f8f8f;
	line-height: 1.6em;
}

p {
	margin-bottom: 10px;
}

h1 {
	color: #660033;
	font-size: 1.3em;
	margin-bottom: 30px; 
	
}

strong { font-weight: bold; }


a:link, a:active, a:visited
{
	color: #660033;
	border-bottom: 1px dotted #660033;
}

a:hover
{
	color: #660033;
	border-bottom: 1px solid #660033;
}

b {
	font-weight: bold;
}

.messages {
	color:#660033;
}

/*
_______________________________
_______________________________
HOME PAGE */

#flashcontent2 {
	margin-top: 70px;
}

/*
_______________________________
_______________________________
NAV */

#nav {
	margin: 66px 0 0 0;
	float:right;
	width: 550px;
	height: 30px;
}

#nav li a:link, #nav li a:active, #nav li a:visited
{
	font-size: 0.9em;
	color: #8f8f8f;
	text-decoration: none;
	border-bottom: 0px;
}

#nav li a:hover
{
	color: #660033;
	text-decoration: none;
	border-bottom: 0px;
}

#nav li a.selected { color: #660033; }


#menu1 li {
	float:left;
	margin-left: 15px;
}

#eBoutique {
	float: left;
}

#eBoutique a {
	border:none;
}

#view_btn {
	position: absolute;
	right: 0;
	top: 0;
}

-#menu1 {
	float: right;
}

/*
_______________________________
_______________________________
FOOTER */

#footer {
	border-top: #ad7892 1px solid;
	padding-top: 5px
	width:878px;
	margin: 25px 0 0 0;
	font-size: 0.7em;
}

#footer_links  {
	float:right;
	margin: 7px 0 15px 0;
}

#footer_links li {
	float:right;
	margin-left: 5px;
}

#footer_links li a:link, #footer_links li a:active, #footer_links li a:visited
{
	color: #8f8f8f;
	text-decoration: none;
	border-bottom: 0px;
}

#footer_links li a:hover
{
	color: #8f8f8f;
	text-decoration: none;
	border-bottom: 1px dotted #8f8f8f;
}


#tell_a_friend {
	float:left;
	margin: 10px 0 15px 0;
}

.st-taf {float: left;margin-right: 15px;}

a#facebook {
	display: block;
	float: left;
	width: 77px;
	height: 39px;
	border-bottom: none;
	margin-right: 10px;
	background: #fff url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/footer_sprite.png) no-repeat -192px top;
	}
a#facebook:hover {background: #fff url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/footer_sprite.png) no-repeat left top;}

a#twitter {
	display: block;
	float: left;
	width: 100px;
	height: 39px;
	border-bottom: none;
	margin-right: 10px;
	background: #fff url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/footer_sprite.png) no-repeat -278px top;
	}
a#twitter:hover {background: #fff url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/footer_sprite.png) no-repeat -86px top;}


/*
_______________________________
_______________________________
TOOL TIP */

#text {
	
margin:0px; padding:0px;}
.hotspot {}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; background:#ccc; color:#666;width:130px; padding:2px 2px 2px 2px; text-align: center; font-size: 0.9em;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/*
_______________________________
_______________________________
CONTACT PAGE */

#contact_form  {
	width: 300px;
}

#contact_form input, textarea, select {
	float: right;
	width:200px;
	border: 1px solid #ccc;
	background-color: #ebebeb;
	padding:1px;
	color: #666;
	font-size: 0.85em;
	margin: 0 0 15px 0;
}

#contact_form .label {
	float: left;
}

#contact_form .controlset {
	clear: both;
}

#contact_form p {
	clear: both;
	margin:0;
	position: relative;
	top:-10px;
}

#contact_form textarea {
	float: right;
}

.note {
	font-size: 0.85em;
	color: red;
}

.button_row {
 margin-bottom: 20px;
}

.r {
 padding: 2px 5px 2px 5px;
}


/*
_______________________________
_______________________________
PRODUCT PAGES */

#prod_content {
	margin: 100px 0 0 0;
}

#product_categories li {
	margin: 0 20px 0 0;
	display: inline-block;
}

#prod_nav {
	width: 878px;
	border-bottom: 1px dotted #8f8f8f; 
	padding-bottom: 5px;
	position: relative;
}

#prod_nav ul {
	width: 800px;
	}


#prod_nav li a:link, #prod_nav li a:active, #prod_nav li a:visited
{
	color: #8f8f8f;
	text-decoration: none;
	border-bottom: 0px;
}

#prod_nav li a:hover
{
	color: #660033;
	text-decoration: none;
	border-bottom: 0px;
}

#prod_nav li a.selected { color: #660033; }

.prod_img {
	border: 1px solid #8f8f8f;
	width:109px;
	padding: 0;
	text-align: center;
	height: auto;
	overflow: hidden;
}

.prod_img a:link, .prod_img a:active, .prod_img a:visited, .prod_img a:hover
{
	text-decoration: none;
	border-bottom: 0px;
	color: #fff;
}

.single_prod {
	width:115px;
	margin: 15px 20px 0 0;
	float: left;
}

.single_prod h3 {
	color: #660033;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 5px 0 5px 0;
}

.single_prod p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.single_prod a:link, .single_prod a:active, .single_prod a:visited
{
	text-decoration: none;
	border-bottom: none;
	}

.single_prod h3 a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #660033;
	}
	
#prod_info_table {
	margin-top: 20px;
}

#prod_info_table select {
	float: left;
}

.more_info a {
	color: #8f8f8f;

}

.more_info a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #8f8f8f;
	}

.name_stone select {
	width:170px;
	border: 1px solid #ccc;
	background-color: #ebebeb;
	padding: 1px;
	color: #666;
	font-size: 0.9em;
	margin: 0 8px 8px 0;
	font-family:Arial,helvetica,sans-serif;
}

.name_stone input {
	width:345px;
	border: 1px solid #ccc;
	padding: 1px;
	background-color: #ebebeb;
	color: #666;
	font-size: 0.9em;
	margin: 0;
	font-family:Arial,helvetica,sans-serif;
}

.name_stone #discount input {
	width:100px;
}

/* ------------------------------ NEW FORM STYLES ------------------------------ */



.name_stone2 {
	float: left;
	border: 1px dotted #660033;
	padding: 13px;
	margin: 0;
	font-size: 0.9em;
	}

.name_stone2 select {
	width:288px;
	border: 1px solid #ccc;
	background-color: #ebebeb;
	padding: 3px;
	color: #666;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	font-family:Arial,helvetica,sans-serif;
}

.name_stone2 input {
	width:280px;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #ebebeb;
	color: #666;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	font-family:Arial,helvetica,sans-serif;
}

.name_stone2 #discount input {
	width:120px;
}

#prod_info_table .name_stone2 select {
	float: none;
}

.name_stone2 label {
	display:inline-block;
	line-height:15px;
	margin:0 5px 0 0;
	vertical-align:middle;
	width:130px;
	}

.name_stone2 #names {
	float: left;
	width:auto;
	}	

.form_note {
	font-size:0.9em;
	font-style:italic;
	margin-left: 138px;
	position: relative;
	top:-8px;
	}

input.add_to3 {
    width:107px;
	height: 24px;
	border: none;
	margin: 5px 0 0 138px;
	background: url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/add_to_basket.png) no-repeat left top;
}
input.add_to3:hover {background: url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/add_to_basket.png) no-repeat left -24px;}


/* ------------------------------ END NEW FORM STYLES ------------------------------ */


.ie_select {
	width: auto !important;
	}
	

input#add_to2 {
	width:107px;
	border: none;
	background-color: #fff;
	margin: 5px 0 0 0;
	clear: both;
	float: left;
}

input#add_to {
	width:107px;
	border: none;
	background-color: #fff;
	margin: 0;
	float: right;
}


input.code_btn {
	background: #fcf1f5;
	border: none;
	color: #660033;
	font-family:Arial,helvetica,sans-serif;
	font-weight: bold;
	cursor: pointer;
	width: 100px !important;
	}


.price {
	color: #660033;
	padding: 0 15px 0 0;
	font-weight: bold;
	margin: 0 0 20px 0;
	}

#price {
	color: #660033;
	padding: 0 15px 0 0;
	font-weight: bold;
	margin: 0 0 20px 0;
	}
	
#names {
	float: left;
	width:358px;
	}	
	
#delivery {
	float: left;
	}	

#hear_about {
	float: left;
	width:auto;
	clear: left;
	}

.name_stone {
	float: left;
	border: 1px dotted #660033;
	padding: 10px 15px 10px 15px;
	margin: 0;
	font-size: 0.9em;
	}

#prod_image_lrg {
	float:left;
	margin-right: 20px;
	}

#prod_info {
	margin-top: 15px;
	width: 580px;
	float: left;
	}

/* ------------------------------ NEW SQUARE LAYOUT ------------------------------ */

#prod_info_sq {
	margin-top: 15px;
	width: 469px;
	float: left;
	}



#prod_info h2, #prod_info_sq h2 {
	color: #660033;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 15px 0 15px 0;
	font-weight: bold;
	}

#prod_info p, #prod_info_sq p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 10px 0 10px 0;
	}
	
#tell_a_friend_prod {
	float:left;
	margin: 20px 0 20px 0;
}	

#page_numbers {
	clear:both;
	font-size: 0.85em;
	width:878px;
	text-align: right;
	position: relative;
	top:10px;
}

.prod_text_highlight {
	color: #fff;
	font-weight: bold;
	margin: 15px 0 0 0 !important;
	background: #660033 url(http://chambersandbeau.com/applications/website/templates/chambers_beau/images/hearts.gif) no-repeat 10px 10px;
	}

.prod_text_highlight p {
	padding: 10px;
	text-indent: 44px;
	}


.prod_text_highlight a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	background-color: #660033 !important;
}

.prod_text_highlight a:hover
{
	color: #fbf0f4;
	text-decoration: none;
	border-bottom: 1px dotted #fbf0f4;
	}

.whatsnew {
	color: #660033;
	font-weight: bold;
	padding: 20px 0 20px 0;
	margin: 20px 0 20px 0;
	border-bottom: 1px dotted #8F8F8F;
	border-top: 1px dotted #8F8F8F;
	}

.whatsnew p {
	margin: 10px 0 0 0;
	}


	/* THUMBNAIL STYLES */
	.galleria{list-style:none;width:200px}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	* html .galleria li div span{width:400px} /* MSIE bug */



	.caption{}
	.img_thumbnails{}
	.gallery_demo{width:269px; border-top: 1px dotted #8F8F8F;margin-bottom: 20px;}
	.gallery_demo li{width:80px;height:119px;border:1px solid #ccc;margin: 17px 7px 0px 0;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{}
	
	#main_image{height:400px;width:269px;padding-bottom: 17px;}
	#main_image img{}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;}
	
	.info{text-align:left;width:269px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	/* SQUARE THUMBNAIL STYLES */

	.img_thumbnails_sq #main_image{height:523px;width:380px;padding-bottom: 17px;}
	.img_thumbnails_sq .gallery_demo{width:380px; border-top: 1px dotted #8F8F8F;margin-bottom: 20px;}
	.img_thumbnails_sq .gallery_demo li{width:86px;height:119px;border:1px solid #ccc;margin: 17px 7px 0px 0;}

/*
_______________________________
_______________________________
CHARMS  */

#charms  {
	clear: both;
	background-color: #ebebeb;
	padding: 10px;
}

#charms h2 {
	color: #660033;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 10px 0 0;
	}


.single_charm {
	float: left;
	margin-right: 7px;
}

.single_charm alt {
	color: #8f8f8f;
	font-size: 0.8em;
	padding: 5px;
}

.charm_img img {
	border: 1px #c6c6c6 solid;

}

.charm_img {
	line-height: 1em;
}

.price_charm {
	margin: 0;
	color: #666;
	padding: 0;
	font-weight: bold;
	font-size: 0.9em;

}

.add_to_charm {
	float: left;
}

/*
_______________________________
_______________________________
PRESS  */

#press_article {
	padding: 15px 0 15px 0;
	border-top: 1px #ccc dotted;
	clear:left;
	line-height: 1.3em;
	font-size: 0.95em;
}

#press_article img {
	margin-right: 15px;	
	border:1px solid #ccc;
}

#press_article h2 {
	font-size: 1.1em;
	color: #660033;
	line-height: 1em;
	margin: 10px 0 10px 0;
	font-weight: bold;
}