/*
    Document   : terrain
    Created on : 29-Sep-2009, 11:32:43
    Author     : a.dean
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

borroot {
    display: block;
}
#loginStat
{
width: 150px;
overflow: hidden;
}
div.menu ul
{
width: 900px;
}
/*
Long Page Code
*/
.menu {width:750px !important;
}
div#top_left
{
top: 15px;
position: relative;
}
div#content li
{
margin-bottom:0 !important;
}
div#sitemap_block h4
{
font-size: 8pt;
}
.view_link
{
border-style: solid;
border-width: 1px;
padding: 3px;
font-weight: bold;
text-decoration: none;
}
a.view_link
{
text-decoration: none !important;
}

div#content
{
width: 728px;
height: auto;
}

div#mainmenubackground {
    background:transparent url(/polypipe/frontend/homepage/images/left-bar.gif) no-repeat scroll right top;
height: 1175px;
}

div#container
{
height: 1260px !important;
}
div#companyaddress
{
top: 1237px;
}
img#terrainfootlogo
{
    position: absolute;
    left: 20px;
    top: -50px;
}
.solutions_menu
{
    float: left;
margin-right: 2px;
    margin-bottom: 3px;
width: 87px;
}
div#solutionsLinkWrapper
{
width: 200px;
position: relative;
left: -3px;
}
div#mainmenu h4
{
width: 200px;
}
div#mainmenu h4
{
    color: #ffffff;
}

