html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: 500;
	font-style: inherit;
	font-family: Arial, helvetica, sans-serif;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

ol, ul
{
	list-style: none;
}

body.subpage #content-holder .content .left-cnt ol li
{
	list-style-type: decimal;
	margin-left: 25px;
}

.error
{
	color: #B78B3C;
}

/*******************************************************************/
/*                      GENERAL TAG STYLES                         */
/*******************************************************************/


/*******************************************************************/
/*                       FONT SIZES   							   */
/*******************************************************************/
/*	
	22px = 1.833em
	21px =  1.75em
	20px = 1.67em
	18px = 1.5em
	16px = 1.333em
	15px = 1.25em
	14px = 1.167em
	12px = 1em
	11px = 0.92em
	8px  = 0.67em
	
*/
/********************************************************************/
/********************************************************************/

html
{
	font-size: 100%;
}


body
{
	font-family: Arial, helvetica, sans-serif;
	font-size: 75%; /* the default value of modern browsers is 16px, when text set to medium, hence 75% of 16px = 12px */
	line-height: 1.6em; /* 16?1.125=18 */
	color: #333;
	text-align: center;
	background: #fff url(../images/body_bg.gif) repeat-x;
	height: 100%;
}

h1
{
	font-size: 1.833em;
}

h2
{
	font-size: 1.75em;
	color: #f8a01c;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 12px;
}

#content-holder #pnl-right h2
{
	color: #000;
}

h3
{
	font-size: 1.167em;
	margin-bottom: 16px;
	color: #F8A01C;
	font-weight: bold;
}

p, li, li li, td, td p, td li, td li li, a
{
	font-size: 1em;
}



b, strong
{
	font-weight: bold;
}

i, em
{
	font-style: italic;
}

u
{
	text-decoration: underline;
}

a
{
	color: #01569c;
	text-decoration: underline;
}

p
{
	padding-bottom: 16px;
	font-size: 0.92em;
}


/*******************************************************************/
/*                      GENERAL HELPER STYLES                      */
/*******************************************************************/

