a
{
text-decoration: none;
}
img {
border: 0;
}
/******************************************** TAGS **********************************************************/
body
{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-position:center;
background-position:top;
color:#1D3252;
}
#wrapper
{
margin:0 auto;
width:960px;
/*border: 1px solid #000000;*/
}
 
/******************************************** HEADER **********************************************************/
#header{width:960px;margin:0; height:125px;float:left;}
#logo
{
float:left;
width:960px;
height:auto;
margin:0;
padding:0;
}


/************ HEADER - TOP HORIZONTAL NAVIGATION ************/
#header_right_top
{
float:left;
width:960px;
height:27px;
margin:0;padding:0;
background: #375c93;
z-index: 5;
}

/******** DROPDOWN CODE ************/
#ddtopmenubar
{
float:left;
width:960px;
height:27px;
margin:0;padding:0;
background: #375c93;
z-index: 5;
position:relative;
padding:0px 0px 0px 0px;
}

.top_nav ul{
margin: 0;
padding: 0;
font: bold 11px Verdana;
list-style-type: none;
overflow: hidden;
width: 960px;
height:27px;
float:left;
z-index: 5;
}

.top_nav li{
display: inline;
margin: 0;
z-index: 5;
}

.top_nav li a{
float: left;
text-align:center;
display: block;
text-decoration: none;
margin: 0 auto;
padding: 5px 16px 0px 21px; /*padding inside each tab*/
height:22px;
color: white;
background: #375c93;
z-index: 5;
}

.top_nav li a:visited{
color: white;
}

.top_nav li a:hover{
color: #f67500; /*background of tabs for hover state */
}

.top_nav a.selected{
}


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 11px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
height:27px;
list-style-type: none;
background:none;
border-bottom-width: 0;
visibility: hidden;
z-index: 5;
}

.ddsubmenustyle li a{
display: block;
width: 275px; /*width of menu (not including side paddings)*/
color: #fff;
height:22px;
background-color: #666666;
text-decoration: none;
margin:0;
padding: 0px 0px 0px 7px;
z-index: 5;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
z-index: 5;
}

.ddsubmenustyle li a:hover{
background-color:#f67500;
color: white;
z-index: 5;
}
/******** DROPDOWN CODE END************/

/******************************************** HEADER end **********************************************************/


#info_bar
{
float:left;
width:960px;
height:50px;
margin:23px 0px 0px 0px;
padding:0px;
background-image:url(../images/header_bottom_image.jpg); background-repeat:no-repeat;
}
#breadcrumb
{
float:left;
width:761px;
height:20px;
}
#breadcrumb p{ font-size:12px; margin:0;}

/******************************************** RIGHT OFFERS CONTAINER ************************************************/

#instant_quote_button
{
margin-bottom:10px;
float:right;
padding:0px;
}

#right_offers_container
{
float:right;
height:auto;
width:180px;
padding:0;

}
/******************************************** RIGHT OFFERS /BOXES **********************************************************/

#right_offers
{
float:right;
height:auto;
width:180px;
font-size:12px; 
margin: 0px 0px;
padding:0px 0px 10px 0px;
background-color:#CCCCCC;
}

/*#right_offers_boxes
{
float:right;
width:160px;
height:117px;
margin:10px 10px 0px 10px;
padding:0px;
}*/