/*
Sitemap
*/
div.sitemap_col
{
width: 27%;
float: left;
margin-right: 40px;
}
div#right_link
{
display: none !important;
}
div#sitemap_block
{
position: relative;
top: 100px;
}
div#sitemap_header
{

clear: both;
background: url(/polypipe/frontend/homepage/images/sitemap_header_bar.gif) no-repeat !important;
height: 25px;
padding-top: 10px;
margin-top: 10px;
}
div#sitemap_header div#right_link, div#sitemap_header h3
{

margin-left: 10px;
display: inline;
color: #FFFFFF;

}
div#sitemap_header h3
{
font-size: 10pt;
margin-top: 5px;
}
div#sitemap_header div#right_link a
{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
div#sitemap_header div#right_link
{

text-align: right;

margin-left: 500px;

color: #FFFFFF;
}
/*
   Rainwater Home
*/
div#pagecontent
{
width: 750px;
}
div#content
{
height: 1200px;
padding-left: 10px !important;
width: 740px;
overflow-x: hidden;
}
div#top_section
{
width: 700px;
}

div#top_section p
{
font-weight: bold;
}
div#lower_section
{
margin-top: 20px;
}
div#lower_section div#left_content
{
width: 400px;
float: left;
}
div#lower_section div#related_news, div#lower_section div#useful_information
{
border-color: #a4ccea;
border-style: solid;
width: 257px;
margin-bottom: 15px;
padding-top: 0px;
}
div#lower_section div#related_news p, div#lower_section div#useful_information p
{
padding: 5px;
color: #666666;
}
div#right_content
{
float: left;
width: 270px;
margin-left: 40px;
}

.left_float_img
{
float: left;
}
ul#links_list li
{
list-style: none;
padding-left: 10px;
width: 200px;
float: left;
}
div#lower_section div#related_news h3, div#lower_section div#useful_information h3
{
background: #a4ccea;
margin-top: 0px;
padding-bottom: 3px;
color: #3f3f3f;
height: 20px;
padding-top: 3px;
padding-left: 5px;
}
div#top_left
{
float: left;
width: 400px;
}
div#top_right
{
float: left;
margin-left: 70px;
}
div.icon_wrapper
{
float: left;
text-align: center;
font-size: 7pt;
width: 75px;
}
div#top_left h2
{
margin-top: 0px;
}

/*
   Rainwater Applications
*/
div#left_col h3, div#right_col h3
{
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
div#left_col, div#right_col
{
     width: 321px;
float: left;
margin-right: 50px;
}
div.app_image
{
    width: 69px;
    float: left;
    margin-right: 15px;

}
div.product_desc
{
    width: 231px;
    float: left;
}
div.applicationWrapper
{
    clear: both;
padding-top: 15px;
}

/*
System Overview
*/
div#lower_section
{
clear: both;
}
div#systems_left_col, div#systems_right_col
{
width: 340px;
float: left;
margin-right: 30px;
position: relative;
top: 30px;
}
h4
{
margin-bottom: 0px;
}
span.light
{
    font-weight: normal;
}
div.range_left_col, div.range_right_col
{
width: 322px;
float: left;
margin-right: 30px;
}

/*
Range Overview
*/
div.range_top
{
width: 474px;
clear: both;
border-bottom-style: solid;
border-bottom-color: #3e7eba;
border-top-style: solid;
border-top-color: #3e7eba;
border-width: 1px;
padding-bottom: 10px;
}
div.range_left_col, div.range_right_col
{
width: 333px;
float: left;
margin-right: 30px;
}
div.range_holder
{
clear: both;
}

/*
Siphonic Home
*/
div#video_holder
{
    background: #b2b2b2;
    width: 279px;
    height: 280px;
    margin-bottom: 20px;
}
h4#list_header
{
    color: #0054A4;
}
p.strong
{
    font-weight: bold;
}

/*
how_it_works
*/
div#gravity_flow
{
    background: url('/polypipe/frontend/pp_terrain/siphonic/images/how_it_works/01.gif');
        width: 395px;
        height: 139px;
}
div#gravity_flow h3
{
font-size: 8pt;
margin-top: 15px;
}
.gravity_flow_copy
{
    width: 125px;
    padding-left: 70px;
    float: left;
font-size: 7pt;
}
div#water_flow h4
{
color: #ffffff;
font-size: 11pt;
line-height: 14pt;
}
div#water_flow
{
padding: 5px;
    background: #b6b6b6 url('/polypipe/frontend/pp_terrain/siphonic/images/how_it_works/02_back.gif') !important;
        width: 282px;
        height: 352px;
}
div#siphonicflash
{
    position: relative;
    top: 40px;
}
div#right_content
{
position: relative;
top: 50px;
}
div#gravity_flow
{
margin-top: 25px;
}
/*
System Description
*/
div#flow_cap
{
width: 178px;
float: left;
margin-right: 20px;
}
div#outstanding
{
    background: url('/polypipe/frontend/pp_terrain/siphonic/images/system_description/02.gif');
        width: 348px;
        height: 184px;
padding: 10px;
margin-bottom: 20px;
}
div#outstanding p.os_column
{
width: 160px;
float: left;
}
div#outstanding, div#outstanding h4
{
color: #ffffff;
}

/*
Drainage - Soil Waste
*/
.related_literature
{
clear: both;
text-align: right;
margin-right: 45px;
}

div.brochure_link
{
    float: left;
    width: 100px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: center;
}

img.top_row_image
{
float: left;
margin-right: 0px;
}
/*
Soil Waste
*/
#topRightImg
{
margin-left: 2px;
}
/*
Terrain Rainwater
*/
#system_left_col, #system_right_col
{
    float: left;
    width: 200px;
}
#marscar_further_info div.prod_info
{
width: 180px;
float: left;
}
div#approved
{
text-align: right;
margin-right: 50px;
padding-top: 30px;
clear: both;
}

/*
About Us
*/
#main_content
{
width: 510px;
float: left;
padding-right: 20px;
}
#right_sidebar
{
width: 160px;
float: left;
top: 50px;
position: relative;
}
div#right_sidebar div, div#right_sidebar img
{
margin-bottom: 10px;
margin-top: 10px;
}
div.left_content_col img
{
margin-top: 30px;
}
div#years
{
background: #ffffff url('/polypipe/frontend/pp_terrain/global/about/06.gif') no-repeat;
text-align: center;
color: #ffffff;
line-height: 10pt;
padding-top: 1px;
padding-left: 3px;
padding-right: 3px;
height: 150px;
margin-top: 30px;
margin-bottom: 30px;
}

div#years h3
{
color: #ffffff;
margin-bottom: 0px;
}
div.round_copy h3
{
color: #ffffff;
margin-bottom: 0px;
}
div.round_copy
{
font-size: 7.5pt;
line-height: 9pt;
background: url('/polypipe/frontend/pp_terrain/global/about/01.gif') no-repeat;
width: 123px;
height: 134px;
text-align: center;
padding: 10px;
padding-bottom: 0px;
color: #ffffff;
}
#roundel1
{
padding-top: 25px;
}
div.left_content_col, div.right_content_col
{
width: 230px;
float: left;
margin-right: 20px;
}
div#technical_left
{
width: 430px;
float: left;
margin-right: 20px;
}
div#technical_right
{
margin-top: 60px;
}
dl#contact dd
{
float: left;
width: 100px;
font-weight: bold;
margin-left: 0px;
}

/*
Contact Us
*/
dd#address
{
height: 80px;
}
div#left_col dd, dl#contactForm dd
{
width: 100px;
float: left;
margin-left: 0px;
font-weight: bold;
}
dl#contactList dd
{
width: 150px;
clear: both;
height: 50px;
}
dl#contactList dt
{

height: 50px;
}

div#map
{
float: left;
width: 120px;
font-weight: bold;
}
dl#contactForm dd, dl#contactForm dt
{
font-weight: normal;
height: 25px;
}
div.aoi
{
float: left;
height: 120px;
}
div.aoi p
{
width: 60px;
}

input#submit
{
background: #0054a4;
color: #ffffff;
clear: both;
}
div#useful_information
{
float: left;
border-color: #a4ccea;
border-style: solid;
width: 257px;
margin-bottom: 15px;
padding-top: 0px;
position: relative;
top: 20px;
}
div#technical_right div#useful_information p
{
padding: 5px;
color: #666666;
}
div#technical_right div#useful_information h3
{
background: #a4ccea;
margin-top: 0px;
padding-bottom: 3px;
color: #3f3f3f;
height: 30px;
padding-top: 3px;
padding-left: 5px;
}
div#technical_right div#useful_information img
{
margin-left: 34px;;
margin-right: auto;
}
div#homeMainSection p
{
width: 450px;
}
div#iconWrapper
{
position: absolute;
left: 600px;
top: -10px;
}
#roundel1
{
padding-top: 25px;
}
div#technical_right
{
position: relative;
top: 30px;
}
div#left_content ul.pdf_list li
{
list-style: url(/polypipe/frontend/civils/download/bba/image/pdf.gif);
margin-left: 10px;
}
h3.blue
{
margin-bottom: 0px !important;
padding-bottom: 0px !important;
color: #0054a4;
}
h4.blue
{
color: #0054a4;
}
/*
UFCH
*/
#right_quote
{
background: #b2b2b2;
padding: 10px;
width: 261px;
margin-top: 10px;
margin-bottom: 10px;
}
#right_quote h4
{
color: #ffffff;
}
div#mainmenu, div#mainmenu ul
{
width: 250px !important;
}
.arrow
{
margin-left: 3px;
}
div#mainmenu ul
{
margin-top: 20px;
}
div#mainmenu ul li ul
{
margin-left: 20px;
margin-top: 15px;
}
div#mainmenu ul li ul li
{
list-style-type:circle;
}
div#video_holder
{
text-align: center;
padding-top: 20px;
}
p.open_link a
{
font-weight: bold;
text-decoration: none !important;
}
div.product_copy ul
{
    width: 500px;
}
img.selected
{
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
div#iconWrapper
{
margin-left: 60px;
}
.disabledLink
{
    color: #161e52;
}
div#form_inputs select
{
    float: right;
    width: 252px;
}