@import url('button.css');

/*

Versa-Lift.com, from Custom Mobile Equipment

Author: Joel Gaeddert
Company: Flint Hills Design, LLC http://www.flinthillsdesign.com
Copyright 2010 Flint Hills Design, LLC

*/

/*==============  Browser reset as recommended by Eric Meyer  ========== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: none; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ===========================  End of Reset  ==============================*/


body { background: #333; font-family: Verdana,Arial,sans-serif; color:#435DA9; font-size: 14px; line-height: 140%; }

#header { padding-top:10px; background-color:white; background-image: url(images/background/HeaderBackground.jpg); width:960px; height:80px; margin:20px auto 0 auto; position: relative;}
	#header #logo { position: relative; left:30px; top:20px; }
	
#nav { list-style-type:none; font-size:14px; color:white; position:absolute; top:55px; left: 300px; }
	#nav li { float:left; padding:4px 16px; font-weight:bold; background: #435DA9; }
	#nav li a:link, #nav li a:visited { color:white; }
	#nav li a:hover { color:white; }
		
#homepage-content { background-color:white; background-image: url(images/background/BodyBackground.jpg); width:960px; height:500px; margin:0 auto; position: relative; }

#homepage-feature { position: absolute; width:600px; height:320px; background: #333; top:30px; left:30px; }
#homepage-main-text { position:absolute; width: 450px; top:389px; left:30px; font-size:14px; color: #333333;}
#homepage-right-text { position:absolute; width: 220px; height:300px; top:30px; left:720px; font-size:14px; }
	#homepage-right-text ul { font-size:13px; list-style-type:disc; line-height:130%;}
	#homepage-right-text-gray {color: #333333;}
#content { width:960px; margin:0 auto; position: relative; background: white; overflow: auto;}
	#content-left { width:260px; float:left; margin-left: 20px; margin-right: 20px;}
	#content-right { width:590px; float:left; padding-right: 20px; padding-left: 20px;  margin-bottom:20px;}
#content-left img {float: left;}
#content-left h3 {padding-top:15px;}

.SidebarHeader {font-size: 30px; margin-top: 20px; margin-bottom: 20px;}
.Option { min-height: 150px; border-top: 1px solid #aaaaaa; }
.Option p {color: #333333; width: 175px; float: left; padding-right: 5px;}
.Option ul {float: left; width: 168px;  margin-left:1em; }
.Option li {font-size: 13px; color: #333333; line-height: 1.2em; width: 160px; list-style-type: disc;}
.OptionImage {position: relative; float: right; width:78px; height: 80px; }

.Feature {width: 180px; height: 80px;}
.Feature h4 {color: #435DA9; font-size: 13px; font-weight: normal; line-height: 1.1em; padding: 2px;}

.Video { float:right; border:2px solid #333;}

#ProductMenu {margin-top: 80px; margin-left:-40px; padding-bottom:40px; position: relative;}

#ProductImage {border: solid 1px #333333;}
.ProductDescription {padding-top: 20px; padding-bottom: 30px;}
.ProductDescriptionLast {padding-top: 0;}

.descriptions { width: 287px; float: left; margin: 0px 8px 15px 0; min-height:180px;}
.descriptions p {font-size: 11px; line-height: 120%;}
.descriptions li {font-size: 13px; line-height: 120%;}

.Downloads {width:200px; float: left; padding-bottom: 15px;}
.Downloads a {font-size: 13px;}
.Downloads img {border: solid #aaa 2px; padding-right: 10px; padding-left: 10px; width: 80px; height: 104px; margin-top: 5px; }
.Downloads img:hover {border:#990000 solid 2px;}

/*-------------------------- News Pages ----------------------------*/
#NewsArchives .Headline a{ font-size: 14px; padding-top: 15px;}
#NewsArchives .Date {font-size: 10px; color: #555; padding-bottom: 10px;}


/*--------------------- Lift Capacities Table -----------------------*/


#LiftCapacitiesTable {clear: both}
.BottomRight {border-bottom: 2px solid #435DA9; border-right: 2px solid #435DA9; width: 63px; text-align: center; margin: 0; padding:0; border-collapse: collapse; }
.TableHeader {border-top: 2px solid #435DA9; border-right: 2px solid #435DA9; text-align: center; }
.CellHeader {border-bottom: 2px solid #435DA9; text-align: center;}
.LiftTableLeft {float: left; text-align: center; width: 120px; margin-left: 2px;}
.LiftTableRight {float: right; text-align: center; width: 40px;}
.TableUpperLeft {border: 2px solid #435DA9; text-align: center;}
.TableLeft {border-right: 2px solid #435DA9; border-left: 2px solid #435DA9; border-bottom: 2px solid #435DA9;}
.TableTitle {text-align: center; font-weight: bold; font-size: 18px; color: #333; padding-bottom: 4px;}

td {font-size: 13px;}

#ListLeft li {margin-left: 0; }

#main-content-right { width:500px; float:right; padding-right:100px; padding-top:20px; }
#main-content-left { width:295px; float:left; padding-left:65px; padding-top:20px; }
#main-content-right img {width: 500px; float:right; padding-top:20px; }

#nav-link {background-color: #435DA9; width: 80px; margin-left: 50px; padding-left: 20px; margin-top: 5px;}
#nav-link a {color: white; font-size: 16px; font-weight:bold; text-align: center;}

#footer { width:960px;  height:150px; margin:0 auto; font-size:12px; padding-top:30px; }
#copyright { width:960px; margin: 6px auto 20px; color:#999; font-size:10px; text-align: center; }	
	#copyright p { color: #999; }
	
h1 { font-size:20px; color:#333; font-weight: bold; }
h3 { font-size:20px; color:#333; font-weight:bold; padding-bottom:4px; margin-top: 10px; margin-bottom:10px; padding-top:20px; border-bottom:1px solid #aaa; }
h4 { font-size:14px; color:#666; font-weight:bold; padding-bottom:0; margin-bottom:0; padding-top:12px; }
h5 { font-size:12px; color:#666; font-weight:normal;}
#content p { color:#333333; font-size:13px; line-height:20px; margin:2px 0 10px; }

.PageHeader {font-size: 40px; margin: 20px 0 15px 0; line-height: 140%; color:#435DA9; }

a:link, a:visited { color: #6A6DBA; text-decoration: none;  }
a:hover { text-decoration: underline; }

#BasicButton {background: #6A6DBA; color: #FFFFFF; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0px; padding: 3px 6px; border: 1px solid #666; vertical-align: middle; }
#BasicButton:hover { background: #333; }

/*--------------------- Footer -----------------------*/
#Footer { font-size:10px; border-top: 0px solid #ccc; background-color:#333; width:960px; margin:auto; margin-top:0px; padding-top: 15px; padding-bottom:15px;}
#Footer h4 {color:#fff; padding-top:0px; font-weight:normal; text-align:center;}
#Footer h5 {font-size: 10px;  color:#fff; padding-top:0px; text-align: center; font-weight:normal; }
#Footer a {color:#fff; padding-top:6px; font-weight:bold; text-align:center; font-size: 10px;}


/*----------------------- Lists ----------------------*/		
ul.BasicList { padding-left:.25em;}
ul.BasicList li { list-style-type: disc; margin-left:2em;}
ul.BasicList ul { margin-left:1.5em; margin-bottom:1em;}
ul.BasicList ul li { list-style-type:square; }
ul.BasicList ul ul { margin-left:1.5em; margin-bottom:.5em;}
ul.BasicList ul ul li { list-style-type:square; }

ol.BasicList { padding-left:.25em;}
ol.BasicList li { list-style-type:decimal; margin-left:2em;}
ol.BasicList ol { margin-left:1.5em; margin-bottom:1em;}
ol.BasicList ol li { list-style-type:square; }
ol.BasicList ol ol { margin-left:1.5em; margin-bottom:.5em;}
ol.BasicList ol ol li { list-style-type:square; }


/*--------------------- General Styles ----------------*/
.floatRight { float:right; }
.floatLeft { float:left; }
.clearer { clear:both; }
strong { font-weight:bold; }
em { font-style: italic; }



/*-------------------- Print Styles --------------------*/
@media print {
	body { background:#fff; }
	#content-left { display: none; }
	ul#nav { display: none; }
	.Video { display: none; }
}