body {

	margin:0;

	padding:0;

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

	font-size: 12px;

	color: #000000;

}



a:link, a:visited { color: #008fc1; text-decoration: none; } 

a:active, a:hover {

	text-decoration: underline;

	font-weight: normal;

	color: #000;

}





h1 {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	font-size: 18px;

	font-weight: bold;

	color:#000;

}



h2 {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	font-size: 15px;

	font-weight: bold;

	color:#ffffff;

}



h3 {

	margin: 0px;

	padding: 0px;

	font-size: 14px;

	font-weight: bold;

	color: #37a7ce;

	text-decoration: underline;

}



h4 {

	margin: 0px;

	padding: 10px 0px 0px 0px;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

}



img {  

	margin: 0px; 

	padding: 0px;

}



#templatemo_container {

	margin: 0px auto;

	width: 930px;

	margin-top: 15px;

	overflow:hidden;



}





.textfield {

	padding: 0px;

	float: left;

	height: 19px;

	width: 450px;

	font: 12px Arial;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	border: 1px solid #CCCCCC;

	text-align: left;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 0px;

}







/* ----- Header ----- */



#templatemo_header {

	clear: both;

	padding: 0px;

	margin: 0px 0px 5px 0px;

	width: 930px;

	height: 147px;

}



#logosection {

	margin: 0px 3px 0px 0px;

	float: left;

	width: 235px;

	height: 147px;

	background-image: url(/images/logo.png);

	background-repeat: no-repeat;

}



.sitelogo {

	margin: 20px 0px 0px 20px;

	padding: 0px;

	height: 80px;

	background-image: url(../images/company_logo.gif);

	background-repeat: no-repeat;

}



.sitename {

	margin: 10px 0px 0px 20px;

	padding: 0px;

	font: 35px Arial;

	font-weight: bold;

}



.sitename span {

	font-weight: normal;

}



#header {

	margin: 0px;

	float: right;

	width: 690px;

	height: 147px;

	background-image: url(../images/logo-right.png);

	background-repeat: no-repeat;

}



#header .title{

	font-size: 20px;

	font-weight:bold;

	color: #333333;

	line-height: 25px;

	padding-top: 50px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

}



#header .bigtext{

	font-size: 36px;

	font-weight:bold;

	color: #ffffff;

}



/* ----- End of Header ----- */



/* ------------- Menu ------------------ */

#templatemo_menu {

	clear: both;

	margin-bottom: 5px;

	padding: 0px;

	width: 930px;

	height: 35px;

}



#search {

	float: left;

	width: 225px;

	height: 35px;

	background: url(../images/templatemo_menu_background.gif) repeat-x;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}



#menu {

	float: right;

	width: 690px;

	height: 35px;

	margin: 0px;

	background: url(../images/templatemo_menu_background.gif) repeat-x;



}



#menu ul {

	margin: 0px;

	text-align: left;

	list-style: none;

}



#menu ul li {

	margin: 0px;

	display: inline;	

}



#templatemo_menu ul li a {

	margin: 0px;

	display:inline-block;

	height: 30px;

	font: 14px arial;

	color:#000000;

	text-decoration: none;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;



}



#menu ul li a:hover, #menu ul li .current {

	color: #FFF;

	background: url(../images/templatemo_menuhover_background.gif) repeat-x;

}



/* ---------- End of Menu ------------- */



/* ----------------- Content ----------------------- */



#templatemo_content {

	float: left;

	margin: 0px;

	padding: 0px;

	width: 930px;

}



#templatemo_left_column {

	float: left;

	margin: 0px 10px 5px 0px;

	padding: 20px 10px;

	width: 215px;

	background: #e0e0e0;

	min-height: 400px;

}



#templatemo_middle_column {
	float: left;
	width: 430px;
	min-height: 400px;
	color: #000;
	font-size: 16px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;

}



#templatemo_right_column {
	float: right;
	width: 200px;
	background: #e0e0e0;
	min-height: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}



/* left column */



