/* HTML Tag Redefinition */
html, body {width:100%; height: 100%; margin:0px; }
body {/* customize_background */ background: url(http://www.hausoftrikesandbikes.com/themes/haus/images/body_bg.png) repeat-y top #0b0b0b;/* customize_background */ /* text-align: center; */ padding: 0px; margin: 0px; }
img {behavior:url(http://www.hausoftrikesandbikes.com/themes/haus/iepngfix.htc);border: 0px}
a { cursor:pointer; color:#FFFFFF;}
a:hover { cursor:pointer; color: #FFFFFF;}


label { font-weight:bold; display:block; padding-top: 0px; }
fieldset { border:0px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:960px; /*background:#0B0B0B;*/ margin:0px auto 0px auto;  text-align:left; }

#page #headerSpacer{ width:960px;  background:url(http://www.hausoftrikesandbikes.com/themes/haus/images/flash_banner.gif) no-repeat; height:262px; margin:0px 0px 0px 0px; *margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#page #empty_layer { width:960px;  background:url(http://www.hausoftrikesandbikes.com/themes/haus/images/empty_layer.gif) no-repeat; height:53px; margin:0px 0px 0px 0px; *margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#page #header{ position:relative; } 
#page #header #logo{ color:#999; font-size:32px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height: auto; 
	margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer;  left:0px ; z-index:10; width:auto; float:left; position: relative }
#page #header #logo a{ /* customize_header_logo */ color:#999; /* customize_header_logo */ text-decoration:none;}

/*#page #header #headerNav{ position: absolute; top:0px;  left:0px; z-index:2; width:100%; overflow:visible;}
#page #header ul.nav-header{ list-style:none; margin:0px 0px 0px 0px; *margin:0px 0px 0px 0px; padding:0px; width:auto; z-index:2; overflow:visible; float: left;}
#page #header ul.nav-header li{float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#999; font-size:13px; }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#999999 }
#page #header ul.nav-header li.nav-selected{ border:0px solid #bbb; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
*/




/* Nav Custom Coding*/


#page #header #headerNav{ width:100%; overflow:visible; height:38px; display:block;}
#page #header ul.nav-header{ list-style:none; margin:0px 0px 0px 0px; *margin:0px 0px 0px 0px; padding:0px; width:auto; z-index:2; overflow:visible; float: left;}
#page #header ul.nav-header li{float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#999; font-size:13px; }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#999999 }
#page #header ul.nav-header li.nav-selected{ border:0px solid #bbb; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }





.ddsmoothmenu{width: 100%;}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block; text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
width:160px;
padding: 8px 0px 4px 15px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
}

.ddsmoothmenu ul li ul li:hover{
display: list-item;
float: none;
width:160px;
padding: 8px 0px 4px 15px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
background:#757171;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
color:#FFFFFF;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:auto; /*width of sub menus*/
/*padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;*/
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
}

.ddsmoothmenu ul li ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:auto; /*width of sub menus*/
/*padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;*/color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:#757171;
}



/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li ul li{
display: list-item;float: none;width:160px;
padding: 8px 0px 4px 15px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
}

.ddsmoothmenu ul li ul li ul li:hover{
display: list-item;float: none;width:160px;
padding: 8px 0px 4px 15px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
background:#757171;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:auto; /*width of sub menus*/
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
color:#FFFFFF;
}
.ddsmoothmenu ul li ul li ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:auto; /*width of sub menus*/
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
color:#FFFFFF;
background:#757171;
}



/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position: absolute;
/*right: 7px;*/
}
.rightarrowclass{
position: absolute;
/*right: 5px;*/
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
position: absolute;
margin:0px 0px 0px 0px; padding:0;
left: 0; top: 0;  width: 0; height: 0; background:#333333;
}
.ddshadow:hover{
background:#333333;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}





/* Nav Custom Coding*/




#page #header #header-area{margin:0px 0px 0px 0px;}
#page #header #header-area #header-area-inside{margin-bottom: 12px;}
#page #header #header-area img { display: block}
#page .divider{padding-top: 12px; /*background: url(http://www.hausoftrikesandbikes.com/themes/haus/images/nav_horizontal_divider.gif) no-repeat top; */overflow:hidden; height:1px; clear:both; width:100%; }

#page #central{background:url(http://www.hausoftrikesandbikes.com/themes/haus/images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }
#page .no-sidebar { background-image: none !important}
#page #central.central-left { background:url(http://www.hausoftrikesandbikes.com/themes/haus/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 72px !important; padding-right: 0px !important; float:right}
 
#page #central #body{ float:left; width:67%; padding-right:28px; overflow:hidden; padding-left: 0px !important; padding-right: 0px !important }
#page #central #body p {/*text-align:justify;*/}
#page .no-sidebar #body{ float: none !important; width: auto !important; overflow:hidden }
#page #central #sidebar{ float:right; width:24%; overflow:hidden }
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#page #central #sidebar ul.nav li{ margin-bottom:16px; }
#page #central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central.navLeft{ background:url(http://www.hausoftrikesandbikes.com/themes/haus/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{ /*padding-top:24px; clear:both; padding-bottom:16px; color:#999; font-size:10px*/
				clear:both; background:url(http://www.hausoftrikesandbikes.com/themes/haus/images/footer_bg.gif) no-repeat; width:960px; height:130px;
				 font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#BDBDBD; 
				 margin:0px 0px 0px 0px; *margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#page #footer a{ text-decoration:none }
#page #footer span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */  /* customize_miscellaneous */







/*Footer Customize*/

.footer_logo { width:960px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#0B0B0B;}
.foot_head { width:930px; float:left; margin:0px 0px 0px 25px; padding:0px 0px 0px 0px; background:#0B0B0B;}
.foot_logo { width:925px; float:left; margin:10px 0px 10px 25px; padding:0px 0px 0px 0px; background:#0B0B0B;}

.letter_bg { width:45px; float:left; margin:20px 0px 0px 65px; padding:0px 0px 0px 0px;}
.general_cont { width:260px; float:left;  margin:5px 0px 0px 15px;  *margin:15px 0px 0px 15px;  padding:0px 0px 0px 0px;}

.letter_bg1 { width:45px; float:left; margin:20px 10px 0px 15px; padding:0px 0px 0px 0px;}

.span_email { color:#FFFFFF;}
.phn_fax { width:125px; float:left;  margin:10px 20px 0px 0px; *margin:20px 20px 0px 0px; padding:0px 0px 0px 0px;}
.strip { width:1px; float:left; margin:3px 0px 0px 0px; padding:0px 0px 0px 0px;}
.cmpy_name { width:340px; float:left; margin:5px 0px 0px 15px; *margin:20px 0px 0px 15px; padding:0px 0px 0px 0px;}

/*Footer Customize*/

.content_wrapper { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:960px; margin:25px auto; padding:0px 0px 0px 0px; }



.content_head  { width:900px; float:left; margin:5px 0px 10px 30px; *margin:5px 0px 10px 30px; padding:0px 0px 0px 0px; }
.content_txt  { width:900px; float:left; margin:0px 30px 0px 30px; padding:0px 0px 0px 0px; line-height:18px; color:#FFFFFF;  }



.content_txt_inner  { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:900px; /*float:left; */margin:0px auto; padding:0px 0px 0px 0px; line-height:18px; color:#FFFFFF; }
.content_txt_inner1  { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:850px; /*float:left; */margin:0px auto; padding:10px 0px 0px 0px; line-height:18px; color:#FFFFFF; }
.content_txt_inner2  { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:850px; /*float:left; */margin:0px auto; padding:0px 0px 0px 0px; line-height:18px; color:#FFFFFF; }

.contact_heading { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:18px; color:#FFFFFF; }
.elec_mail { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:18px; color:#f9e9bc; }

.bike_slider { width:923px;  margin:0px auto; padding:25px 0px 20px 0px;}

.center_content { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;  background:url(http://www.hausoftrikesandbikes.com/themes/haus/images/content_bg.gif) no-repeat; width:960px; float:left; margin:0px 0px 0px 0px; *margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

.center_content_inner { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;  width:910px; float:left; 
/*padding:0px 30px 0px 30px; *padding:0px 30px 0px 30px; margin:0px;*/ background:#0b0b0b; margin-left: 25px; margin-right: 25px; margin-top:40px; }

#foriefix {width:960px; float:left; margin:0px 0px 0px -3px; background:#0B0B0B; *margin:0px 0px 0px 0px; _margin:0px 0px 0px 33px; padding:0px 0px 0px 0px;}

.innerserviceHead { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#a36f01; width:942px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}


.content_img { width:300px; min-height:300px; float:right; margin:0px; padding:0px;}
.content_left { float:left; margin:0px; padding:0px;}

.contact_haus { color:#003399;}
.contact_haus a{ color: #003399; text-decoration:none;}
.contact_haus a:hover{ color: #993300; text-decoration:none;}