/*

GLOBAL Stylesheet

-------------------------------------------------------- 
Company Name:	Dynawinch
Author: 	Apis Design
--------------------------------------------------------*/

/* GLOBALS ----------------------------------*/
* {
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

div {
	/*display:inline-block;*/
}

form {
	margin:0px;
}

body {
	text-align:center;
	background-color: #191f1c;
	margin: 0px;
	background-image: url(../graphics/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body,p,li,td,select,input,textarea {
	font-size:12px;
	margin:0 0 0 0;
}

/* Heading classes and subclasses ---------------------------------------------------*/

H1 { font-size:20px; }
#main_title H1 { font-size:16px; color:#FFFFFF; margin:0; text-indent:12px; }
.small_title H2 { font-size:14px; color:#FFFFFF; margin:0; text-indent:16px; }
H2 { font-size:16px; margin:0 0 4px 0; }
H3 { font-size:14px; }
H4 { font-size:13px; }
H5 { font-size:12px; }
H6 { font-size:11px; }
hr { height:1px; }

/* Link classes and subclasses ---------------------------------------------------*/

a:link { color:#2d5268; text-decoration:underline; }
a:visited { color:#2d5268; text-decoration:underline; }
a:active { color:#2d5268; text-decoration:underline;}
a:hover { color:#2d5268; text-decoration:none; }

#sub_nav a:link { font-size:11px; color:#FFFFFF; text-decoration:none; }
#sub_nav a:visited { font-size:11px; color:#FFFFFF; text-decoration:none; }
#sub_nav a:active { font-size:11px; color:#FFFFFF; text-decoration:underline;}
#sub_nav a:hover { font-size:11px; color:#003366; text-decoration:underline; }

#footer_text_1 a:link { font-size:10px; color:#FFFFFF; text-decoration:none; }
#footer_text_1 a:visited { font-size:10px; color:#FFFFFF; text-decoration:none; }
#footer_text_1 a:active { font-size:10px; color:#FFFFFF; text-decoration:underline;}
#footer_text_1 a:hover { font-size:10px; color:#FFFFFF; text-decoration:underline; }

#subfooter_right a:link { font-size:10px; color:#666666; text-decoration:none; }
#subfooter_right a:visited { font-size:10px; color:#666666; text-decoration:none; }
#subfooter_right a:active { font-size:10px; color:#666666; text-decoration:underline;}
#subfooter_right a:hover { font-size:10px; color:#666666; text-decoration:underline; }

/* CSS Rollovers ---------------------------------------------------*/

ul#list-nav {
	display: inline;
}

ul#getaquote {
	display: inline;
}

ul#partsmoul {
	display: inline;
}

ul#partslinkul {
	display: inline;
}

#navmenu ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navwrap ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

#getaquotelink ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

#partsmodiv ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

#partslink ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

#partslink ul li a.play {
	background-image: url(../graphics/btns/btn_play.jpg);
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 17px;
	background-position: 0px -19px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 19px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#getaquotelink ul li a.giver {
	background-image: url(../graphics/getaquote_feature.jpg);
	margin: 0px;
	padding: 0px;
	height: 127px;
	width: 196px;
	background-position: 0px -127px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 127px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#partsmodiv ul li a.parts {
	background-image: url(../graphics/parts_mo_1.jpg);
	margin: 0px;
	padding: 0px;
	height: 127px;
	width: 128px;
	background-position: 0px -127px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 127px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#partslink a.play:hover {
	width: 17px;
	background-position: 0px 0px;
}

#getaquotelink a.giver:hover {
	width: 196px;
	background-position: 0px 0px;
}

#partsmodiv a.parts:hover {
	width: 128px;
	background-position: 0px 0px;
}

#navwrap ul li a.home {
	background-image: url(../graphics/nav/home.gif);
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 104px;
	background-position: 0px -38px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 38px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#navwrap ul li a.company {
	background-image: url(../graphics/nav/company.gif);
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 104px;
	background-position: 0px -38px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 38px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:112px;
}

#navwrap ul li a.product {
	background-image: url(../graphics/nav/product.gif);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 38px;
	width: 104px;
	background-position: 0px -38px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 38px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:224px;
}

