/* @override 
	http://cyclehill.local/stylesheets/cycle.css?1226367839
	http://www.cyclehilltirechanger.com/stylesheets/cycle.css?1226864354
	http://cyclehill.local/stylesheets/cycle.css?1226938966
	http://cyclehill.local/stylesheets/cycle.css?1226941158
	http://localhost:3000/stylesheets/cycle.css?1245093510
	http://localhost:3000/stylesheets/cycle.css?1252298659
	http://localhost:3000/stylesheets/cycle.css?1259540416
*/

* { margin: 0 0; }

html { min-height: 100%; margin-bottom: 1px; }

body#home
{	
font-family: tahoma;
margin: 0 0;
	color: #2f2f2f;
	background: url(../images/background_grunge_top_2.gif) repeat-x left -1px;
}
img { border: none; }

a, a:visited {
color: #073f8a;

}
.home_header_logo{
width: 300px;
height: 76px;
float: left;
/*	background: url(../images/home/home_logo.gif) no-repeat left top; */
}

.home_header_logo span{
	margin-left: -1350px;
}









/* ******************* */
/*set lahout width here*/
.home_wrapper {
	width: 932px;
}

.home_header {
	height: 120px;
	background-image: url(../images/banner.jpg);
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;


}

/* My Comment */

.home_header a img {
	margin-left: 331px;
	margin-top: 14px;
}







.home_header_links{
	float: right;
	padding-right: 50px;
	height: 30px;
	padding-top: 20px;
	color: #c9c9ce;
	font-size: .8em;
}
.home_header_links a{
	font-size: 1.2em;
}


/* ************************ */
/*      image replacement   */

#ID_OF_ELEMENT {
    padding: HEIGHT_OF_IMAGEpx 0 0 0;
    overflow: hidden;
    background-image: url("hello_world.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:HEIGHT_OF_IMAGEpx;
}

#home_main_image {
    padding: 500px 0 0 0;
    overflow: hidden;
    background-image: url(../images/ch_home_standard_package.jpg);
    background-repeat: no-repeat;    
    height: 0px !important;
    height /**/:500px;
}

#optional_accessories {
    padding: 128px 0 0 0;
    overflow: hidden;
    background-image: url("/images/ch_optional_accessories.jpg");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:128px;
}


#home_big_package_image {
    padding: 520px 0 0 0;
    overflow: hidden;
    background-image: url(../images/ch_home_big_package.jpg);
    background-repeat: no-repeat;    
    height: 0px !important;
    height /**/:520px;
}

#compare_main_image {
    padding: 500px 0 0 0;
    overflow: hidden;    
    height: 0px !important;
    height /**/:500px;
	background: url(../images/ch_compare.gif) no-repeat;
}

/* the last height hack is for 
ie 5?? */
/* ************************ */






/* @group Language Selector */

#language {
	clear: both;
	background-color: #ccc;
	font-size: 80%;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px	solid #aaa;
}
#language a {
	text-decoration: none;
	color: #7b7b7b;
}
#language a:hover {
	text-decoration: none;
	color: #ee440f;
}
#language .pipe {
	color: #a4a4a4;
	padding: 0 5px ;
}

/* @end */








/* @group My Group */

.cart_nav .cart_buttons a{
	color: #7e7e7e;
	padding: 3px 6px 4px; }

.cart_nav .cart_buttons a:hover{
	color: #fff;
	background-color: #aaa;
	padding: 3px 6px 4px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* @end */









/* @group generics */

.center {
	margin-right: auto;
	margin-left: auto;
}
.width_300{
	width: 300px;
}

.width_400{
	width: 400px;
}

.width_500{
	width: 500px;
}

/* @end */









/* @group nav bar */
#navigation {
}

#navigation ul{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 0 0;
	float: left;
	padding: 5px 0;
	width: 576px;
}
/* *******************************
padding here does not matter if ther is no content in the li (other than the a's) 
******************************** */
#navigation ul li {
	display: inline;
}

#navigation .left {
	display: inline-block;
	background: url(../images/flag_blue.gif) no-repeat -9px top;
	width: 160px;
	height: 31px;
	float: left;
}

#navigation .right {
	display: inline-block;
	background: url(../images/flag_red.gif) no-repeat left top;
	width: 160px;
	height: 31px;
	float: right;
}





/* *******************************
If no images are being used, style the links here 
******************************** */
#navigation ul li a{
	font: tahoma;
	letter-spacing: .1em;
	padding: 5px 10px;
	text-decoration: none;
	color: #073f8a;
}

/*#073f8a*/

/*#006fec*/

#navigation ul li a:hover{
	background-color: #073f8a;
	padding: 5px 10px;
	color: #fff;
}



/* @end */















.headline {
	color: #b02a30;
	font-weight: bold;
	font-style: italic;
	font-size: 2.4em;
	padding-bottom: 6px;

}
.red {
	color: #b02a30;	
}

.gray {
	color: #818181;
}

.size_1 {
font-size: 100%;	
}

.size_2 {
font-size: 120%;	
}

.size_3 {
font-size: 140%;	
}



.tagline {
	color: #57bc73;
	font-size: 1.4em;

}















