body {

	margin: 100px 0px 0px 0px;

	padding: 0;

	border: 0;

	text-align: center;

	font-family:"Tahoma", Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#container {

	width: 906px;

	margin: 0px auto;

	text-align: left;

	position:relative;

}



#header {}



#content { width: 906px; }



#dynamic_box_left {

	margin: 0;
    
    width: 150px;

	float: left;

}



#dynamic_box_center {

	float: left;

}



#dynamic_box_right {

	margin: 0;

	float: right;

}



#content_footer {clear: both;}



#footer {clear:both;}





/*********homepage layout**********/

#container_home {

	width: 906px;

	height:632px;

	margin: 0px auto;

	text-align: left;

	position:relative;

	background: url(../img/home_page.png) top left no-repeat;

}





#layout_homepage div#dynamic_box_left {

	width: 250px;

	position:absolute;

	top:135px;

	left:15px;

}



#layout_homepage div#dynamic_box_center {

	background:#fff url(../img/body_bg.gif) top right no-repeat;

	position:absolute;

	left:268px;

	top:37px;

	width:638px;

	height:500px;

}



/********* Article layout green left **********/

#container_green_left {

	width: 906px;

	height:531px;

	margin: 0px auto;

	text-align: left;

	position:relative;

	background: url(../img/green_left.png) top left no-repeat;

}





#layout_green_left div#dynamic_box_left {

	width:170px;

	position:absolute;

	top:125px;

	left:15px;

}



#layout_green_left div#dynamic_box_center {

	background:#fff url(../img/body_bg.gif) top right no-repeat;

	position:absolute;

	left:268px;

	top:37px;

	width:638px;

	height:480px;

}





/*********deafault layout**********/

/*#layout_default div#dynamic_box_right        {width: 260px;}*/

#layout_default div#dynamic_box_left         {width: 295px;}

#layout_default div#dynamic_box_center       {width: 610px;}



/********** two column *************/

#layout_two_column div#dynamic_box_right     {width: 320px;}

#layout_two_column div#dynamic_box_left      {display:none;}

#layout_two_column div#dynamic_box_center    {width: 670px;}



/************ three columns ***************/

#layout_three_columns div#dynamic_box_right  {width: 190px;}

#layout_three_columns div#dynamic_box_left   {width: 190px;}

#layout_three_columns div#dynamic_box_center {width: 610px;}



/************ equal ***************/

#layout_equal div#dynamic_box_right   {width: 330px;}

#layout_equal div#dynamic_box_left    {width: 330px;}

#layout_equal div#dynamic_box_center  {width: 330px;}



/************ equal rights ***************/

#layout_equal_rights div#dynamic_box_right   {width: 260px;}

#layout_equal_rights div#dynamic_box_left    {width: 470px;}

#layout_equal_rights div#dynamic_box_center  {width: 260px;}



/************ non equal ***************/

#layout_non_equal div#dynamic_box_right      {width: 320px;}

#layout_non_equal div#dynamic_box_left       {width: 420px;}

#layout_non_equal div#dynamic_box_center     {width: 250px;}