.box_title
{
width:160px;
height:34px;
margin:10px 10px 0px 10px;
padding:0px;
background-image: url(../images/specialoffers.png);
background-repeat:no-repeat;
}
/**/
.box_login
{
float:right;
width:160px;
height:34px;
margin:10px 10px 0px 10px;
padding:0px;
background-image: url(../images/accountlogin.png);
background-repeat:no-repeat;
}
/**/
.box1
{ background:#FFFFFF;}
/**/
.box2
{ background:#FFFFFF;
float:right;
width:160px;
height:117px;
margin:10px 10px 0px 10px;
padding:0px;}



.box2 h2 { font-size:16px; color:#365C93; margin:0;}
.box2 h3 { font-size:16px; color:#365C93; margin:0px;float:left; padding-top:2px;padding-left:5px;}
.box2 h4 { font-size:14px; color:#F67400; margin:0px; float:left;padding-left:5px;}
.box2 h5 { font-size:10px; color:#999999; margin:0px; float:left;padding-left:5px;}

/**/
.card_logos
{
float:right;
width:180px;
height:110px;
margin:10px 0px 0px 0px;
padding:0px;
background-image: url(../images/cards.gif);
background-repeat:no-repeat;
}

/***************************************************** FLASH ************************************************************/
#flash
{
height:421px;/**201**/
width:765px;/**765**/
float:left;
color:#000000;
margin: 0px 0px;
z-index:-1;
}
#flash_image_left{ width:370px; height:201px; float:left; color:#FFFF00;z-index:-1;}
#flash_image_right{width:370px; height:201px; float:right;color:#FFFF00;z-index:-1;}

#flash_image_bottomleft{ width:370px; height:201px; float:left; color:#FFFF00;}
#flash_image_bottomright{width:370px; height:201px; float:right;color:#FFFF00;}



/***************************************************** BORDER ************************************************************/
#border
{
min-height:835px;
width:760px;
float:left;
color:#000000;
background: #FFFFFF;
margin-bottom: 15px;
position:relative;
}
/***************************************************** CONTENT ************************************************************/
#content
{
height:auto;
width:765px;
float:left;
color:#1D3252;
background: #FFFFFF;
margin: 10px 0px;
padding:0px 0px 0px 0px;
font-size:13px;

/*border:1px solid #006600;*/
}

#content h1
{
font-size:14pt;
color: #365C93;
margin:0px 0px 10px 0px;
padding:0px;
font-weight:normal;
}

#content h7
{
font-size:14pt;
color: #365C93;
margin:0px 0px 10px 0px;
padding:0px;
font-weight:normal;
}


#content h2
{
font-size:15px;
color: #F67400;
margin:5px 0px 0px 0px;
padding:0px;
}

#content h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
line-height: 36px;
min-width:170px;
float:left;
margin:0;
padding:0px 5px;
background-color:#9AD834;
}

h1.checkout_header {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
line-height: 36px;
margin:0;
padding: 0px 0px 0px 15px;
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
}

#content h4
{
font-size:14px;
color: #365C93;
margin:0px 0px 0px 0px;
padding:0px;
}


#content h5
{
height:36px;
width:235px;
background-color:#9AD834;
margin:0;
padding:0px 0px 0px 10px;
font-size:13px;
}

#content h6
{
height:36px;
width:auto;
margin:0;
padding:0px 0px 0px 10px;
font-size:12px;
}

#content h7
{
color: #F47D04;
width: auto;
margin:0;
font-size:16px;
font-weight: bold;
font-family: Arial;
}

#content p
{
margin:0px;
padding:0px;
font-size:13px;
color:#1D3252;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content a
{
text-decoration:none;
color:#3D6193;
}

#h3_green
{
height:36px;
width:100%;
background-image:url(../images/htag_bkgrd.jpg);
background-repeat:repeat-x;
}
/******************************************** BOTTOM INFO / BOXES **********************************************************/

#bottom_info
{
float:left;
height:133px;
width:960px;
font-size:12px; 
background-color:#FFFFFF;
margin-top:10px;
}


.bottom_box
{ 
margin-right:5px;width:134px;
float:left;
display:inline;
height:133px;
}
/*.bottom_box2
{ margin-right:5px;width:134px;}
.bottom_box3
{margin-right:5px;width:134px;}
.bottom_box4
{margin-right:5px;width:134px;}
.bottom_box5
{margin-right:5px;width:134px;}*/
.bottom_box6_contact
{background:#666666;width:265px; margin:0; padding:0;float:left;
display:inline;
height:133px;}
.textbox_message{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px;}

.bottom_box6_contact p{ font-size:12px; color:#FFFFFF; font-weight:bold; margin:0;}



/******************************************************* FOOTER ************************************************************/

#footer {
width: 960px;
height: 170px;
margin:20px 0px 10px 0px;
font-size: 12px;
line-height: 17px;
background-color:#CCCCCC;
color: #000000;
border: 0px;
padding:25px 0px 0px 10px;
clear: both;
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer a {
color: #000000;
text-decoration: none;
}
#footer a:hover {
color: #FF8400;
}


#footer1 ul{
list-style: none;
width: 160px;
height: 120px;
border-right: 2px dotted #768BAB;
padding:5px 0px 0px 20px;
margin: 0;
vertical-align: top;
text-align: left;
float: left;
display: block;
}
#footer1 ul li{
margin:0px 0px 5px 0px;
}


#footer2 ul{
list-style: none;
width: 160px;
height: 120px;
border-right: 2px dotted #768BAB;
padding:5px 0px 0px 20px;
margin: 0;
vertical-align: top;
text-align: left;
float: left;
display: block;
}
#footer2 ul li{
margin:0px 0px 5px 0px;
}



#footer3 ul{
list-style: none;
width: 160px;
height: 120px;
border-right: 2px dotted #768BAB;
padding:5px 0px 0px 20px;
margin: 0;
vertical-align: top;
text-align: left;
float: left;
display: block;
}
#footer3 ul li{
margin:0px 0px 5px 0px;
}