div.clear
{
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
	background-color: #fff;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*******************************************************************/
/*                         LAYOUT STYLES                           */
/*******************************************************************/


#wrapper
{
	text-align: left;
	width: 906px;
	margin: 0 auto;
}

#header
{
	height: 165px;
	background-color: transparent;
	position: relative;
}

#banner
{
	height: 252px;
	background-color: #ccc;
	padding: 28px 0px 0px 23px;
	width: 883px;
	background: url(../images/header_bg.jpg) no-repeat;
	margin-left: 3px;
}

/*Newly added*/
#bannermain
{
	height: 252px;
	background-color: #ccc;
	padding: 28px 0px 0px 23px;
	width: 883px;
	background: url(../images/header_bg.jpg) no-repeat;
	margin-left: 3px;
}



#content-holder
{
	height: 230px;
	background: url(../images/main_content_bg_new1.jpg) no-repeat;
	padding-left: 23px;
	width: 883px;
	position: relative;
}



#footer-links
{
	clear: both;
	height: 40px;
	background-color: transparent;
}

#extra-panels
{
	height: 172px;
	background-color: transparent;
}

#info
{
	clear: both;
	height: 60px;
	background-color: transparent;
	color: #8e8c8c;
	font-size: 0.8333em;
	margin-top: 16px;
}



/** HEADER SECTION **/
/********************/

#header .phone
{
	display: block;
	width: 167px;
	height: 31px;
	background: url(../images/phone.gif) no-repeat;
	position: absolute;
	left: 23px;
	top: 74px;
	text-indent: -99999px;
}

#header h1.logo a
{
	display: block;
	width: 332px;
	height: 84px;
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	right: 8px;
	top: 26px;
	text-indent: -99999px;
}

#header .icons
{
	display: block;
	width: 108px;
	height: 30px;
	background: url(../images/icons.gif) no-repeat;
	position: absolute;
	right: 8px;
	bottom: 12px;
	text-indent: -99999px;
}

#header .icons ul li
{
	float: left;
}

#header .icons ul li a
{
	display: block;
	width: 36px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-indent: -9999px;
}

/** MAIN MENU **/

#header .menu
{
	width: 900px;
	height: 42px;
	position: absolute;
	left: 3px;
	bottom: 0px;
	background: url(../images/main_menu_bg.jpg) no-repeat;
	overflow: hidden;
}

#header .menumain
{
	width: 900px;
	height: 42px;
	position: absolute;
	left: 3px;
	bottom: 0px;
	background: url(../images/menu_bg.jpg) no-repeat;
	overflow: hidden;
}

#header h2
{
	color: #fff;
	vertical-align:middle;
	padding-top: 10px;
	padding-left: 20px;
}

ul#nav
{
	width: 730px;
	height: 42px;
	position: relative;
	background: url(../images/menu_matrix.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

ul#nav li
{
	float: left;
	list-style-type: none;
}

ul#nav li a
{
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 42px;
	background: url(../images/menu_matrix.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

ul#nav li#m-1 a
{
	left: 0;
	width: 109px;
	background-position: 0px 0;
}

ul#nav li#m-2 a
{
	left: 109px;
	width: 128px;
	background-position: -109px 0;
}


ul#nav li#m-3 a
{
	left: 237px;
	width: 135px;
	background-position: -237px 0;
}

ul#nav li#m-4 a
{
	left: 372px;
	width: 81px;
	background-position: -372px 0;
}

ul#nav li#m-5 a
{
	left: 453px;
	width: 125px;
	background-position: -453px 0;
}

ul#nav li#m-6 a
{
	left: 578px;
	width: 152px;
	background-position: -578px 0;
}

/** Hover and selected state */

ul#nav li#m-1 a:hover, ul#nav li#m-1 a.active
{
	background-position: 0 -42px;
}


ul#nav li#m-2 a:hover, ul#nav li#m-2 a.active
{
	background-position: -109px -42px;
}

ul#nav li#m-3 a:hover, ul#nav li#m-3 a.active
{
	background-position: -237px -42px;
}

ul#nav li#m-4 a:hover, ul#nav li#m-4 a.active
{
	background-position: -372px -42px;
}

ul#nav li#m-5 a:hover, ul#nav li#m-5 a.active
{
	background-position: -453px -42px;
}

ul#nav li#m-6 a:hover, ul#nav li#m-6 a.active
{
	background-position: -578px -42px;
}



/** BANNER SECTION SECTION ****/
/******************************/

#banner h2
{
	color: #fff;
	padding-bottom: 20px;
}

#bannermain h2
{
	color: #fff;
	padding-bottom: 20px;
}

#bannermain h3
{
	font-size: 1.167em;
	margin-bottom: 16px;
	font-weight: bold;
	color: #fff;
}


#bannermain a
{
	color: #fff;
	text-decoration: underline;
}

#banner ul li
{
	color: #fff;
	font-size: 1.167em;
	margin-bottom: 8px;
	background: url(../images/arrow.png) 0px 4px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
}






/** MAIN CONTENT PANEL SECTION ****/
/**********************************/

#content-holder h2.import-info
{
	position: relative;
	top: 20px;
}

#content-holder .policy-docs
{
	display: block;
	width: 176px;
	height: 190px;
	overflow: hidden;
	background: url(../images/seperator.jpg) top right no-repeat;
	position: absolute;
	left: 23px;
	top: 59px;
}

#content-holder .policy-extras
{
	display: block;
	width: 176px;
	height: 190px;
	overflow: hidden;
	background: url(../images/seperator.jpg) top right no-repeat;
	position: absolute;
	left: 237px;
	top: 59px;
}

#content-holder .terms
{
	display: block;
	width: 186px;
	height: 190px;
	overflow: hidden;
	background: url(../images/seperator.jpg) top right no-repeat;
	position: absolute;
	left: 451px;
	top: 59px;
	padding-right: 28px;
}

#content-holder .faqs
{
	display: block;
	width: 186px;
	height: 190px;
	overflow: hidden;
	background-color: transparent;
	position: absolute;
	left: 695px;
	top: 59px;
}

#content-holder .questions p
{
	font-size: 1em;
	color: #01569c;
	width: 240px;
	padding-bottom: 12px;
}

#content-holder .questions textarea
{
	width: 251px;
	height: 99px;
	background-color: #fff;
	border-top: 2px solid #c4c4c4;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #c4c4c4;
	margin-bottom: 16px;
}

#content-holder ul li
{
	margin-bottom: 10px;
	color: #000;
	font-size: 0.92em;
	line-height: 1.2em;
}


/** FOOTER LINKS ****/
/********************/

#footer-links ul
{
	position: relative;
	left: 23px;
	top: 0px;
}

#footer-links ul li
{
	display: inline;
	height: 40px;
}

#footer-links ul li a
{
	color: #666;
	height: 40px;
	line-height: 40px;
	background: url(../images/link_sep.gif) right center no-repeat;
	padding-right: 16px;
	padding-left: 10px;
	text-decoration: none;
	font-size: 1em;
}

#footer-links ul li.first a
{
	padding-left: 0px;
}

#footer-links ul li.last a
{
	background: none;
}





/** EXTRA PANELS ****/
/********************/

#extra-panels .panel
{
	display: block;
	width: 278px;
	height: 146px;
	background: url(../images/extras_box.jpg) no-repeat;
	float: left;
	padding-left: 142px;
	padding-top: 27px;
	padding-right: 26px;
	position: relative;
}

#extra-panels .panel-1
{
	margin-right: 14px;
}

#extra-panels .panel p, #extra-panels .panel h2
{
	color: #01569c;
}

#extra-panels .panel .plane
{
	display: block;
	width: 135px;
	height: 136px;
	background: url(../images/plane.png) no-repeat;
	position: absolute;
	top: 27px;
	left: -3px;
}

#extra-panels .panel .home
{
	display: block;
	width: 130px;
	height: 130px;
	background: url(../images/home.png) no-repeat;
	position: absolute;
	top: 27px;
	left: -3px;
}


/*******************************************************************/
/*                       SUB PAGES  							   */
/*******************************************************************/

body.subpage #banner
{
	background: transparent url(../images/header_bg_secondary.jpg) no-repeat scroll 0 0;
	height: 141px; /*margin-left:3px;*/
	padding: 0px 0 0 0px;
	width: 900px;
}

body.subpage #content-holder
{
	min-height: 327px;
	height: auto !important;
	height: 327px;
	background: url(../images/subpage/subpage_content_bg_repeat.jpg) repeat-y;
	padding-left: 0px;
	width: 906px;
}

body.subpage #content-holder .content
{
	background: url(../images/subpage/subpage_content_bg_top.jpg) no-repeat;
	min-height: 360px;
	height: auto !important;
	height: 360px;
}

body.subpage #content-holder .content .left-cnt
{
	width: 533px;
	float: left;
	background-color: transparent;
	padding-left: 23px;
	padding-top: 40px;
	padding-right: 30px;
}

body.subpage #content-holder .content .left-cnt span
{
	color: #F8a01c;
}

body.subpage #content-holder .content .left-cnt ul
{
	margin-bottom: 16px;
}

body.subpage #content-holder .content .left-cnt li
{
	margin-left: 25px;
	list-style-type: disc;
	line-height: 1.5em;
}

body.subpage #content-holder .content .left-cnt li ul
{
	margin-top: 10px;
}

body.subpage #content-holder .content .right-cnt
{
	width: 320px;
	float: left;
	background-color: transparent;
	padding-top: 20px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

body.subpage #content-holder .content .right-cnt .box
{
	display: block;
	width: 262px;
	height: 231px;
	background: url(../images/subpage/subpage_boxright.gif) no-repeat;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
}

body.subpage #content-holder .content .right-cnt .box p
{
	color: #000;
	font-size: 1em;
	padding-bottom: 12px;
	width: 240px;
}

body.subpage #content-holder .content .right-cnt .box textarea
{
	background-color: #FFFFFF;
	border-color: #C4C4C4 #CCCCCC #CCCCCC #C4C4C4;
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	height: 99px;
	margin-bottom: 16px;
	width: 251px;
}


body.subpage #content-holder .content-bottom
{
	background: url(../images/subpage/subpage_content_bg_bott.jpg) no-repeat;
	height: 29px;
}



/**** QUOTATION BOXES ON - Get a quote pages ********/

body.quote #content-holder .content .left-cnt
{
	width: 563px;
	float: left;
	background-color: transparent;
	padding-left: 23px;
	padding-top: 30px;
	padding-right: 0px;
}

body.quote .steps
{
	margin-bottom: 20px;
}

.quote-box-first
{
	background: url(../images/quote_box_first.png) no-repeat;
	padding-left: 0px;
	width: 557px;
	height: 337px;
	display: block;
	margin-bottom: 4px;
}

.quote-box-top
{
	background: url(../images/quote_box_top.gif) bottom left no-repeat;
	width: 557px;
	height: 10px;
	display: block;
}

.box-content
{
	background: url(../images/quote_box_repeat.gif) repeat-y;
	display: block;
	width: 529px;
	padding: 14px;
}

.quote-box-bott
{
	background: url(../images/quote_box_bott.gif) no-repeat;
	height: 10px;
	display: block;
	width: 557px;
	margin-bottom: 4px;
}

body.quote #content-holder .content .left-cnt p.note
{
	padding-bottom: 8px;
}

body.quote #content-holder .content .left-cnt a.next
{
	float: right;
}

/* right side */

body.quote #content-holder .content .right-cnt .box
{
	display: block;
	width: 262px;
	min-height: 441px;
	height: auto !important;
	height: 441px;
	background: url(../images/quote_box_rightside.gif) no-repeat;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
}

#content-holder .content .right-cnt .box hr
{
	height: 1px;
	background-color: #f8a01c;
	color: #f8a01c;
	border: none;
	margin-bottom: 20px;
	margin-top: 12px;
}