@charset "utf-8";
/* CSS Document */

/*LICENCE --------------------------------------
WorldNZ Limited
4th November 2010
*/

/*NOTES ----------------------------------------

Insert notes here

UPDATE INFO ------------------------------------

Revision number: 1.0

CONTENTS ---------------------------------------
=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Interface Style
=5: Typography
=6: Navigation
=7: Featured News
=8: Stylised Buttons SI Files
=9: CMS Edit Form
*/

/*	-------------------------------------------------------------
	=1: CSS Reset
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body {color:#000;background:#FFF;min-width:880px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*	-------------------------------------------------------------
	=2: Default Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.inline { display: inline!important; float: left;}
.arial {  font-family: Arial, Helvetica, sans-serif; }
.blue { color: #0b70b8; }
.green { color: #8DC63F; }
.capitalise { text-transform: capitalize!important; }
.nocapitals { text-transform: none!important; }
.center { text-align: center!important; }
.right { text-align: right !important; }
.left { text-align: left !important; padding-left: 10px!important; }
.small { font-size: 0.9em; }
.smallorange { font-size: 10px; color: #f26522!important; }
.smallitalic { font-size: 0.9em; font-style:italic; color: #FF6600; }
.smaller { font-size: 0.8em !important; }
.block { display: block!important; clear: both!important; }
.bold { font-weight: bold !important; }
.boldgreen { font-weight: bold!important; color: #8DC63F; }
.boldbrown { font-weight: bold !important; color: #6a4e36; }
.boldbrownitalic { font-weight: bold !important; color: #6a4e36; }
.boldred { font-weight: bold !important; color: #ff6e04!important; }
.grey { color: #6b6b6b; }
.orange { color: #f26522/*#ff6e04*/;}
.boldorange { font-weight: bold !important; color: #EE5F25!important; }
.boldorangeitalic { font-weight: bold !important; color: #EE5F25!important; font-style:italic!important; }
.bolditalic { font-weight: bold !important; font-style:italic!important; }
.italicorange { font-style:italic!important; color: #ff6e04!important; }
.imgLeft { float: left; padding-right: 20px; }
.iconLeft { float: left; padding: 0 10px 10px 0;}
.iconLeftish { float: left; padding: 0 10px 10px 10px;}
.imgRight { float: right; padding: 10px; }
.imgPad { float: left; padding: 10px; }
.trophy { padding: 2px 2px 0 2px; }
.imgBlock { display: block; clear: both!important; padding: 0; margin: 15px auto; border: 1px solid #cfcfcf; }
.floatRight { float: right; }
.floatLeft { float: left;}
.uppercase { text-transform: uppercase; }
.italic { font-style:italic; }
.normal { padding: 5px; }
.marginbottom { margin-bottom: 20px;}
.marginbot { margin-bottom: 12px; }
.borderright { border-right: 1px solid #dddddd;}
.borderleft { border-left: 1px solid #dddddd;}
.padleft10 { padding-left: 10px; }
.rightmargin { margin-right: 12px; }
.mr24 { margin-right: 24px; }
.mr88 { margin-right: 88px; }
.ml24mr88 { margin-left: 24px; margin-right: 88px; }
h4.sortby { float: left; width: 90px; display: inline; padding-top: 5px; }
.halfCol { float: left; width: 50%; }
.halfCol-Right { float: right; width: 50%; }
.oneCol { float: left; width: 960px; padding: 0; min-height: 500px; height:auto !important; height:500px;}
.LeftCol { float: left;  width: 575px; padding: 0 10px; }
.SideBar { float: left; width: 188px; border: 1px solid #D1D3D4; margin-right: 12px; padding-bottom: 10px; 
		min-height: 590px;           
		height:auto !important;
		height:590px;}
		.SideBar h4 a:link, .SideBar h4 a:visited {
		color: #06C;
		}
		.SideBar h4 a:hover, .SideBar h4 a:active {
		color: #0089CC;
		}

.headingBar { float: left; width: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC63F', endColorstr='#80AC42'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC63F), to(#80AC42));
	background: -moz-linear-gradient(top,  #8DC63F,  #80AC42); }
	.headingBar h4 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  color: #FFF; font-weight: bold; text-align: center; padding: 5px 0; margin: 0!important; width: 100%; text-transform:capitalize; font-size: 18px; }

.headingBar-orange { 
	background: #f26522; float: left; width: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26522', endColorstr='#e35815'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f26522), to(#e35815)); 
	background: -moz-linear-gradient(top,  #f26522,  #e35815); 
	}
	.headingBar-orange h4 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  color: #FFF!important; font-weight: bold; text-align: center; padding: 5px 0; margin: 0!important; width: 100%; text-transform:capitalize; font-size: 18px; }
	.headingBar-orange h4 a:link, .headingBar-orange h4 a:visited { color: #FFF; }
	.headingBar-orange h4 a:hover, .headingBar-orange h4 a:active { color: #F5EE30; }
	
	.SideBar h3, .SideBar p, .SideBar h6, .SideBar ul, .Sidebar img  { padding: 0 10px; }
	img.personIcon { padding: 0 10px; float: left; }
	.SideBar h4 { margin: 10px; float: left; display:block; clear: both; width: 170px; color: #6b6b6b; }
.LeftCol h1, .LeftCol h2, .LeftCol h3, .LeftCol h4, .LeftCol h5, .LeftCol h6 {
			font-family:Arial, Helvetica, sans-serif; }
.LeftCol_460 { float: left;  width: 460px; padding: 34px 5px 0 5px; }
.RightCol { float: right; width: 315px; padding: 0; margin-left: 10px; }
.RightCol_260 { float: right; width: 260px; min-height:636px; height:auto !important; height:636px; }
.col100, .col125, .col166, .col175, .col280, .col300, .col400, .col580 { float: left; margin: 0; padding: 0 10px; }
.col100 { width: 90px; padding: 0;  }
.col125 { width: 125px; }
.col166 { width: 166px; padding: 0; }
.col175 { width: 165px; padding: 0; }
.col220 { width: 220px; margin: 0;  }
.col250 { float: left; width: 250px; margin: 0; padding: 0; }
.col280 { width: 280px; padding: 0; }
.col300 { width: 300px; }
.col310 { width: 310px; padding: 0; float: left;}
.col340 { width: 340px; float: left; border: 1px solid #D1D3D4; margin-right: 10px; }
.col360 { width: 360px; float: left; border: 1px solid #D1D3D4; margin-right: 10px; }
.col368 { width: 368px; float: left; border: 1px solid #D1D3D4; min-height: 600px; height:auto !important; height:600px;}
.col370 { width: 370px; float: left; border: 1px solid #D1D3D4; min-height: 600px; height:auto !important; height:600px;}
.col372 { width: 372px; float: left; border: 1px solid #D1D3D4; min-height: 600px; height:auto !important; height:600px;}
.col374 { width: 374px; float: left; border: 1px solid #D1D3D4; min-height: 600px; height:auto !important; height:600px;}

.col400 { width: 400px; padding: 0; }
	.col400 h3 { padding-left: 10px; }
.col580 { width: 580px; }
.col600 { width: 600px; padding: 0; float: left;}
.col650 { width: 650px; padding: 0; float: left;}
.col155 { width: 155px; }
.col70pc { width: 672px; float: left; margin: 0; padding: 0; min-height: 400px; height: auto!important; height: 400px; }
.col30pc  { width: 288px; float: left; margin: 0; padding: 0; min-height: 400px; height: auto!important; height: 400px; }
.blockquote { width: 80%; padding: 10px; display: block; text-transform: none;  }
		.blockquote {
		font-size: 12px; line-height:18px; font-family: Georgia, "Times New Roman", Times, serif; 
		font-style:italic; padding: 10px; font-style:italic; }
.bigquote { width: 90%; margin: 10px!important; padding: 5px;
			font-family: Georgia, "Times New Roman", Times, serif!important; color: #6a4e36!important; 
			font-weight: bold !important; font-style: italic!important; font-size: 1.4em!important; 
			}
.nomargin { margin: 0!important; padding: 0!important; }
.greybg { background-color: #E6E6E6/*999*/; }
.ml20 { margin-left: 20px; }
#column-1 { float: left; margin: 0; padding: 0; min-height: 400px; height: auto!important; height: 400px; }
.w150 { width: 150px!important; }
.registernow { width: 250px!important; border: 1px solid #CFCFCF; padding: 20px!important; }
	.registernow h3 { text-align: center; font-size: 28px; }
p.selectparagraph { float: left; width: 85px; margin-top: 35px; text-align: center; }


/*	-------------------------------------------------------------
	=3: Accessability
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }

/*	-------------------------------------------------------------
	=5: Typography
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

h1 { font-family: Arial, Helvetica, sans-serif; line-height: 36px;
		font-size: 28px; color: #8DC63F; margin:0; padding: 0; margin-bottom: 10px; }

h2 {  font-family: Arial, Helvetica, sans-serif;  line-height: 32px;
		font-size: 24px; color: #8DC63F; margin:0; padding: 0; }

h3 { font-family: Arial, Helvetica, sans-serif;  line-height: 24px;
		font-size: 20px; color: #8DC63F; margin:10px 0; padding: 0; font-weight:normal; }

h4 {  font-family: Arial, Helvetica, sans-serif;  line-height: 20px;
		font-size: 18px; color: #8DC63F;  margin:0; padding: 0; font-weight:normal; margin-bottom: 18px; }

h5 {  font-family: Arial, Helvetica, sans-serif; line-height: 18px;
		font-size: 16px; color: #8DC63F;  margin:0; padding: 0; font-weight:normal; }

h6 {  font-family: Arial, Helvetica, sans-serif; line-height: 16px;
		font-size: 14px; color: #6b6b6b;  margin:0; padding: 0; font-weight:normal; }

p, li { font-family: Arial, Helvetica, sans-serif; line-height: 24px;
		font-size: 14px; text-align: left; color: #6b6b6b;  margin-bottom: 15px; }
		
hr { border: 1px solid #D1D3D4; padding: 0; margin: 10px 5px; }

strong { font-weight: bold; }

a { cursor: pointer; }
a:link {color: #06C/*#6b6b6b*/;}     /* unvisited link */
a:visited {color: #06C;}  /* visited link */
a:hover {text-decoration: underline;}   /* mouse over link */
a:active, a.active {color: #06C; font-weight: bold; }   /* selected link */

::selection {
	background: #ededed/*FD7E41*/; /* Safari */
	}
::-moz-selection {
	background: #ededed/*FD7E41*/; /* Firefox */
}

a { text-decoration: none; outline: none; cursor: pointer; }

a.link:link, a.link:visited { text-decoration: underline; color: #06C; }
a.link:hover, a.link:active { color: #0b70b8; }

/* Orange Links with Underline Hover */
a.anchor:link, a.anchor:visited { color: #8DC63F;  }
a.anchor:hover, a.anchor:active { text-decoration: underline; }

/* Grey Underline Links with Blue Hover */
a.standard:link, a.standard:visited { color: #6b6b6b; text-decoration: underline;  }
a.standard:hover, a.standard:active { color: #0b70b8; }

/* Standard Green button Link with no Underline */
a.button {
background: none repeat scroll 0 0 #8cc540; color: #FFF;
    border: medium none;
    border-radius: 5px;
    cursor: pointer;
    display: block; float: right;
    font-family: "Lucida Grande"; font-size: 15px; font-weight: bold; 
    margin: 10px 52px 10px 0;
    padding: 10px 20px;
    text-align: center!important; text-decoration: none!important; text-transform: uppercase!important;
    width: auto!important;
}
a.button:hover, a.button:active {
background: none repeat scroll 0 0 #CCCCCC;
    color: #666666; text-decoration: none;
}
	.largefont { font-size: 24px!important; font-weight: bold!important; }
	.mediumfont { font-size: 14px!important; font-weight: bold!important; }
	.smallfont { font-size: 11px!important; font-weight: bold!important; }
	.bigfont { font-size: 16px!important; font-weight: normal!important; line-height: 18px!important; }
	.paditleft { margin: 0 0 10px 10px!important; }



ul.goto {  margin: 0px auto; padding:0; float: left; }
.goto li{  list-style-image:url(/images/template/go-back-arrows.png); margin-bottom: 0;
			list-style-position: inside; padding-left: 1.5em; text-indent: -1.6em; }
.goto li a{ text-decoration: underline; }

ul.goback {  margin: 0px auto; padding:0; float: left; }
.goback li{  list-style-image:url(/images/template/go-back-arrows.png); margin-bottom: 0;
			list-style-position: inside; padding-left: 15px; text-indent: -5px; }
.goback li a{ text-decoration: underline; cursor: pointer; }

ul.catcol { float: left; margin: 0px auto; padding: 0 0 0 10px; /*border-left: 1px solid #dddddd;*/ }
.catcol li { text-align: left; list-style-type: none; list-style-position:inside; margin-bottom: 15px;
			margin-left: 0; padding-left: 1em; text-indent: -1em; width: 180px; float: left; 
			font-size: 14px; }
ul.catcol li a:link, ul.catcol li a:visited { color: #0B70B8; }
ul.catcol li a:hover, ul.catcol li a:active { color: #6B6B6B; }

.col_175 h4 a:link, .col_175 h4 a:visited { color: #0b70b8; }
.col_175 h4 a:hover, .col_175 h4 a:active { color: #218edc; text-decoration:underline; } 
	.col_175 h4, .col_175 p { margin-bottom: 0; }

a.readmore { float: left; display: block; color: #FFF; background:#06C; margin: 5px 0; padding: 2px 5px; }
a:link.readmore, a:visited.readmore { color: #FFF; font-size: 12px; }
	a.readmore:hover, a.readmore:active { background: #8DC63F; text-decoration:none; }


.LeftCol ul { margin: 10px auto; padding: 0; }
.LeftCol ul li { text-align: left; list-style-type: disc; list-style-position:inside; margin-bottom: 5px;
					margin-left: 0; padding-left: 1em; text-indent: -1em; }

.contactus ul { float: left; margin: 0 0 0 20px;}					
.contactus ul li { 	width: 320px;
					text-align: left; list-style-type: none; list-style-position:inside; 
					text-indent: -1em; line-height: 18px;
					padding: 5px 0 5px 1em; border-bottom: 1px solid #ebebeb; }
		.contactus ul li:first-child {
		border-top: 1px solid #ebebeb;	
		}
		
ul.list { float: left; margin: 0;}					
ul.list li {	text-align: left; list-style-type: none; list-style-position:inside; 
				text-indent: -1em; line-height: 18px;
				padding: 5px 0 5px 1em; margin-bottom: 0; }
		ul.list li a:link, ul.list li a:visited {
		text-decoration:underline;
		}
		ul.list li a:hover, ul.list li a:active {
		color: #8dc63f;	
		}

ul.bullet li { text-align: left; list-style-type: disc; list-style-position:inside; margin-bottom: 5px;
					margin-left: 0; padding-left: 12px; text-indent: -10px; }

img.icon { margin-right: 10px;}

a.no-undy:hover, .no-undy a:hover { text-decoration:none!important;  }

pre { color:#6a4e36!important; font-size:1.5em; font-style:italic; font-weight:bold; margin-left:160px !important; width:80%; }

.grey { 
	color: #6b6b6b;
}
 
 
#breadcrumb p, #breadcrumb a:link, #breadcrumb a:visited {
	font-size: 10px;
	color: #b8b8b8;
	text-decoration: none; 
}
#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a.selected {
	color: #7e9eb5; 
}



/*	-------------------------------------------------------------
	=4: Interface Layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
html, body {   /* THIS CODE HELPS KEEP THE FOOTER ANCHORED */
height: 100%;
} 

body { 	
	/*font: 62.5%/1.4 sans-serif;*/ /* set font size to 10px (a nice round number) - 1.4 line height */
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #6D6F71;
	background: #FFF;	
}


.fluid {
	width: 100%;
	float: left;
}


@font-face {
  	font-family: "Lucida Grande";
  	src: url('Lucida_Grande.ttf');
	src: url('Lucida_Grande.eot');
	src: local('Lucida Grande'), local('Lucida Grande'), 
         url('Lucida_Grande.ttf') format('truetype');
}

img, div { behavior: url(../scripts/iepngfix.htc)!important; }

#container { /* keep the layout together and centered */
min-height: 100%;
margin-bottom: -340px;
position: relative;
}

#content_container, #nav {
	behavior: url(../scripts/iepngfix.htc)!important; 
}

.header {
	width: 960px;
	height: 200px;
	margin: 0 auto;
	/*overflow: hidden;*/ /*--We add the overflow hidden to keep floating elements from breaking out of this container--*/
}

.container {
	width: 960px;
	min-height:500px;
	height: auto!important;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden; /*--We add the overflow hidden to keep floating elements from breaking out of this container--*/
	position:relative;
	z-index: 100;
}
	.container h1 { margin-bottom: 20px; }
	
	#searchBar {
	width: 958px;
	height: 51px;	
	float: left;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f2f2f3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#f2f2f3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f4f4f4,  #f2f2f3); /* for firefox 3.6+ */ 
	border: 1px solid #cfcfcf;
	}
		#searchBar h3 {
		font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  
		font-size: 24px;
		color: #595A5C;	
		margin: 10px 24px;
		float: left;
		}


.fluid {
	width: 100%;
	float: left;
}

#header_section {
	overflow:visible;	
}

#navigation {
	float: left;
	width: 960px;
	height: 46px;
	position: relative;
	z-index: 500;
	/*background:url(..//images/template/navbar.png) top left no-repeat;*/
	background: #8DC63F; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC63F', endColorstr='#80AC42'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC63F), to(#80AC42)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #8DC63F,  #80AC42); /* for firefox 3.6+ */ 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;	
	margin-bottom: 15px;
}

#slickshow {
	float: left;
	margin-bottom: 24px;	
}

	#welcomebox {
	float: left;
	width: 346px;
	height: 254px;
	border: 1px solid #A7AAAC;
	margin: 0 10px 0 0;	
	padding-top: 30px;
	}
	img.ladder-hat { float: left; margin: -120px 10px 0 0;}
	h1#iQ {
		margin: 0 0 10px 20px!important;	
		padding:0;
		width: 160px;
		height: 40px;
		text-indent: -9999px;
		background:url(/images/template/logo.png) no-repeat top left; 
		float: left;
	}
		#welcomebox span.welcome {
		line-height: 48px;
		font-size: 36px;
		font-family: "Myriad Pro", Arial, Helvetica, sans-serif;	
		width: 160px;
		text-align: center!important;
		float: left;
		margin: 0 0 0 20px;
		}
	.banner-button {
		background: #f4f4f4;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f2f2f3'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#f2f2f3)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #f4f4f4,  #f2f2f3); /* for firefox 3.6+ */ 
		border: 1px solid #cfcfcf;
		width: 273px;
		padding: 10px;
		min-height: 115px;              /*  THIS HELPS MIN-HEIGHT ACROSS ALL STUBBORN BROWSERS */
		height:auto !important;
		height:115px;
		margin-bottom: 12px;
		float: left;
	}
		.odd { 
	margin-right: 12px;		
		}
	.banner-button:hover {
		background:	#f9f9f9;	
		cursor:pointer;
	}
	.banner-button h2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  
	font-weight: bold;
	font-style: italic;
	color: #F26522;	
	}
	.banner-button h4 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  
	color: #595A5C;
	margin-top: 10px;
	margin-bottom: 0;	
	}
	.banner-button p {
	margin-bottom: 5px;	
	}
	a.showtab {
	display: block;
	clear: both;
	float: right;
	width: 49px;
	height: 16px;
	background: transparent url(/images/template/toggle-btn.png) bottom left no-repeat;	
	font-size: 8px;
	color: CCC;
	outline: none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top: 2px;
	}

#content {
	float: left;
	margin-left: 96px;
}
	.categorybox {
		float: left;
		background:	/*#F4F4F4*/#FEFEFE;
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#F2F2F3'); 
		background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#F2F2F3)); 
		background: -moz-linear-gradient(top,  #F4F4F4,  #F2F2F3); */
		border: 1px solid #CFCFCF;
		width: 280px;
		padding: 10px;
		min-height: 80px;            
		height:auto !important;
		height:80px;
		/*margin: 10px;*/
	}
	.promobox {
		float: left;
		/*background:	#fcfcfc;
		border: 1px solid #cfcfcf;*/
		width: 330px;
		padding: 10px;
		/*min-height: 80px;            
		height:auto !important;
		height:80px;*/
		margin: 10px;
	}
		.promobox:hover {
		background:	#f9f9f9;	
		/*cursor:pointer;*/
		}
		.promobox h4 {
		margin:0 0 5px 0;
		}
		.promobox p {
		font-size: 12px;
		line-height: 16px;
		margin: 0;	
		}
		.promobox a:link, .promobox a:visited, a.viewmore:link, a.viewmore:visited {
		color: #0066CC; text-decoration:underline;
		/*green: #8DC63F*/
		}
		.promobox a:hover, .promobox a:active, a.viewmore:hover, a.viewmore:active {
		color: #6B6B6B;	
		}
		a.viewmore {
		float: right;
		padding: 10px;
		text-decoration:underline;
		}
		.wid200 { width: 200px; margin: 0 10px; padding: 0 10px; background: #fcfcfc; 
		border: 1px solid #cfcfcf; min-height: 278px; height: auto!important; height: 278px;}
		.wid315 { width: 315px; margin: 0 0 0 10px; padding: 10px; 
		background: #fcfcfc; border: 1px solid #cfcfcf; 
		min-height: 300px; height: auto!important; height: 300px;}
		.wid580 { width: 580px; margin: 0 10px 0 0; padding: 10px; background: #fcfcfc; 
		border: 1px solid #cfcfcf; min-height: 300px; height: auto!important; height: 300px; }
		
	.featurebox {
		float: left;
		background:	#fcfcfc;
		border: 1px solid #cfcfcf;
		width: /*580px*/538px;
		padding: 10px;
		/*min-height: 30px;  height:auto !important; height:100px*/;
		margin-bottom: 15px;
	}
	.w580 {
		width: 627px;	
	}
		.featurebox:hover {
		background:	#f9f9f9;	
		cursor:pointer;
		}
		.featurebox h4 {
			/*font-weight: bold;*/
			margin-bottom: 12px;	
			}
			.col_175 {
			float: left;
			width: 135px;
			padding-right: 10px;	
			}
			.col_275 {
			float: left;
			width: 295px;
			padding-right: 10px;	
			}
				.col_275 p {
				line-height: 18px;
				font-size: 13px;	
				}
	.large-featurebox {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CFCFCF;
    float: left;
    height: auto !important;
    margin-bottom: 15px;
    min-height: 30px;
    padding: 10px;
    width: 936px;
	}
	.large-featurebox:hover {
	}
	.large-featurebox h4 {
		font-weight: bold;
		margin-bottom: 12px;
	}

#content_container {
	float: left;
	margin: 0/* 0 0 47px*/;
	width: /*951*/960px;
	min-height: 500px;              /*  THIS HELPS MIN-HEIGHT ACROSS ALL STUBBORN BROWSERS */
	height:auto !important;
  	height:500px;
	
}

#footer_section {
	height: 100px;
	background-color: #B5B5B4/*c2c2c0*/;
	margin-bottom:35px;
}
	.footer_section_container {
	/*float: left;*/
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:960px;	
	height: 100px;
	}
	.footer_section_container h2 {
	margin: 35px 0 0 0;
	color: #6b6b6b;
	/*text-align:center;*/	 	
	}


#body_section {
	/*height: 100%;*/
	/*background-color: #f4f4f4;*/
	position:relative;
	z-index: 100;
}

#footer {
height: 340px;
position: relative;	
/*background: url(/images/template/footer-bg.jpg) top left repeat-x;*/
background: #8DC63F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC63F', endColorstr='#80AC42'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC63F), to(#80AC42)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #8DC63F,  #80AC42); /* for firefox 3.6+ */ 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;	
	/*margin-bottom: 20px;*/
}

.clearfooter {
height: 112px;
clear: both;
}

/*	-------------------------------------------------------------
	=6: Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.header ul.nav {
	float: left;
	/*top:0;
	right:0;*/
	margin: 3px 0 0 15px;
	padding:0; }

.header .nav li {
	list-style-type:none;
	position: relative;
	float:left;
	width:auto;
	white-space:nowrap;
	padding:0;
	margin: 0;
	background:transparent;
	display: block;
	}

.header .nav li a {
	display:block;
	color:#fff;
	font-weight:bold;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 6px 15px;
	background:transparent;
	outline: none;
	}

.header .nav li a:hover {
	color:#F5EE30;
 }

.header .nav li a.selected {
	color:#F5EE30;
	 }

.header h1 {
	float: left;
	position:relative;
	top:20px;
	margin:0;
	padding:0;
	width: 160px;
	height: 40px;
	text-indent: -9999px;
	background:url(/images/template/logo.png) no-repeat top left; 
	margin-bottom: 10px;
	}
	.header h4.tagline {
	color: #6D6F71;
	font-family:Arial, Helvetica, sans-serif;
	margin: 40px 0 10px 10px;
	float: left;	
	}
	img.iquoteBob {
	float: right;
	position: relative;
	z-index: 700;
	margin: -125px 5px 0 0 /*-135px 5px 0 0*/;	
	}
	
		
/*END NAVIGATION*/

/*START FOOTER NAVIGATION*/

.footercontainer ul.footernav  {
	float: left;
	margin: 0;
	padding: 0;	
}
.footercontainer ul.footernav li {
	color: #fff;
	list-style-type:none;
	position: relative;
	width:auto;
	white-space:nowrap;
	padding:0;
	background:transparent; 
	margin-bottom: 5px;
	}
	a.copyright:link, a.copyright:visited {
	margin-left: 0;
	color: #FFF;
	font-size: 11px;
	}
	p.copyright {
		font-size: 11px;
		color: #FFF;	
	}

.footercontainer .footernav li a {
	color:#fff;
	font-size: 14px;
	background:transparent;
	padding: 5px 10px 5px 5px;
	 }
	 a.yellow:link, a.yellow:visited {
	color:#FFF!important;
	font-size: 14px;
	text-decoration: underline;
	 }
	  a.yellow:hover, a.yellow:active, a.copyright:hover, a.copyright:active  {
		 background: #b5e07a;
		 color: #FFF;
	  }
	  a.copyright  {
	  padding: 5px;
	  color: #FFF;
	  }

.footercontainer .footernav li a:hover {
	/*color:#FBCC0C;*/
	background: #b5e07a; }

.footercontainer .footernav li a.selected {
	color:#6b6b6b;
	background-color: #FFF;
	 }

	.footercontainer {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:960px;	
	height: 340px;
	}
	.footercontainer h3 {
	color: #FFF;	
	font-weight: bold;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	padding-top: 28px;
	}
	
	<!-- Footer Columns -->
	.footerColumn1 {
	float: left;
	width: 360px;	
	margin: 0;
	padding: 0;
	border: 1px solid #FBCC0C;	
	}
	.footCol_1 {
		float: left;
		width: 300px;
		margin: 0;
		padding: 0;	
		/*border: 1px solid #FBCC0C;*/	
	}
	.footCol_2 {
		float: left;
		width: 300px;
		margin: 0;
		padding: 0;	
		/*border: 1px solid #FBCC0C;	*/
	}
	.footCol_3 {
		float: right;
		width: 300px;
		margin: 0;
		padding: 0;
		/*border: 1px solid #FBCC0C;*/
		min-height: 270px;	

	}
		.footerColumn1 h3, .footCol_2 h3, .footCol_3 h3 {
		width: 200px;	
		}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix { 
	display:inline-block; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clear {clear:both;} 



/* BUSINESS DIRECTORY */			
img.profileimage {
	float: left;
	margin: 0 10px 10px 0;	
	max-width: 100px;
	max-height: 100px;
}

img.profileimage-grid { 
margin: 0 10px 10px 0;
float: left;
}

	.listbox {
		float: left;
		background:	#fcfcfc;
		border: 1px solid #cfcfcf;
		/*width: 556px;*/
		padding: 10px;
		min-height: 30px;              /*  THIS HELPS MIN-HEIGHT ACROSS ALL STUBBORN BROWSERS */
		height:auto !important;
		height:100px;
		margin-bottom: 15px;
	}
		.listbox:hover {
		background:	#f9f9f9;	
		cursor:pointer;
		}
		.listbox h4 {
			margin-bottom: 12px;
			color: #0066CC; text-decoration: underline;	
			}
		
		.listaddress { float: left; width: 146px; padding: 0; }
			.busdesc { width: 350px!important; }
		.listaddress-grid { float: left; width: 146px; padding: 0; height: auto !important; min-height: 37px; }
		
		.listaddress ul, .listaddress-grid ul { float: left; margin: 0px auto; padding: 0; }
		.listaddress ul li { text-align: left; list-style-type: none; list-style-position:inside; margin-bottom: 0; font-size: 16px;
					margin-left: 0; padding-left: 20px; text-indent: -20px; width: 180px; float: left; line-height: 18px; font-weight: bold; }
		.listaddress-grid ul li { text-align: left; list-style-type: none; list-style-position:inside; margin-bottom: 0;
					margin-left: 0; padding-left: 20px; text-indent: -23px; width: 140px; float: left; line-height: 18px; font-weight: bold; }
		.listdesc { float: left; width: 280px; margin: 0px auto; padding: 0; }
			.listdesc p { line-height: 18px; font-size: 16px; }
			
			
	.gallerybox {
		background: none repeat scroll 0 0 #FCFCFC;
		border: 1px solid #CFCFCF;
		float: left;
		margin: 0 20px 15px 0;
		min-height: 160px; height: auto !important; height: 160px;
		padding: 10px;
		width: 150px;
	}
		.gridbox { width: 174px; }
		.3rd {
		margin: 0 0 15px 0;	
		}
		.gallerybox:hover {
		background:	#f9f9f9;	
		cursor:pointer;
		}
		.gallerybox h6 {
		color: #0066CC;
		text-decoration:underline;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		height: auto !important;
		margin: 10px 0;
		min-height: 32px;			}
		.galleryimage {
			width: 130px;
			height: 130px;
			line-height: 130px;
			overflow: hidden;
			text-align: center;
			margin: 0 auto;	
		}
		gallerybox img {
			float: left;
			vertical-align: middle;
			width: 150px;
		}
	
	.grid { width: 145px!important; }
		.grid p { font-size: 12px; line-height: 16px; margin: 5px 0; }	
	.jobdesc {
	width:250px ;
	float: left;
	margin: 0;
	}
		div.jobdesc.grid { min-height: 63px; height: auto!important; height: 63px; }
	.joblocation { 
	width: 200px;
	float: left;
	margin: 0;
	}
		.joblocation ul li { color: #f26522!important;}
		.profile-details ul li span.orange { color: #f26522!important; }
	.jobdate {
	width: 165px;
	float: left;
	margin: 0;	
	}

/* BUSINESS DIRECTORY ITEM */
.profilebox { width: 938px; 		
		min-height: 160px; height:auto !important; height:160px;
}
.profilebox, .profilebox-small {
		float: left;
		background:	#fcfcfc;
		border: 1px solid #cfcfcf;
		padding: 10px;
		margin: 0 0 10px 0;
	}
		
		.halfheight {
		min-height: 100px; 
		height:auto !important;
		height:100px;
			 }
			 
		.profilebox-small {
		width: 452px;
		min-height: 100px; height:auto !important; height:100px;
		}
		.lastbox { margin: 0 10px 10px 0; }
		
		/*#branches { float: left;
		background:	#fcfcfc; border: 1px solid #cfcfcf; 
		padding: 10px; margin: 0 0 10px 0;
		width: 452px;
		min-height: 190px; height:auto !important; height:190px;
		}*/
		.photobox, #branches, #email-msg {
		float: left; width: 938px; 		
		background:	#fcfcfc; border: 1px solid #cfcfcf; 
		padding: 10px; margin: 0 0 10px 0;
		font-size: 14px; line-height: 18px;
		}
		
		.buswrapper1, .buswrapper2 { float: left; width: 958px;  margin-left: auto;   margin-right: auto;    }
		
		#key-info, #hours, #payment, #services {
		width: 452px; float: left; font-size: 15px;
		background:	#fcfcfc;
		border: 1px solid #cfcfcf;
		padding: 10px;
		/*height:auto !important; height:100px;*/	
		}
		#key-info, #payment { margin: 0 0 10px 0; }
		#hours, #services { margin: 0 0 10px 10px; }
		
.profilepic-wrap {
	float: left;
	width: 160px;
	height: 167px;
	line-height: 167px;
	overflow:hidden;
	background: #FcFcFc;	
	margin: 0 38px 10px 0;
	}

	.profilepic-wrap img {
		vertical-align: middle;
		width: 160px;
	}

	.profile-details, .profile-details1 {
	float: left; 
	width: 250px;
	margin-top: 12px;	
	}
		.profile-details ul, .profile-details1 ul { float: left; margin: 0;}					
			.profile-details ul li, .profile-details1 ul li { 	width: 240px;
						text-align: left; list-style-type: none; list-style-position:inside; 
						text-indent: -1em; line-height: 18px;
						padding: 5px 0 5px 1em; margin-bottom: 0; font-size: 12px;
						border-bottom: 1px solid #ebebeb; color: #f26522;}
			.profile-details ul li span, .profile-details1 ul li span { float: right; padding-right: 10px; color: #6B6B6B; font-size: 14px; }
			.profile-details ul li:first-child, .profile-details1 ul li:first-child {
			border-top: 1px solid #ebebeb;	
			}
			.profile-details ul li:hover {
			background:	#f9f9f9;	
			cursor:pointer;	
			}
	.profile-address { 
	float: left; width: 300px;
	margin: 12px 0 0 60px; }
			.profile-address ul li { 	width: 200px;
						text-align: left; list-style-type: none; list-style-position:inside; 
						text-indent: -1em; line-height: 18px;
						padding: 5px 0 5px 1em; margin-bottom: 0;
						/*border-bottom: 1px solid #ebebeb;*/ }
			.profile-address ul li:first-child {
			/*border-top: 1px solid #ebebeb;	*/
			}
			.profile-address ul li:hover {
			/*background:	#f9f9f9;	
			cursor:pointer;	*/
			}
		.bus-profile-address {
		float: left; width: 340px/*150px*/;
		margin: 12px 0 0 60px;
		}
			.bus-profile-address ul li { 	/*width: 150px;*/
			text-align: left; list-style-type: none; list-style-position:inside; 
			text-indent: -1em; line-height: 18px;
			padding: 5px 0 5px 1em; margin-bottom: 0;
			 }

	.profile-share {
	float: left; width: 130px;
	margin: 12px 0 0 0;
	padding: 62px 0 0 0;	
	}
	
	#tabs {
	float: left;
	margin-bottom: 15px;
	width: 958px/*950px*/;	
	}
		/*#photos, #job-summary, #timeframe, #key-info, #hours, #payment, #services, #account-balance {
		min-height: 200px;  height:auto !important; height:200px; 
		}*/
		#photos {
		min-height: 200px;  height:auto !important; height:200px; 
		}
		#job-summary, #timeframe { float: left; width: 910px; }
		/*#photos { float: left; width: 910px; }*/
		#branches {min-height: 270px;  height:auto !important; height:270px;	 }
		#email-msg {min-height: 290px;  height:auto !important; height:290px; }
	.tab-wrap {
	float: left;
	max-width: 160px;
	height: 160px;
	line-height: 160px;
	overflow:hidden;
	margin: 10px 38px 10px 0;
	}
	.profile-image {
	float: left;
	width: 200px;
	height: 140px;
	margin: 0 12px 0 0;	
	}
	
	.tab-wrap img, .profile-image img {
		vertical-align: middle;
		max-width: 150px;
		max-height: 150px;
		border: 5px solid #EDEDED;
	}
	
/*.tab-wrap {
    float: left;
    height: 167px;
    line-height: 167px;
    margin: 10px 38px 10px 0;
    overflow: hidden;
    width: 160px;
}
.tab-wrap img {
    vertical-align: middle;
    width: 160px;
}*/
.photo-wrap {
    float: left;
    height: 200px;
    line-height: 200px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    width: 260px;
}
.photo-wrap img {
    border: 5px solid #EDEDED;
    vertical-align: middle;
    width: 250px;
}
.photo-wrap img:hover, .tab-wrap img:hover {
    border: 5px solid #CCCCCC;
}	
	
	.catecrumb {
	float: left;
	margin-bottom: 15px;
	width: 936px;	
	background: #ebebeb;
	border: 1px solid #cfcfcf;
	padding: 10px;
	color: #6b6b6b;	
	}
		.thin a {
		padding: 0 5px!important;	
		}
		.catecrumb a {
		cursor: pointer;
		padding: 0 10px;	
		}
	.catecrumb2 {
    background: none repeat scroll 0 0 #d8ebc0;
    border: 1px solid #c9d6ac/*76b726*/;
    color: #76b726;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    width: 936px;
	}
		.catecrumb2 a {
			color: #76b726;
			padding: 0 10px;
		}
		.catecrumb2 a:hover, .catecrumb2 a:active {
			font-weight: bold;
		}

	.mapbox {
		float: left;
		background:	#fcfcfc;
		border: 1px solid #cfcfcf;
		width: 936px;
		padding: 10px;
		min-height: 375px;              /*  THIS HELPS MIN-HEIGHT ACROSS ALL STUBBORN BROWSERS */
		height:auto !important;
		height:375px;
		margin-bottom: 15px;
	}
		.profilebox:hover {
		/*background:	#f9f9f9;	
		cursor:pointer;*/
		}
	.map-wrap {
	float: left;
	width: 936px;
	height: 375px;
	/*line-height: 375px;*/
	overflow:hidden;
	background: #FcFcFc;	
	margin: 0 0 10px 0;
	}

	.map-wrap iframe {
		vertical-align: middle;
		width: 936px;
		/*max-width: 170px;
		max-height: 140px;*/
	}
	


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {/*height:132px;*/ width:125px; position:relative; float: left; }

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; }

.menu li { padding:0; list-style:none; margin: 0; }
.menu li {/*display:inline;*/}
.menu ul ul {position:absolute; left:-9999px; background:#F9F9F9; border: 1px solid #CFCFCF; padding: 10px 0;}
.menu ul ul li a { padding:0 20px; }
.menu ul#toplevel {position:absolute; left:0; top:0;}

.menu a {display:block; /*font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;*/padding:0 20px 0 0;} 
.menu li a.fly {/*background: url(arrow.gif) no-repeat right top;*/}

.menu li a:hover {/*background-color:#09c;*/ /*color:#F9F9F9;*/} 
.menu li:hover > a {/*background-color:#09c;*/ /*color:#F9F9F9;*/}

.menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-46px;}

.menu a:hover ul,
.menu a:hover a:hover ul, 
.menu a:hover a:hover a:hover ul {left:100%;}
.menu a:hover ul ul, 
.menu a:hover a:hover ul ul {left:-9999px;}

.menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

/* PAGINATION */

#pagination {
	overflow: hidden;
	clear: both;
	padding: 0;
	display: block;
	margin: 20px 0;
	float:right;
/*	width: auto;*/
}

#pagination li {
	list-style-type: none;
	margin-left: 0px;
	display: inline;
	float: left;
	margin: 0 5px;
	text-indent: 0;
	font-size: 11px;
	font-weight: bold; 
	padding:0;
}
#pagination li.prev {
	margin-left: 0;
	text-transform:uppercase;
	font-size: 10px;
	line-height: 18px;
}
#pagination li.next {
	margin-right: 0;
	text-transform:uppercase; 
	font-size: 10px;
	line-height: 18px;
}
#pagination li a {
	display: block;
	padding: 1px 10px;
	background: #8DC63F; 
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC63F', endColorstr='#80AC42'); 
			background: -webkit-gradient(linear, left top, left bottom, from(#8DC63F), to(#80AC42));
			background: -moz-linear-gradient(top,  #8DC63F,  #80AC42); 
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
			border: 1px solid #8DC63F;
	color: #ffffff; 
	text-decoration: none;
	height: 20px;
	line-height: 20px;
}
#pagination li a:hover {
	background-color: #80AC42;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80AC42', endColorstr='#8DC63F'); 
			background: -webkit-gradient(linear, left top, left bottom, from(#80AC42), to(#8DC63F));
			background: -moz-linear-gradient(top,  #80AC42,  #8DC63F); 
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#pagination li a.active {
	background-color: #80AC42;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80AC42', endColorstr='#8DC63F'); 
			background: -webkit-gradient(linear, left top, left bottom, from(#80AC42), to(#8DC63F));
			background: -moz-linear-gradient(top,  #80AC42,  #8DC63F); 
			-moz-border-radius: 5px; -webkit-border-radius: 5px;
}


#pagination li.dots {
	padding-top: 10px;
}

/* MY IQUOTE PAGE */

	.edit-tabcontrols {
		background: #F2F2F4; padding: 0; display: block; clear: both; 
	}

	.edit-tabcontrols ul { margin: 0!important; padding: 0!important; }
	.edit-tabcontrols ul li { 
	text-align: left; list-style-type: none; list-style-position:inside; margin-bottom: 5px;
	margin-left: 0; padding: 0 10px 0 10px; text-indent: -10px; display: inline; font-weight: normal!important;
	}
		.edit-tabcontrols ul li a { 
		background: none!important; border: none!important; padding: 0!important; font-weight: normal!important;
		}
		.edit-tabcontrols ul li a:active, .edit-tabcontrols ul li a:hover { 
		color: #f26522!important; 
		}
		.edit-tabcontrols ul li.expire {
		list-style-image: url(/images/template/icon-hourglass.png) top left no-repeat;
		}
		.edit-tabcontrols ul li.edit {
		 list-style-image: url(/images/template/icon-pencil.png) top left no-repeat; 	
		}
		.edit-tabcontrols ul li.delete {
		 list-style-image: url(/images/template/icon-ban.png) top left no-repeat; 	
		}
		
		#accordion h4 {
		/*margin-top: 24px;*/	
		}
		
		.ui-widget-content table a:link, .ui-widget-content table a:visited, .edit-tabcontrols ul li a: {
		color: #6b6b6b;	
		}
		.ui-widget-content table a:hover, .ui-widget-content table a:active {
		color: #F26724;	
		}
		img.credit-account {
			float: left; padding: 6px 20px 0 20px;	
		}

		.yellow-area { 
		width: 832px; min-height: 160px; height: auto!important; height: 160px; 
		background: #FBFBE1; border: 1px solid #D1D3D4; padding: 10px;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		margin: 10px 0;	
		}
		.yellow-area h4 { font-weight: normal!important; }
		
		a.accept-quote{
		display: block; border: none; color: #FFF!important; font-weight:bold; padding: 5px 10px; font-size: 12px;
		float: right; margin: 12px 32px 0 0; cursor:pointer;	line-height: 1 !important;	
		background: #8DC63F; 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC63F', endColorstr='#80AC42'); 
		background: -webkit-gradient(linear, left top, left bottom, from(#8DC63F), to(#80AC42));
		background: -moz-linear-gradient(top,  #8DC63F,  #80AC42); 
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		border: 1px solid #8DC63F;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;	
		}
		.ui-widget-content table td a.accept-quote:hover {
		background-color: #80AC42; color: #FFF!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80AC42', endColorstr='#8DC63F'); 
		background: -webkit-gradient(linear, left top, left bottom, from(#80AC42), to(#8DC63F));
		background: -moz-linear-gradient(top,  #80AC42,  #8DC63F); 
		}
	
#tab {
	float: left; margin: 0; padding: 0;	width: 100%; 
}
	#account-details, #my-quotes, #account-balance, .pseudotab-content, #my_iquote { float: left; margin: 0; padding: 10px; border: 1px solid #CFCFCF; width: 938px;}
	#my_iquote, #my-quotes { min-height: 245px; height: auto!important; height: 245px; }
		
#tab ul { /* general settings */
text-align: left; /* set to left, right or center */
margin: 10px 0 0 0; /* set margins as desired */
font: 10px Arial, Helvetica, sans-serif; /* set font as desired */
/*border-bottom: 1px solid #CFCFCF;*/ /* set border COLOR as desired */
list-style-type: none;
padding: 10px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

#tab ul li { /* do not change */
display: inline;
margin-bottom: 0;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 5px; /* must change with respect to padding (X) above and below */
}

#tab ul li a { /* settings for all tab links */
padding: 10px 10px 10px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #CFCFCF; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #F6F6F6; /* set unselected tab background color as desired */
color: #6b6b6b; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

#tab ul a:hover { /* settings for hover effect */
background: #EDEDED; /* set desired hover color */
}
#tab ul a.active { /* settings for hover effect */
background: #FFF; /* set desired hover color */
font-weight: bold;
}

/* COMPANY DASHBOARD */
/* EDIT CONTROLS */
table#dashboard-controls, table.dashboard-controls {
	background: #FCFCFC;
	border: 1px solid #CFCFCF;
	color: #6B6B6B;
	float:left;
	margin: 10px 0;	
}
table#dashboard-controls tr.addthis, table.dashboard-controls tr.addthis {
	border-bottom: 1px solid #CFCFCF;
}	
	table#dashboard-controls tr.addthis td, table.dashboard-controls tr.addthis td {
	padding: 10px;	
	}
	table#dashboard-controls tr td, table.dashboard-controls tr td {
	padding: 10px;	
	}
	table#dashboard-controls tr:hover, table.dashboard-controls tr:hover {
	background:	#f9f9f9;	
	}
			table#dashboard-controls li, ul#addthis, table.dashboard-controls li { display: inline; float: left; }
			table#dashboard-controls a.edit_this, table.dashboard-controls a.edit_this, a.edit_this {
			background:url("/images/template/edit-icon.png") no-repeat scroll left center transparent;
			outline: none;
			padding:0 24px !important;
			}
			a.upload-image { 
			background:url("/images/template/edit-icon.png") no-repeat scroll left center transparent;
			display: block; clear: both; outline: none;
			padding:0 24px !important;}
			.imgupload-container {
			float: right;
			margin: 20px 0;	
			width: 200px;
			}
			table#dashboard-controls a.relist_this, table.dashboard-controls a.relist_this {
			background:url("/images/template/recycle-icon.png") no-repeat scroll left center transparent;
			outline: none;
			padding:0 24px !important;
			}
			table#dashboard-controls a.vacancy_images, table.dashboard-controls a.vacancy_images {
			background:url("/images/template/camera-icon.png") no-repeat scroll left center transparent;
			outline: none;
			padding:0 24px !important;
			}
			table#dashboard-controls a.delete_this, table.dashboard-controls a.delete_this, a.delete_this {
			background:url("/images/template/delete-icon.png") no-repeat scroll left center transparent;
			outline: none;
			padding:0 24px !important;
			}
			
			table#dashboard-controls li.view_name, table.dashboard-controls li.view_name {
			min-width:400px; width:auto !important; width:400px;	
			}
				table#dashboard-controls li:hover, ul#addthis li:hover, table.dashboard-controls li:hover {
				background:	#f9f9f9;	
				}
			table#dashboard-controls a.view_this, table.dashboard-controls a.view_this {
			background:url("/images/template/view-icon.png") no-repeat scroll left center transparent;
			outline: none;
			padding:5px 24px !important;
			}
			table#dashboard-controls a.delete_this, table.dashboard-controls a.delete_this {
			background:url("/images/template/delete-icon.png") no-repeat scroll left center transparent;
			outline: none;
			padding:5px 24px !important;
			}
			table#dashboard-controls a.add_this, table.dashboard-controls a.add_this {
			background:url("/images/template/add-icon.png") no-repeat scroll left center transparent;
			outline: none;
			padding:5px 24px!important;
			}
			table#dashboard-controls a.active, table#dashboard-controls a.selected,
			table.dashboard-controls a.active, table.dashboard-controls a.selected, 
			ul#addthis li a.active, ul#addthis li a.selected, ul#addthis li a:active, ul#addthis li a:hover  {
			color: #F26522;	
			}

	.flash {
	background:url("/images/template/flash.png") no-repeat scroll left center transparent;
	outline: none;
	padding:0 24px 0 16px!important;	
	font-style:italic;
	}
	.flash p {
	color: #F00/*#f26522*/;		
	}
	.warningmessage {
	border: 2px solid #f49568;
	background: #fae3d9;
	float: left;
	width: 890px;
	padding: 10px;
	margin: 10px auto;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;	
	}
		.warningmessage p {
		color: #F00/*#f26522*/;
		font-weight: bold;
		margin: 0;	
		}
		
/* ACCOUNT LOGIN */
.accountlogin {
    float: left;
    position: relative;
    width: 80px;
    z-index: 999999;
}
ul.accountlogin {
    list-style: none outside none;
    margin: 0;
    padding: 1px 1px 0;
    text-align: left;
    white-space: nowrap;
}
ul.accountlogin li {
    list-style: none outside none;
    margin-bottom: 0;
    padding: 0;
}
ul.accountlogin li {
}
ul.accountlogin ul {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CFCFCF;
    left: -9999px;
    padding: 10px 0;
    position: absolute;
}
ul.accountlogin ul li a {
    padding: 0 20px;
    text-decoration: none;
}
.menu ul#toplevel {
    left: 0;
    position: absolute;
    top: 0;
}
ul.accountlogin a {
    display: block;
    font-size: 11px;
    padding: 0 20px 5px 10px;
    /*text-decoration: underline;*/
}
ul.accountlogin li a.green {
	color: #8DC63F;
	line-height:13px;
}
ul.accountlogin li a:hover {
}
ul.accountlogin li:hover > a {
}
ul.accountlogin li:hover > ul {
    left: 100%;
    margin-left: -46px;
    margin-top: -23px;
}
ul.accountlogin li a:hover ul, ul.accountlogin li a:hover a:hover ul, ul.accountlogin li a:hover a:hover a:hover ul {
    left: 100%;
}
ul.accountlogin li a:hover ul ul, ul.accountlogin li a:hover a:hover ul ul {
    left: -9999px;
}
ul.accountlogin table {
    border-collapse: collapse;
    height: 0;
    left: 99%;
    margin-left: -1px;
    margin-top: -7px;
    position: absolute;
    width: 0;
}
img.my-account-icon {
	float: left;
	margin: 0 5px 5px 0;	
}

h5.edit-profimage { 
	float: left;
	margin: 10px 0;
}

h3.priced, p.priced { margin-top: 20px; }
h4.imguploadlabel { 
	/*float: left;*/
	margin: 10px 0;
	display: block;
	clear: both;
	font-weight:normal;
}
.image-upload-box { 
	float: left; 
	width: 270px;
	min-height:245px;
	height:auto!important;
	height:245px;
	margin: 10px 0 10px 10px;
	border-bottom: 1px solid #8CC63F;
}
	div.image-upload-box label, div.image-upload-box input[type=text] {
	display: block;
	clear: both;
	width:100%;
	}
	div.image-upload-box label {
	color: #8CC63F;	
	}
	div.image-upload-box input[type=text] {
		float: left;
		margin: 10px 10px 10px 0;
		padding: 5px;
		border: 1px solid #dcdcdc;	
		font-family: Arial, Helvetica, sans-serif; font-size: 15px; 	
	}
	div.image-upload-box input[type=text] {
	width: 200px;	
	}
	textarea#video {
	width: 250px;	
	}
	form#registration-form ul.form-list li label.error { display: block; clear: both; color: #F00; text-align:left; margin-left: 280px!important; }
	ul.form-list li label.error { margin-left: 270px!important; color: #F00!important; 
	font-weight:bold; font-style:italic; float: left; padding: 5px; }
	
	ul.form-list li input#terms { width: 50px!important; margin-top:20px; border: none!important; outline: none; }
	ul.form-list li label#label_terms { width: 260px; padding-left: 40px; }
	
	
	.image-edit { width: 250px; height: 185px; float: left; margin: 0 10px 10px 0; }
	img.image-edit { max-width: 250px; width: auto!important; width: 250px; 
	max-height: 175px; height: auto!important; height: 175px; }
	
	div.branches-box { width: 200px; float: left; border: 1px solid #8DC63F; padding: 10px; margin: 0 10px 10px 0; min-height: 225px; height: auto!important; height: 225px; }
	.bus-profile-branches { width: 250px;  margin: 12px 0 0 0; float: left; }
	
	.plan-area { float: left; width: 100px; height: 58px; background: url(/images/template/plan-area.png) top left no-repeat; margin: 10px 10px 10px 0; }
		.plan-area span { font-size: 40px; color: #8b8b8b; text-shadow: 1px 1px 1px #000; font-weight: bold; float: left; margin: 24px 0 0 15px;  }
		input[type=radio] { margin: 24px 12px 0 12px; float: left; }
	.plan-area label { cursor: pointer; }
	.my_iquote {  width: 250px!important; border: 1px solid #CFCFCF; padding: 20px!important; text-align: center; }
/*	table.ui-datepicker-calendar { position: relative!important; z-index:999999!important;}
	.ui-helper-clearfix:after { position: relative!important; z-index:999999!important; visibility:visible!important;}*/
	.business-tab, .job-tab { width: 952px!important; }
	
	.login-forgot-password { margin-left: 160px; }
	
	label#caption-label { margin-right: 10px; }
	
	
table.zebra-table { width: 956px; margin: 0 0 10px 0; border: 1px solid #CFCFCF; }
table.zebra-table td { padding: 2px 5px; }
table.zebra-table tr th { background: #EBEBEB; font-weight: bold; padding: 10px 5px; }
table.zebra-table tr.alt td {
	background: #ebebeb;
}

table.zebra-table tr.over td, tr:hover td {
	background: #eef6e4;
}
	table.zebra-table h4 { margin: 0; }
	table.zebra-table h4 a:link, table.zebra-table h4 a:visited { color: #2677C1; }
	table.zebra-table h4 a:hover, table.zebra-table h4 a:active { text-decoration: underline; }

.fadeimage {  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.calltoaction {
		background: #f4f4f4;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f2f2f3'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#f2f2f3)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #f4f4f4,  #f2f2f3); /* for firefox 3.6+ */ 
		border: 1px solid #cfcfcf;
		width: auto;
		padding: 10px 20px;
		/*min-height: 100px; height:auto !important; height:100px;*/
		min-width: 265px; height:auto !important; width:265px;
		margin-bottom: 12px;
		float: left;
		display: block; clear: both;
	}
	.calltoaction:hover {
		background:	#f9f9f9;	
		cursor:pointer;
	}
	.calltoaction h2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  
	font-weight: bold;
	font-style: italic;
	color: #F26522;	text-align: center; margin: 0 auto;
	}
	.calltoaction h3 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  
	font-weight: bold;
	/*font-style: italic;*/
	color: #0066CC;	text-align: center; margin: 0 auto;
	}
	.calltoaction h4 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  
	color: #595A5C;
	margin-top: 10px;
	margin-bottom: 0;	
	}
	.calltoaction p {
	margin-bottom: 5px;	
	text-align: center; margin: 0 auto;
	}
	
form#uploadimage input.submit, form#uploadimage input#submit {
    background: none repeat scroll 0 0 #8cc540; color: #FFF;
    border: medium none;
    border-radius: 5px;
    cursor: pointer;
    display: block; float: right;
    font-family: "Lucida Grande"; font-size: 15px; font-weight: bold; 
    margin: 10px 52px 10px 0;
    padding: 5px 20px;
    text-align: center !important; text-decoration: none !important; text-transform: uppercase !important;
    width: auto!important;
}


form#uploadimage input.submit:hover, form#uploadimage input#submit:hover {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #666666;
	/*color: #FDCB03;*/
}