#footer4 ul{
list-style: none;
width: 160px;
height: 120px;
border-right: 2px dotted #768BAB;
padding:5px 0px 0px 20px;
margin: 0;
vertical-align: top;
text-align: left;
float: left;
display: block;
}
#footer4 ul li{
margin:0px 0px 5px 0px;
}



#footer5{
list-style: none;
width: 160px;
height: 120px;
padding:5px 0px 0px 20px;
margin: 0;
vertical-align: top;
text-align: left;
float: left;
display: block;
}

/************************** VERY BOTTOM *********************/
#very_bottom
{
margin-bottom:30px;
width:960px;
height:27px;
}
#very_bottom p {
color:#999999;
margin:0;
font-size:12px;
padding-right:10px;
} 
#very_bottom p a:hover{color: #FF8400;}   

#very_bottom a {
color:#999999;
text-decoration: none;
margin:0;
}
/************************** ******************** CONTENT - TABS *********************** *********************/
#tabMenu {
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
}

#tabMenu li {
	float:left;
	height:41px;
	width:152px;
	cursor:pointer;
	cursor:hand;margin:0;
	padding:0;.
	/*margin-right:1px;*/
}

/* this is the button images */

li.tab5 {background:url(../images/tab_happy_grey.jpg) no-repeat 0 0;}
li.tab5.selected {background:url(../images/tab_happy_orange.jpg) no-repeat 0 0;}



li.tab4 {background:url(../images/tab_latest_grey.jpg) no-repeat 0 0;}
li.tab4.selected{background:url(../images/tab_latest_orange.jpg) no-repeat 0 0;}



li.tab3 {background:url(../images/tab_why_grey.jpg) no-repeat 0 0;}
li.tab3.selected {background:url(../images/tab_why_orange.jpg) no-repeat 0 0;}



li.tab2 {background:url(../images/tab_offers_grey.jpg) no-repeat 0 0;}
li.tab2.selected {background:url(../images/tab_offers_orange.jpg) no-repeat 0 0;}



li.tab1 {background:url(../images/tab_welcome_grey.jpg) no-repeat 0 0;}
li.tab1.selected {background:url(../images/tab_welcome_orange.jpg) no-repeat 0 0;}




li.selected {background-position:0 0;}


li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 0;}



.box {
	width:760px;
}


#tabs{/*border: 1px solid #00CC00;*/ width:auto; height:40px;}

.boxBody {
	margin:0;background-color:#fff;border: 3px solid #F67400;min-height:350px;
	
}

.boxBottom {
	/*background:url(../images/tab_bottom.jpg) no-repeat;
	height:15px;*/
	width:760px;
	margin:0;
}

.boxBody div {
	display:none;
}

