/* styles for YourThesis site build */
/* Style:      bespoke              */
/* (c) BDA 2006 bda.co.uk           */


/* -------------------  site wide styles ------------------- */
body {
	margin:				0;
	padding:			0;
	background-color:	#8B0F35;
	color:				#fff;
	
	font-family:		arial, verdana, sans-serif;
	font-size:			80%;
}
* {
	margin:				0;
	padding:			0;
}
a {
	text-decoration:	underline;
	color:				#000;
	padding:			1px;
}

/*            hardcore structure elements       */
#page_wireframe {
	width:				770px;
	margin:				20px auto;
}

#main_block {
	background:			url(images/bg_full_container.gif) repeat-y center left;
	width:				770px;
}
/*         entire page is slit left / main   */
#left_block {
	width:				142px;
	float:				left;
}

#top_logo {
	height:				110px;
}
#top_logo img {
	border:				0;
	width:				142px;
}

/*         menu items for left-hand navigation    */
#navigation {
	background:			url(images/bg_nav_column_142x2.gif) repeat-y top left;
	width:				140px;
}
#navigation ul {
	list-style-type:	none;
	padding:			0;
	margin:				0;
	width:				131px;
}
#navigation ul li {
	padding:			0;
	margin:				0;
}
#navigation ul li a {
	display:			block;
	width:				131px;
	height:				17px;
	padding:			3px 0 3px 8px;
	background:			url(images/bg_nav_item_142x23.gif) no-repeat top left;
	overflow:			hidden;
	text-decoration:	none;
	color:				#fff;
	font-weight:		bold;
	font-size:			11px;
}

#content_block {
	margin:				0 0 0 142px;
	position:			relative;
}
* html #content_block {
 	width:				625px;
	margin-left:		-15px;
}
#masthead {
	height:				110px;
	background:			url(images/masthead_628x110.jpg) no-repeat top left;
}
#content_extras {
	float:				right;
	width:				142px;
	position:			relative;
}

#extra_head {
	height:				10px;
}
#extra_foot {
	height:				12px;
	background:			url(images/bg_nav_foot_142x12.gif) no-repeat bottom left;
}
div.extra_square {
	margin:				6px;
	text-align:			center;
}
div.extra_square a {
	display:			block;
	text-decoration:	none;
	padding:			30px 8px 0px 8px;
	height:				79px;
	background:			url(images/bg_extra_box.gif) no-repeat top left;	
	
	font-size:			1.6em;
	color:				#ddd !important;	
	font-weight:		bolder;
	text-transform:		uppercase;
}
div.extra_square a:hover {
	text-decoration:	none !important;
	color:				#fff !important;	
}
/* for the subsidiary navigation options during quote-rendering  */
#content_extras h3 {
	margin:				5px;

}
#content_extras ul {
	padding:			0;
	margin:				5px;
}
#content_extras ul li {
	list-style:			none;
	margin:				3px;
	padding:			2px;
}
#content_extras ul li.at_stage {
	font-weight:		bold;
	background-color:	#fff;
	color:				#8B0F35;
}
#content_extras a {
	color:				#fff;
	display:			block;

}
#content_extras a:hover {
	background-color:	#8B0F35;
	text-decoration:	underline;
}




/*     main centre column with white bg display                          */
#search_row {
	height:				23px;
	background:			url(images/bg_utility_486x23.gif) no-repeat top left;
	color:				#8B0F35;
}
#search_form {
	background:			url(images/bg_utility_div.gif) no-repeat bottom right;
	height:				19px;
	padding:			1px 10px 3px 15px;
	width:				170px;
}
#search_form input.input {
	border:				1px solid #8B0F35;
	height:				12px;
	padding:			1px 1px 1px 24px;
	width:				75px;
	margin:				0;
	font-size:			10px;
	background:			url(images/magglass.gif) no-repeat top left;
}
#search_form input.button {
	border:				0;
	margin:				0;
	height:				17px;
	width:				15px;
	background:			url(images/bg_search_submit.gif) no-repeat bottom left;
}
#account_login {
	float:				right;
	height:				18px;
	padding:			2px 15px 2px 15px;
}
#account_login a {
	color:				#8B0F35;
	font-weight:		bolder;
}
#content_main {
	color:				#000;
}


#main_col {
	background:			url(images/bg_main_col.gif) repeat-y right top;	
	margin:				0 142px 0 0;
	padding:			5px 10px;
	position:			relative;
}
#main_col_head {
	height:				8px;
	margin:				0 0 2px 0;
}
#main_col h2 {
	margin:				4px 0 10px 0;
	padding:			1px;
	font-size:			1.4em;
	color:				#333;
	border-bottom:		1px solid #444;
}
#main_col p {
	line-height:		120%;
	margin:				0 2px 12px 0;
}
#main_col br {
	margin:				0 2px 12px 0;
}
/* dans le huit clos  */
#main_col ul {
	padding:			0;
	margin:				2px 0 2px 20px;
}
#img_col_right {
	width:				215px;
	float:				right;
	text-align:			left;
	margin:				0 5px 15px 20px;
	position:			relative;
	padding:			0;
}
#img_col_right img {
	padding:			2px;
	margin:				0;
}

