form { margin:0; padding:0; }
/* tweak for firefox */
	* { margin-top:0; }
/*  -----
 *	See http://positioniseverything.net/easyclearing.html
 *	for a description of this code.
 *  -----
 */
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height:1%; }
	*+html .clearfix { height:1%; }
	.clearfix { display:block; }
	/* End hide from IE-mac */


h5,
h6,
pre,
code
{
	font-size               : 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
hr,
dt,nav
dd,
blockquote,
fieldset,
input
{
  margin                  : 0;
  padding                 : 0;
}
a img,
a:link img,
a:visited img
{
  border                  : none;
}
acronym,
abbr
{
  cursor                  : help;
}
address
{
  font-style              : normal;
}

.clearfixf:after
{
  content                 : "."; 
  display                 : block; 
  height                  : 0; 
  clear                   : both; 
  visibility              : hidden;
}
.clearfixf
{
  display                 : inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
  height                  : 1%;
}
.clearfix
{
  display                 : block;
}



.hidden,
hr
{
	/* screen reader hack */
	display                 : none;
	/* \*/
	display                 : block;
	/* */
	position                : absolute;
	left                    : -2000px;	
	top                     : -2000px;	
	width                   : 1px;	
	height                  : 1px;
}


body
{
	font-family:arial, "Trebuchet MS", verdana, sans-serif;
	font-size:10px;
	background: #072235 url(../i/bg/dark_body.gif) repeat-y top center;
	color:#ffffff;
}

a,
a:visited  {
	color:#EFB300;
	text-decoration:none;
}

a:hover  {
	text-decoration:underline;
	color:#FF7000;
}

p
{
	line-height:1.75em;
	margin-bottom:.5em;
}

ol
{
	list-style-type:decimal;
	margin-left:1.75em;
}

h4
{
	margin-top:1em;
}



code
{
	display:block;
	background:#DCD3BE;
	border:1px solid #A79E89;
	padding:1em;
	font-family:Courier, verdana, arial, sans-serif;
	margin-bottom:1em;
}

table
{
	width:100%;
}

table th
{
	color:#ffffff;
	text-align:left;
}

table th
{
	padding:0.2em 0.4em 0.2em 0.4em;
}

table td
{
	padding:0.5em 0.4em 0.5em 0.4em;
}

table td.shade
{
	background:#EEECE4;
}

caption
{
	font-weight:bold;
	text-align:left;
	font-size:160%;
	padding:0.2em 0.4em 0.2em 0.4em;
}



#site-wrapper  {
	width:900px;
	max-width:100%;
	margin:0px auto;
	background-color: transparent;
}


#logo  {
	background:url(../i/top_left.gif) no-repeat 0 0;	
}

#logo img  {
	margin:0px;
}

#address p  {
	font-size: 10px;
	font-family:arial, "Trebuchet MS", verdana, sans-serif;
	margin: 15px 5px 0px 10px;
}

#fontsizer {
	position: relative;
	top: 69px;
	left: 840px;
	width: 55px;
}

#masthead  {
	background-color:transparent;
	position:relative;
}



#site-tools
{
	position:absolute;
	top:0;
	right:0;
	background:url(../i/top_right.gif) no-repeat 100% 0;
	padding:1em;
}

#site-tools li
{
	margin-right:0.75em;
	font-size:80%;
}

#firefox
{
	position:absolute;
	right:1em;
	top:1em;
}



/* -- PRIMARY CONTENT STYLES --*/

#pri-cont  {
	z-index:-2;
	float:right;
	width:60%;
	width:560px;
	background-color: transparent;
	color: #ffffff;
	min-height: 600px;
}

#pri-cont #margin  {
	margin:20px 0px;
}
/*
#pri-cont P  {
	padding: 10px 15px;
}
*/
#pri-cont h3 { 
	border:none;
	color:#ffffff;
	font-size: 18px;
}

#pri-cont h6 { 
	border:none;
	color:#ffffff;
	font-size: 14px;
}

#pri-cont .quotes { 
	display:block;
	color:#ffffff;
	font-size: 12px;
	padding:0px 85px 0px 5px;
	margin-left:25px;
}


/* -- ABOUT US PICTURE LAYOUT -- */


/* -- FORMS PAGE STYLING -- */

#leftcolumn{
float:left;
width:150px;
height: 400px;
border: 3px solid black;
padding: 5px;
padding-left: 8px;

}

#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

#leftcolumn a:hover{
background-color: #FFFF80;
}

#rightcolumn{
float:left;
width:300px;
min-height: 400px;
border: 5px solid #ffffff;
margin-left: 10px;
padding: 5px;
padding-bottom: 8px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}

/* -- END FORMS PAGE STYLING -- */