#navwrap ul li a.photo {
	background-image: url(../graphics/nav/photo.gif);
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 104px;
	background-position: 0px -38px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 38px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:336px;
}

#navwrap ul li a.equipment {
	background-image: url(../graphics/nav/equipment.gif);
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 104px;
	background-position: 0px -38px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 38px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:449px;
}

#navwrap ul li a.sales {
	background-image: url(../graphics/nav/sales.gif);
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 104px;
	background-position: 0px -38px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 38px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:562px;
}

#navwrap ul li a.contact {
	background-image: url(../graphics/nav/contact.gif);
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 104px;
	background-position: 0px -38px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 38px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:674px;
}

#navwrap a.home:hover {
	width: 104px;
	background-position: 0px 0px;
}
#navwrap a.company:hover {
	width: 104px;
	background-position: 0px 0px;
}
#navwrap a.product:hover {
	width: 104px;
	background-position: 0px 0px;
}
#navwrap a.photo:hover {
	width: 104px;
	background-position: 0px 0px;
}
#navwrap a.equipment:hover {
	width: 104px;
	background-position: 0px 0px;
}
#navwrap a.sales:hover {
	width: 104px;
	background-position: 0px 0px;
}
#navwrap a.contact:hover {
	width: 104px;
	background-position: 0px 0px;
}

/* ----- Rollover Components ----- */
ul#rh_banner_parts_list {
	display: inline;
}

#rh_banner_parts_div ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

#rh_banner_parts_div ul li a.rh_banner_parts {
	background-image: url(./assets/graphics/parts_side_roll.jpg);
	margin: 8px 0 0 0;
	padding: 0px;
	height: 150px;
	width: 231px;
	background-position: 0px -150px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 150px;
	text-indent: 0px;

}

#rh_banner_parts_div ul li a.rh_banner_parts:hover {
	width: 231px;
	background-position: 0px 0px;
}

ul#rh_banner_quote_list {
	display: inline;
}

#rh_banner_quote_div ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

#rh_banner_quote_div ul li a.rh_banner_quote {
	background-image: url(./assets/graphics/quote_side_roll.jpg);
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 231px;
	background-position: 0px -150px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 150px;
	text-indent: 0px;
}

#rh_banner_quote_div ul li a.rh_banner_quote:hover {
	width: 231px;
	background-position: 0px 0px;
}

/* ----- End Rollover Components ----- */

/* Classes ---------------------------------------------------*/

.generic_relative {
	height: 100%;
	width: 100%;
	position: absolute;
}

ul#login {
	display: inline;
}

.generic_relative ul li {
	list-style: none;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
}

.generic_relative ul li a.employee_login {
	background-image: url(../graphics/btns/btn_employeelogin.jpg);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 115px;
	background-position: 0px -34px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 34px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:0px;
}

.generic_relative a.employee_login:hover {
	width: 115px;
	background-position: 0px 0px;
}

.generic_relative ul li a.client_login {
	background-image: url(../graphics/btns/btn_clientlogin.jpg);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 115px;
	background-position: 0px -34px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	line-height: 34px;
	text-indent: 0px;
	position:absolute;
	top:0px;
	left:118px;
}

.generic_relative a.client_login:hover {
	width: 115px;
	background-position: 0px 0px;
}

.breaker {
	clear:both;
}

.small_title {
	line-height: 30px;
	background-image: url(../graphics/headers/generic_small.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 236px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.left_text{
	padding:0 0 0 8px;
}

.right_text {
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 4px;
}

.right_text p{
	font-size:10px;
}

.searchinput, .inputbox_search {
	height:20px;
	width:197px;
	line-height:20px;
	position:absolute;
	top:6px;
	left:3px;
	display: inline;
	border:none;
	margin:0px;
	text-indent:8px;
}

/* Custom Styles ---------------------------------------------------*/

#container {
	width:917px;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}

#index_header {
	background-image: url(../graphics/index_header_2.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 386px;
	width: 807px;
	position:relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 42px;
	z-index:1;
}

#inner_header {
	background-image: url(../graphics/inner_header.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 362px;
	width: 807px;
	margin: 0 0 0 42px;
	position:relative;
	background-position: -1px;
}

#inner_body {
	background-image: url(../graphics/body_bg.gif);
	background-repeat: repeat-y;
	clear: both;
	width: 807px;
	margin: 0 0 0 42px;
	background-position: -1px;
	/*position:relative;*/
}