.boxBody div.show {
	display:block;
}


.boxBody #category a {
	display:block
}


/******************** TAB 1  *********************/
#welcome
{
width:auto;
height:auto;
margin:20px 20px 10px 20px;
padding:0px;
}
#welcome p
{
padding-left:10px;
padding-right:10px;
}

#welcome a {
color:#000000;
text-decoration:none;
}

#welcome a:hover {
color:#F67400;
}

#orange{ color:#F67400;}
/******************** TAB 2  *********************/
#offers
{
width:auto;
height:auto;
margin: 20px 10px 10px 10px;

}
#offers p
{
padding-left:10px;
padding-right:10px;
}
#offers_list
{
color: #333;
font-family: Arial;
padding-left: 10px;
padding-right: 50px;
}
#offers_list2
{
color: #333;
font-family: Arial;
padding-top: 20px;
padding-left: 10px;
padding-right: 50px;
}
/******************** TAB 3  *********************/
#why
{
width:auto;
height:auto;
margin:15px;
padding:0px;
}
#why p
{
margin:0;
padding:0px 0px 0px 10px;

}
/******************** TAB 4  *********************/
#latest
{
width:auto;
height:auto;
margin:15px 10px 10px 10px;
padding:0px;
}
#latest p
{
padding-left:10px;
padding-right:10px;
}
/******************** TAB 5  *********************/
#happy
{
width:auto;
height:auto;
margin:15px 10px 20px 10px;
padding:0px;
}
#happy p
{
padding-left:10px;
padding-right:10px;
}


/******************************************************* BELOW ARE ALL THE PAGES ************************************************************/

/******************** CONCRETE HOMEPAGE  *********************/

.concrete_banner
{
height:auto;
width:765px;
height:201px;
}
#concrete_description
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#concrete_description p
{
}

#concrete_container
{
height:auto;
width:765px;
float:left;
margin: 0px 0px 0px 0px;
padding:20px 0px 0px 0px;
background:#FFFFFF;
}



#concrete_box_wrapper
{
float:left;
margin:10px 10px 50px 0px;
width:245px; height:180px;

}

#concrete_box_image
{
width:245px;
height:161px;
margin:0px;
padding:0px;

}
/*****/

#concrete_box_wrapper p{font-size:12px; margin-top:5px;}

/******************** STEEL HOMEPAGE  *********************/

#steel_banner
{
height:auto;
width:765px;
}

#steel_description
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#steel_description p
{
}

#steel_container
{
height:auto;
width:765px;
float:left;
margin: 0px 0px 0px 0px;
padding:20px 0px 0px 0px;
background:#FFFFFF;
}



#steel_box_wrapper
{
float:left;
margin:0px 10px 10px 0px;
width:180px; height:230px;
}

#steel_box_image
{
width:180px;
height:180px;
background-color:#666666;
margin:0px;
padding:0px;
}
/*****/

#steel_box_wrapper p{font-size:12px; margin-top:5px;}


/******************** ALL PRODUCTS > CONCRETE  *********************/
#all_concrete_container
{
height:auto;
width:765px;
float:left;
margin: 0px 0px 0px 0px;
padding:20px 0px 0px 8px;
min-height:475px;
border-bottom:3px solid #9AD834;
}
#concrete_garages_single
{
height:auto;
width:765px;
margin:0px 0px 20px 0px;
}
#concrete_garages_double
{
height:auto;
width:765px;
margin:0px 0px 20px 0px;
}

/******************** ALL PRODUCTS > STEEl  *********************/
#all_steel_container
{
height:auto;
width:765px;
float:left;
margin: 0px 0px 0px 0px;
padding:20px 0px 0px 8px;
min-height:475px;
border-bottom:3px solid #9AD834;
}
#steel_buildings_single
{
height:auto;
width:765px;
margin:0px 0px 20px 0px;
}
#steel_buildings_double
{
height:auto;
width:765px;
margin:0px 0px 20px 0px;
}
/******************* PRODUCT PAGE ******************/
#product_wrapper
{
padding:0px;
margin:0px 0px 10px 0px;
width:755px;
height:auto;
/*height:456px;*/
}