body { background: #99cc66;}

/*************** GLOBAL STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/



#container {}



#content {width:100%; overflow:hidden;}



/*** Global anchor styles ***/



a {color:#000; text-decoration: none;}



a:hover {text-decoration: underline;}



a img {border: none;}



/*** Global list styles ***/



ul { padding: 0; margin: 0;}



ul li { list-style-type: none;}



/*** Global heading styles ***/



h1, h2, h3, h4 {margin: 0px;}



h1 { font-size: 18px; font-weight: normal; }



h1 a { color: #C90404;}



h2, h3 {font-size: 12px; padding-bottom: 4px;}



h2 a:hover, h3 a:hover {color: #C90404;}



h4 {}



h4 a {}



/*** Global box styles ***/

.box .box_title { 

	font-size: 16px;

	font-weight: normal;

}



/*************** HEADER STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/



#header .logo {position:absolute; top:0; left:0; z-index:999;}



/*************** CONTENT STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/

/*** Article styles ***/

#article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;}



#article_holder div#article_body h1, 

#article_holder div#article_body h2, 

#article_holder div#article_body h3, 

#article_holder div#article_body h4, 

#article_holder div#article_body h5, 

#article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;}



#article_holder div#article_body a { color: #002BB8;}



/*** Tabs ***/

.tabs {

	line-height:normal;

	width:100%; 

	overflow:hidden;

}



ul.tabs{

	margin:0 0 10px 0;

	padding:4px 0 4px 0px;

	list-style:none;

}

.tabs li {

	display:inline;

	margin:0;

	padding:0;

}

	  

.tabs a {

	display:block;

	float:left;

	margin: 0px 2px 0px 0px;

	width:150px;

	height:25px;

	line-height:25px;

	text-decoration:none;

	text-align:center;

	color:#004C37;

	background:#FEE5C3 url(../img/tabs_corners.gif) 0 -25px no-repeat;

}



.tabs a:hover {text-decoration: none; background:#CCE5B2 url(../img/tabs_corners.gif) 0 0 no-repeat;}



.tabs a.active {background:#CCE5B2 url(../img/tabs_corners.gif) 0 0 no-repeat;}

.stage_next { position:absolute; left:600px; top:280px; }



/*** Stages ***/

#stage_one, #stage_two, #stage_three, #design_preview {padding-right:10px;}



#stage_one h2, #stage_two h2, #stage_three h2, #design_preview h2 {

	text-indent:-9999px; float:left; width:500px;

}

	

h2.One {background: url(../img/title_stage_one.png) top left no-repeat; height:22px}

h2.Two {background:url(../img/title_stage_two.png) top left no-repeat; height:22px;}

h2.Three {background:url(../img/title_stage_three.png) top left no-repeat; height:24px;}

h2.Preview {background:url(../img/title_design_preview.png) top left no-repeat; height:24px;}



.stage_next {position:absolute; right:15px;}



.stage_next a {background:url(../img/next_step_button.gif) 0 0 no-repeat; width:80px; height:20px; display:block; text-indent:-9999px;}



.stage_next a:hover {background:url(../img/next_step_button.gif) 0 -20px no-repeat;}



/*************** HOMEPAGE STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/

#container_home h1 {

	background:url(../img/home_title.png) top left no-repeat;

	position:absolute;

	left:15px;

	top:20px;

	width:344px;

	height:52px;

	text-indent:-9999px;

}



#container_home p {

	font-size:13px;

	position:absolute;

	width:595px; 

	top:80px;

	left:15px;

}

#contact_home {

    position:absolute;

    right:0;
    
    left:300px;

    top:575px;

}

#container_home .featured {

	position:absolute;

	right:0;

	top:270px;

}



#container_home .go_green {

	position:absolute;

	top:330px;

	left:15px;

	width:290px;

}



#container_home .go_green .box_small {float:left; width:145px;}



.go_green .box_small h3 { 

	background:url(../img/home_go_green_box_title.png) top left no-repeat;

	text-indent:-9999px;

}



.go_green .box_small .box_content {padding:5px 0px;}



.go_green .box_small a {color:#FDCB88;}



/*** Left nav ***/

#layout_homepage div#dynamic_box_left .service_row {width:100%; overflow:hidden; margin:30px 0px;}



#layout_homepage div#dynamic_box_left h3 { 

	background:url(../img/home_services.png) top left no-repeat;

	text-indent:-9999px;

}


#menu-text {
    position: absolute;
    left: 87px;
    top: 0px;
    width:100;
}

#layout_homepage div#dynamic_box_left .service_row a {

	float:left; 

	width:120px; 

	height:104px; 

	text-indent: -99999px;

}



#layout_homepage div#dynamic_box_left .service_row a.Exteriors, 

#layout_homepage div#dynamic_box_left .service_row a.Rooftops, 

#layout_homepage div#dynamic_box_left .service_row a.Holiday {margin-right:10px;}



#layout_homepage div#dynamic_box_left .service_row a.Exteriors {background:url(../img/service_exterior_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Interiors {background:url(../img/service_interior_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Rooftops {background:url(../img/service_rooftop_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Lighting {background:url(../img/service_lighting_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Holiday {background:url(../img/service_holiday_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Portfolio {background:url(../img/service_portfolio_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}



#container_home #footer {

	background:url(../img/home_plant.png) top left no-repeat;

	position:absolute;

	top:421px;

	right:6px;

	width:175px;

	height:254px;

}



/*************** GREEN LEFT STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/

#container_green_left h1 {

	position:absolute;

	left:15px;

	top:20px;

	text-indent:-9999px;

}

	

h1.Company {background: url(../img/title_company_overview.png) top left no-repeat; width:297px; height:41px;}

h1.Associations {background:url(../img/title_associations.png) top left no-repeat; width:231px; height:38px;}

h1.Credentials {background:url(../img/title_credentials.png) top left no-repeat; width:210px; height:42px;}

h1.Testimonials {background:url(../img/title_testimonials.png) top left no-repeat; width:231px; height:43px;}



h1.Health {background:url(../img/title_health_benefits.png) top left no-repeat; width:222px; height:56px;}

h1.Trends {background:url(../img/title_trends.png) top left no-repeat; width:121px; height:41px;}



h1.Planning {background:url(../img/title_planning.png) top left no-repeat; width:174px; height:52px;}



h1.Features {background:url(../img/title_features.png) top left no-repeat; width:148px; height:38px;}

h1.Acknowledgments {background:url(../img/title_acknowledgements.png) top left no-repeat; width:368px; height:50px;}



h1.Exterior {background:url(../img/title_exterior_plantscapes.png) top left no-repeat; width:299px; height:57px;}

h1.Interior {background:url(../img/title_interior_plantscapes.png) top left no-repeat; width:287px; height:58px;}

h1.Rooftop {background:url(../img/title_rooftop_plantscapes.png) top left no-repeat; width:287px; height:59px;}

h1.Lighting {background:url(../img/title_lighting_design.png) top left no-repeat; width:231px; height:60px;}

h1.Holiday {background:url(../img/title_holiday_decor.png) top left no-repeat; width:222px; height:52px;}

h1.Portfolio {background:url(../img/title_gallery.png) top left no-repeat; width:201px; height:53px;}



h1.Contact {background:url(../img/title_contact.png) top left no-repeat; width:295px; height:37px;}



/*** Summary positioning ***/

#container_green_left .green_summary {

	font-size:13px;

	position:absolute;

	width:595px; 

	top:80px;

	left:15px;

}



