@charset "utf-8";

/*-------------------------------------------------------
	Colors
-------------------------------------------------------*/

/*	Dark Blue:		#214a9c
/*	Medium Blue:	#0059ab
/*	Light Blue:		#017ac2

/*	Dark Orange:	#fb6300
/*	Medium Orange:	#f37424
/*	Light Orange:	#f79239
/**/




/*-------------------------------------------------------
	Reset
-------------------------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, textarea, th, td {   
	margin: 0; padding: 0; border: 0; outline: none;   
} 



/*-------------------------------------------------------
	Cart Stuff
-------------------------------------------------------/*
	

/* 
  -----------------------------------
   iCart 
	 Style Sheet 
	 by Infomart2000 Corp.
	 www.infomart2000.com
  ----------------------------------
  ##Default
 */	


 /*body::Controls Page Background Color and any other fonts not defined below*/ 	


/*store-name:: Store Name*/		 
.store-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #38393a;
	text-decoration: none;
}

/*store-slogan:: Store Slogan*/		 
.store-slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #838586;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
}

/*frame:: Controls the Color of the Store's Frame */		
.frame {
	background-color: #f9f8f6;
}

/*top:: Controls the Color of the top Bar */		
.top {
	background: #ffffff url(images/BG_Logo.gif) repeat-x;
}

/*menu_col:: Controls the background color of the category column on the top*/	
.menu_col {
	background: #ffffff url(images/BG_menu.gif) repeat-x;
}

/*cat_col:: Controls the background color of the category column on the top*/		
.cat_col {
	background-color:#c2d6eb;
}

/*menu-headers:: Controls the way the menu headers look*/ 
.menu-headers {
	font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #fb6300;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #f9f8f6;
}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #336699;
	color: #ffffff;
}

/*data:: Controls body default fonts and colors */
.data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

/*page_headers:: Controls the way the page headers look*/
.page_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
}

/*icon:: Controls the way the icons on the left look*/ 
.icon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #c2d6eb;
}

/*footer:: Displays at the very bottom of your online store, copyright and designed by notices (Default Size is 9)*/		
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
	color: #336699;
}

/*a::Links:: Controls the way the Links look before a user clicks or mouse overs on them*/ 	 
a {
}

/*a:hover:: Controls the way the Links look when a user passes their mouse over a them*/ 	 	
a:hover {
}

/*a:visited:: Controls the way the Links look after a user has visited that section*/ 
a:visited {
}

/*a:visited:hover:: Controls the way the Links look when a user hovers over a section they have visited*/ 	 
a:visited:hover {
}

/*a.menu:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 /*a.menu:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 
a.menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
}

/*a.menu:hover:: Controls the way the Menu Links look when a user passes their mouse over a them*/
a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	background-color: #7599bf;
	width: 100%;
	line-height: 20px;
}

/*a.menu:visited:: Controls the way the menu links look after a user has visited that section*/
a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 100%;
	line-height: 20px;
}

/*a.menu:visited:hover:: Controls the way the Menu Links look when a user hovers over a section they have visited*/ 	 /*a.menu:visited:: Controls the way the Menu Links look when a user has already clicked the link*/ 	 
a.menu:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	background-color: #7599bf;
	width: 100%;
	line-height: 20px;
}

/*a.menu_left::Links:: Controls the way the left menu links look before a user clicks or mouse overs on them*/ 	 /*a.menu:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 
a.menu_left {
	font-family: Arial, Helvetica, sans-serif;
	color: #717170;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
}

/*a.menu_left:hover:: Controls the way the left menu links look when a user passes their mouse over a them*/ 	 /*a.menu:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 
a.menu_left:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #336699;
	text-decoration: none;
	line-height: 20px;
}

/*a.menu_left:visited:: Controls the way the left menu links look after a user has visited that section*/ /*a.menu:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 
a.menu_left:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #717170;
	line-height: 20px;
}

/*a.menu_left:visited:hover:: Controls the way the left menu links look when a user hovers over a section they have visited*/ 	 /*a.menu:: Controls the way the Menu Links look before a user clicks or mouse overs them*/ 	 
a.menu_left:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	line-height: 20px;
}

/*a.cat::Links:: Controls the way the Category Links look before a user clicks or mouse overs on them*/ 	 
a.cat {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
}

/*a.cat:hover:: Controls the way the Category Links look when a user passes their mouse over a them*/ 	 	
a.cat:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #336699;
	text-decoration: none;
	background-color: #d6e7fa;
	width: 100%;
	line-height: 20px;
}