#product_description_bodytext
{
float:left;
width:325px;
height:auto;
margin:0px 10px 20px 0px;
padding:0px 10px 0px 5px;
position:relative;
/*border:1px solid #990000;*/
}


#product_description_bodytext p
{
font-size:12px; 
margin:10px 0px 0px 0px;
padding:0px;
color:#000000;
}

#product_description_bodytext h5 
{
font-size:12px;
font-weight:bold;
color: #365C93;
margin:0px;
padding:0px 0px 0px 5px;
}

#product_description_bodytext a 
{
text-decoration:none;
}

#image_container
{
/*border:1px dashed #990000;*/
width:402px;
height:auto;
float:right;
padding:18px 0px 0px 0px;
}

#product_main
{
float:right;
margin:0px;
width:402px;
height:263px;
/*border:1px solid #FFFF00;*/
}


#thumbs_container
{
width: 402px; 
height: 84px; 
float:right;
margin:5px 0px 30px 0px;
/*border:1px solid #FFFF00;*/
}

#thumb
{
width:auto; 
height: auto; 
float:left;
/*border:1px solid #000;*/
margin:0px 5px 0px 0px;
}

#downloads_link
{
border:1px solid #000;
line-height:40px;
width: auto;
}
#downloads_link p
{
line-height:40px;
}



/******************** NEWS *********************/
#news
{
height:auto;
width:720px;
float:left;
margin:0px;
padding:0px;

}




/******************** GALLERY MODIFICATIONS  *********************/
/* general styling for this example 
* { margin: 0; padding: 0; }
{ padding: 20px; }*/
/* begin gallery styling */
#jgal { list-style: none; width: 200px;}
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
#jgal li.active img { display: block;  border:1px solid #990000;}
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }


/**HACK**/
.innova{display:none; margin:0; padding:0;}

/******************** CONCRETE & STEEL SPECIAL OFFERS  *********************/
#offers_box_wrapper
{
float:left;
margin:20px 5px 5px 0px;
width:765px; height:auto;
}

#offers_box_image
{
float:left;
width:245px;
height:161px;
margin:0px;
padding:0px;
border:1px solid #000;
}

#offers_box_desc
{
float:left;
width:380px;
height:auto;
margin:0;
padding:0px 0px 0px 25px;
}
#offers_box_desc p
{
padding:5px 15px 5px 0px;
margin:0;
}



/******************** DOWNLOADS  *********************/
#downloads_container
{
height:auto;
width:765px;
float:left;
margin: 0px 0px 0px 0px;
padding:20px 0px 0px 8px;
min-height:700px;
}
#downloads_description
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#downloads_container p
{
margin:0px; padding:0px;
}
/******************** IMAGE VIEWER  *********************/
.photos {
	overflow: hidden;
	border: 10px solid #f0f0f0;
	padding: 10px;
	width: 400px;
	margin: 0 auto;
}

.photos img.logo {margin: 0 auto; display:block;}

.photos div img {
	padding: 10px 0;
	margin: 20px 0;
	float: left;
	border-bottom: 1px solid #ddd;
}

.photos ul.thumbs li:hover {
	border: 5px solid #888;
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
}

.photos ul.thumbs {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	width: 390px;
	float: left;
}
.photos ul.thumbs li{
	width: 110px;
	height: 100px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
	border: 5px solid #ddd;
	text-align: center;
}
.photos ul.thumbs li img {
	position: absolute;
	top: -180px;
	left: -145px;
}

/********** HOME - OFFERS TAB ***********/

.boxgrid{  
    width: 245px;  
    height: 161px;  
    margin:10px;  
    float:left;  
    background:#161613;  
    border: solid 2px #8399AF;  
    overflow: hidden;  
    position: relative;  
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}  

.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}

.boxgrid.caption.cover {  
    top: 141;  
    left: 0;  
}  

/******************** QUOTE PAGE  *********************/

