body 
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 62.5%/1.75em;
/* background-color: #72197b; */
background-image: url(../images/soft_tiles.jpg);
background-repeat: repeat;
background-attachment: fixed;
}

#container
{
width: 910px;
margin: 10px auto;
padding: 0;
line-height: 130%;
background-color: #FFFFFF;
}



/* MASTHEAD */
#masthead
{
margin-bottom: 7px;
padding: .7em; 
background-color: #1F1771;
height: 70px;
}

#masthead img
{
float: left;
margin: 0 15px 0 0;
padding: 0;
}

#masthead h1
{
font-size: 2.25em;
color: #FFFF00;
margin: 0px;
padding: 10px;
}

#masthead a
{
text-decoration: none;
color: #FFFF00;
}

#masthead a:hover
{
color: #FFFFFF;
}

#masthead p
{
font-size: 15px;
color: #FFFF00;
margin: 0px;
padding: 5px 0 0 10px;
}

#masthead p.admin
{
color: white;
font-size: 0.8em;
}

.contact_phone_header {
	float: right;
	font-weight: bolder;
	font-size: 1.35em!important;
}

#dist_login
{
display: block;
float: right;
margin: 0;
padding: 0;
}

#dist_login label
{
color: #FFFFFF;
font-size: 0.7em;
padding-right: 5px;
}

.dist_login_submit
{
position: relative;
top: 3px;
margin: 0;
padding: 0;
}

/* END MASTHEAD */




/* HEADER */
#header_large
{
margin: -7px 0;
padding: 0;
background-color: #1F1771;
background-image:url(../images/header_1.jpg);
background-position: top right;
background-repeat: no-repeat;
height: 325px;

}

#header_gap
{
margin: 0;
padding: 0;
height: 20px;
}

#header_small
{
margin: -7px 0;
padding: 0;
/* background-image:url(../images/header_small.jpg);*/
height: 90px;
}


#main_header_text
{
display: block;
float: left;
clear: both;
width: 280px;
margin: 0px;
padding: 1em;
}

#header_large h1
{
font-size: 0.9em;
color: #FFFFFF;
}

#header_large p
{
color: #FFFFFF;
font-size: 1em;
}

#free_insurance {
width: 192px;
height: 195px;
position: relative;
top: 140px;
left: 700px;
}

#main_header_promo
{
display: block;
background-color: #711752;
float: left;
clear: both;
width: 220px;
height: 35px;
margin: 0 0 0 30px;
padding: 0.5em;
border: 2px outset;
}

#main_header_promo h1
{
margin: 0;
padding: 0;
font-size: 1em;
color: #FFFFFF;
text-align: center;
}

#main_header_promo p
{
margin: 0;
padding: 0;
font-size: 0.7em;
color: #FFFFFF;
text-align: center;
}

#main_header_promo a
{
text-decoration: none;
color:#FFFFFF;
}

#main_header_promo a:hover
{
text-decoration: underline;
}


#small_header_logo_container
{
height: 90px;
text-align:center;
vertical-align: bottom;
}

.small_header_logos
{
display: block;
height: 29px;
padding: 10px 17px;
float: left;
border: none;
}
/* END HEADER */




/* Navigation */
#navigation {
width: 100%;
float: left;
clear: both;
background-color: #491964;
background-image:url(../images/navbar_graphic.jpg);
background-repeat: repeat-x;
background-position:center bottom;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0 0 0 0;
width: 7em;
float: left;
text-align: center;
}

#navigation a, #navigation h2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: .85em;
font-weight: lighter;
display: block;
margin: 0;
padding: 2px 3px;
}

#navigation li ul li a {
font-size: .70em;
border-bottom: 1px solid #666666;
background-color: #491964;
color: #FFFFFF; 
}

#navigation h2 {
color: #FFFFFF;
background: none;
}

#navigation a {
text-decoration: none;
}

#navigation h2 a {
padding-top: 2px;
color: #FFFFFF;
}

#navigation a:hover {
color: #FFFFFF;
background-color: #3D197B;
background-image:url(../images/navbar_graphic_inverse.jpg);
background-repeat: repeat-x;
background-position:center bottom;
}

#navigation h2 a:hover {
background-color: #3D197B;
/* background-image: url(../images/nav_button_bg.jpg);
background-repeat: repeat-x;
background-position:center bottom;
color: #FFFF00; */
}