#the_news p img  { 
	border: 0;
	margin-left:-40px;
	padding:0;
}

/* -- PRIMARY CONTENT STYLES --*/

#sing-pri-cont  {
	z-index:-2;
	width:95%;
	width:890px;
	background-color: transparent;
	color: #ffffff;
	min-height: 600px;
}

#sing-pri-cont #margin  {
	margin:20px 35px;
}

#sing-pri-cont P  {
	font-size:12px;
	line-height:2em;
	padding: 0px 45px;
}

#sing-pri-cont img  { 
	border: 5px solid #ffffff;
}

#sing-pri-cont img.no_border  { 
	border: 0;
}

#sing-pri-cont table td  { 
	padding-bottom:30px;
	width:33%;
}

#sing-pri-cont table td p, #sing-pri-cont table td h5  { 
	padding:0px;
}

#sing-pri-cont h4  { 
	width:600px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	font-size: 16px;
	color: #EFB300;
}

#sing-pri-cont h5  { 
	padding: 0px 0px;
	border-bottom: none;
	font-weight: bold;
	font-size: 16px;
	color: #EFB300;
}

#pic_header  { 
	width:280px;
	height:23px;
	background: #072235 url(../i/bg/black_008.gif) repeat-x top center;
}

#pic_header .name_about  { 
	float:left;
	font-size: 16px;
	color: #efb300;
	text-decoration:bold;
	padding-left:5px;
}

#pic_header .title_about  { 
	float:right;
	font-size: 10px;
	color: #ffffff;
	text-decoration:none;
	padding:5px;
}


#edit_bar_val  {
	background:#6D97A1;
	padding-left:1em;
	padding-right:1em;
	height:5px;
	width:auto;
}

#edit_bar_bad  {
	background:#FF7000;
	padding-left:1em;
	padding-right:1em;
	height:5px;
	width:auto;
}

#objection  { 
	background: #072235 url(../i/bg/objection.jpg) no-repeat top right;
}

/* -- END PRIMARY CONTENT STYLES --*/


/* -- SECINDARY CONTENT STYLES --*/
#sec-cont  {
	color: #ffffff;
	float:left;
	width:35%;
	width:315px;
	background-color: transparent;
}

#sec-cont #margin  {
	margin:20px 5px;
	/*margin:1em;*/
}

#sec-cont h3  {
	background:none;
}

#sec-cont h2  {
	clear:both;
}

#sec-cont a,
#sec-cont a:visited  {
	color:#ffffff;
	text-decoration:none;
}

#sec-cont a:hover  {
	text-decoration:underline;
	color:#FF7000;
}
/* -- END SECINDARY CONTENT STYLES --*/


/* -- START TITLE HEADER STYLES -- */
#title_header  { 
	width: 100%;
	background-color: #324a5b;
	border-bottom: 1px solid #ffffff;
	font-family:arial, "Trebuchet MS", verdana, sans-serif;
	
}

#title_header table, td { 
	width:auto;
}

#title_header img  {
	padding-top: 3px;
	padding-left: 3px;
}

#title_header h1  {
	font-size: 30px;
	color: #ffffff;
	border: 0;
	padding-top: 0px;
	margin: 0px;
	line-height:20px;
	font-family:arial, "Trebuchet MS", verdana, sans-serif;
}

#title_header h3  {
	font-size: 18px;
	color: #ffffff;
	border: 0;
	padding-top: 10px;
	margin: 0px;
	line-height:20px;
	font-family:arial, "Trebuchet MS", verdana, sans-serif;
}

#title_header p  { 
	position:relative;
	top:3px;
}

/* -- END TITLE HEADER STYLES -- */


/* -- SEARCH FORM FIELDS STYLES --*/
INPUT#search	{
	width: 90px;
	BORDER: #6D97A1 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #FF7000; 
	BACKGROUND-COLOR: #EAFAFF;
	}

INPUT#search_radio	{
	BORDER: #836129 1px solid; 
	FONT: 95% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #000; 
	BACKGROUND-COLOR: #fff9ce;
	}

SELECT#search	{
	width: 90px;
	BORDER: #6D97A1 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #FF7000; 
	BACKGROUND-COLOR: #EAFAFF;
	}
/* -- END SEARCH FORM FIELDS STYLES --*/


/* -- CONTACT FORM FIELDS STYLES --*/
INPUT#contact	{
	width: 90px;
	BORDER: #ffffff 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #CEDADE;
	}

INPUT#contact:hover 	{
	BACKGROUND-COLOR: #FFDE6A;
	}

INPUT#contact_radio	{
	BORDER: #ffffff 1px solid; 
	FONT: 95% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #CEDADE;
	}

SELECT#contact	{
	width: 90px;
	BORDER: #ffffff 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #CEDADE;
	}

