/* Barkingweb CSS Document */
/* French Ranges Requests section CSS Document */
/*	Author:			Barkingweb.com - Nick Barling 
*	Date:			July 6 2006	
*	Version:		1.0
*	File:			requests.css
*	Description:	CSS File to style site's 'requests' pages content	
*	Notes:			This is the file to alter to make changes to styling within the 'requests' sub menu pages.
*					Use the descriptive headers to identify the elements that you
*					wish to change.
*/


#wrapper_requests{
background-color: #d8a669;
border: 1px solid #333333;
margin: 10px auto;
width: 940px; /* width is needed for page sizing but also asigns the MS 'layout' quality to the wrapper (alternate would be the holly hack */ 
position: relative; /* positioning is required to allow control of absolutely positioned elements within the wrapper, using the wrapper as a reference point */
}

.col_main_content{
position: relative; /* positioning is required to allow control of absolutely positioned elements within the div, using the div as a reference point */
margin-top: 80px;
margin-left: 40px;
margin-right: 300px;
}

.col_main_content h3{
font-size: 80%;
color: #a9891b;
padding-top: 24px;
margin-bottom: 5px;
}

.col_main_content p{
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: left;
padding-right: 5px;
padding-bottom: 5px;
}

.col_main_content a{
color: #666;
text-decoration: none;
font-weight: normal;
}

.col_main_content a:hover{
color: #000000;
text-decoration: underline;
}

.col_main_content_brochure{
position: relative; /* positioning is required to allow control of absolutely positioned elements within the div, using the div as a reference point */
margin-top: 80px;
margin-left: 40px;
margin-right: 280px;
}

.col_main_content_brochure h3{
font-size: 80%;
color: #a9891b;
padding-top: 24px;
margin-bottom: 5px;
}

.col_main_content_brochure p{
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: left;
padding-right: 5px;
padding-bottom: 5px;
}

.col_main_content_eb{
position: relative; /* positioning is required to allow control of absolutely positioned elements within the div, using the div as a reference point */
margin-top: 80px;
margin-left: 40px;
margin-right: 35px;
}

.col_main_content_eb h3{
font-size: 80%;
color: #a9891b;
padding-top: 24px;
margin-bottom: 5px;
}

.col_main_content_eb p{
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: left;
padding-right: 5px;
padding-bottom: 5px;
}

.exp_pages_header{
margin-top: 120px;
margin-left: 50px;
}

.exp_pages{
margin-top: 20px;
margin-left: 50px;
margin-right: 50px;
}

/************************* start of ap divs containing images and tag line text ************************************************/

#ap_tag_talk, #ap_tag_brochure, #ap_tag_questions, #ap_tag_support, #ap_tag_arrivals, #ap_tag_order_delivery, #ap_tag_press_media, #ap_tag_privacy{
position: absolute;
top: 200px;
width: 460px;
left: 150px;
height: 86px;
z-index: 10;
}

/************************* end of ap divs containing images and tag line text **************************************************/

#range_collection_thumb{
position: relative;
width: 920px;
margin: 0 0 0 10px;
padding: 0;
}

/************************* start of css for form layout on the brochure page ***************************************************/

#form_brochure{
position: relative;
margin: 10px 0 0 20px;
font-size: 80%;
color: #333333;
}

#form_brochure label{
display: block;
padding-top: 5px;
text-align: left;
}

label.mandat{
}

#form_brochure input, #form_brochure select{
background-color: #ffff99;
border: 1px solid #4c5854;
margin: 0 0 -4px 0;
padding: 2px;
max-width: 270px !important; /* this prevents the input fields from spilling outside the wrapper div when text is resized in Mozilla browsers */
}

#form_brochure #hide{
border: 0;
}

#form_brochure textarea{
background-color: #ffff99;
border: 1px solid #4c5854;
margin: 0;
padding: 0;
width: 250px;
}

#form1 .brochure_button{
font-weight: bold;
background-color: #705135;
color: #a9891b;
margin: 0;
padding: 0;
}

#form1 fieldset{
float: left;
width: 270px;
border: 1px solid #705135;
padding: 4px 10px;
margin: 0 8px 0 0;
}

#form1 legend{
font-weight: bold;
font-size: 90%;
color: #a9891b;
background-color: #705135;
border: 1px solid #705135;
border-bottom-color: #a9891b;
border-right-color: #a9891b;
padding: 4px 8px;
}

#form1 #Email{
margin-bottom: 20px;
}

.exp_pages a{
color: #666;
text-decoration: none;
font-weight: normal;
}

.exp_pages a:hover{
color: #000000;
text-decoration: underline;
}

/************************* end of css for brochure page ************************************************************************/

/************************* start of css for search layout on the search page ***************************************************/

#search_body{
position: relative;
margin: 10px 0 0 20px;
font-size: 80%;
color: #333333;
}

#search_body label{
display: block;
padding-top: 5px;
text-align: left;
}

