/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { font-family:Arial, Helvetica, sans-serif; }

a:link, a:visited {color:#fff; text-decoration: none}
a:hover {color:#fff; text-decoration:underline}

p { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:20px; color:#5C5C5C;}

h1 { font-size:29px; color:#3B3B3B} 






/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:100%; float:left; background:url(../images/bg_header.gif) repeat-x top left; border-top:5px solid #44BED6; }


/*
---------------------------------------------
03. header
---------------------------------------------
*/

/* DROP DOWN */
#dropDown {	
	display: none;
	padding: 45px 0 15px;
	font-size: 18px;
	line-height: 30px;
	color: #909090;
	position: absolute;
	background: url(http://collisionmedia.publishpath.com/Websites/collisionmedia/templates/collision2010/images/dropdown-bg.png) !important;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 11px solid #44bed6;
}
	#dropDown h1.title {	
		font-size: 34px;
		font-weight: bold;
		color: #ddd;
		margin: 0 0 15px 0;
	}
	
	/* PAGE CONTAINER */
	#pageContainer, 
	.width {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	
	#pageContainer, 
	.width .drop1 {
		width: 535px;
		margin: 0 auto;
		float: left;

	}
	
	#pageContainer, 
	.width .drop1 p {
		color: #848484;

	}
	
	#pageContainer, 
	.width .drop1 a {
		color: #a4a4a4;

	}
	
	#pageContainer, 
	.width .drop2 {
		width: 350px;
		margin: 0 auto;
		float: right;

	}

#bgheader { width:100%; height:95px; float:left; background: url(../images/bg_header_middle.jpg) no-repeat top center;}
#header { width:953px; margin:0 auto; padding-left:19px;  }

#header .logo { width:210px; height:60px; float:left; margin-top:5px; background:url(../images/logo_collisionmedia.png) no-repeat top left}
#header .logo-link { width:210px; height:60px; position:absolute}

.nodisplay { display:none}

#header .nav { float:right; padding-top:27px; margin-right: -122px; position: relative;}
#header .nav ul li { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:45px; padding-right:15px}
#header .nav ul li a { color:#FFFFFF; text-decoration:none;}
#header .nav ul li a:hover { color:#43BDD6; text-decoration:none}
#header .nav ul li a.selected { color:#43BDD6; text-decoration:none}




/* top tab */
#closeDropDown {
	position: relative;
	right: 0;
	float: right;
	width: 115px;
	height: 30px;
	background: url(http://collisionmedia.publishpath.com/Websites/collisionmedia/templates/collision2010/images/top-green-tab2.png) 0 0 no-repeat;
	text-transform: none !important;
	color: white;
	font-size: 15px;
	text-shadow: 1px 1px 1px black;
	margin-top: -12px;

}
	#topTab a, 
	#closeDropDown a {
		color: #fff;
		display: block;
		padding: 8px 0 0;
		text-align: center;
		text-transform: none !important;
	}
		/* close drop down */
		#closeDropDown {
			bottom: -82px;
		}
			#closeDropDown a {
				padding: 4px 0 0 !important;
			}

			#topTab {
				position: relative;
				right: 0;
				float: right;
				width: 115px;
				height: 30px;
				background: url(http://collisionmedia.publishpath.com/Websites/collisionmedia/templates/collision2010/images/top-green-tab.png) 0 0 no-repeat;
				text-transform: uppercase;
				color: white;
				font-size: 12px;
				text-shadow: 1px 1px 1px black;
				margin-top: 73px;
				padding-right: 15px;
				}


/*
---------------------------------------------
04. wrapper
---------------------------------------------
*/

 
#wrapper { width:972px; margin:0 auto}


/*
---------------------------------------------
05. content
---------------------------------------------
*/


#content { width:972px; float:left; padding-top:25px;} 


/*
---------------------------------------------
05.1 content - welcome
---------------------------------------------
*/


#content .content { width:640px; float:left; padding-left:18px; padding-top:15px; position:relative; z-index: 5;}

#content .content h1 { font-weight:bold; position: relative; margin-bottom:5px} 
#content .content h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:40px}
#content .content p {  padding-bottom:5px; position:relative} 
#content .content p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:100px}


/*
---------------------------------------------
05.2 content - button list
---------------------------------------------
*/


#wrapper .buttonlist { width:300px; float:right; padding-bottom:20px; margin-right:-15px}

#wrapper .buttonlist .button_freetrial { float:left; font-size:30px; color:#FFFFFF} 
#wrapper .buttonlist .button_freetrial a { width:247px; height:67px; float:left; background:url(../images/bg_button_freetrial.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:28px 0 0 38px}
#wrapper .buttonlist .button_freetrial a:hover { background:url(../images/bg_button_freetrial_hover.gif) no-repeat; color:#FFFFFF; text-decoration:none}

#wrapper .buttonlist .button_learnmore { float:left; font-size:30px; color:#FFFFFF; margin-top:-15px} 
#wrapper .buttonlist .button_learnmore a { width:247px; height:64px; float:left; background:url(../images/bg_button_learnmore.gif) no-repeat bottom left; color:#FFFFFF; text-decoration:none; padding:30px 0 0 38px}
#wrapper .buttonlist .button_learnmore a:hover { background:url(../images/bg_button_learnmore_hover.gif) no-repeat bottom left; color:#FFFFFF; text-decoration:none}



/*
---------------------------------------------
05.3 content - slideshow
---------------------------------------------
*/


#content .banner { width:941px; height:360px; float:left; background:url(../images/bg_banner.gif) no-repeat; padding:4px 6px 6px 16px; margin-bottom:22px; position:relative; z-index: 3;}

/*
---------------------------------------------
05.4 content - blue bar
---------------------------------------------
*/


#content .bluebar { width:972px; height:68px; float:left; background:url(../images/bg_bluebar.gif) no-repeat top left; position:relative; z-index: 2;}

#content .bluebar h1 { color:#FFFFFF; float:left; padding-left:36px; padding-top:16px}
#content .bluebar h1 span { width:570px; float:left}
#content .bluebar h1 a { width:320px; color:#042D30; text-decoration:none; padding-left:40px; text-align:right}


#content #howitworks { width:941px; float:left; background:url(../images/grey_top.gif) no-repeat top center; padding-top:20px; padding-left:31px; margin-top:-7px}
#content #howitworks .greybox { width:910px; float:left; background:#EDEDED url(../images/grey_bottom.gif) no-repeat bottom center; padding-bottom:10px;}

#content #howitworks .content { width:450px; float:left; padding-left:20px}
#content #howitworks .content h1 { font-weight:bold; position: relative; margin-bottom:5px} 
#content #howitworks .content p { text-align:justify; padding-bottom:5px; position:relative} 


#content #howitworks .content .button_more { float: left; font-size:17px; font-weight: normal; color:#FFFFFF; margin-top:40px; margin-bottom:10px}
#content #howitworks .content .button_more a { height:40px; float:left; background:url(../images/bg_button_more_left.gif) no-repeat left; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:20px}
#content #howitworks .content .button_more a span { height:30px; float: left; background:url(../images/bg_button_more_right.gif) no-repeat right; padding-top:10px; padding-right:80px}


#content #howitworks .video { width:377px; height:215px; float: right; background:url(../images/bg_video_howitworks.gif) no-repeat top left; padding-right:20px; margin-top:5px; padding-top:5px; padding-left:5px}


/*
---------------------------------------------
05.5 content - bottom content
---------------------------------------------
*/


#content .bottomcontent { width:972px; float:left; margin-top:80px; }

#content .bottomcontent .leftcontent { width:392px; float:left; margin-left:-33px;}
#content .bottomcontent .leftcontent .photo1 { width:392px; height:165px; float:left}
#content .bottomcontent .leftcontent .photo2 { width:320px; height:220px; float:left; margin-top:-191px; position:relative}

#content .bottomcontent .rightcontent { width:632px; float:right; margin-top:-10px; margin-left:-28px; position:relative}
#content .bottomcontent .rightcontent h1 { font-weight:bold; text-align:right; position: relative; padding-right:12px; padding-bottom:5px} 
#content .bottomcontent .rightcontent h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:36px}
#content .bottomcontent .rightcontent p { text-align:right; padding-bottom:5px; position:relative; padding-right:12px} 
#content .bottomcontent .rightcontent p span { background: url(../images/bg_gradient_passge.png) repeat-x; position:absolute;display:block; width:100%; height:100px}

#content .bottomcontent .rightcontent .button_examples { float:right; font-size:24px; color:#FFFFFF; } 
#content .bottomcontent .rightcontent .button_examples a { width:203px; height:60px; float:left; background:url(../images/bg_button_examples.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:28px 0 0 37px}


#content .bottomcontent .rightcontent .button_moreexamples { float: right; font-size:17px; font-weight: normal; color:#FFFFFF;  margin-bottom:10px}
#content .bottomcontent .rightcontent .button_moreexamples a { height:80px; float:left; background:url(../images/bg_button_moreexamples_left.gif) no-repeat left; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:30px}
#content .bottomcontent .rightcontent .button_moreexamples a span { height:55px; float: right; background:url(../images/bg_button_moreexamples_righ.gif) no-repeat right; padding-top:25px; padding-right:80px}



/*
---------------------------------------------
06. footer styles
---------------------------------------------
*/


#bgfooter { width:100%; height:250px; float:left; background:#3B3B3B url(../images/bg_footer.gif) repeat-x; margin-top:100px;}
#bgfooter_middle { width:100%; float:left; background:url(../images/bg_footer_middle.gif) no-repeat top center; padding-top:48px} 


#footer { width:972px; margin:0 auto; }

#footer .leftcontent { width:310px; float:left;}
#footer .leftcontent p { font-size:13px; color:#606060}
#footer .logo_footer { width:310px; height:65px; float:left}

#footer .footer_comments { float:left; padding-top:33px}
#footer .footer_comments .icon_twitter { float:left; padding-right:5px}

#footer .footer_comments .set { width:421px; float:left; background:url(../images/bg_comments_bordertop.gif) no-repeat top right}
#footer .footer_comments .set .arrow { width:10px; float:left; background:url(../images/arrow.gif) no-repeat top left; padding-top:28px}
#footer .footer_comments .set .comments { width:391px; float:left; background:#505050 url(../images/bg_commemts_borderbottom.gif) no-repeat bottom left; padding:0 10px 10px 10px; margin-top:10px}
#footer .footer_comments .set .comments p { font-size:14px; text-align:justify; color:#fff}
#footer .footer_comments .set .comments p a { color:#fff}


#footer .contactdetails { float:right; padding-top:31px}
#footer .contactdetails p { font-size:13px; color:#fff}
#footer .contactdetails p a { text-decoration:none; color:#fff}



#footer .footer_comments .set .comments ul{ color: #888;}
#twitter_update_list {
	width: 400px;
}
	
