/* CSS Document */

/*---------------------------------------------------------
Author:  Digital Design Media Ltd
Date:	2009
Description: The screen style sheet for ddm.co.nz
----------------------------------------------------------*/
*
{
	margin:0px;
	padding:0px;
}
img
{
	border:0px;
}
/* =Structure
------------------------- Page Structure ------------------
*/

body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3b3b3b;
	font-size: .8em;
}
body 
{
	border-top:5px solid #0a609d;
	background-color:#bbbabc;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
#mainBody
{
	/*width: 1060px;*/
	background-image:url(../images/background_top.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	/*margin-left: auto;
	margin-right:auto;*/
}
#wrapper
{
	margin-left: auto;
	margin-right:auto;
	width:960px;
	background-color:#d6d6d6;
	border-left:#0a609d 1px solid;
	border-right:#0a609d 1px solid;
	height:auto !important;
	height:600px;
	/*margin-bottom: 0px;
	margin-top: 0px;	
	min-height: 660px;*/
	background-image:url(../images/background-watermark.jpg);
	background-repeat:no-repeat;
	background-position: 215px bottom;
}
.clear
{
clear:both;
}


/* =Formating
------------------------- Formating ------------------
*/

#content_Title h1{
	background-image:url(../images/h1_title_bkground.jpg);
	background-repeat:no-repeat;
	line-height: 1.4em;
	font-size:1.4em;
/*	font-weight:bold;*/
	font-weight:normal;
	color: #0a609d;
	padding-top:4px;
	padding-bottom: 20px;
	text-align:left;
	text-indent: 5px;
	
}
#home_Title h1{
	line-height: 1.4em;
	font-size:1.4em;
/*	font-weight:bold;*/
	color: #0a609d;
	padding-top:4px;
	padding-bottom: 20px;
	
}
/*	background-position:top;*/
	

	
h2{
	font-size: 1.0em;
	font-weight:bold;
	line-height: .9em;
	color: #0a609d;
}
h3{
	font-size: 1.0em;
	font-weight:bold;
	line-height: 12px;
	color: #9d0a0e;
	padding-bottom: 7px;
	padding-top: 7px;
}
h4{
	font-size: .8em;
	line-height: 12px;
	padding-top: 3px;
	color: #616161;
}
/*body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}*/
a{
	color: #9d0a0e;
	text-decoration: none;
}
a:hover {
	color: #0a609d;
}
a .blue_link 
{
	width:144px;
	display:block;
	font-size:0.8em;
	color: #0a609d;
	text-decoration: none;
	text-align:center;
	padding:5px;
	border-bottom:#CCCCCC 1px solid;
	margin-left:6px;
}
a:hover .blue_link 
{
	color: #9d0a0e;
}
a .blue_link2
{
	display:block;
	font-size:0.9em;
	color: #0a609d;
	text-decoration: none;
	float:left;
	padding-top:1px;
	padding-left:3px;
}
a:hover .blue_link2 
{
	color: #9d0a0e;
}
a .testimonal_more
{
	display:block;
	font-size:1.0em;
	color: #0a609d;
	text-decoration: none;
}
a:hover .testimonal_more 
{
	color: #9d0a0e;
}
#contact_details span
{
	display:block;
	float:left;
}

