body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 15px; color: #474747; background: #fff url(../_images/template/page_bkg.gif) repeat-x scroll top left;}

#container { margin-left: auto; margin-right: auto; width: 796px;}

#logo { width: 250px; height: 99px; position: absolute;}

#photo { height: 142px; width: 199px; color: #fff; font-weight: bold; background: url(../_images/photos/photo.jpg) no-repeat scroll top left; padding: 171px 575px 0px 22px;}

#nav { width: 460px; position: absolute; top: 0px; margin-left: 325px;}
	#nav ul { margin: 0px; padding: 0px;}
	#nav li { list-style-type: none; float: left;}

a { color: #2e7599; text-decoration: none;}
a:hover { color: #2e7599; text-decoration: underline;}

#main { width: 752px; padding-left: 24px; padding-right: 20px; background: #fff url(../_images/template/content_top.gif) no-repeat scroll top right; padding-bottom: 20px;}
	#mainleft { float: left; width: 488px;}
	#mainright { float: right; width: 264px; background: url(../_images/template/shadow.gif) no-repeat scroll top left;}
	
	#contentleft { float: left; width: 209px;}
		#contentleft ul { margin: 0px; padding: 33px 0px 0px 0px;}
		#contentleft li { list-style-type: none; float:left;}
		#contentleft ul#homepagebuttons { margin: 0px; padding: 0px;}
		#contentleft ul#homepagebuttons li { padding-bottom: 0px; float:left;}
	#contentright { float: right; width: 278px;}
	#contentleftinternal { min-height: 280px; float: left; width: 200px; padding-right: 30px; background: url(../_images/template/shadow_right.gif) no-repeat scroll top right;}
		* html #contentleftinternal  { height: 280px;}
		#contentleftinternal ul { margin: 0px; padding: 33px 0px 0px 0px;}
		#contentleftinternal li { list-style-type: none; float: left; height: 43px; padding-bottom: 1px;}
	#contentrightlong { float: right; width: 483px; padding-right: 35px; padding-top: 30px;}
		#contentrightlong ul { margin: 0px 0px 20px 20px; padding: 0px;}
		#contentrightlong li { list-style-type: square; padding-left: 0px;}

#steps { padding-top: 40px;}

#news { padding-left: 48px; padding-bottom: 10px; padding-top: 20px;}
	#news ul { margin: 0px; padding: 0px 0px 10px 0px;}
	#news li { list-style-type: none; padding: 10px 0px 10px 0px; background: url(../_images/template/news_divider.gif) no-repeat scroll bottom left;}
	#news a { font-weight: bold; color: #344982; text-decoration: none;}
	#news a:hover { color: #344982; text-decoration: underline;}

#workingwith { margin-left: 48px;}
#bottomlogos { margin-left: 48px;}

#footer { width: 796px; padding-top: 10px; background: url(../_images/template/footer_bkg.gif) repeat-x scroll top left;}
	#footerleft { width: 450px; float: left; padding-left: 20px;}
	#footerright { width: 300px; float: right; text-align: right; padding-right: 20px;}
	#footerright a { color: #2e7599; text-decoration: none;}
	#footerright a:hover { text-decoration: underline; color: #2e7599;}
	#footerleft ul { margin: 0px; padding: 0px;}
	#footerleft li { display: inline; list-style-type: none; padding-right: 2px;}
	#footerleft .spacer { padding-right: 30px;}



ul#logoslist { margin: 0px; padding:1 0px 0px 0px 0px;}
	ul#logoslist li { list-style-type: none; float: left; padding-left: 0px;}



.bubble { width: 310px; position: absolute; margin-left: 155px; margin-top: -100px;}

.bubbletop { width: 300px; background: url(../_images/template/bubble_top.gif) no-repeat scroll left top; color: #61367c;}
	.bubbletop p { padding: 15px 15px 0px 50px; line-height: 14px; color: #424242;}
.bubblebottom { width: 300px; height: 20px; background: url(../_images/template/bubble_bottom.gif) no-repeat scroll right bottom; color: #61367c;}

.form { margin-bottom: 20px; background-color: #eaf3f6; border: 1px solid #5895ab; width: 420px; padding: 20px;}
	.form p { margin-bottom: 15px; clear:both;}
	.form label { width: 200px; float: left; padding-right: 10px;}
	.form .textfield { width: 200px; float: left; background-color: #fff; border: 1px solid #5895ab;}
	.form .textarea { width: 200px; height: 100px; margin-bottom: 5px; overflow: auto; float: left; background-color: #fff; border: 1px solid #5895ab;}
	.form .formbuttons { padding-left: 210px;}

.news { border-bottom: 1px dotted #5895ab; padding-bottom: 10px; padding-top: 10px;}
	.news h2 { background: url(../_images/template/arrow.gif) no-repeat scroll left center; padding-left: 16px; padding-top: 9px;}

.products { border-bottom: 1px dotted #5895ab; padding-bottom: 10px; padding-top: 10px;}
	.products h2 { background: url(../_images/template/arrow.gif) no-repeat scroll left center; padding-left: 16px; padding-top: 9px; border: none;}
	.productsleft { float: left; width: 190px; text-align: center;}
	.productsright { float: right; width: 290px;}
	.productsleft img { padding: 1px; border: 1px solid #ccc;}
	
.table { width: 530px;}
	.table th { background-color: #d8ecf0; text-align: center; font-weight: bold; padding: 3px 5px 3px 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
	.table td { vertical-align: top; padding: 5px; text-align: left; background-color: #eaf3f6; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; padding: 3px 5px 3px 5px;}
	.table .white { background: none; width: 220px;}
	.table .images { text-align: center;}
	.table .text { width: 160px;}
	
.tablehistory { width: 470px;}
	.tablehistory th { background-color: #d8ecf0; text-align: center; padding: 3px 5px 3px 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
	.tablehistory td { vertical-align: top; padding: 5px; text-align: left; background-color: #eaf3f6; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 3px 5px 3px 5px;}
	.tablehistory strong { font-weight: bold; color: #344982;}




/* ERRORS */

.error { font-weight: bold; color: #D50000;}
.sub_error { float: left; margin-left: 195px; color: #D50000; font-weight: bold; padding-bottom: 3px;}
.error_textfield { background-color: #EFE1E1; border: 1px solid #fff;}
.errorbox { background: #EFE1E1 url(../_images/checkout/h1error.gif) no-repeat scroll left top; margin-bottom: 20px; border: 1px solid #D50000; color: #D50000; padding: 4px 10px 10px 47px; width: 365px;}
	.errorbox h1 { color: #D50000; margin-bottom: 3px; padding: 5px 0px 0px 0px; font-size: 140%; text-transform: uppercase;}
	.errorbox h2 { padding: 0px; margin: 0px; color: #D50000;}
	.errorbox p { padding: 0px; margin: 0px; color: #D50000;}


.clear { clear: both;}