#leftcolumn_box01 {

	width: 215px;

	padding: 0px;

	background: #008fc1;	

	margin: 0px 0px 10px 0px;	

}

#leftcolumn_box01 .leftcolumn_box01_top{

	width: 195px;

	height: 15px;

	padding: 10px;

	background: url(../images/templatemo_leftsection_top.gif) no-repeat;

}

#leftcolumn_box01 .leftcolumn_box01_bottom{

	width: 195px;

	padding: 10px;

	color: #FFFFFF;

}



#leftcolumn_box02 {

	width: 190px;

	padding: 10px 10px 10px 15px;

	background: #6ebfdc;

	border-top: 5px solid #008fc1;

	margin: 0px 0px 10px 0px;

}

#leftcolumn_box02 ul {

	margin: 0px;

	padding: 10px 0px 0px 5px;

	list-style: none;

}



#leftcolumn_box02 ul li{

	display: block;

	margin: 0px 0px 10px 0px;

	padding: 0px;

}



#leftcolumn_box02 ul li a{

	padding: 0px 0px 0px 15px;

	margin: 0px;

	color: #ffffff;

	text-decoration: none;

	background: url(../images/templatemo_list_icon02.gif) center left no-repeat;

}



#leftcolumn_box02 ul li a:hover{

	text-decoration: none;

}



/* end of left column */



/* middle column */



#section1 {

	float: left;

	width: 205px;

	margin-right: 10px;

	padding: 10px;

	background: #dceff6;

}

#section1 p{

	margin: 0px;

	padding: 0px 0px 10px 0px;

}



#section2 {

	float: right;

	width: 205px;

	padding: 0px;

	background: #bcbcbc;

}



#section2 .section2_top{

	height: 24px;

	padding: 10px 0px 0px 10px;

	background: url(../images/templatemo_section2_title.gif) no-repeat;

}

#section2 .section2_bottom{

	float: left;

	padding: 10px;

}



#section2 ul {

	margin: 0px;

	padding: 10px 0px 0px 0px;

	list-style: none;

}



#section2 ul li{

	display: block;

	margin: 0px 0px 10px 0px;

	padding: 0px;

}



#section2 ul li a{

	padding: 0px 0px 0px 15px;

	margin: 0px;

	color: #000000;

	text-decoration: none;

	background: url(../images/templatemo_list_icon01.gif) center left no-repeat;

}



#section2 ul li a:hover{

	color: #ffffff;

	background: url(../images/templatemo_list_icon02.gif) center left no-repeat;

}





/* end of middle */



/* right column */



#right_box01 {

	width: 185px;

	height: 38px;

	padding: 10px 5px;

	color:#FFFFFF;

	font-size: 15px;

	background: url(../images/templatemo_rightsection_background.gif) no-repeat;

	margin: 0px 0px 10px 5px;

}



#right_box02 {

	clear: both;

	width: 190px;

	padding: 0px;

	margin: 0px 0px 10px 5px;

}

#right_box02 .rightbox02_top{

	width: 190px;

	height: 25px;

	padding: 10px 0px 0px 0px;

	background: #008fc1 url(../images/templatemo_rightsection_top.gif) no-repeat;

}

#right_box02 .rightbox02_bottom{

	width: 170px;

	padding: 15px 10px 10px 10px;

	background: #cce8f2;

}

#right_box02 .customer_section{

	clear: both;

	margin: 0px 0px 20px 0px;

	padding: 0px;

}

#right_box02 p{

	padding: 0px;

	margin: 0px;

}

/* end of right column */









/* ----- Footer ----- */



#templatemo_footer {

	clear: both;

	width: 930px;

	height: auto;

	text-align: center;

	color: #008fc1;

	background: #d5d5d5;

	text-align: center;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#templatemo_footer_bottom {

	width: 930px;

	height: 10px;

	margin: 0px;

	padding: 0px;

	background: #d5d5d5 url(../images/templatemo_footer_bottom.gif) no-repeat;

}



/* IE6 hack */

