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


#wrapper_range{
background-color: #c9b55b;
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;
/*margin-top: 24px;
margin-bottom: 10px;*/
padding-top: 24px;
padding-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-new{
margin-left: 40px;
margin-right: 300px;
}

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

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

.col_main_content_colors{
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;
}

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

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

.col_main_content_options{
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;
}

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

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

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

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

/* extended length right col for the accessories page is absolutely positioned to allow clearing of floated images */
#rightcol_acc{
position: absolute;
margin: 0;
padding: 0;
top: 310px;
left: 710px;
background-image: url(../images/content/col_right_col_background.gif);
background-repeat: repeat-y;
width: 220px; 
height: 3150px; /* adjust height if page length changes */
z-index: 8;
}

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

#ap_tag_build{
position: absolute;
top: 210px;
width: 260px;
left: 120px;
height: 86px;
z-index: 10;
}

#ap_tag_style{
position: absolute;
top: 222px;
width: 354px;
left: 470px;
height: 67px;
z-index: 10;
}

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

/************************* start of css controlling the build your range table *************************************************/

#range_table{
position: relative;
width: 783px;
height: 508px;
padding-top: 20px;
margin-left: 30px;
padding-bottom: 30px;
background-image: url(../images/content/ran_bg_build_page.gif);
background-repeat: no-repeat;
}

#range_picture{
position: relative;
width: 500px;
padding-top: 22px;
margin-left: 35px;
margin-right: 0px;
padding-bottom: 20px;
}

#range_description{
width: 200px;
margin-right: 10px;
float: right;
position: relative;
display: inline; /* another IE bug (doubling the left margin of a floated element) is killed with display: inline */ 
padding-top: 72px; /* padding separates descriptive text from background image text */
margin-bottom: 0px;
margin-left: 0px;
padding-right: 20px;
padding-bottom: 0px;
}

#range_description p{
color: #ded5b6;
}

#range_img_map{
position: relative;
width: 521px;
padding-top: 0px;
margin-left: 35px;
margin-right: 0px;
padding-bottom: 0px;
}

#range_trim_buttons{
width: 157px;
height: 127px;
margin-top: 0px;
margin-right: 10px;
float: right;
position: relative;
display: inline; /* another IE bug (doubling the left margin of a floated element) is killed with display: inline */ 
padding-top: 0px; 
margin-left: 0px;
padding-right: 20px;
padding-bottom: 0px;
}

/************************* end of css controlling the build your range table ***************************************************/
/************************* start of css controlling the options range table ****************************************************/

#options_range_table{
position: relative;
width: 783px;
height: 508px;
padding-top: 20px;
margin-top: 10px;
margin-left: 30px;
padding-bottom: 30px;
background-image: url(../images/content/ran_bg_options_page.gif);
background-repeat: no-repeat;
}

#placeholder{
padding-left: 82px;
}

#imagegallery{
list-style: none;
padding-top: 30px;
padding-left: 40px;
}

#imagegallery li{
display: inline;
}

#imagegallery li a{
text-decoration: none;
}

#imagegallery li a img{
border: 0;
}

#range_options_thumb{
position: relative;
width: 700px;
padding-top: 0px;
margin-left: 35px;
margin-right: 0px;
padding-bottom: 0px;
}

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

/************************* end of css controlling the options range table ******************************************************/
/************************* start of body copy positioning **********************************************************************/

.clearright{
clear: right;
}

.clearleft{
clear: left;
}

.clearboth{
clear: both;
}

/************************* end of body copy positioning ************************************************************************/
/************************* start of ap image positioning ***********************************************************************/

#ap_owner{
position: absolute; 
top: 276px;
left: 533px;
width: 355px; 
height: 327px; 
z-index: 33;  
}

/************************* end of ap image positioning **************************************************************************/
/************************* start of floated image positioning *******************************************************************/

.leftimage{
margin-right: 15px;
margin-bottom: 5px;
float: left;
/*display: inline;  kills double-margin float bug in Win IE  */
}

.rightimage{
margin-left: 15px;
margin-bottom: 5px;
float: right;
/*display: inline; */
}

/************************* end of floated image positioning *********************************************************************/

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