/*a.cat:visited:: Controls the way the Category Links look after a user has visited that section*/ 
a.cat:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
}

/*a.cat:visited:hover:: Controls the way the Category Links look when a user hovers over a section they have visited*/ 	 
a.cat:visited:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
	background-color: #d6e7fa;
}

/*menu-text:: Controls the way the menu (mailing list) text look */ 
.menu-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
}

/*item:: Controls the Item, Name, Description, Savings, Cost,Font and Color*/ 
.item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #585C5F;
	text-decoration: none;
}

/*price-info:: Controls the way the prices look on the product page*/ 
.price-info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #535353;
}

/*price:: Controls the way the price look*/ 
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d90d0e;
	font-weight: bold;
}

/*checkout-headers:: Controls the way the headers on the checkout pages look*/
.checkout-headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	background-color: #ffffff;
}

/*titles2:: Controls the subtitles on the checkout process*/ 
.titles2 {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #cee5fc;
	color: #084a6d;
}

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color normally Gray (Default Color is EEEEEE)*/
.alternative {
	background-color: #ffffff;
	padding: 2px 4px 2px 4px;
	border: 1px solid #91bce8;
}

/*borders:: Controls the color of the borders on forms*/ 
.borders {
	border: #336699;
	background-color: #336699;
}

/*steps:: Controls the way the steps on the top right hand corner look*/
.steps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cfd0d1;
	background-color: #ffffff;
}

/*steps_on:: Controls the way the steps on the top right hand corner look*/
.steps_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	background-color: #ffffff;
}

/*error:: Controls the way the error messages look (Default Size is 12)*/ 
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #e10e04;
	text-decoration: none;
}

/*options-titles:: Controls the way the titles on the options look*/
.options-titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
}

/*borders2:: Controls the color of the borders on forms*/ 
.borders2 {
	border: #91bce8;
	background-color: #91bce8;
}

/*cart-text:: Controls the way the shopping cart look)*/ 
.cart-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #535353;
	line-height: 18px;
	background-color: #fbfbfb;
}

/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #4f4e4e;
}

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {
	background-color: #f9f8f8;
}

/*font1:: Primary Screen Font */ 
.font1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #535353;
}

/*font2:: Secondary Screen Font*/ 
.font2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #535353;
}

/*icon:: Controls the way the icons on the top look*/ 
.icon2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #336699;
}

/*btn:: Controls the way the buttons look*/  
.btn {
	border-top: 1px solid #2F79BD;
	border-bottom: 1px solid #2F79BD;
	border-left: 1px solid #2F79BD;
	border-right: 1px solid #2F79BD;
	background-color: #cbe5fd;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #2F79BD;
}

/*btn_over:: Controls the buttons*/ 
.btn_over {
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
	background-color: #cee5fc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
	cursor: pointer;
}

/*btn2:: Controls the buttons*/ 
.btn2 {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	cursor: pointer;
}

.btn3 {
	border-top: 1px solid #2F79BD;
	border-bottom: 1px solid #2F79BD;
	border-left: 1px solid #2F79BD;
	border-right: 1px solid #2F79BD;
	background-color: #fb6300;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 110%;
	color: #000000;
}

/*txtBoxStyle:: Controls the way the text box look*/	
.txtBoxStyle {
	border-top: 1px solid #b3b4b5;
	border-bottom: 1px solid #b3b4b5;
	border-left: 1px solid #b3b4b5;
	border-right: 1px solid #b3b4b5;
	background-color: #f5f4f2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #38393a;
}

/*txtareaStyle:: Controls the way the text area look*/ 		
 .txtareaStyle {
	border-top: 1px solid #C7D5E0;
	border-bottom: 1px solid #C7D5E0;
	border-left: 1px solid #C7D5E0;
	border-right: 1px solid #C7D5E0;
	background-color: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #343333;
	height: 80px;
	width: 250px;
}

/*a.home:: Controls the way the Home page (featured items) links look before a user clicks or mouse overs on them*/ 	 
a.home {
	font-family: Arial, Helvetica, sans-serif;
	color: #0066cc;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/*a.home:hover:: Controls the way the Home page (featured items) links look when a user passes their mouse over a them*/ 	
a.home:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #800080;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/*a.home:visited:: Controls the way the Home page (featured items) links look after a user has clicked on them*/ 
a.home:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0066cc;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/*a.home:visited:hover:: Controls the way the Home page (featured items) links look when a user hovers over a link they have clicked*/ 	 
a.home:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #800080;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/*-------------------------------------------------------
	Structural
-------------------------------------------------------*/

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #333;
	background: #fff;
	font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
	
#container {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
	
#mast {
	float: left;
	clear: both;
	display: inline;
	width: 960px;
	height: 100px;
	background: url(../images/layout/mast-bg.gif) no-repeat;
}
	