#navigation li {position: relative;}

#navigation ul li.active
{
color: #FFFF00;}

#navigation ul ul {
position: absolute;
z-index: 500;
}

#navigation ul ul ul {
top: 0;
left: 100%;
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}

/* end Navigation */



/* COLOUR BAR*/

#colour_bar
{
margin: 6px 0 0 0;
background-image: url(../images/bottom_drop_shadow_slice.jpg);
background-repeat: repeat-x;
width: 100%;
padding: 0;
height: 12px;
}
/*END COLOUR BAR*/




/* MAIN PAGE STRUCTURE*/

#left_column
{
background-image: url(../images/logos/logo_tile_shadow_soft.jpg);
background-position: center;
background-repeat: repeat-y;
background-attachment:fixed;
float: left;
width: 645px;
margin: 0;
padding: 1em 1em 1em 0em;
}

#left_column_wide
{
width: 900px;
margin: 0px;
padding: 1em 1em 1em 0em;
}

#center_column
{
float: left;
width: 0px;
border-left: 1px dotted gray;
border-right: 1px dotted gray;
margin: 0;
padding: 1em;
}

#right_column
{
margin: 0 0 0 665px;
padding: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #FFFFFF;
background-image:url(../images/background_grad.jpg);
background-repeat: repeat-x;
border-top: 1px solid gray;
height: 110px;
}

/* END MAIN PAGE STRUCTURE */



#home_page_main
{
position:relative;
width: 910px;
height: 260px;
margin: 0;
top: -1em;
z-index: 1;
padding: 0;
}

#home_page_main.main_logo
{
width: 15%;
}

#logo_block {
margin: -5px 0 -30px 0;
width: 910px;
height: 180px;
}

#home_page_main h1
{
font-family:Georgia, "Times New Roman", Times, serif;
}

#left_column_wide h1
{
font-size: 105%;
}

div#left_column h1, div#right_column h1, div#center_column h1
{
font-size: 100%;
color:#999999;
margin: 0;
padding: 0 0 1em 0;
}

#center_column img 
{
margin: 0px;
padding: 2px 0px 5px 2px;
}


#left_column p, #left_column_wide p, #center_column p 
{
margin: 0 0 1em 0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
}

#right_column p
{
margin: 0 0 1em 0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #666666;
}

#left_column h2
{
font-size: 100%;
color: #999999;
}

#left_column h3
{
font-size: 95%;
color: #999999;
}

#left_column li
{
/* margin: 1em 3em 2em 3em;*/
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
padding: 0;
list-style-type: square;
}

#left_column ul ol
{
margin: 0;
padding-bottom: 2em;
}

#left_column ul ul li
{
margin-left: 2em;
font-size: 1em;
}

.float_right
{
float: right;
padding-left: 1em;
}

.big_font {
	font-weight: bolder;
	font-size: 20px!important;
	colour: black;
}

.floor_plan_choice {
	font-weight: bolder;
	font-size: 15px!important;
	padding: 30px 72px 0 0!important;
	float: right;
	clear: both;
}

#suncorp_corporate {
float: right;
display: block;
text-align: left;
font-size: 10px;
width: 25%;
margin-bottom: 1em;
}

#suncorp_corporate img {
padding-bottom: 1em;
}

#insurance_information h3 {
margin: 0;
padding: 0 0 .5em 0;
}

#insurance_information p {
line-height: 1.1em;
}

#insurance_left_column {
float: left;
width: 40%;
}

#insurance_right_column {
float: right;
width: 40%;
}

#insurance_disclaimer {
clear: both;
border: thin solid black;
padding: 0.8em 0.8em 0em 0.8em;
text-align: center;
margin-left: 1.5em;
margin-right: 1.5em;
font-size: 0.9em;
}


#right_column a:link, #right_column a:visited 
{
text-decoration: none;
font-weight: lighter;
color: #0000FF;
}

#right_column a:hover, #right_column a:active
{
text-decoration: underline;
}


#slide_show {
position: relative;
left: 135px;
width: 640px;
height: 480px;
margin: 40px 0 10px 0;
border: 8px inset gray; 
z-index: 0;
}



/* Form Layouts */
label.std
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