/* @group Body Layout */



.short {
	height: 200px;		
}
.shorter {
	height: 100px;		
}
.shortest{
	height: 75px;
}
.tall {
	height: 550px;	
}






.home_body {
	min-height: 400px;
}


.home_col_wrapper {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	font-size: .8em;
}
.home_col h1 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 8px;

}

h2 {
	color: #b02a30;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 11px;
	}
.full_width {
	text-align: left;
	color: #545454;
}






.home_col {
	width: 260px;
	float: left;

}
.home_col_middle{
	margin-right: 24px;
	margin-left: 24px;
}

.home_col p{
	width: 260px;
	float: left;
	text-align: left;
	margin: 0;
	line-height: 132%;
	padding-bottom: 7px;
}

.home_col p span {
	color: #818181;
	font-style: italic;
	font-size: .8em;
}


ul.col  {
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
}

ul.col li {
	text-align: left;
	padding-bottom: 6px;
	padding-left: 24px;
	margin-left: 0;
	font-weight: bold;
	font-size: .9em;
	background: url(../images/check_green.gif) no-repeat left top;
	padding-top: 2px;
list-style-image: url(../images/blank.gif);}

ul.col li.dont {
	background: url(../images/home/red_circle_x.gif) no-repeat left top;
	padding-top: 2px;
list-style-image: url(../images/home/blank.gif);
	font-style: italic;
}










/* @end */















/* @group MAIL Form */
#mail_form{
	font-family: tahoma;
	font-size: 1.25em;
	bord er: 1px dotted #acacac;
	width: 330px;
	padding: 11px 0 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

#mail_form .top_label{
	font-family: tahoma;
	font-size: 80%;
	display: block;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	color: #818181;
}

#mail_form textarea {
	font-family: tahoma;
	color: #006fec;
	font-      size: 1.25em;
	width: 300px;
	height: 180px;
	margin: 0 0 15px;
}

#mail_form input {
	font-family: tahoma;
	font-size: 80%;
	color: #006fec;
	width: 300px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 14px;
}

#mail_form .input_button_wide {
	border: none;
	width: 171px;
	height: 27px;
	color: #fff;
	cursor: pointer;
	background-image: url(../images/wide_button_black.png);
	_background-image: url(../images/wide_button_black.gif);
	background-color: transparent;
	padding: 0 0 2px;
}

#mail_form .input_button_wide:hover {
	border: none;
	width: 171px;
	height: 27px;
	color: #fff;
	cursor: pointer;
	background-image: url(../images/wide_button_black_over.png);
	_background-image: url(../images/wide_button_black_over.gif);

}

#mail_form .input_button_flat {
	cursor: pointer;
	width: 160px;
	background-color: #fff;
	border: 2px solid #006fec;
	color: #006fec;
	padding: 5px 8px;
}

#mail_form .input_button_flat:hover {
	cursor: pointer;
	width: 160px;
	background-color: #006fec;
	border: 2px solid #006fec;
	color: #fff;
	padding: 5px 8px;
}






/* @end */



















/* @group Comment Form */
#comment_form{
	font-family: tahoma;
	font-size: 1.25em;
	bord er: 1px dotted #acacac;
	width: 850px;
	padding: 11px 0 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

#comment_form .top_label{
	font-family: tahoma;
	font-size: 80%;
	display: block;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	color: #818181;
}

#comment_form textarea {
	/*font-family: tahoma;
	font-size: 1.25em;
	width: 475px;
	height: 80px;
	margin: 0 0 9px;*/
}

#comment_form input {
	font-family: tahoma;
	font-size: 80%;
	width: 475px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 14px;
}

#comment_form .input_button_wide {
	border: none;
	width: 171px;
	height: 27px;
	color: #fff;
	cursor: pointer;
	background-image: url(../images/wide_button_black.png);
	_background-image: url(../images/wide_button_black.gif);
	background-color: transparent;
	padding: 0 0 2px;
}

#comment_form .input_button_wide:hover {
	border: none;
	width: 171px;
	height: 27px;
	color: #fff;
	cursor: pointer;
	background-image: url(../images/wide_button_black_over.png);
	_background-image: url(../images/wide_button_black_over.gif);

}

#comment_form .input_button_flat {
	cursor: pointer;
	width: 160px;
	background-color: #fff;
	border: 2px solid #073f8a;
	color: #073f8a;
	padding: 5px 8px;
}

#comment_form .input_button_flat:hover {
	cursor: pointer;
	width: 160px;
	background-color: #073f8a;
	border: 2px solid #073f8a;
	color: #fff;
	padding: 5px 8px;
}

#comment_form input.signature {
	width: 175px;
}




/* @end */


















/* @group Review */


#reveiw_container {

}
.review {
	color: #474b4b;
	font: italic .8em Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0px;
	padding-top: 10px;
	text-align: left;
	width: 850px;
}

.review .review_image {
	float: left;
	border: 1px dotted #c9c9ce;
	margin-right: 15px;
}

.italicAuthor {
	padding-left: 20px;
	font: italic .8em Georgia, "Times New Roman", Times, serif;
	color: #818181;  
}