#twitter_update_list p {
	border-bottom: 1px dotted #fff !important;
	padding-bottom: 10px;
	margin-bottom: 10px;		
}	
		
#twitter_update_list span a {
	color: #fff !important;
}
	



/*
---------------------------------------------
07. features page - styles
---------------------------------------------
*/

#features { width:972px; float:left; padding-bottom:30px}

#features .set { width:972px; float:left; padding-top:20px; padding-bottom:25px}
#features .photo { width:240px; height:230px; float:left}
#features .photo-last { width:280px; height:230px; float:left; margin-left:-40px}

#features .content { width:350px; float:left; padding-left:20px; padding-right:10px}
#features .video { width:315px; height:182px; float:right; background:url(../images/bg_video.gif) no-repeat top left; padding-top:10px; padding-left:8px}

#features .button_wanttosee { width:972px; height:40px; float:left; text-align:left; background:url(../images/button_wantoseemore.gif) no-repeat left center}
#features .clickhere-link { width:250px; height:40px; position:absolute; margin-left:580px;}
	
#features .detail li {
	width: 965px;
	float:left;
	display: none;
	}

#features .morefeatures {
	width: 965px;
	float:left;
	}

#features .morefeatures .feature_desc h3 {
	float:left;
	font-size: 25px !important;
	font-weight: bold;
	margin: 10px; 
	}
	
	#features .morefeatures p {
		font-size: 16px !important;
		margin: 10px; 
		padding-bottom: 30px;
		clear: both;
		}
		
		#features .morefeatures .feature_icon {
			float:left;
			display: inline;}