/*** Body positioning ***/

#container_green_left .green_body {

	font-size:13px;

	position:absolute;

	width:715px; 

	top:180px;

	left:-80px;

}



/*** Category Gallery Body positioning ***/

#container_green_left .gallery_body {

	font-size:13px;

	position:absolute;

	width:600px; 

	top:90px;

	left:-30px;

}



/*** Article Gallery Body positioning ***/

#container_green_left #gallery_article_body {

	font-size:13px;

	position:absolute;

	width:500px; 

	top:100px;

	left:50px;

}



/*** Left menu ***/

#layout_green_left div#dynamic_box_left h3 { 

	background:url(../img/services_small.png) top left no-repeat;

	text-indent:-9999px;

}



#layout_green_left div#dynamic_box_left .service_row {width:100%; overflow:hidden; margin:8px 0px;}



#layout_green_left div#dynamic_box_left .service_row a {

	float:left; 

	width:61px; 

	height:53px; 

	background-position: 0 0;

	text-indent: -99999px;

}



#layout_green_left div#dynamic_box_left .service_row a:hover, 

#layout_green_left div#dynamic_box_left .service_row a.selected {background-position: 0 -53px;}



#layout_green_left div#dynamic_box_left .service_row a.Exteriors, 

#layout_green_left div#dynamic_box_left .service_row a.Rooftops, 

#layout_green_left div#dynamic_box_left .service_row a.Holiday {margin-right:8px;}



#layout_green_left div#dynamic_box_left .service_row a.Exteriors {background-image:url(../img/service_exterior_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Interiors {background-image:url(../img/service_interior_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Rooftops {background-image:url(../img/service_rooftop_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Lighting {background-image:url(../img/service_lighting_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Holiday {background-image:url(../img/service_holiday_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Portfolio {background-image:url(../img/service_portfolio_small.gif);}



/*** Go green box ***/

#container_green_left #footer {

	background: url(../img/go_green_small.png) top left no-repeat;

	color:#fff;

	position:absolute;

	top:374px;

	left:0;

	width:151px;

	height:193px;

}