TEXTAREA#contact  {
	width:200px;
	height:200px;
	BORDER: #ffffff 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #CEDADE; 
	}

TEXTAREA#contact:hover  {
	BACKGROUND-COLOR: #FFDE6A; 
	}
	

/* -- REGISTRATION FORM FIELDS STYLES --*/
INPUT.regform	{
	width: 90px;
	BORDER: #ffffff 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #1e4a67;
	}

INPUT.regform:hover 	{
	color:#000000;
	BACKGROUND-COLOR: #FFDE6A;
	}

INPUT#regi_radio	{
	BORDER: #ffffff 1px solid; 
	FONT: 95% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #1e4a67;
	}

SELECT.regform	{
	width: 90px;
	BORDER: #ffffff 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #1e4a67;
	}

SELECT.regform:hover 	{
	color:#000000;
	BACKGROUND-COLOR: #FFDE6A;
	}

TEXTAREA.regform  {
	width:150px;
	height:100px;
	BORDER: #ffffff 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #1e4a67; 
	}

TEXTAREA.regform:hover  {
	color:#000000;
	BACKGROUND-COLOR: #FFDE6A; 
	}
	
	

#contact_submit  { 
	padding:2px;
	border:none;
	color:#ffffff;
	background: #072235 url(../i/bg/black_008.gif) repeat-x top center;
}

#contact_submit:hover  { 
	padding:2px;
	border:none;
	color:#000000;
	background: #072235 url(../i/bg/orange_008.gif) repeat-x top center;
}
	
/* -- END CONTACT FORM FIELDS STYLES --*/


/* -- ADMIN FORM FIELDS STYLES --*/

INPUT#admin	{
	width: 90px;
	BORDER: #6D97A1 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #FF7000; 
	BACKGROUND-COLOR: #EAFAFF;
	}


SELECT#admin	{
	width: auto;
	BORDER: #6D97A1 1px solid; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #FF7000; 
	BACKGROUND-COLOR: #EAFAFF;
	}

TEXTAREA#admin	{
	BORDER: #6D97A1 1px solid; 
	PADDING-RIGHT: 0.1em; 
	PADDING-LEFT: 0.1em; 
	MARGIN-BOTTOM: 1px; 
	PADDING-BOTTOM: 0.1em; 
	FONT: 100% verdana, arial, georgia, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #FF7000; 
	BACKGROUND-COLOR: #EAFAFF; 
	width: 300px; 
	height: 100px;
	}

TEXTAREA#admin .html	{
	FONT: 100% verdana, arial, georgia, sans-serif; 
	COLOR: #fff; 
	BACKGROUND-COLOR: #FF7000; 
	}

INPUT#adminbut_delete 	{
	width: 70px;
	BORDER: #6D97A1 1px solid;  
	font-family: verdana, arial, georgia, sans-serif; 
	font-size: 11px;
	VERTICAL-ALIGN: middle; 
	COLOR: #fff; 
	BACKGROUND-COLOR: #FF7000;
	}
INPUT#adminbut_delete:hover 	{
	BORDER: #6D97A1 1px solid;  
	BACKGROUND-COLOR: #FF8111;
	}

INPUT#adminbut_edit 	{
	width: 70px;
	BORDER: #6D97A1 1px solid;  
	font-family: verdana, arial, georgia, sans-serif; 
	font-size: 11px;
	VERTICAL-ALIGN: middle; 
	COLOR: #fff; 
	BACKGROUND-COLOR: #9CDAE9;
	}
INPUT#adminbut_edit:hover 	{
	BORDER: #6D97A1 1px solid;  
	BACKGROUND-COLOR: #9CEBFA;
	}

INPUT#loginbut_user 	{
	width: 70px;
	BORDER: #ffffff 1px solid;  
	font-family: verdana, arial, georgia, sans-serif; 
	font-size: 11px;
	VERTICAL-ALIGN: middle; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #EFB300;
	}
INPUT#loginbut_user:hover 	{
	BORDER: #ffffff 1px solid;  
	BACKGROUND-COLOR: #ffc824;
	}
	
/* -- END ADMIN FORM FIELDS STYLES --*/


/* -- FOOTER CONTENT STYLES --*/
#footer  {
	height:94px;
	width:100%;
	clear:both;
	text-align:left;
	background:#072235 url(../i/footer.jpg) no-repeat 0 100%;
}
#footer td.sml {
position:relative;
left:190px;
top:15px;
	width:300px;
	display:block;
	font-size:9px;
	line-height:1em;
	color:#888;
	padding:0px;
}

/* SERIOUSLY!! needed for IE6 */
* html #footer td.smlst { top:20px; left:380px; }
	
#footer td.smlst {
position:relative;