.comments_display h4, #comment_form h4 {
	color: #fff;
	text-align: center;
	background-color: #818181;
	padding-top: 5px;
	padding-bottom: 3px;
	width: 100%;
	border: 1px solid #818181;
}

#comment_form textarea{ 
width: 96%;
height: 100px;
margin: 0 0 10px; 
border-width: 1px solid #cccccc;
color: #006fec;
padding: 2%;
}

label, .label {
	color: #818181;
	font-size: 12px;
	margin-right: 5px;

}

.signiture {
	float: left;
	margin-left: 56px;
}

.ip_block {

}
.ip_address {
	font-family: "Courier New", Courier, mono;
	color: #15d514;
	font-weight: bold;
}

.ip_address_field {
	width: 100px;
	margin-right: 20px;
}
/*textarea, select {
	border-width: 1px;
	font: 12px/160% Verdana;
	color: #494949;  color of text 
	}*/
.special_note {
	padding-left: 10px;
	font: italic .7em Georgia, "Times New Roman", Times, serif;
	color: #818181;
	text-align: center;
	padding-right: 10px;
	padding-top: 19px;
}






/* @end */















.beta_note {
	color: #818181;
	font-size: .5em;
	font-style: italic;
	margin-top: 20px;
}

/* @group press */

#press h3 {
	text-align: left;
	padding-top: 6px;
	padding-bottom: 7px;
}
ul.press  {
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
}

ul.press li {
	text-align: left;
	padding-bottom: 6px;
	padding-left: 24px;
	margin-left: 0;
	font-weight: bold;
	font-size: .9em;
	/*background: url(../images/check_green.gif) no-repeat left top;*/
	padding-top: 2px;
list-style-image: url(../images/blank.gif);}

ul.press li a{
	color: #818181;
	text-decoration: none;
}

ul.press li a:hover {
	color: #006fec;
	text-decoration: none;
}

ul.press li.pdf {
	background: url(../images/pdf.gif) no-repeat left top;
}

ul.press li.zip {
	background: url(../images/zip.gif) no-repeat left top;
}

ul.press li.ai {
	background: url(../images/AI_JPG_icon.jpg) no-repeat left top;
}

ul.press li.jpg {
	background: url(../images/Zip_JPG_icon.jpg) no-repeat left top;
}








/* @end */


















/* @group footer */
.copyright-bar {
	padding-bottom: 30px;
	margin-top: 2px;
	font-size: 12px;
	text-align: center;
	padding-top: 15px;
	background: url(../images/footer_steel_1.jpg) no-repeat center top;
	height: 70px;
	width: 905px;
}
.footer_container {
	float:left; text-align:justify; margin-left:20px; margin-top:5px;
	font-size: 11px;
}
.footer_container pipe {
	font-size: 15px;
	color: #77797d;
}

.footer_container a, .footer_container a:visited {
	font-size: 15px;
	text-decoration: none;
}
.footer_container a:hover {
	font-size: 15px;
	text-decoration: underline;
}


.copyright-bar  .links {
	width: 872px;
	margin-right: auto;
	margin-left: auto;
}

a.nav {
	
}

a.nav:link {color: #6e6e6e; text-decoration: none; }
a.nav:visited {color: #6e6e6e; text-decoration: none; }
a.nav:hover {color: #000000; text-decoration: none; cursor: pointer; }
a.nav:active {color: #6e6e6e; }

/* @end */



/* @group errors */
.errorExplanation {
	
}

.errorExplanation h2{
	color: #8d060a;
	font-size: 80%;
}

.errorExplanation p{
	color: #2f2f2f;
	font-size: 70%;
}

.errorExplanation ul{
	color: #8d060a;
	font-size: 70%;
}

/*    @end  */

/* from nomar for warranty page style */


.technique_and_faq {
	color: #474b4b;
	font-size: .8em;
	margin: 10px 0 7px;
	line-height: 1.4em;
	text-align: left;
	padding-right: 50px;
	padding-left: 50px;
}


.title {
	font-weight: bold;
	color: #000a5d;
	padding-bottom: 5px;
}

.devider {
	background: url(http://www.nomartirechanger.com/images/tech_page_divider_1.png) no-repeat center center;
	height: 7px;
	padding: 7px 0 10px;
}

.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.highlight {
	background-color: #f5fe7d;
	padding-right: 2px;
	padding-left: 2px;
}

/* @group wing_world review */

/*this sucks, why is it not working?*/

#wing_world_review{
}
#wing_world_review p{
	text-align: justify;
	padding: 5px 0;
	margin: 0;
}
#wing_world_review h3{
	text-align: left;
	font-size: 19px;
	color: #262d74;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}

#wing_world_review img{
	float: left;
	padding-right: 20px;
}
#wing_world_review .photo{
	float: left;
	padding-right: 45px;
	padding-left: 44px;
}

.review_choices a{
	color: #1b3f83;
	padding: 3px 6px 4px;
	font-size: 23px;
}

.review_choices a:hover{
	color: #fff;
	background-color: #1b3f83;
	padding: 3px 6px 4px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
/* */


/* @end */