/* =Hidden Elements
------------------------------------------------------------------------------*/

.skipper, .hidden, #primary-nav, #action, #equip-tabs, #tabs, #more-info, #overlay, #lightbox, #lbLoadMessage { display: none; }

body
{
	margin: 0;
	padding: 0;
	font: 10pt helvetica,arial,sans-serif;
}

a img { border: none; }

a
{
	color: #333;
	background-color: transparent;
	text-decoration: none;
}


/* =Layout
------------------------------------------------------------------------------*/

#masthead h1 { margin: 0; }

#masthead h1 img
{
	display: block;
	margin: 0 auto 10pt;
	width: auto;
	height: auto;
}

/* =Widescreen
------------------------------------------------------------------------------*/

#widescreen
{
	border-top: 10pt solid #000;
	position: relative;
	margin: 0;
	width: 100%;
	height: 195px;
}

#widescreen br { display: none; }
img#hero-a, img#hero-b, img#hero-c, img#hero-d, img#hero-e { position: absolute; }

img#hero-a
{
	top: 0;
	left: 0;
	width: 100%;
	height: 195px;
	z-index: 140;
}

img#hero-b
{
	top: 0;
	left: 0;
	width: 70%;
	height: 195px;
	z-index: 130;
}

img#hero-c
{
	top: 0;
	right: 0;
	width: 30%;
	height: 195px;
	z-index: 120;
}

img#hero-d
{
	top: 0;
	right: 0;
	width: 30%;
	height: 97.5px;
	z-index: 110;
}

img#hero-e
{
	bottom: 0;
	right: 0;
	width: 30%;
	height: 97.5px;
	z-index: 100;
}

#widescreen img { display: block; }

/* =Elements
------------------------------------------------------------------------------*/

h2, h3, h4
{
	margin: 10pt 0;
	font-weight: normal;
	font-family: Times,Georgia,serif;
}

h2 { font-size: 20pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
#main { line-height: 14pt; }

#main p, #main ul, #main ol, #main dl
{
	color: #666;
	background-color: transparent;
}

/* =Content
------------------------------------------------------------------------------*/

/* photo layout */
.ph1-left, .ph1-right, .ph2-left, .ph2-right, .ph3-left, .ph3-right { display: block; }
.ph1-left, .ph1-right { width: 342px; }
.ph2-left, .ph2-right { width: 222px; }
.ph3-left, .ph3-right { width: 122px; }

.ph1-left, .ph2-left, .ph3-left
{
	float: left;
	margin: 5px 15px 10px 0;
}

.ph1-right, .ph2-right, .ph3-right
{
	float: right;
	margin: 5px 0 10px 15px;
}

.ph1-left img, .ph1-right img, .ph2-left img, .ph2-right img, .ph3-left img, .ph3-right img
{
	display: block;
	margin: 0;
	border: 1pt solid #000;
}

.ph1-left p, ph1-right p, .ph2-left p, .ph2-right p, .ph3-left p, .ph3-right p
{
	margin: 5pt 0;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	line-height: 10pt;
}

/* model list */
/* model group lists */
.model-list
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 8pt;
}

.model-list li
{
	float: left;
	margin: 5pt;
}

.model-list li a
{
	display: block;
	float: left;
}

.model-list li a img
{
	display: block;
	border: 2pt solid #ccc;
	width: 100pt;
}

.model-list li span { display: block; }

.gallery dd img
{
	margin: 5pt;
	border: 2px solid #ccc;
	width: 100pt;
	height: 10%;
}

/* comparinator styles */
#comparinator
{
	color: inherit;
	clear: both;
}

/* temporary fix for auto-formatting problem in CMS */
#comparinator br { display: none; }

/* set comparinator first child box */
#comparinator div
{
	color: inherit;
	padding: 0;
}

/* comparinator list */
#cmp-tabs { display: none; }
#comparinator #cmp-content { clear: both; }

#cmp-content dl
{
	margin: 0;
	padding: 0;
	display: block !important;
}

#cmp-content dl dt
{
	margin: 10pt 0 5pt;
	font-weight: bold;
	padding: 5pt 0;
	border-bottom: 1pt solid #666;
}

#cmp-content dl ul
{
	margin: 10pt 0 0;
	padding: 0;
	list-style: none;
	font-size: 8pt;
}

#cmp-content dl ul li { margin-top: 5pt; }

/* clear floated elements */
#cmp-content dl ul li img
{
	display: block;
	border: 2pt solid #ccc;
}

#cmp-content dl ul li strong
{
	float: left;
	width: 50pt;
	margin-right: 10pt;
}

blockquote
{
	display: block;
	clear: both;
	font-style: italic;
	padding: 10pt !important;
	margin: 15pt;
	border-style: solid;
	border-color: #ccc;
	border-width: 10pt 1pt 3pt 1pt;
}

blockquote.left
{
	float: left;
	width: 30%;
}

blockquote.right
{
	float: right;
	width: 30%;
}

blockquote p
{
	margin: 0;
	padding: 0;
}