label.embedded
{
width: 12em;
display: block;
float: right;
text-align: left;
}

input, textarea, select
{
color: #781351;
background-color: #FFFFCC;
border: 1px solid #6633FF;
}

input[readonly]
{
background-color: #F6F6F6;
}

input.submit
{
display: block;
/*height: 2em;*/
width: 400px;
height: 84px;
float: right;
clear: both;
color: white;
background-color: #ffa20c;
border: 2px outset #d7b9c9;
} 

#estimates fieldset
{
border: 1px solid #781351;
width: 95%;
margin: 0;
padding: 1em;
}

#estimates fieldset.design_fieldset
{
width: 95%;
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px;
margin-bottom: 1em;
margin-top: 0.5em;
font-size: 0.9em;
}

#information_box
{
border: 1px solid #666666;
background-color: #EFEFEF;
color: #666666;
padding: 0.2em;
float: right;
width: 25em;
height: 1.8em;
margin: 1em 0em 0em 0em;
font-size: 0.75em;
}

#information_box_short
{
border: 1px solid #666666;
background-color: #EFEFEF;
color: #666666;
padding: 0.5em;
float: right;
width: 14em;
height: 6.5em;
margin: 3em 1.5em 0em 0em;
font-size: 0.75em;
}


#information_box h4
{
background-image: url(../images/mini_logo.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0 3px 37px;
margin: 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #666666;
color: #666666;
font-size: 110%;
}

#information_box_short h4
{
background-image: url(../images/mini_logo.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0 3px 37px;
margin: 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #666666;
color: #666666;
font-size: 110%;
}


#nav_buttons_row_estimates {
float: right;
width: 550px;
height: 20px;
font-size: 0.8em;
margin: 6px 10px 0 0;
padding: 5px;
}

#result_content /* DIV to present AJAX return for distributors */
{
}

#result_content img {
width: 300px;
}


#estimate_form_design {
text-align: center;
}

#estimate_form_design a img {
border: groove thick #9999FF;
}

div.form_float_right
{
display: block;
width: 150px;
float: right;
clear: none;
}

fieldset h2
{
color: #9966CC;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
}

.row
{ 
clear: both;
border: thin solid #9999FF;
margin: 2em 1.5em 2em 1.5em;
padding: 1em;
}

.clear_row
{
clear: both;
padding: 1em 0em 1em 0em;
}

.colour_row
{
clear: both;
padding: 1em 0em 1em 0em;
background-image:url(../images/background_grad.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

ul.colour_swatches
{
margin: 0;
padding: 0em 1em 0em 3em;
}

ul.colour_swatches li
{
display: block;
float: left;
clear: none;
width: 33%;
vertical-align: bottom;
font-size: 0.8em;
}

ul.colour_swatches li img, ul.colour_swatches li input
{
float: left;
clear:none;
}

.swatch {
height: 37px;
width: 37px;
}

ul.large_form_objects
{
margin: 0;
padding: 0em 1em 0em 3em;
}

ul.large_form_objects li
{
display: block;
float: left;
width: 25%;
}

ul.large_form_objects li
{
vertical-align: top;
}


ul.large_form_objects li img, ul.large_form_objects li input
{
text-align: center;
}


ul.large_form_objects_2
{
margin: 0;
padding: 0em 1em 0em 3em;
}

ul.large_form_objects_2 li
{
display: block;
float: left;
width: 50%;
}

ul.large_form_objects_2 li
{
vertical-align: top;
}


ul.large_form_objects_2 li img, ul.large_form_objects_2 li input
{
text-align: center;
}

ul.large_form_objects_3
{
margin: 0;
padding: 0em 1em 0em 3em;
}

ul.large_form_objects_3 li
{
display: block;
float: left;
width: 33%;
}

ul.large_form_objects_3 li
{
vertical-align: top;
}


ul.large_form_objects_3 li img, ul.large_form_objects_3 li input
{
text-align: center;
}


li.colour_selection {
display: block;
clear: both;
margin-bottom: 3em;
}

li.colour_selection ul.colour_swatches {
margin-bottom: 5em;
}


.constrained_left_box
{
display: block;
width: 390px;
}

.constrained_right_box
{
display: block;
width: 250px;
float: right;
clear: none;
}

.admin_form_label
{
display: block;
width: 300px;
float: left;
text-align: right;
padding: 0px;
margin-right: 2em;
font-size: 0.8em;
}


/*DISTRIBUTOR INTERFACE CHOICE*/
#interface_choice {
text-align: center;
width: 85%;
padding: 2em;
}

#interface_choice a.left  {
display: block;
width: 40%;
float: left;
height: 50px;
background-color: #3D197B;
color: #FFFFFF;
font-weight: bolder;
line-height: 3em;
text-decoration: none;
border: medium outset;
}