#main-nav {
	width: 960px;
	height: 30px;
	float: left;
	clear: both;
	display: inline;
	background: url(../images/layout/nav-bg.gif) no-repeat;
}
	
#wrapper {
	float: left;
	clear: both;
	display: inline;
	width: 960px;
	background: url(../images/layout/wrapper-bg.gif) repeat-y;
}
	
#header {
	float: left;
	clear: both;
	display: inline;
	width: 940px;
	height: 200px;
	margin: 0 10px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

body#devomnicopyindex-page #header, body#index-page #header {
	height: 300px;
}
	
#main-content {
	width: 908px;
	float: left;
	display: inline;
	margin: 0 11px;
	padding: 10px 15px;
	background: url(../images/layout/content-bg.gif) top left repeat-x;
}

#left-nav {
	float: left;
	width: 200px;
}

#content {
	float: left;
	width: 708px;
}
	
#footer {
	width: 960px;
	float: left;
	clear: both;
	display: inline;
	background: #fff url(../images/layout/footer-bg.gif) no-repeat;
	padding-top: 30px;
}
		
		
/*-------------------------------------------------------
	Standard Selectors
-------------------------------------------------------*/

h1, h2, h3, h4 {
	/*font-family: palatino linotype;*/
	font-variant: small-caps;
	margin: 7px auto 6px auto;
	color: #0059ab;
	line-height: 100%;
}

h1 {
	font-size: 180%;
	margin: 7px auto 15px auto;
}

h2 {
	color: #fb6300;
	font-size: 160%;
	margin: 20px auto;
	text-align: center;
}

h3 {
	font-size: 120%;
	margin: 20px auto 0 auto;
}

h4 {
	color: #fb6300;
	font-size: 110%;
	margin: 20px auto;
	text-align: center;
}

h5 {
	font-size: 105%;
	text-align: center;
	margin: 20px auto;
}

p {
	margin: 7px auto 7px auto;
	line-height: 125%;
}

blockquote {
	margin: 10px 15px;
	padding: 5px;
}

ul, ol {
	margin: 10px 10px 10px 25px;
}

li {
	margin: 0 0 7px 0;
}

td {
	padding: 3px;
}

a {
	color: #0059ab;
}
	 
a:hover {
	text-decoration: none;
}
	 
a:active {
	color: #214a9c;
}

input, textarea {
	border: 1px solid #ccc;
}

/*-------------------------------------------------------
	Mast Links
-------------------------------------------------------*/

#mast .home {
	float: left;
	height: 100px;
	width: 500px;
	text-indent: -999em;
}



/*-------------------------------------------------------
	Main Nav
-------------------------------------------------------*/


/* 
	LEVEL ONE
*/

ul.dropdown, ul.dropdown * {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.dropdown {
	margin-left: 175px;
	position: relative;
	font-size: 11pt;
}

ul.dropdown li {
	float: left;
	clear: none;
	zoom: 1;
}

ul.dropdown a {
	background: url(../images/layout/nav-a-bg.gif) no-repeat left 0px;
	border-left: 1px solid #6daed5;
	border-right: 1px solid #0e70ba;
	color: #fff;
	display: inline;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 28px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
}

ul.dropdown a.dd {
	background: url(../images/layout/nav-a-bg.gif) right 0px;
}

ul.dropdown a:hover {
	background: url(../images/layout/nav-a-bg.gif) left -30px;
}

ul.dropdown a.dd:hover {
	background: url(../images/layout/nav-a-bg.gif) right 0px; /* -30px Y-axis for hover effect */
}

ul.dropdown li.first a {
	border-left: none;
}

ul.dropdown li.last a {
	border-right: none;
}

ul.dropdown a.down, ul.dropdown a:active {
	background: url(../images/layout/nav-a-bg.gif) left -60px;
	cursor: default;
	color: #fff;
}

/*ul.dropdown a.dd.down, ul.dropdown a.dd:active {
	background: url(../images/layout/nav-a-bg.gif) right -60px;
	cursor: default;
}*/

.no-click {
	cursor: default;
}

/* 
	LEVEL TWO
*/
ul.dropdown ul {
	width: auto;
	margin: 0px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
}

ul.dropdown ul li {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 175px;
}

ul.dropdown ul li a {
	font-size: 80%;
	width: 175px;
	height: 23px;
	line-height: 23px;
	padding: 0 15px;
	border-top: 1px solid #fff;
}

ul.dropdown ul li a.down, ul.dropdown ul li a:active {
/*This is duplicated for the decendent because IE6 wont 'keep' the higher level call */
	background: url(../images/layout/nav-a-bg.gif) left -60px;
	cursor: default;
	color: #fff;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	display: inline-block;
} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}