#features .morefeatures #featuresColOne { float: left; margin-right: 5%; width: 47%; }
#features .morefeatures #featuresColTwo { float: right; width: 47%; }

#features #templateexamples {padding-top: 20px;}
#features #templateexamples img {border: 7px solid #d3d3d3;}
#features #templateexamples img:hover {border: 7px solid #44bed6;}

/*
---------------------------------------------
08. samples page styles
---------------------------------------------
*/

#examples { width:966px; float:left; padding-left:6px; padding-top:25px}


/*
---------------------------------------------
08.1 samples page styles - content
---------------------------------------------
*/

#examples .content { width:625px; float:left; padding-top:15px}
#examples .content h1 { font-size:34px; font-weight:bold; position: relative; margin-bottom:5px} 
#examples .content h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:40px}
#examples .content p { font-size:21px; text-align:justify; padding-bottom:5px; position:relative} 
#examples .content p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:100px}


#content #examples .buttonlist { width:300px; float:right; margin-right:-20px; position:relative}


/*
---------------------------------------------
08.2 samples page styles - tab content
---------------------------------------------
*/

#tabcontent { width:966px; height: 575px; float:left; background:url(../images/bg_tabcontent_borderbottom.gif) no-repeat bottom; padding-bottom:3px}


#tabcontent .websites { width:938px; padding-left:22px; padding-top:22px}
#tabcontent .websites p { padding-bottom:20px; padding-right:25px}