#contact_details
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}
.orange{color:#F67400;}


.orange_bold
{color: #F47D04;
font-family: Arial;
font-size: 16px;
font-weight: bold;
margin: 0px;
width: auto;}


.blue_bold{
color:#365C93;
font-family: Arial;
font-size: 16px;
font-weight: bold;
margin: 0px;
width: auto;
}

#contact_details h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}
/***/

#garage_style
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}
#style_image
{
height:152px;
width:169px;
background-color:#000;
}
#garage_style h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}
/***/

#main_doors
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}

#main_image
{
height:136px;
width:72px;
background-color:#000;
}
#main_doors h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}
/***/

#access_doors
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}

#access_image
{
height:136px;
width:72px;
background-color:#000;
}
#access_doors h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}

/**/

#windows
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}
#windows_image
{
height:98px;
width:134px;
background-color:#000;
}
.orange_bold{color:#F67400; font-weight:600;}
.blue_bold{color:#3D6193; font-weight:600;}

#windows h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}
/***/

#roofing
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}
#roofing_image
{
height:98px;
width:134px;
background-color:#000;
}
#roofing h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}
/***/

#pillars
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}
#pillars_image
{
height:157px;
width:147px;
background-color:#000;
}
#pillars h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}
/***/

#upvc
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}
#upvc_image
{
height:157px;
width:147px;
background-color:#000;
}
#upvc h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}

/***/

#guttering
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}
#guttering_image
{
height:157px;
width:147px;
background-color:#000;
}
#guttering h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
color:#000;
font-size:14px;
line-height:36px;
}


/********************* CONTACT FORM *********************/
#callback fieldset {
	color:#F47E03;
	border:solid 1px #3d6193;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#callback legend {
    color:#F47e03;
	font-size:15px;
	font-weight: bold;
	background-color:#ffffff;
	text-align:left;
	margin-left:0px;
	margin-right:10px;
	font-weight:300;
	padding:5px;
	
	}
#realname, #email, #telnumber {
	color:#3d6193;
	font-size:13px;
	width: 200px;
	border: 1px solid #3d6193;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 3px;
	background-color: #ffffff;
}
.blue {
	color: #3D6193;
}
#callbackblue {
	background-color: #ffffff;
	padding-bottom: 10px;
}


/********** STEEL QUOTE PAGE ***********/

#steel_quote_details
{
height:auto;
width:765px;
float:left;
margin:0px 0px 20px 0px;
padding:10px 0px 0px 0px;
}