#container_green_left #footer h3 { 

	background:url(../img/go_green_small_title.png) no-repeat; 

	text-indent:-999999px;

	height:38px;

}



#container_green_left #footer .box_content {padding:0px 12px;}



/********** Gallery **********/

#container_green_left .gallery_row {width:100%; overflow:hidden; margin-bottom:5px;}



#container_green_left .gallery_item {

	width:180px; 

	float:left;

	margin:0px 5px; 

	padding:5px; 

	background:#B9D379;

	font-size:11px;

	text-align:center;

}



#container_green_left .gallery_item a {color:#004C37;}



/********** Press **********/

#container_green_left .press_title {position:absolute; top:145px; left:-83px;}



#container_green_left .short {padding-bottom:10px;}



#container_green_left .short .title {font-weight:bold; padding-bottom:4px;}



#container_green_left .download_link {text-transform:uppercase; padding:3px 0px}



#container_green_left .download_link a {color:#99CC66; text-decoration:underline;}



/********** Contact **********/

#container_green_left a.mail_to {color:#99CC66;}



/********** Scrollbars **********/

#scrollbar_container {  

	position:relative;  

	width:705px;

	height:300px; 

	float:right;   

	margin-right:10px;

	display:inline;

}



#scrollbar_track {  

	position:absolute;  

	top:0;  

	right:0;  

	height:100%;  

	width:10px;  

	background:#B9D379;

} 

  

#scrollbar_handle {  

	width:10px;  

	background-color:#F4D69E;  

} 



#scrollbar_content {  

	overflow:hidden;  

	width:695px;  

	height:300px;  

}  



/********** Scrollbars body lists **********/

#scrollbar_content ul {margin: 12px 0px; padding-left: 40px;}



#scrollbar_content ul li { list-style-type:disc; list-style-position:inside;}

#contact_form { float:left; width:500px; }

#contact_image { float:right; padding-right:10px; }
/* Styles for forms */

form { /******* Used for all forms in Vivvo *********/
	padding: 0px;
	margin: 0px;
}

input, select, textarea { }

select  {}

textarea  {border: 1px solid #7F9DB9;}

.form_line {
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 100%;
	overflow: hidden; /* if used, needs to be hidden because of Opera */
}

*:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;}