#img_col_right a, #img_col_right a:hover {
	margin:				0;
	padding:			0;
	border:				0;
	background-color:	transparent;
}
/* optional boxes for emphasised content                   */
div.em_box_title {
	margin:				0 0 0 0;
	background-color:	#9A4D65;
	padding:			4px;
	color:				#fff;
	font-weight:		bold;
	position:			relative;
	font-size:			1.2em;
	letter-spacing:		1px;
}
div.em_box_body {
	margin:				0 0 15px 0;	
	background:			url(images/em_box_grad.gif) repeat-x top left;
	padding:			5px 6px;
}

/* autopricing tables */
h3.pricing {
	padding:			4px;
	border:				1px solid #eee;
	margin:				0 0 5px 0;
	width:				450px;
	
	font-size:			1.2em;
}
table.autoprice {
	width:				450px;
}
table.autoprice td{
	padding:			2px;
}
table.autoprice .named {
	font-size:			1.4em;
}
table.autoprice .costed {
	width:				100px;
	text-align:			right;
}
table.autoprice .odd {
	background-color:	#eee;
}

/* form elements during the quote generation process   */
#quote_form {

}
#quote_form fieldset {
	padding:			10px 10px 20px 10px;
	border:				2px solid #555;
	margin:				5px 0 0 0;
}
#quote_form fieldset.right {
	text-align:			right;
	padding:			6px;
}
#quote_form legend {
	font-size:			1.4em;
	color:				#333;
	
	margin:				5px;
	font-weight:		bold;
}

#quote_form fieldset p {
	background:			url(images/em_box_grad.gif) repeat-x top left;
	padding:			5px 20px 5px 10px;		
	margin:				6px;
	border:				1px solid #999;
}
#quote_form fieldset table {
	background:			url(images/em_box_grad.gif) repeat-x top left;
	padding:			5px 20px 5px 10px;		
	margin:				6px;
	border:				1px solid #999;	
	width:				427px;
}
* html #quote_form fieldset table {
	width:				407px;
}
#quote_form fieldset p.right {
	padding:			5px 70px 5px 5px;
	text-align:			right;
}
#quote_form fieldset p.center {
	padding:			5px;
	text-align:			center;
}
#quote_form fieldset p.info {
	padding:			5px 5px 15px 5px;
}
#quote_form fieldset p.big {
	padding:			5px;
	font-size:			1.4em;
}
#quote_form fieldset p.wide {
	text-align:			center;
	padding:			5px;
}
#quote_form input, #quote_form select, #quote_form textarea {
	border:				1px solid #999;
	padding:			2px;
	margin:				2px;
}
#quote_form input.text {
	width:				250px;
	text-align:			center;
}
#quote_form input.upperonly {
	text-transform:		uppercase;
}
#quote_form input.wide {
	width:				360px;
}
#quote_form input.half {
	width:				185px;
}
#quote_form input.number, #quote_form input.short, #quote_form select.short {
	width:				70px;
}
#quote_form input.submit {
	border:				2px solid #8B0F35;
	padding:			4px;
	background-color:	#fff;
	font-weight:		bold;
}
#quote_form label {
	font-weight:		bold;
}
#quote_form fieldset p img {
	margin:				5px;
	padding:			1px;
	border:				1px solid #eee;
}

/* specifics for the table colored with swatch colors  */
#swatch_table {
	margin:				12px 0 0 0 !important;
	padding:			0 !important;
	background:			transparent !important;
	width:				410px !important;
	border:				0 !important;
}
#swatch_table td {
	border:				1px solid #ddd;
	padding:			10px;
}
#swatch_table td input {
	margin:				5px;
}
#swatch_table td  img {
	border:				1px solid #ccc;
	padding:			1px;
}
#quote_form input.edit_details {
	border:				0;
	background-color:	transparent;
	padding:			0;
	margin:				0;
}
#quote_form input.edit_details_on {
	border:				1px solid #eee;
	background-color:	#fff;
}
/* specific for the uploads box - */
#quote_form #uploadfiles {
	background:			#eee !important;
	margin:				0 3px;
	border-bottom:		1px solid #aaa;
	border-top:			1px solid #aaa;	
}
#quote_form #uploadcontrol {
	background:			#eee !important;
	margin:				0 3px;
	text-align:			right;
}
#quote_form #uploadnotes {
	background:			#eee !important;
	margin:				2px 3px;
	font-size:			0.9em;	
}
#quote_form #uploadcontrol input {
	border:				0;
	background-color:	#eee;
	cursor:				pointer;
}

/* styles for the table of the binding summary   */
#bindingstats  {
	width:				420px;
	background:			#ECDEE2 !important;
}
#binding_status table tr td {
	border-top:			1px solid #999;
	padding:			4px 6px;
}
#binding_status #final_total td {
	border-top:			3px double #999;
}
#binding_status #style_title {
	font-weight:		bolder;
}

#block_foot {
	clear:				both;
	height:				9px;
	background:			url(images/bg_full_container_foot.gif) no-repeat bottom left;
}
#footer {
	padding:			10px 5px;
}
#footer a {
	color:				#fff;
}
#footer_right {
	float:				right;
	width:				250px;
	text-align:			right;
}
#footer_left {
	float:				left;
	width:				145px;
}
#footer_menu {
		text-align:		center;
}
#footer_menu ul li {
	list-style-type:	none;
	display:			inline;
	padding:			0 3px;
	border-right:		1px solid #fff;
	margin:				2px 1px;
}



.phone {
	margin:				12px;
	font-weight:		bold;
	padding:			4px;
	border:				1px solid #5F0A24;
}
.phone span {
	font-size:			1.2em;
}