#interface_choice  a.right  {
display: block;
width: 40%;
float: right;
height: 50px;
background-color: #1F1771;
color: #FFFFFF;
font-weight: bolder;
line-height: 3em;
text-decoration: none;
border: medium outset;
}

#interface_choice a:hover {
background-color: #990000;
}



/* FORM SUMMARY TABLE */
#form_summary
{
padding: 1em;
}

#form_summary td
{
padding: 1em;
}

#form_summary td.detail
{
text-align: right;
}

#form_summary td.icon img
{
width: 75px;
vertical-align: top;
}





/* DESIGN LAYOUTS */

fieldset#show_plans {
border: 1px solid #781351;
width: 97%;
padding: .3em 1em 1em 1em;
margin: -1em 0 0 0 ;
}

#nav_buttons_row {
display: none; 
position: absolute;
top: 600px;
left: 35%;
width: 550px;
height: 20px;
font-size: 0.8em;
background-color: #FFFFCC;
border: 1px solid red;
margin: 6px 10px 0 0;
padding: 5px;
}

#nav_buttons_row_2 {
display: none;
float: right;
width: 550px;
height: 20px;
font-size: 0.8em;
background-color: #FFFFCC;
border: 1px solid black;
margin: 6px 10px 0 0;
padding: 5px;
}


#navigation_controller {
display: block;
float: right;
width: 40%;
}

.nav_buttons a {
text-decoration: none;
color: #0000FF;
}

.nav_text {
margin: 0 0 10px 0;
padding: 0;
}

.design_nav_buttons
{
width: 20px;
border: none;
}

.nav_buttons {
display: block;
font-size: 0.8em;
float: right;
width: 105px;
height: 20px;
vertical-align: top;

}
#show_plans_selector {
display: block;
width: 50%;
float: left;
}


#show_plans_design {
clear: both;
}

#show_plans_design img {
height: 430px;
border: groove medium black;
margin-bottom: 1em;
float: left;
}


.design_profile_half
{
width: 50%;
float: left;
}

.design_profile_full
{
width: 100%;
clear: both;
}

.design_profile_plan
{
clear: both;
}

.design img
{
border: none;
padding: 0;
margin: 0;
}



#design_header
{
display: block;
clear: both;
background-color: #711752;
padding: 0;
margin: 10px 0em .5em 0em;
height: 3em;
width: 100%;
}

#design_header img
{
float: right;
padding: 5px;
margin: 0;
}

#design_header p.design_header_links
{
float: right;
clear: none;
font-size: .7em;
color: white;
margin: 0;
padding: 5px;
}

#design_header a
{
text-decoration: none;
color: white;
}

#design_header a img
{
border: none;
}

#design_header a:hover
{
text-decoration: underline;
}

#design_header h3
{
color: #FFFFFF;
padding: .7em 0 0 .7em;
margin: 0;
}

#design_info
{
display: block;
border-top: thin outset #1F1771;
padding: 0.5em;
margin-top: 2em;
}

#design_stats
{
display: block;
float: right;
clear: none;
width: 200px;
background-color:#FFFFCC;
margin: 0em 0em 0em 2em;
padding: 0.5em;
}

#more_information_button {
	float: left;
	padding-top: 5px;

}
#more_information_button a img {
	border: 0px none;
}

#design_stats p
{
font-size: 0.7em;
}

ul.design li
{
display: block;
clear: both;
width: 100%;
border: thin inset black;
background-color:#DDDDDD;
}

#design_list {
font-size: 1em;
width: 100%;
}

#design_list a {
font-size: 0.8em;
}

#design_list a:visited {
color: #0000FF;
} 

.floor_plan_button {
	margin-bottom: 30px;
}

a img.floor_plan_button {
	border: 0px none;
}