* html #templatemo_footer_bottom {

	width: 930px;

	height: 10px;

	margin-bottom: -10px;

	padding: 0px;

	background: #d5d5d5 url(../images/templatemo_footer_bottom.gif) no-repeat;

}



#templatemo_footer a{

	color: #666;

}



#templatemo_footer a:hover{

	color: #ffffff;

}



/* ----- End of Footer ----- */

#toolbox {

	width: 220px;

	float: left;	/* if you change this, check the HACKS section below.

							   as you need to update that as well */

	text-align: center;
	padding-top:5px;

}

#toolbox div.panel {

	padding: 0;

	margin-left: 0;

	margin-right: 0;		/* already have gutterspace created, no need

							   for the panels to do it as well */

	border: none;			/* no border. this is a style choice. */

}

#toolbox button {

	background-color: #fff;

	color: #000;

	border: solid 1px #ccc;

	width: 25px;

	height: 25px;

}

#toolbox span.fontsize-set {

	margin-top: 0;

}

#toolbox span.fontsize-set input,

#toolbox span.theme-picker input {

	width: 15px;				/* target width of toolbox buttons */

	height: 15px;		/* gutterspace between buttons */

	border: solid 1px #ccc;		/* border to make it look buttonish */

	background-color: #fff;

	color: #000;

	cursor: pointer;

	font-size: 3em;				/* if this isn't explicitly set the buttons

								   won't change in size as the layouts

								   font size is increased */

	line-height: 1.6em;			/* set to the height of the box should get

								   the text vertically aligned */





	text-align: center;

}

#toolbox span.fontsize-set input:hover {

	background-color: #eee;

}

#toolbox span.fontsize-set small,

#toolbox span.fontsize-set big {

	font-size: 1em;				/* we need to set the font sizes for BIG and

								   SMALL tags on the input buttoms themselves

								   otherwise the buttons themselves (not the

								   text) won't be of equal size */

}

#toolbox span.fontsize-set small input {

						/* formula for calculating the width and height of

						   these buttons so they're all the same size:

						   <target size> * ( 1 / <font-size> ) */

	font-size: 0.8em;

	width: 2em;			/* 1.6 * ( 1 / 0.8 ) = 2 */

	height: 2em;

	line-height: 2em;

}

#toolbox span.fontsize-set big input {

	font-size: 1.2em;

	width: 1.33em;		/* 1.6 * ( 1 / 1.2 ) = 1.33 */

	height: 1.33em;

	line-height: 1.33em;

}

#toolbox span.theme-picker input.default {

    	width: 25px;

	height: 25px;

}

#toolbox span.theme-picker input.blue {

	background-color: #ccf;

	width: 25px;

	height: 25px;



}

#toolbox span.theme-picker input.red {

	background-color: #fcc;

	width: 25px;

	height: 25px;



}

#toolbox span.theme-picker input.green {

	background-color: #cfc;

	width: 25px;

	height: 25px;



}

#toolbox span.theme-picker input.orange {

	background-color: #fc9;

	width: 25px;

	height: 25px;



}

#toolbox span.theme-picker input.gray {

	background-color: #ccc;

	width: 25px;

	height: 25px;



}

#toolbox span.theme-picker input.black {

	background-color: #666666;

	width: 25px;

	height: 25px;



}

#toolbox span.theme-picker input.yellow {

	background-color: #FFFF99;

	width: 25px;

	height: 25px;



}

main content {

	font-family: "Arial Black", Gadget, sans-serif;

	font-size: 16px;

}

#templatemo_container #templatemo_footer {
	color: #333;
	clear: both;

}

#templatemo_container #templatemo_header #header .title h1 {

	color: #000;

}

#templatemo_container #templatemo_header #header .title h1 {

	color: #FFF;

}

#templatemo_container #templatemo_header #header .title h1 {

	color: #000;

}

textstyle {

	font-family: "Arial Black", Gadget, sans-serif;

	font-size: 16px;

}
#formcontainer {
	width: 370px;
}