#footer {
	background-image: url(../graphics/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 124px;
	width: 807px;
	clear: both;
	margin-left: 42px;
	background-position: -1px;
	position:relative;
}

#sub_nav{
	clear:both;
	width:760px;
	height:37px;
	margin:7px 0 7px 57px;
	background-image: url(../graphics/subnav_bg.gif);
	background-repeat: no-repeat;
	color:#333333;
	line-height:36px;
	padding:0 10px 0 14px;
	font-size:17px;
}

#main_nav{
	width:780px;
	height:38px;
	margin:19px 0 0 57px;
}

#navwrap { /* for the "hug" navigation container*/
	width: 780px;
	height: 100%;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*clear:both;*/
	float: left;
	margin-right: 0px;
	position:relative;
}

#content_left {
	width: 507px;
	/*left: 20px;
	top: 0px;*/	
	padding:0px 0px 6px 0;
	clear:none;
	display: inline-block;
	margin:0 0 0 20px;
	float:left
}
#content_right {
	width: 231px;
	float:right;
	padding:4px 0 6px 0;
	margin:0 24px 0 0;
	clear:none;
	display: inline;
	text-align:right;
}
#nav3 {
	height: 34px;
	width: 234px;
	position: absolute;
	left: 499px;
	top: 13px;
}

#nav3_index {
	height: 34px;
	width: 234px;
	position: absolute;
	left: 499px;
	top: 16px;
	z-index:10;
}

#main_title {
	height: 39px;
	width: 515px;
	margin: 0 0 2px 0;
	line-height: 39px;
	background-image: url(../graphics/headers/generic_large.jpg);
	background-repeat: no-repeat;
	clear:both;
}

#footer_text_1 {
	height: 14px;
	width: 420px;
	position: absolute;
	left: 42px;
	top: 42px;
	color:#FFFFFF;
	font-size:10px;
}

#search_btn {
	height: 2px;
	width: 32px;
	position: absolute;
	left: 201px;
	top: 0px;
}

#client_login {
	position:absolute;
	top:0px;
	left:118px;
}

#subfooter_right {
	position: absolute;
	height: 20px;
	width: 390px;
	right: 12px;
	top: 100px;
	text-align:right;
	color:#666666;
	font-size:10px;
}

#subfooter_left {
	position: absolute;
	height: 20px;
	width: 390px;
	left: 12px;
	top: 100px;
	text-align:left;
	color:#666666;
	font-size:10px;
}

#employee_login {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	background-image:url(../graphics/btns/btn_employeelogin.jpg);
	background-position: -34px;
}

#btn_admin {
	height: 24px;
	width: 81px;
	position: absolute;
	left: 698px;
	top: 32px;
}

#search, .search_search {
	line-height: 30px;
	background-image: url(../graphics/search_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 236px;
	margin:0 0 7px -2px;
	background-position: left top;
	position:relative;
}

#getaquote_feature {
	background-image: url(../graphics/getaquote_feature.jpg);
	float: left;
	height: 127px;
	width: 196px;
	position:relative;
}
#parts_text {
	height: 107px;
	width: 160px;
	position: absolute;
	left: 135px;
	top: 8px;
	z-index:2;
}


#parts_feature {
	background-image: url(../graphics/parts_feature.jpg);
	float: right;
	height: 127px;
	width: 306px;
	position:relative;
}

#graphic_wrap {
	width:510px;
	padding:0 0 0 2px;
	margin:0 0 6px 0;
}

#getaquotelink {
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	width:196px;
	height:127px;
}

#partslink {
	z-index:3;
	position:absolute;
	top:96px;
	left:276px;
	width:17px;
	height:19px;
}


.chronoform a {
	display:none;
}