.design_list_image {
height: 230px;
padding-right: 2em;
}









/* INFORMATION PAGES */

#information_main_header
{
color: #FFFFFF;
font-size: 1em;
padding: 0.5em 0em 1.5em 1em;
background-image: url(../images/background_grad.jpg);
background-repeat: repeat-x;
background-position: bottom center;
display: block;
width: 100%;
clear: both;
}

#information_sub_header
{
font-size: 1em;
padding: 0.5em 0em 1.5em 1em;
display: block;
width: 100%;
clear: both;
}

.information_flash_box
{
display: block;
border-top: 1px solid #781351;
border-right: 1px solid #781351; 
width: 95%;
padding: 1em 0em 0em 1em;
margin: 0 1em 1em 1em;
text-align: center;
}

.project_video
{
clear: both;
padding: 0;
margin: 1.7em 0 0 1em;
}



/* Image Rollover Script */
.border_b{
   border: 1px solid #000000;
}

.float{
   visibility: hidden;
   position: absolute;
   left: -3000px;
   z-index: 10;
}
/*end*/


/* Extras */
#check_dist_code /* DIV for AJAX result from valid distributor check */
{
float: right;
width: 33%;
text-align: center;
padding-right: 2em;
}

#check_dist_code img
{
width: 50px;
}

#check_dist_code img.wait
{
width: 100%;
}

#new_username_result /* DIV for AJAX result from valid distributor check */
{
float: right;
width: 33%;
text-align: center;
padding-right: 2em;
}

#new_username_result img
{
width: 50px;
}

#flat_pack_tiles
{
width: 245px;
height: 146px;
float: left;
}

#house_animation
{
float: right;
}

#supplier_logos
{
float: left;
display: inline;
width: 45%;
height: 90px;
line-height: 90px;
margin: 0;
padding: 5px;
}

#supplier_logos img
{
width: 85px;
margin: 0;
padding: 0;
vertical-align: middle;
}

#fire_pdf {
float: left;
list-style:none;
width: 100%;
}

#fire_pdf li {
float: left;
display: inline;
font-size: 10px;
width: 120px;
text-align: center;
}

#please_wait
{
background-image: url(../images/wait.gif);
background-position: center;
}


blockquote {
margin: 2em 5em 1em 5em;}

cite {
margin-left: 12em;
margin-bottom: 12em;
font-size: 70%;}


.conditions
{
font-size: 80%;
}

.dropcap
{
float: left;
width: 0.8em;
font-size: 3.0em;
line-height: 95%;
color: #666666;
}

.images_right
{
width: 200px;
margin: 0em 0em 1em 1.5em;
padding: 1em;
border: inset thin;
float: right;
}

.images_left
{
width: 200px;
margin: 0em 1.5em 1em 0em;
padding: 1em;
border: inset thin;
float: left;
}

.icon_right
{
width: 50px;
float: right;
}

#slogan
{
position: relative;
z-index: 200;
padding: 0;
margin: 0;
}

#slogan_image {
width: 890px;
height: 100px;
}

/* Footer divs */
#developer
{
float: right;
text-align: right;
font-size: 70%;
padding: 0;
}

.vivid {color: #00CC00;}
.image {color: #FF0000;}
.marketing {color: #0000FF;}


#footer_details
{
float: left;
font-size: 70%;
width: 450px;
}

#w3c img
{
float: left;
border-style: none;
}

#footer a
{
text-decoration: none;
color:#333333;
}

#footer a:hover
{
text-decoration:underline;
}



/* DISTRIBUTOR & ADMIN SPECIFIC CSS */
#session_window {
width: 100%;
height: 400px;
border: none;
}

#update_distributors {
width: 100%;
font-size: 0.8em;
}

#update_distributors caption {
background-color: #0033FF;
color: white;
}

#update_distributors thead {
font-weight: bolder;
}

.swaprow {
background-color: #CBCBCB;
}

.swaprow_highlight {
background-color: #CBCBCB;
color: #9900FF;
}

#update_distributors a {
color: #0000FF;
text-decoration: none;
}

#update_distributors a:hover {
text-decoration: underline;
}

.error {
color: red;
}











/* Google Ads */
#google_ads
{
text-align: center;
}

#google_referral
{
text-align: center;
}