/* =Header
------------------------- Header ------------------
*/
#navHeader
{
	width:960px;
	height: 100px;
	background-image:url(../images/nav_header.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
#navHeader img
{
	border:0px;
	margin-left:-2px;
	*margin-left:-1px;
}

#header
{
	width: 956px;
	height: 182px;
	background-color:#999999;	
	margin-left: 2px;
	margin-right: 2px;
}
/* =Menu
------------------------- Menu ------------------
*/
#menu
{
	width:579px;
	position: relative;
	float:right;
	margin-top:-26px;
	/*height:26px;*/
}
#menu a
{
	color:#FFFFFF;
	cursor:pointer;
}
#menu ul
{
	list-style:none;
}
#menu li
{
	float:left;
}
#menu li a
{
	height:22px;
	padding-top:4px;
	color:#FFFFFF;
}
#nav_home a
{
	display:block;
	width:117px;
	height:26px;
	background:url(../images/nav_home.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#nav_portfolio a
{
	display:block;
	width:111px;
	height:26px;
	background:url(../images/nav_portfolio.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#nav_products a
{
	display:block;
	width:110px;
	height:26px;
	background:url(../images/nav_products.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#nav_services a
{
	display:block;
	width:105px;
	height:26px;
	background:url(../images/nav_services.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#nav_contact a
{
	display:block;
	width:136px;
	height:26px;
	background:url(../images/nav_contact.jpg) no-repeat;
	background-position:top;
	text-align:center;
}
#nav_home a:hover, #nav_portfolio a:hover, #nav_products a:hover, #nav_services a:hover, #nav_contact a:hover
{
	background-position:bottom;
}
.nav_home a
{
	display:block;
	width:117px;
	height:26px;
	background:url(../images/nav_home.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.nav_portfolio a
{
	display:block;
	width:111px;
	height:26px;
	background:url(../images/nav_portfolio.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.nav_products a
{
	display:block;
	width:110px;
	height:26px;
	background:url(../images/nav_products.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.nav_services a
{
	display:block;
	width:105px;
	height:26px;
	background:url(../images/nav_services.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}
.nav_contact a
{
	display:block;
	width:136px;
	height:26px;
	background:url(../images/nav_contact.jpg) no-repeat;
	background-position:bottom;
	text-align:center;
}


/* =Columns
------------------------- Columns ------------------
*/
.columnContent
{
	margin:10px;
	border-bottom: #d6d6d6 1px solid;
	
}
.columnContent span
{
	display:block;
	float:right;
	padding-right:5px;
}
.three_cols
{
	background-image:url(../images/left_col_bk.gif);
	background-repeat:repeat-y;
	background-position:left;
	margin-left:2px;
}
.three_cols_mask
{
	width:100%;
	background-image:url(../images/right_col_bk.gif);
	background-repeat:repeat-y;
	background-position:786px;
}
#leftcolumn
{
	width: 215px;
	margin-left: 2px;
	float:left;
	margin-top: 2px;
	font-size: .7em;
	color: #3b3b3b;
	line-height: 14px;

}
#leftcolumn_header
{
	background-image:url(../images/left_col_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 215px;
	height: 10px;
	margin-top: -2px;
	margin-left: -2px;
	background-color:#d6d6d6;
}
#middlecolumn
{

	width: 515px;
	height: 100%;
	position: relative;
	float:left;
	margin-top: 2px;
	margin-right: 2px;
	margin-top: 2px;
	padding-left: 30px;
	padding-right:20px;

}

#rightcolumn_header
{
	background-image:url(../images/right_col_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 170px;
	height: 9px;
	margin-top:-2px;
	margin-left:2px;
	background-color:#d6d6d6;
}
#rightcolumn
{
	width:170px;
	margin-top: 2px;
	margin-right: 2px;
	position: relative;
	float:left;
}
#rightcolumn img
{
	margin-left:6px;
	margin-top:5px;
}
/* =Footer
------------------------- Footer ------------------
*/
#footerAddress
{
	width: 960px;
	height: 25px;
	margin-left: auto;
	margin-right:auto;
	border-top: #797979 1px solid;
	font-size: .7em;
	text-indent: 20px;
	
/*	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#d6d6d6;
	border-left:#0a609d thin solid;
	border-right:#0a609d thin solid;*/

}
#footerLinks
{
	display:block;
	font-size:1em;
	width:460px;
	height:16px;
	float:right;
	text-align:right;
	margin-right:10px;
}
#footer
{
	width:100%;
	height: 24px;
	background-color:#FFFFFF;
	position:relative;
	float:right;
}
#foot_wrap
{
	width:960px;
	height:19px;
	margin:0px auto 0px auto;
	color:#0a609d;
}
#foot_left
{
	display:block;
	width:460px;
	font-size:0.8em;
	float:left;
}

#foot_right
{
	display:block;
	width:460px;
	font-size:0.8em;
	float:right;
	text-align:right;
}
#bottomBorder 
{
	width: 100%;
	background-color: #0a609d;
	height: 5px;
}

/* Home page*/
.boxcol
{
	width:165px;
	height: 255px;
	position:relative;
	float: left;
	font-size: .8em;
	color: #0a609d;
	margin: 1px;
	margin-top: 10px;
	margin-bottom:30px;
}
.boxcol img
{
	border:0px;
}
.boxcol span
{
	display:block;
	padding-left:10px;
	padding-right:10px;

}
/* Columns*/
.titles
{
	width:180px;
	padding-left:24px;
	height:18px;
	padding-top:4px;
	/*color:#9d0a0e;*/
	color:#316bb4;
	font-size: 1.4em;
	font-weight: 700;
	display:block;
	background:url(../images/colTitle_bg.png) no-repeat;
	background-position:top;
	margin-bottom:8px;
	margin-left:3px;
}
.titles:hover
{
	background-position:bottom;
	cursor:pointer;
	/*color: #0a609d;*/
	color: #9d0a0e;
}
.titles_on
{
	width:180px;
	padding-left:24px;
	height:18px;
	padding-top:4px;
	/*color:#9d0a0e;*/
	color: #9d0a0e;
	font-size: 1.4em;
	font-weight: 700;
	display:block;
	background:url(../images/colTitle_bg.png) no-repeat;
	background-position:bottom;
	margin-bottom:8px;
	margin-left:3px;
	cursor:pointer;
}
.request_quote_title
{
	width:180px;
	padding-left:24px;
	height:18px;
	padding-top:4px;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: 700;
	display:block;
	background:url(../images/nav_request-quote.png) no-repeat;
	background-repeat:no-repeat;
	background-position:top;
	margin-bottom:8px;
	margin-left:3px;
}
.request_quote_title:hover
{
	background-position:bottom;
}
.request_quote_button
{
	width:228px;
	padding-left:8px;
	height:29px;
	padding-top:11px;
	
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: 700;
	display:block;
	background:url(../images/request_free_quote_button.png) no-repeat;
	background-repeat:no-repeat;
	background-position:top;
	margin-bottom:6px;
	margin-left:3px;
	text-align:left;
	text-indent: 5px;
}

.payaccount_title
{
	width:180px;
	padding-left:24px;
	height:18px;
	padding-top:4px;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: 700;
	display:block;
	background:url(../images/nav_request-quote.png) no-repeat;
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:8px;
	margin-left:3px;
}
.payaccount_title:hover
{
	background-position:top;
}
.payaccount_button
{
	width:228px;
	padding-left:8px;
	height:29px;
	padding-top:11px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: 700;
	display:block;
	background:url(../images/request_free_quote_button.png) no-repeat;
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:6px;
	margin-left:3px;
	text-align:left;
	text-indent: 5px;
}
#payaccount_wrapper
{
	width: 500px;
	float: left;
	position:relative;
	padding-bottom: 20px;
	border-bottom:1px solid #848383;
}

/*	margin-top:30px;
	margin-left:385px;
	margin-bottom: 30px;*/
.request_quote_button:hover
{
	background-position:bottom;
}

.Maintitles
{
	width:180px;
	padding-left:24px;
	height:18px;
	padding-top:4px;
	/*color:#9d0a0e;
	
	
	*/
	color:#316bb4;
	font-size: 1.4em;
	font-weight: 700;
	background:url(../images/leftcolTitle_bg.png) no-repeat;
	display:block;
	background-position:top;
	margin-bottom:8px;
	margin-left:3px;
}
/*.Maintitles
{
	width:185px;
	padding-left:22px;
	text-indent:3px;
	height:18px;
	padding-top:4px;
	color:#9d0a0e;
	color:#316bb4;
	font-size: 1.4em;
	font-weight:bolder;
	display:block;
	background:url(../images/colTitle_bg.png) no-repeat;
	background-position:top;
	margin-bottom:8px;
	margin-left:3px;
	line-height: 18px;
}*/
/*.Maintitles:hover
{
	background-position:bottom;
	cursor:pointer;
	color: #0a609d;
}*/
#rightcolumn .titles
{
	width:139px;
	font-size:1em;
}

/*Quote Forms*/
.quote_form_desc
{
	color:#0a609d;
	font-size: .8em;
}
.quote_form_multiline
{
	color:#0a609d;
	width: 490px;
	background-color:#e2e2e2;
	border: #adbecb 1px solid;
	padding: 3px;
	font-size: .8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.quote_form_fields
{
	background-color:#e2e2e2;
	border: #adbecb 1px solid;
	width: 345px;
	padding:3px;
	color:#0a609d;
	/*margin-left: 6px;*/
	font-size: .8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
.quote_form_checkBoxes
{

}
.form_row
{
	clear:both;
	margin:5px;
}
.form_row label
{
	display:block;
	float:left;
	width:140px;
	font-size:0.8em;
	padding-bottom:3px;
	padding-top:3px;
	color:#0A609D;
}
.form_row input
{
	width:200px;
}
#SpecialNotes
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#provider_num_error
{
	/*display:block;*/
	display:none;
	text-align:right;
}
.checkbox_row
{
	color:#0A609D;
	font-size:0.8em;
	width:240px;
	float:left;
	/*padding-bottom:4px;
	padding-left: 5px;*/
	height:20px;
}
.checkbox_row label
{
	cursor:pointer;
	vertical-align:top;

	padding-left: 5px;
}
.send_button
{
	background-image:url(../images/form_send_button.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width: 111px;
	height: 40px;
	border:0px;	
	margin-top:-50px;
	margin-left:385px;
	margin-bottom: 30px;
	cursor:pointer;
}
.send_button:hover
{
	background-position:right;
}
/* =Product Pages
------------------------- Product Pages ------------------
*/
#content_Title
{
	padding-top:5px;
}
#prod_leftColumn
{
	position:relative;
	float:left;
	width: 250px;
	padding-top: 10px;
}

#prod_rightColumn
{
	position:relative;
	float:left;
	width: 230px;
	margin-left:35px;
	padding-top: 10px;
}
#prod_Description
{
	position:relative;
	float:left;
	width: 510px;;
	padding-top: 10px;
}
#prod_Description ul
{
	list-style:disc;
	margin-left:50px;
}
.blue_box
{
	list-style:none;
}
.blue_box li
{
	color:#FFFFFF;
}
.blue_box_head
{
	width:223px;
	height:23px;
	padding-top:5px;
	padding-left:5px;
	background-image:url(../images/blue_box_head.png);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:0.9em;
}
.blue_box_item
{
	width:220px;
	height:18px;
	padding-top:2px;
	padding-left:8px;
	background-image:url(../images/blue_box_item.png);
	background-repeat:no-repeat;
	font-size:0.8em;
	*margin-top:-1px;
}
.blue_box_foot
{
	width:220px;
	height:18px;
	padding-top:2px;
	padding-left:8px;
	background-image:url(../images/blue_box_foot.png);
	background-repeat:no-repeat;
	font-size:0.8em;
	*margin-top:-1px;
}
.red_box
{
	list-style:none;
	border:0px;
}
.red_box li
{
	color:#FFFFFF;
}
.red_box_head
{
	width:225px;
	height:23px;
	padding-top:5px;
	padding-left:5px;
	background-image:url(../images/red_box_head.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:0.9em;
}
.red_box_item
{
	width:220px;
	height:18px;
	padding-top:2px;
	padding-left:8px;
	background-image:url(../images/red_box_item.jpg);
	background-repeat:no-repeat;
	font-size:0.8em;
	*margin-top:-1px;
}
.red_box_foot
{
	width:220px;
	height:18px;
	padding-top:2px;
	padding-left:8px;
	background-image:url(../images/red_box_foot.jpg);
	background-repeat:no-repeat;
	font-size:0.8em;
	*margin-top:-1px;
}

#contact_leftColumn
{
	position:relative;
	float:left;
	width: 210px;
	padding-top: 10px;
}
/* =Services Pages
------------------------- Services Pages ------------------*/

#services_Description
{

	width: 520px;;
	padding-top: 10px;
}
#services_Description ul
{
	list-style:disc;
}
#service_rightCol
{
	width: 230px;
	position: relative;
	float:right;
	margin-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;

}

/* =Portfolio Page
------------------------- Portfolio Page ------------------*/
.portfolio_Display
{
	width: 518px;
	height: 200px;
	border-bottom: #848383 1px solid;
	padding-top: 20px;
	position:relative;
	float: left;
}
.portfolio_text
{
	/*position: right;*/
	float: right;
	width: 240px;
}
a .portfolio_link 
{
	display:block;
	font-size:0.7em;
	color: #848383;
	text-decoration: none;
	padding:1px;
	margin-left:6px;
}
a:hover .portfolio_link 
{
	color: #9d0a0e;
}


/* = Quick Quote Form
---------------------------------------*/
.quick_quote_form_center
{
	padding-left: 70px;
}
.quick_quote_form_text
{
	padding-left: 6px;
}
.quick_quote_form_desc
{
	color:#0a609d;
	font-size: .8em;
	padding-left: 6px;
	display:block;
}
.quick_quote_form_multiline
{
	color:#0a609d;
	width: 155px;
	background-color:#e2e2e2;
	border: #adbecb 1px solid;
	padding: 3px;
	margin-left: 6px;
	font-size: .8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.quick_quote_form_fields
{
	color:#0a609d;
	width: 155px;
	background-color:#e2e2e2;
	border: #adbecb 1px solid;
	margin-left: 6px;
	font-size: .8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.quick_quote_form_checkBoxes
{

}
/*.form_row
{
	clear:both;
	margin:5px;
}*/
.quick_form_row label
{
	display:block;
	float:left;
	width:155px;
	font-size:0.8em;
	padding-bottom:4px;
	color:#0a609d;
	margin-left: 6px;
}
.quick_form_row input
{
	width:160px;
}
/*#SpecialNotes
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}*/

/*#provider_num_error
{
	display:none;
	text-align:right;
}*/
.quick_checkbox_row
{
	color:#0A609D;
	font-size:0.8em;
	width:240px;
	float:left;
	padding-bottom:4px;
	padding-left: 6px;
	margin-left: 6px;
}

.quick_send_button
{
	background-image:url(../images/form_send_button.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width: 111px;
	height: 40px;
	border:0px;	
	margin-left: 40px;
	margin-top: 20px;	
	margin-bottom: 10px;
	padding-bottom: 20px;
	cursor:pointer;
}
.quick_send_button:hover
{
	background-position:right;
}
.quick_supply_more_button
{
	background-image:url(../images/form_supply_more_button.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width: 111px;
	height: 40px;
	border:0px;	
	margin-left: 40px;
	margin-top: 10px;	
	margin-bottom: 10px;
	padding-bottom: 20px;
	cursor:pointer;
	display:block;
}
.quick_supply_more_button:hover
{
	background-position:right;
}

/* terms
------------------- Terms Page*/
#terms_content li
{
}
#terms_content li
{
	list-style-type:upper-roman;
	list-style-position:inside;
}
#terms_lastUpdated
{
	width: 510px;
	height: 25px;
	margin-left: auto;
	margin-right:auto;
	font-size: .7em;
	text-indent: 20px;
	text-align:right;
	color: #0A609D;
	margin-top: -5px;
}

/* site map
------------------- Site Map Page*/
#sitemap_content li
{
	list-style:none;
	list-style-position:inside;
	padding-left:25px;
}
.specialnote
{
	font-size: 0.7em;
	padding: 3px;
}