#steel_quote_details h1
{
background-image:url(../images/green_heading.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 10px;
color:#000;
font-size:14px;
line-height:36px;
}
/***/




/*************** FOOTER - PAGE NUMBERS (NEXT/PREV) ****************/
#page_numbers
{
height:20px;
width:760px;
padding:0;
position:absolute;
bottom:120px;
top: 775px;

}


.next_prev 
{
float:right;
line-height:20px;
padding:0;
margin:0;
list-style: none;
font-size:12px;
width:auto;
height:20px;

}
.next_prev li 
{
float: left;
margin:0;
padding:0;
}
.next_prev li a 
{
display: inline;
padding: 0px 2px;
margin:0;
text-decoration: none;
font-weight: normal;
color: #666;
width:20px;
height:20px;
}

.next_prev li a.selected 
{
width:20px; 
height:20px;
display:inline-block;
margin:0; 
padding: 0;
text-align:center;
background-image: url(../images/number.gif); background-repeat:no-repeat;
}/*************** FOOTER - PAGE NUMBERS (NEXT/PREV) end ****************/

/********************* CONTACT US PAGE *********************/
#contact_container
{
float:left;
width:765px;
height:auto;
margin:20px 0px 0px 0px;
padding:0;
}

#info
{
float:left;
width:500px;
height:auto;
margin:0;
padding:0;
}

#form
{
float:left;
height: 250px;
width: 172px;
margin:0;
padding:0px 0px 0px 20px;
}
/************ CONTACT US FORM ************/

#call
{
height: 250px;
width: 172px;
margin:0;
padding:0;
}

#call_top
{
background: #F67400;
height: 30px;
margin: 0;
padding: 0;
}

#call_top h1
{
color:#fff;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding:0;
text-align:center;
line-height: 30px;
}

#call_main
{
height: 215px;
background:#365C93;
background-image: url(../images/corner_right.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

#call_main h1
{
color: white;
font-weight: 200;
font-size: 11px;
font-family: Arial;
padding-left: 8px;
margin: 0;
}

#call_main h2
{
color: #fff;
font-weight: 200;
font-size: 8pt;
font-family: Helvetica;
padding-left: 8px;
}

.call_search
{
border: 0;
width: 108px;
height: 21px;
padding: 0;
margin: 0;
}


.call_search_big
{
border: 0;
width: 146px;
height: 50px;
margin-left: 8px;
}

#submit_padder
{
border: 0;
padding-top: 10px;
float: right;
margin-right: 1px;
}
/*************** CONTACT US PAGE end ****************/

/*********************** TOOLTIP ******************************/
#dhtmltooltip{
position: absolute;
width:200px;
height:auto;
border: 2px solid #F67400;
padding:10px;
background-color:#fff;
color:#000;
font-weight:normal;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
z-index: 101;
visibility: hidden;
}

/*********************** end TOOLTIP ******************************/



/* cart */

#cartHeader { margin-top: 5px; width: 910px; overflow:hidden; background-color:#eee; padding:3px 0; font-size: 14px; }
.cartItem { float:left; width: 450px; }
.cartItem img { float:left; padding-right: 20px; }
.cartPrice { float:left; width: 80px; }
.cartQty{ float:left; width: 80px; z-index:3; }
#chooseDel{ float:left; width: 200px; padding-bottom:3px; z-index:3; }
.cartTotal{ float:left; width: 80px; }
.cartRemove{ float:left; width: 29px; text-align:center; }
.cartRowItem{ width: 910px; overflow:hidden; padding-bottom:10px; padding-top:10px; border-bottom: 1px dotted #ccc; }
.cartRow{ width: 200px;  overflow:hidden; padding-bottom:3px; padding-top:3px; }
.cartRow2{ float:left; width: 910px; overflow:hidden; padding-bottom:3px; text-align:center; padding-top:5px; }
.cartRow2 input { border: none; }
#cartPriceSpacer{ float:left; width: 100px; }
.cartPriceTotal{ float:left; width: 100px; }
hr{ background-color:#eee; color:#eee; width:910px; height:2px; border:0px; margin-bottom: 20px; }
#return{ float:left; width:450px; text-align:right; padding-right:5px; padding-top:5px; }
#return img { margin-left: auto; }
#checkout{ float:right; padding-top:5px; margin-bottom: 20px;}
.cartheadertxt{ color:#000; font-weight:bold; }
.orderTotals { background: #eee; border: 1px solid #aaa; width: 250px; float: right; margin-top: 10px; clear: both; }
.orderTotals p { position: relative; margin: 0 5px 5px 5px; font-weight: bold; }
.orderTotals span { position: absolute; top: 0; right: 0; }
.orderTotals h3 { background: #ccc; padding: 5px; color: #111; margin-bottom: 5px; font-style: italic; }
.bigTotal { font-size: 14px; }
.cart2, .cart2:visited, .cart2:active { font-size: 14px; text-decoration: none; }
.cart2:hover { color: #000; }


#checkout_container
{
widows:760px;
height:auto;
margin:0;
padding:0;
}

#checkout_container input
{
border:1px solid #96D52C;
margin:0px 0px 5px 20px;
}
#checkout_container input.submit_button
{
border:1px solid #000;
margin:0;
padding:0;
}


/*****/
#register_container
{
widows:760px;
height:auto;
margin:0;
padding:0;
}

#register_container input
{
border:1px solid #96D52C;
margin:0px 0px 5px 20px;
}
#register_container input.submit_button
{
border:1px solid #000;
margin:0;
padding:0;
}