/* table rules */
table
{
	margin: 10pt 0;
	line-height: normal;
	font-size: 9pt;
	color: #000;
	background-color: #fff;
	width: 98%;
}

table th
{
	color: #000;
	padding: 0;
	font-weight: bold;
	border: 1pt solid #000;
}

table th span
{
	display: block;
	padding: 5pt 5pt 5pt 0;
	margin-left: 5pt;
	text-align: center;
}

td
{
	padding: 3pt;
	border-style: solid;
	border-color: #ebebec #ccc #ccc #ebebec;
	border-width: 1pt;
	vertical-align: top;
	text-align: center;
}

td.spec-label { text-align: left; }
td.spec-value { text-align: left; }

table.lefty th span, table.lefty td
{
	text-align: left;
	vertical-align: middle;
}

/* =Sidebar
------------------------------------------------------------------------------*/

.supplemental-nav dt
{
	font-family: Times,Georgia,serif;
	font-size: 14pt;
	padding: 3pt 0;
	border-bottom: 1pt solid #ccc;
}

.supplemental-nav dd
{
	margin: 2pt 0 0;
	padding: 0 0 0 20pt;
	color: #666;
	background-color: transparent;
}

/* =Footer
------------------------------------------------------------------------------*/

#brand { margin-top: 20pt; }

#brand img
{
	display: block;
	margin: 0 auto;
}

#brand em#copyright
{
	display: block;
	margin-top: 10pt;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
}

/* =Build and Quote summary
----------------------------------------------------------------------------- */

#steps span { margin-right: 1em; }
.summary #quote { display: none; }

#select, #info
{
	display: inline;
	float: left;
	width: 49%;
}

#info img
{
	width: 99%;
	border: 1pt solid #000;
}

#summary-overview
{
	margin: 0 !important;
	padding: 0;
}

#summary-overview li
{
	list-style: none;
	margin-right: 10pt;
	padding: 4pt 0;
	border-top: 1pt solid #000;
}

#summary-overview .model-name { font-size: 12pt; }

#summary-overview li ul
{
	margin: 0 10pt;
	padding: 0;
}

#summary-overview li ul li
{
	border-top: none;
	padding: 1pt 0;
	font-size: 9pt;
}

table#tally-info, table#summary { margin: 0; }

table#tally-info td, table#summary td
{
	text-align: left;
	border: none;
	border-bottom: 1pt solid #ccc;
}

table#summary td.amount { text-align: right; }

table#summary tr.tally td
{
	text-align: right;
	font-weight: bold;
	border-bottom: 1pt solid #000;
}

/* =Support
----------------------------------------------------------------------------- */

/* grouping these pseudo class selectors makes content markup
	easier for content editors to code */

#cmp-tabs:after,
#cmp-content dl ul li:after,
div.twoecols:after,
.model-list:after,
#cmp-content ul li:after,
.slide:after,
#options ul li a:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* = Usedequipment
------------------------------------------------------------------------------*/
#resultTable p
{
    display: none;
}
.searchBlock
{
	padding: 0 8px 0 8px !important;
	float: left;
    width: 212px;
    height: 50px !important;
    border: none !important;
    font: 10pt helvetica,arial,sans-serif;
}

.searchBlockEnd
{
	padding: 0 0 0 8px;
	float: left;
    height: 50px !important;
}


#bobcat-logo
{
    float: right !important;
}

#utilNav, #printThis
{
    display: none;    
}

.more
{
    display: none;
}

#detailFormId {
    padding-left: 5px;
    float: left;
    width: 320px;
}
#detailFormId div.element { margin-left: 0px !important;  }
#detailFormId div.formrow { width: 320px !important;}

#viewItem span.prompt {
    color: #666;
    font: normal 1em helvetica,arial,sans-serif;
    font-weight: bold;
    text-align: left;
    float: left;
}

#viewItem div.element {    
    margin-left: 0px !important;
}

#contactList1
{
    padding-left: 5px;
    float: left;
    width: 300px;
    display: block;
}

#contactList1 label.required, #contactList2 label.required
{
    color: #666;
    font: normal 1em helvetica,arial,sans-serif;
    text-align: left;
    font-weight: bold;
}
#contactList2
{
    padding-left: 5px;
    float: left;
    width: 350px;
    display: inline;
}



#fieldsetCol1
{
    padding-left: 5px;
    float: left;
    width: 300px;
    display: block;
    margin: 0px;
    height: 36.5em !important;
}

#fieldsetCol2
{
    padding-left: 5px;
    float: left;
    width: 345px;
    margin-left: 10px;
    display: inline;
    height: 36.5em !important;
    clear: right;
}

#fieldsetCol1 span.prompt
{     
    color: #666;
    font: normal 1em helvetica,arial,sans-serif;
    text-align: left;
    font-weight: bold;
    width: 135px;
    float: left;
    clear: both;
}

#fieldsetCol1 p, #fieldsetCol1 select
{
    display: none;
}

#stateField {
    display: block;
}

.spacer
{
    clear: both;    
}