#search_body input, #search_body select{
background-color: #ffff99;
border: 1px solid #4c5854;
margin: 5px 0 15px 0;
padding: 2px;
max-width: 320px !important; /* this prevents the input fields from spilling outside the wrapper div when text is resized in Mozilla browsers */
}

#form_button_container{
position: absolute;
top: 33px;
left: 400px;
}

#search_form #form_button{
font-weight: bold;
background-color: #705135;
color: #a9891b;
margin: 0;
padding: 0;
}

#search_form fieldset{
width: 500px;
border: 1px solid #705135;
padding: 4px 10px;
margin: 20px 8px 0 20px;
}

#search_form legend{
font-weight: bold;
font-size: 90%;
color: #a9891b;
background-color: #705135;
border: 1px solid #705135;
border-bottom-color: #a9891b;
border-right-color: #a9891b;
padding: 4px 8px;
}

.exp_pages_search{
margin-top: 5px;
margin-left: 40px;
margin-right: 50px;
}

.exp_pages_search a{
color: #666;
text-decoration: none;
font-weight: normal;
}

.exp_pages_search a:hover{
color: #000000;
text-decoration: underline;
}
/************************* end of css for search layout on the search page *****************************************************/
/************************* start of css for faq, order & delivery, press & media page ******************************************/
.question {
line-height: 130%;
font-weight: bold;
color: #333333;
font-size: 90%;
}

.question_answer{
margin-left: 30px;
line-height: 130%;
font-weight: bold;
color: #333333;
font-size: 11px;
}

.exp_pages_faq{
margin-top: 5px;
margin-left: 40px;
margin-right: 50px;
}

p.exp_pages_faq a{
color: #666;
text-decoration: none;
font-weight: normal;
}

.exp_pages_faq a:hover{
color: #000000;
text-decoration: underline;
}

hr {
color: #000000;
width: 85%;
text-align: center;
}

a.question:link {
text-decoration: none;
}

a.question:visited {
text-decoration: none;
}

a.question:hover {
text-decoration: underline;
color: #666666;
}

ol{
margin-top: 15px;
margin-left: 70px;
font-size: 90%;
}

ul li{
list-style: lower-roman;
margin-left: 60px;
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: left;
}

.top_link{
margin-left: 60px;
}

.top_link a{
text-decoration: none;
color: #666666;
}

.top_link a:hover{
text-decoration: underline;
color: #333333;
}

.level1 li{ /* removes bullets from lis in directory page */
list-style: none;
}

.level1 li a{
text-decoration: none;
color: #666666;
}

.level1 li a:hover{
text-decoration: underline;
color: #333;
}

.directory_head{
padding-left: 20px;
}

#sitemap_right{ /* absolute positioning of the site map right text column */
position: absolute;
top: 44px;
left: 320px;
width: 300px;
height: auto;
z-index: 50;
}


ul.contact_us li{ /* styling of the contact details on the req_index.php page */
list-style: none;
margin-left: 60px;
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: left;
padding: 0 0 5px 0;
}

ul.contact_us li a{
text-decoration: none;
color: #666666;
}

ul.contact_us li a:hover{
text-decoration: underline;
color: #333;
}

#map{ /* styling for the div holding the Google Map on the req_index.php page */
width: 400px;
height: 300px;
position: relative;
left: 60px;
margin-top: 10px;
font-size: 12px;
}
/************************* end of css for faq order & delivery, press & media page ***********************************************************/

/************************* start of css for technical support pages **************************************************************************/

.req_pages_subheader{
margin-left: 50px;
}

.main_columns h3{
font-size: 80%;
color: #a9891b;
padding-top: 24px;
margin-bottom: 5px;
}

.main_columns li{
font-size: 90%;
color: #333;
line-height: 130%;
}

.main_columns a{
font-weight: normal;
color: #666;
text-decoration: none;
}

.main_columns a:hover{
color: #000000;
text-decoration: underline;
}

#main_column1 {
float:left;
margin-left: 30px;
width:425px;
}

#main_column2 {
float:right;
margin-right: 50px;
width:425px;
}

#support_rtn_link{
margin-left: 50px;
margin-top: 20px;
}

#support_rtn_link a{
color: #333333;
text-decoration: none;
font-weight: bold;
}

#support_rtn_link a:hover{
color: #666666;
text-decoration: underline;
}
/************************* end of css for technical support pages ****************************************************************************/

/************************* start of css for servicer feedback page **************************************************************************/

#servicer_table {
	background-color: #b3ae95;
	border: 1px solid #333333;
	border-collapse: collapse;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	background-color: #ffff99;
	border: 1px solid #4c5854;
	padding: 2px;
}

input.submit_button{
	font-weight: bold;
	background-color: #705135;
	color: #a9891b;
	margin: 0;
	padding: 0;
}