right:75px;
	float:right;
	display:block;
	font-size:9px;
	color:#072235;
	padding:0px;
}
#footer p  {
	margin-left: 20px;
	color: #6D97A1;
}

#footer ul  {
	z-index:10;
	height: 94px;
	background:url(../i/footer_r.jpg) no-repeat 100% 100%;
	font-size: 10px;
}

#footer ul li  {
	display:inline;
	margin-right:2em;
	font-size:80%;
}

#footer ul li a,
#footer ul li a:visited
{
	text-decoration:none;
	font-weight:bold;
}
/* -- END FOOTER CONTENT STYLES --*/


/*cws logo footer*/
a.cws{
	float:left;
	display:block;
	width:195px;
	height:14px;
	background-image:url(../i/cws_logo_off.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
a.cws:hover{
	float:left;
	display:block;
	background-image:url(../i/cws_logo_on.jpg);

}
a.cws span{
	display:none;
	color:#9b9aa4;
}
/*end cws logo */


/* --  HR STYLING --*/
.ruler {
    height: 13px;
    background: transparent url(../i/horl.jpg) top left no-repeat;
    padding-left: 20px;
}
.ruler b {
    display: block;
    height: 13px;
    background: transparent url(../i/horr.jpg) top right no-repeat;
    padding-right: 20px;
}
.ruler b b {
    background: transparent url(../i/horc.jpg) top center repeat-x;
}

hr.dotted
{
	border-style: dotted;
	border-color: #A68428;
}
/* --  END HR STYLING --*/


/* FORM BUTTONS CODE */

.Checkbox, .CheckboxChecked {display:block;width:12px;height:12px;}
.Checkbox {
	width: 10px;
	height: 10px;
	BORDER: #6D97A1 1px solid; 
	BACKGROUND-COLOR: #EAFAFF;
}
.CheckboxChecked {background:url('http://www.cycloneautomotive.com/i/CheckboxChecked.gif') no-repeat;}

.Radiobox, .RadioboxChecked { display:block;width:100%;height:12px;}
.Radiobox { background:url('http://www.cycloneautomotive.com/i/RadioboxUnchecked.gif') no-repeat center center;}
.RadioboxChecked { background:url('http://www.cycloneautomotive.com/i/RadioboxChecked.gif') no-repeat center center;}

.InputHidden {display:none;}

/* END FORM BUTTONS */


/* --  AD LISTING TABLE STYLING --*/
.odd	{
	background-color: #EEEEEE;
	font-size: 10px; 
	color: #444;
	text-align: left;
	padding: 2px;
	}
	
.odd:hover  {
	background-color: #FF7200;
	color: #FFFFFF;
	}

.even	{
	background-color: #FFFBE6;
	font-size: 10px; 
	color: #444;
	text-align: left;
	padding: 2px;
	}
	
.even:hover  {
	background-color: #FF7200;
	color: #FFFFFF;
	}

.cancel	{
	background-color: #CCCCCC;
	font-size: 10px; 
	color: #444;
	text-align: left;
	padding: 2px;
	}
	
.cancel:hover  {
	background-color: #CDCDCD;
	color: #FFFFFF;
	}

.odd a:hover, .even a:hover, .cancel a:hover  {
	color: #FFFFFF;
	}

table.adlisthead  {
	border: #EEEEEE 1px solid;
	}

tr.adlisthead  {
	background: #6D97A1;
	color:#ffffff;
	padding: 4px;
}

tr.adlisthead a:link, tr.adlisthead a:visited  {
	color:#ffffff;
	text-decoration: underline;
}

tr.adlisthead a:hover  {
	color:#FF7000;
}
/* --  END AD LISTING TABLE STYLING --*/


/* -- TEXT NOTICES --*/
.notes
{
	color: #999999;
	font-size: 10px;
	font-style: italic;
}

.boldRed
{
	font-weight: bold;
	color: #FF7000;
}

.lightBlu
{
	font-weight: none;
	color: #cccccc;
}
/* -- END TEXT NOTICES --*/

/* -- SEARCH RESULTS HIGHLIGHT COLOR --*/
.kymtch
{
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 2px 0px 2px;
	background-color: #FF7000;
	/* --background-color: #D8EFF5;--*/
}

/* -- TOOLTIP --*/
a.info  {
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none
}

a.info:hover{ z-index:25; }

a.info span{ display: none }

a.info:hover span  { /*the span will display just on :hover state*/
    z-index:25;
    display:block;
    position:absolute;
    top:2em;
    left:-300px;
    width: 350px;
    border:1px solid #FF7000;
    background-color:#6D97A1;
    color:#FFFFFF;
    text-align: left;
    padding: 3px;
}

/* -- END TOOLTIP --*/


.date {
	height: 50px;
	width: 45px;
	background: url(../i/calendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: left;
}
.date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}