/*-------------------------------------------------------
	Machines
-------------------------------------------------------*/

.machines {
	margin-left: 100px;
}

.machine-2 {
	float: left;
	width: 340px; /* 225 for 3-col */
	padding: 5px;
	margin-bottom: 15px;
	font-size: 90%;
	text-align: center;
}

.machine-2 ul {
	padding-left: 50px;
}

.machine-3 {
	float: left;
	width: 225px; 
	padding: 5px;
	margin-bottom: 15px;
	font-size: 90%;
	text-align: center;
}

.machine-3 ul {
	padding-left: 10px;
}

.machine-2 h2, .machine-2 h3, .machine-3 h2, .machine-3 h3 {
	margin: 0;
	padding: 0;
	text-align: center;
}

.machine-2 img, .machine-3 img {
	margin: 5px;
}

.machine-2 li, .machine-3 li {
	margin: 0;
	text-align: left;
}

.red {
	background: #b01818;
	color: #fff;
	margin-right: 5px;
}

.green {
	background: #4de816;
	color: #000;
	margin-left: 5px;
}

.blue {
	background: #0a0eae;
	color: #fff;
	margin-right: 5px;
}

.yellow {
	background: #decb23;
	color: #000;
	margin-left: 5px;
}

.red *, .blue * {
	color: #fff;
}

.green *, .yellow * {
	color: #000;
}

/*-------------------------------------------------------
	Left Nav
-------------------------------------------------------*/

#left-nav, #left-nav * {
	list-style: none;
	margin: 0;
	padding: 0;
}

#left-nav a {
	float: left;
	padding: 5px;
	text-decoration: none;
	width: 180px;
}

#left-nav a:hover {
	background: #214a9c;
	color: #fff;
}

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

#footer {
	text-align: center;
}

.footer-links {
	font-size: 110%;
}

/*-------------------------------------------------------
	Other Selectors
-------------------------------------------------------*/

small {
	text-size: 85%;
}

.pdf-bullet {
	list-style: url(../images/content/pdf-bullet.gif);
}

.contact-bullet {
	list-style: url(../images/content/contact-bullet.gif);
}

.supp-content {
	float: right;
	width: 250px;
}

.contact-block {
	float: left;
	width: 450px;
}

.contact-list {
	font-weight: bold;
	list-style: none;
	margin-left: 50px;
}

.contact-label {
	float: left;
	padding-right: 15px;
	text-align: right;
	width: 125px;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
	width: 100%;
}

.disclaimer {
	font-size: 80%;
}

#rotation {
	float: right;
	margin-left: 25px;
	overflow: hidden;
	width: 355px;
}

#rotation img {
	border: 1px solid #fb6300;
	padding: 2px;
}

/*-------------------------------------------------------
	Mozilla Clearfix
-------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	

/*-------------------------------------------------------
	Contact Form
-------------------------------------------------------*/

#contact-form * {
	list-style-type: none;
}

#contact-form {
	background: #017ac2;
	border: solid 1px #214a9c;
	float: right;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	text-align: left;
	width: 275px;
	height: auto;
}

#contact-form label { 
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	margin-bottom: 1px;
	text-align: left;
	width: 110px;
}

#contact-form h4, #contact-form a { 
	color: #fff;
}

#contact-form input,
#contact-form textarea {
	border: solid 1px #214a9c;
	padding: 3px;
}


#contact-form .checkbox {
	width: auto;
	padding: 0px;
	margin: 5px 5px 0 15px;
}

.reload {
	font-variant: small-caps;
	padding: 3px;
	text-size: 90%;
}

.required {
	color: #f79239;
	font-variant: small-caps;
	padding: 3px;
	text-size: 90%;
}

#submit {
	background: #fff;
	border: solid 1px #214a9c;
	color: #214a9c;
	font-weight: bold;
	margin: 5px auto;
	padding: 5px;
	text-transform: uppercase;
	width: auto;
}

#submit:hover {
	background: #214a9c;
	border: solid 1px #fff;
	color: #fff;
	cursor: pointer;
}

.bot-input { 
	float: left; 
	margin-left: -999em;
}