th {
	background-color: #c7b791;
	color: #333333;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

td.servicer_cell {
	background-color: #b3ae95;
	color: #333333;
	font-size: 80%;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

td.servicer_cell a {
	text-decoration: none;
	color: #222;
}

td.servicer_cell a:hover {
	text-decoration: underline;
	color: #232323;
}

hr.servicer_break {
	color: #6F3700;
	width: 100px;
	margin-left: 250px;
	height: 0.5px;
}

/************************* end of css for servicer feedback page ****************************************************************************/

/************************* start of css for early birds page *********************************************************************************/

#early_bird_table{ /* Table containing headers */
border: 1px solid #333;
border-collapse: collapse;
margin-top: 12px;
width: 865px;
margin-left: 0;
margin-right: 0;
}

#th_model{
min-width: 210px;
}

#th_reference{
width: 100px;
}

#th_color{
width: 140px;
}

#th_trim{
width: 130px;
}

#th_price{
width: 100px;
}

#th_location{
width: 185px;
}

#eb_header_tr{
background-color: #c7b791;
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: center;
}

.early_bird_content_table{ /* Table containing specific range details */
border-top: 0;
border-left: 1px solid #333333;
border-collapse: collapse;
width: 865px;
background-color: #B3AE95;
margin-top: 0;
}

.early_bird_content_table img{ /* Standards compliant browsers, eg FF, need images as block elements and auto margins to center an image */ 
display: block;
margin-left: auto;
margin-right: auto;
padding: 5px; /* padding gives the images space to breath within the table cell */
width: auto;
}


.early_bird_content_table td{
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
text-align: center; /* Win IE will center all table cell content, which is incorrect, with text-align center */
}

.early_bird_content_table td.eb_reference a{
text-decoration: underline;
color: #333;
}

.early_bird_content_table td.eb_reference a:hover{
text-decoration: underline;
color: #666;
}

.eb_content_tr{
font-size: 75%;
line-height: 155%;
color: #333333;
letter-spacing: normal;
text-align: center;
}

.eb_range_image{
min-width: 210px; /* min-width ensures the table cells align correctly as each table stacks */
}

.eb_reference{
width: 100px;
}

.eb_range_color{
width: 140px;
}

.eb_trim{
width: 130px;
}

.eb_price{
width: 100px;
}

.eb_location{
width: 185px;
}

.req_top_link{
margin-top: 10px;
}

.req_top_link a{
text-decoration: none;
color: #333;
}

.req_top_link a:hover{
text-decoration: underline;
color: #666;
}

/************************* end of css for early birds page ***********************************************************************************/

/************************* start of css for early birds detail page **************************************************************************/

#early_bird_detail_table{ /* Table containing specific range details */
border: 1px solid #333;
border-collapse: collapse;
margin-top: 12px;
width: 865px;
height: 300px;
background-color: #B3AE95;
}

#early_bird_detail_table td{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#early_bird_detail_table td .setup{ /* use baseline to set cell content to top; see W3C for more details of complex vertical-align css */
vertical-align: baseline;
}

#early_bird_detail_table img{ /* Standards compliant browsers, eg FF, need images as block elements and auto margins to center an image */ 
display: block;
margin-left: auto;
margin-right: auto;
padding: 5px; /* padding gives the images space to breath within the table cell */
}

#early_bird_detail_table a{
text-decoration: none;
color: #333;
}

#early_bird_detail_table a:hover{
text-decoration: underline;
color: #666;
}

#eb_detail_table_image{ /* controls size of table cell holding range image on detail page */
height: 400px;
width: 515px;
text-align: center; /* align text here to ensure that php error message is centered in cell */
}

eb_detail_table_info{
height: 250px;
width: 350px;
}

#eb_detail_table_info2{
width: 330px;
border: 0;
}

.eb_table_padd{
padding-top: 0;
padding-left: 0;
padding-bottom: 5px;
padding-right: 0;
vertical-align: baseline;
}

#eb_table_images_text{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
color: #333333;
}

#eb_detail_table_number{
width: 865px;
border: 0;
padding: 0;
}

#eb_detail_table_number2{
width: 515px;
height: 50px;
text-align: center;
}

#eb_detail_table_number3{
height: 15px;
border: 0;
padding: 0;
font-weight: bold;
}

#eb_detail_table_number3 td{
font-size: 90%;
}

#eb_detail_table_number3 td a{
text-decoration: none;
color: #333;
}

#eb_detail_table_number3 td a:hover{
text-decoration: underline;
color: #666;
}

#ap_tag_arrivals_text{
position: absolute;
left: 630px;
top: 190px;
width: 300px;
}

#ap_tag_arrivals_text p{
font-size: 80%;
color: #333;
padding-right:30px;
}

/************************* end of css for early birds detail page ****************************************************************************/

/************************* start of css for privacy policy page ******************************************************************************/

.exp_pages_privacy{
margin-top: 5px;
margin-left: 40px;
margin-right: 50px;
}

/************************* end of css for privacy policy page ********************************************************************************/