input.text {border: 1px solid #7F9DB9;}

select.options { border: 1px solid #7F9DB9;}



input.submit_button, button { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.formElement p { margin-top: 0;}

/***************** Box forms *******************/

#dynamic_box_right .form_line label {}

#dynamic_box_right .form_line div.submit { text-align: right;}

#dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #C90404;}

/*************** CONTENT FORMS *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#dynamic_box_center div.form_line label {
	text-align: right;
	padding: 3px 0px 3px 3px;
	display: block; 
	float: left;
	width: 30%;
	font-size: 12px;
	font-weight:bold;
}

#dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;}

#dynamic_box_center div.formElement label {
	padding: 0px;
	width: auto;
	text-align: left;
	float: none;
	display: block;
	font-weight: normal;
}

/***************** User registration form (ajax validations) *******************/

.tos_label {color:#666666;}

.tos_label a {color:#C90404;}

.tos_box {border: 1px solid #7F9DB9; padding: 6px; margin-top: 6px; width: 350px; height: 200px; overflow: scroll;}

.tos_box pre {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;}

#error_message {background:#FCD6D4; margin-bottom: 6px;}

#error_message p {margin: 2px 0px; padding: 4px; color: #555555;}

.validation {
	padding: 2px 0px 2px 18px; 
	font-size: 11px; 
	font-weight:bold;
}

.not_valid {background: url(../img/validation_not_valid.gif) 0 0 no-repeat; color:#F3735D;}

.checking {background: url(../img/validation_info.gif) 0 0 no-repeat; color:#6b99c5;}

.valid {background: url(../img/validation_valid.gif) 0 0 no-repeat; color:#80CA73;}
.quote_right { 
	color: #C90404; 
	float: right; 
	margin: 6px; 
	display: inline; 
	width: 200px; 
	height: auto;
	background: #f9f9f9;
	border: 1px solid #cccccc;
	padding: 6px;
}

.quote_right img { margin: 4px;}

.quote_left {  
	color: #C90404; 
	float: left; 
	margin: 6px; 
	display: inline; 
	width: 200px; 
	height: auto;
	background: #f9f9f9;
	border: 1px solid #cccccc;
	padding: 6px;
}

.quote_left img { margin: 4px;}

.right_image { float: right; margin: 6px; display: inline;}

.left_image { float: left; margin: 6px; display: inline;}

#article_holder div#article_body h1 {font-size: x-large; border: none; color: #000000;}

#article_holder div#article_body h2 {font-size: large;}

#article_holder div#article_body h3 {font-size: medium;}

#article_holder div#article_body h4 {font-size: small;}

#article_holder div#article_body h5 {font-size: x-small; margin:0;}

#article_holder div#article_body h6 {font-size: xx-small; margin:0;}

#article_holder div#article_body ul {margin: 12px 0px; padding-left: 40px;}

#article_holder div#article_body ul li { list-style-type:disc; list-style-position:outside;}

.menu, .menu ul { /* remove all list stylings */

	margin-left: 100px;

	padding: 0;

	border: 0;

	display: block;

}



.menu li {

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	float: left;	      /* move all main list items into one row, by floating them */
    
	position: relative;	  /* position each LI, thus creating potential IE.win overlap problem */

	z-index: 5;		      /* thus we need to apply explicit z-index here... */

	list-style: none;

}



.menu li:hover {

	z-index: 10000;	      /* ...and here. this makes sure active item is always above anything else in the menu */

	white-space: normal;  /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)

							 see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */

}



.menu li li {

	float: none;		 /* items of the nested menus are kept on separate lines */

	position:relative !important;

}



.menu ul {

	visibility: hidden;	/* initially hide all submenus. */

	position: absolute;

	z-index: 10;

	left: 0;	       /* while hidden, always keep them at the top left corner, */

	top: 0;		       /* to avoid scrollbars as much as possible */

}



.menu li:hover>ul {

	visibility: visible;	/* display submenu them on hover */

	top: 100%;	            /* 1st level go below their parent item */

}



.menu li li:hover>ul {	    /* 2nd+ levels go on the right side of the parent item */

	top: 0;

	left: 100%;

}



/* -- float.clear -- force containment of floated LIs inside of UL */

.menu:after, .menu ul:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

.menu, .menu ul {/* IE7 float clear: */min-height: 0;}

/* -- float.clear.END --  */



/* -- sticky.submenu --

	it should not disappear when your mouse moves a bit outside the submenu

	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!

	if you do it, make sure you 110% know what you do */

.menu ul {

	background-image: url(../img/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */

	padding: 10px 30px 30px 30px;

	margin: -10px 0 0 -30px;

	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.

								you can also use to adjust the safe area to your requirement */

}

.menu ul ul {

	padding: 30px 30px 30px 10px;

	margin: 0 0 0 -10px;

}

/* -- sticky.submenu.END -- */







/************************************************************************************/

/*************************** DHTML_menu styles **************************************/

#mainNav {

    background: url(../img/main_nav_bg.png) bottom repeat-x;

	position:absolute;

	right:0;

	top:0;

	z-index:999;

	width:637px;

	height:38px;

	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

    text-align:center;
}



.menu ul {

	font-size:85%;

}



.menu ul li {

    margin:0;

    float:none;

    border:none;

  }

.menu ul li ul {

	font-size:100%;

}



.menu ul {

	width: 15em;

	margin:0; 

	padding:0;

}



.menu li:hover {

	background:#D1EC86;

	color: #004C37;

}



/* Link styles */

.menu li a{

	display:block;

	height:27px;

	line-height:27px;

	padding:0 20px;

}



.menu li a:link,

.menu li a:visited,

.menu li a:hover {

	color: #ffffff;

   /* font-weight:normal;*/

    text-decoration:none;

}



.menu li a:hover {

	background:#D1EC86;

	color: #004C37;

}



.menu ul li {

	background:#e8f6c3;

}



.menu ul li:hover {

	background:#e8f6c3;

}



.menu ul li a:link,

.menu ul li a:visited,

.menu ul li a:hover {

	text-decoration: none;

	display: block;

	float:none;

	position: relative;

	border:none;

	height:auto;

	line-height:100%;

	padding:5px;

	background:transparent;

	border-bottom:1px solid #7da493;

	border-left:1px solid #7da493;

	border-right:1px solid #7da493;

	color: #004C37;

	font-weight:normal;

}



.menu ul li a:hover {

	background: #D1EC86;

	color: #004C37;

}



.menu ul li ul li a:link,

.menu ul li ul li a:visited,

.menu ul li ul li a:hover {

	background:#EEEEEE;

}



.menu li ul li ul li a:hover {

	background: #bfbfbf;

	color: #C90404;

}

  

.menu a:hover, .menu li:hover>a {}



.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */

	background:#333333;

	padding:0;

}

/********************************************************************************************/

/**************************** Internet Explorer only styles ********************************/



/* Hides from IE5-mac \*/

* html #mainNav a {float:left;}



* html .menu, * html .menu ul {zoom: 1;}



* html .menu li.adxmhover {z-index: 10000; background:#B7B8B8; color: #fff;}



* html .menu .adxmhoverUL {visibility: visible;}



* html .menu .adxmhoverUL {top: 100%; left: 0;}



* html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;}



* html .menu ul a {zoom: 1;}



* html .menu ul li {display:inline !important;}



* html .menu ul li a:link,

* html .menu ul li a:visited,

* html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;}



* html #mainNav .menu li ul li {margin:0; padding:0;}



* html .menu li li {width:100%; margin:0; padding:0;}



* html #mainNav .menu ul li a:link,

* html #mainNav .menu ul li a:visited,

* html #mainNav .menu ul li a:hover {float:none;}



* html .menu ul ul {padding:0;}

/* End hide from IE5-mac */
.error { background-color: #FFFFD5; border-top: 1px solid #FFFFB2; border-bottom: 1px solid #FFFFB2;}

div.error_message {background: #FFFFD5 url(../img/alert.gif) 4px 4px no-repeat; padding: 4px 0px 4px 26px;}

div.error_message p {margin: 0; padding: 0px 0px 4px 0px; color: #666666;}

.required {background: url(../img/icon_required.gif) right 3px no-repeat; padding-right: 10px;}

input.form_builder_text, 
textarea.form_builder_textarea, 
select.form_builder_options {border:none; background:#EAEAEA;}

input.form_builder_text {width: 90%;}

textarea.form_builder_textarea {width: 90%;}

select.form_builder_options {width: 91%;}

div.box_form div.formElement img {vertical-align:top; cursor:pointer;}

div.box_form div.form_line p {padding: 0 6px; margin: 0;}

div.box_form div.form_line strong {font-size: 14px;}


/*** Left column form ***/
#dynamic_box_left div.box_form div.box_content { padding: 0 4px;}

#dynamic_box_left div.box_form div.formElement {padding-top: 4px;}

#dynamic_box_left div.box_form div.checkbox {display:inline;} /* checbox in one line */

#dynamic_box_left div.box_form div.formElement label, 
#dynamic_box_left div.box_form div.form_line label {font-size: 11px;}

#dynamic_box_left div.box_form div.form_line {border-bottom: 1px solid #EEEEEE;}

/*** Right column form ***/
#dynamic_box_right div.box_form div.checkbox {display:inline;} /* checbox in one line */

#dynamic_box_right div.box_form div.formElement {padding-top: 4px;}

/*** Center column form ***/
#dynamic_box_center div.box_form div.form_line label {padding-right: 10px;}

#dynamic_box_center div.box_form div.formElement {width: 60%;}

#dynamic_box_center div.box_form div.formElement label {display:inline;}

#dynamic_box_center div.box_form div.box_title {
	border-bottom:1px solid #EEEEEE; 
	font-size:18px; 
	margin-bottom:12px; 
	padding-bottom:4px;
}


/*** Tooltips ***/
.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}
.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
.tooltip .xb1 { margin: 0 5px; background: #333; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }

.tooltip .xboxcontent {
	padding: 0 .5em;
	margin: 0;
	color: #000;
	text-shadow: 2px 2px 0px #CCC;
	word-wrap:break-word;
	border: 1px solid #333;
	border-width: 0px 1px 0 1px;
	background-color: #666;
	text-align: left;
}