.button_begin { float:right; font-size:28px; color:#FFFFFF; padding-top:20px; margin-right:-16px; position:relative; margin-bottom:20px}
.button_begin a { width:422px; height:60px; float:left; background:url(../images/bg_button_begin.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-left:38px; padding-top:30px}


/*
---------------------------------------------
09. get started page styles
---------------------------------------------
*/

#getstarted { width:972px; float:left; padding-top:50px; margin-bottom:20px}
#getstarted a { color: #3b3b3b;}



/*
---------------------------------------------
09.1 get started - leftpanel
---------------------------------------------
*/


#getstarted #leftpanel { width:520px; float:left; }


#getstarted #leftpanel .content { width:510px; float:left; padding-left:0px; }
#getstarted #leftpanel .content h1 { font-size:34px; font-weight:bold; position: relative; margin-bottom:5px} 
#getstarted #leftpanel .content h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:40px}
#getstarted #leftpanel .content p { font-size:21px; padding-bottom:20px} 
#getstarted #leftpanel .content .photo { float:left} 


#getstarted #leftpanel .liketotalk { width:380px; float:left; margin-top:-10px}
#getstarted #leftpanel .liketotalk h1 { font-size:28px; font-weight:bold; position: relative; margin-bottom:12px} 
#getstarted #leftpanel .liketotalk h1 span { background: url(../images/bg_heading_tryout2.png) repeat-x; position:absolute; display:block; width:100%; height:65px}

#getstarted #leftpanel .liketotalk p { font-size:17px; text-align:justify; padding-bottom:8px} 
#getstarted #leftpanel .liketotalk p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block; height:75px}

#getstarted #leftpanel .liketotalk .button_callme { float:left}



/*
---------------------------------------------
09.2 get started - rightpanel
---------------------------------------------
*/


#getstarted #rightpanel { width:436px; float:right}

#getstarted .rightbox_bordertop { width:436px; height:28px; float:left; background: url(../images/bg_formbox_right_bordertop.gif) no-repeat top left; overflow:hidden}
#getstarted .rightbox_bordermiddle { width:372px; float:left; background: url(../images/bg_formbox_right_bordermidd.gif) repeat-y top left; padding:0 32px}
#getstarted .rightbox_borderbottom { width:436px; height:28px; float:left; background: url(../images/bg_formbox_right_borderbott.gif) no-repeat top left; overflow:hidden}

#getstarted .rightbox_bordermiddle p.formDescription { font-size:13px !important; padding-bottom: 20px;}
#getstarted .rightbox_bordermiddle h2.formTitle { font-size:25px !important; font-weight: bold; color:#3B3B3B; margin-top: -30px;} 
#getstarted .rightbox_bordermiddle label { font-size:14px !important; padding-left: 5px;}
#getstarted .rightbox_bordermiddle label.fieldName { font-size:12px !important; padding-left: 0px;}
#getstarted .rightbox_bordermiddle .confirmation-content-message h2 { font-size:20px !important;line-height: 1.5em; margin: 15px; padding-bottom: 15px;}
#getstarted .rightbox_bordermiddle .confirmation-content-message a {font-size:14px !important; margin:15px; color: #747474; }


#getstarted .rightbox_bordermiddle2 { width:375px; float:left;  padding:0 32px}
#getstarted .rightbox_borderbottom2 { width:436px; height:28px; float:left; overflow:hidden}

#getstarted .rightbox_bordermiddle22 { background-color: #3b3b3b; padding:20px;}



/*
---------------------------------------------
10. try it now pages styles
---------------------------------------------
*/


#tryitnow { width:972px; float:left; padding-top:25px}


/*
---------------------------------------------
10.1 try it now page - content
---------------------------------------------
*/


#tryitnow .content { width:395px; float:left; padding-left:10px; padding-top:10px}
#tryitnow .content h1 { font-size:35px; font-weight:bold; position: relative; margin-bottom:5px} 
#tryitnow .content h1 span { background: url(../images/bg_heading_tryout.png) repeat-x; position:absolute; display:block; width:100%; height:80px}
#tryitnow .content p { width:345px; text-align:justify; padding-bottom:5px; position:relative} 
#tryitnow .content p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:100px}


/*
---------------------------------------------
10.2 try it now page - photo
---------------------------------------------
*/


#tryitnow .photo { float:right; margin-bottom:-90px}


/*
---------------------------------------------
10.3 try it now page - left grey box
---------------------------------------------
*/


#leftbox { width:590px; float:left; position:relative}

#leftbox .leftbox_bordertop { width:590px; height:32px; float:left; background:url(../images/bg_leftbox_bordertop.gif) no-repeat; overflow:hidden}
#leftbox .leftbox_bordermiddle { width:530px; float:left; background:url(../images/bg_leftbox_bordermiddle.gif) repeat-y;padding:0 30px;}
#leftbox .leftbox_borderbottom { width:590px; height:32px; float:left; background:url(../images/bg_leftbox_borderbottom.gif) no-repeat; overflow:hidden}


#leftbox fieldset { width:540px; float:left; padding-top:10px}

#leftbox .heading { width:495px; float:left}
#leftbox .leftbox_bordermiddle legend { color: #575757; font-size: 20px; float:left; font-weight:bold; margin-top:-10px; padding-bottom:5px; position:relative}
#leftbox .leftbox_bordermiddle p { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6em; padding-bottom:15px}
#leftbox .leftbox_bordermiddle a { color: #909090;}
#leftbox .leftbox_bordermiddle smaller { width: 510px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6em;}

/*
---------------------------------------------
10.4 try it now page - like to talk
---------------------------------------------
*/


#tryitnow .liketotalk { width:380px; float:right; padding-top:185px; margin-right:-20px;}

#tryitnow .liketotalk h1 { font-size:29px; font-weight:bold; position: relative; margin-bottom:12px} 
#tryitnow .liketotalk h1 span { background: url(../images/bg_heading_tryout2.png) repeat-x; position:absolute; display:block; width:100%; height:65px}
#tryitnow .liketotalk p { font-size:17px; text-align:justify; padding-bottom:10px; position:relative} 
#tryitnow .liketotalk p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:75px}
#tryitnow .liketotalk .button_callme { float:left}



/*
---------------------------------------------
11. plans and pricing page styles
---------------------------------------------
*/

#plans { width:972px; float:left; margin-top:-30px;}

#plans h1 { font-size:42px; font-weight:bold; position: relative; margin-bottom:12px} 
#plans h1 span { background: url(../images/bg_heading2.png) repeat-x; position:absolute; display:block; width:100%; height:70px}
#plans p { font-size:20px; line-height:1.4em; text-align:justify; padding-bottom:20px; position:relative} 

#plans .textsmall { font-size:12px; color:#ADACAC; text-align:left} 

#plans .heading_orange { width:972px; height:90px; float:left; background:#DB5901 url(../images/bg_orangeheading.gif) no-repeat top left;}
#plans .heading_orange h1 { font-size:30px; color:#FFFFFF; font-weight:normal; padding-top:25px; padding-left:30px;}

#plans .standardplan { width:410px; float:left; padding-left:20px}
#plans .customplan { width:410px; float: right; padding-right:20px}

#plans .button_beginproject { float: left; font-size:18px; font-weight: normal; color:#FFFFFF;  margin-top:10px; margin-left:-20px; position:relative}
#plans .button_beginproject a { height:80px; float:left; background:url(../images/bg_button_beginproject_righ.gif) no-repeat left; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:35px}
#plans .button_beginproject a span { height:50px; float: left; background:url(../images/bg_button_beginproject_left.gif) no-repeat right; padding-top:30px; padding-right:100px}


#price { width:947px; float:left; padding-left:20px; margin-top:40px}
#price .pricebox { width:947px; float:left; background:#EBE8E8 url(../images/pricebox_top.gif) no-repeat top center; padding-top:20px}
#price .pricebox a { color: #3f3f3f;}
#price .priceboxbottom {width:947px; float:left; background: url(../images/pricebox_bottom.gif) no-repeat bottom center; padding-bottom:10px}

#price .arrow { width:242px; height:269px; float:left; padding-left:10px;}
#price .content { width:655px; float:left; padding-left:10px; padding-top:30px; padding-right:10px}
#price .content h2 { font-weight:bold; font-size:20px; color:#282828; padding-bottom:5px}
#price .content h2 a { font-weight:bold; font-size:15px; color:#282828; padding-bottom:5px}
#price .content p { font-size:17px; padding-bottom:5px; padding-bottom:20px}

/* ICEBRRG */
.form_container {	
}	
	.form_container .fieldItemInner {
		margin: 0 0 0px 0;	
		padding: 0;
	}	
	
	.form_container .fieldTitle {
		margin-top: -8px;
		padding: 0;
	}	
	
		.form_container .title {
			font-weight: bold;
			font-size: 16px;
			margin: 0;
			padding: 0;
			color: #404040;
		}	
	
	.form_container .textField {
		font-size: 13px;
		background: #fff;
		border: 1px solid #dedede;
		color: #404040;
		padding: 6px 10px;
		margin: 0px 0 0px;
	}	
		
	.form_container .fieldNote {
		margin: 0 0 0 3px;	
		padding: 0;
		color: #404040 !important;
		font-size: 12px !important;
	}	
	
	.form_container .fieldInstructions {
		margin: 0 0 0 3px;	
		padding: 0;
		color: #404040 !important;
		font-size: 12px !important;
	}
	
	.form_container .dropdown {
		padding: 5px 4px;
		border: 1px solid #dedede;
		background: #fff !important;
		color: #3e3e3e;
		font-size: 14px;
	}			
	
	.form_container .submitButton {
			height: 31px;
			background: url(images/search-button-bg.gif) 0 0 repeat-x !important;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: 1px solid #b9b9b9 !important;
			color: #308c9d !important;
			font-size: 20px !important;
			text-transform: uppercase;
			text-shadow: 1px 1px 1px #fff;
			font-weight: bold;
			margin-bottom: 0;
			cursor: pointer;
		}
	
	.fieldSelected { /* background color of a selected field. */
		background: transparent !important;
		border-color: transparent !important;
	}



