﻿/*----------------------------------------------------------------------*/
/*--------*//* MAIN NAVIGATION */
#mainNav #homeNav
{
    float:left;
}
#mainNav ul
{
    float:left;
    margin:0;
}
#mainNav ul li
{
    float:left;
    margin:0 0 0 16px;
    list-style-type:none;
}
#mainNav a
{
    float:left;    
    display:block; 
	font-weight:bold; 
    font-size:0.805em;
    text-decoration:none;
    color:#000;
}
#mainNav a:hover, body#homePage #homeNav a, #mainNav ul li.active a
{
    color:#bb0007;
}
/*----------------------------------------------------------------------*/
/*--------*//* SUB NAVIGATION */
#subNav
{
	margin:0 0 10px 0;
	background:url(../images/backgrounds/sub-nav-top.gif) top left no-repeat;	
}
#subNav .inner
{
	padding:15px 10px 10px 15px;
	width:255px;
	w\idth:230px;
	color:#4a4a4a;
	background:url(../images/backgrounds/sub-nav-bot.gif) bottom left no-repeat;	
}
#subNav ul
{
    margin:0; 
}
#subNav ul li
{
    padding:0 0 10px 0;
    list-style-type:none;
}
#subNav ul li a
{
    display:block;
    width:230px;
    font-size:0.85em;       
    text-decoration:none;
    color:#000;
}
#subNav ul li a:hover, #subNav ul li.active a
{
    color:#bb0007;
}
#subNav ul li.active a
{
    padding:0 0 0 10px;
    width:230px;
    w\idth:220px;
    background:url(../images/red-bullet.gif) left 5px no-repeat;
}
#subNav ul li.active ul
{
    margin:2px 0 0 0;
}
#subNav ul li.active ul li
{
    padding:8px 0 0 0;
}
#subNav ul li.active ul li a
{
    margin:0 0 0 10px;
    padding:0;
    width:220px;
    font-weight:normal;
    color:#000;
    background:none;
}
#subNav ul li.active ul li a:hover, #subNav ul li.active ul li.active a
{
    color:#bb0007;
}
#subNav ul li.active ul li.active a
{
    padding:0 0 0 10px;
    width:220px;
    w\idth:210px;
    background:url(../images/red-bullet.gif) center left no-repeat;
}
/*----------------------------------------------------------------------*/
/*--------*//* HOME INTRO COPY */
#homeIntroCopy
{
	padding:15px 20px;
	width:255px;
	w\idth:215px;
	color:#4a4a4a;
	background:url(../images/backgrounds/curve-blue.gif) top left no-repeat;	
}
#homeIntroCopy ul
{
    margin:0;
}
#homeIntroCopy li
{
    margin:0 0 0 15px;
    padding:0 0 4px 0;
    list-style-type:disc;
    font-weight:bold;
}
/*----------------------------------------------------------------------*/
/*--------*//* HOMEPAGE BOXES */
#homeboxes
{
    padding:19px 0 0 0;
}
#homeboxes .box
{
    float:left;
    margin:0 33px 0 0;
    width:213px;
    cursor:pointer;
    border:#e8e7e5 1px solid;
}
#homeboxes .box.last
{
    margin:0 0 0 1px;
}
#homeboxes .box img
{
    display:block;
}
#homeboxes .box a
{
	display:block;
	padding:6px 10px 0 10px;
	width:213px;
	w\idth:193px;
	height:25px;
	he\ight:19px;
	overflow:hidden;
	font-size:0.7em;
	text-decoration:none;
	color:#000;	
	background:#e8e7e5;
}
#homeboxes .boxHover
{
    border:#ffd300 1px solid;
}
/*----------------------------------------------------------------------*/
/*--------*//* PRODUCT INDEX LIST */
ul.products
{
    margin:0;    
}
ul.products li
{
    float:left;
    margin:0 13px 20px 0;
    list-style-type:none;
}
ul.products li.end
{
    margin:0 0 20px 0;
}
ul.products li a
{
    display:block;
    width:121px;
    height:119px;
}
/*----------------------------------------------------------------------*/
/*--------*//* RELATED PRODUCTS */
ul.related li
{
    float:left;
    margin:15px 0 0 0;
    padding:0 20px 0 0;
}
ul.related li.end
{
    padding:0;
}
ul.related li a
{
    display:block;
    width:121px;
    padding:119px 0 0 0;
    height:119px;
    he\ight:0;
    overflow:hidden;
}
ul.related li#brokk90 a
{
    background:url(../images/products/thumbs/brokk-90.jpg) top left no-repeat;
}
ul.related li#brokk400 a
{
    background:url(../images/products/thumbs/brokk-400.jpg) top left no-repeat;
}
ul.related li#brokk90 a:hover,
ul.related li#brokk90 a.current,
ul.related li#brokk400 a:hover,
ul.related li#brokk400 a.current
{
    background-position:bottom;
}
/*----------------------------------------------------------------------*/
/*--------*//* SPECIFICATION TABLE */
table.spec , table.spec  th, table.spec td
{
    margin:0;
    padding:0;
    border-spacing:0;
    border-collapse:collapse;    
} 
table.spec
{
    margin:0 0 15px 0;
    font-size:0.9em;
    border-bottom:#666666 1px solid;
}
table.spec th, table.spec td
{
    padding:5px 25px 5px 0;
    border-top:#666666 1px solid;
}
table.spec td#breakers
{
    width:246px;
}
table.spec td#buckets
{
    width:313px;
}
table.spec td#crushers
{
    width:149px;
}
table.spec td#grapple
{
    width:123px;
}
table.spec td#grapples
{
    width:258px;
}
table.spec td#scrabbler
{
    width:324px;
}
table.spec td#shears
{
    width:176px;
}
table.spec td#swing
{
    width:517px;
}
/*----------------------------------------------------------------------*/
/*--------*//* IMAGE FADER */
.fader
{
    margin:0 0 15px 0;
}
/*----------------------------------------------------------------------*/
/*--------*//* SALES BOX */
.salesBoxes .leftBox
{
	float:left;
	width:299px;
}
.salesBoxes .rightBox
{
	float:right;
	width:299px;
}
.salesBoxes .box
{
	margin:0 0 20px 0;
	width:299px;
}
.salesBoxes .box .image
{
	padding:10px 20px;
	width:259px;
	text-align:center;
	background:url(../images/box-top.gif) no-repeat;
}
.salesBoxes .box .description
{
	padding:10px 20px;
	width:259px;
	background:url(../images/box-bot.gif) bottom left no-repeat;
}
.salesBoxes .box .description h2, .salesBoxes .box .description p
{
	padding:0;
}
.salesBoxes .box .description h2, .salesBoxes .box .description p, .salesBoxes .box .description a
{
	color:#fff;
}
/*----------------------------------------------------------------------*/
/*--------*//* CONTACT US FORM */
.contactForm
{
    padding:0 0 20px 0;
}
.contactForm ul
{
    margin:0;
}
.contactForm ul, .contactForm ul li
{
    list-style-type:none;
}
.contactForm ul li
{
    padding-bottom:5px;
}
.contactForm ul li label
{
    display:block;
    font-weight:bold;
    color:#888a8f;
}
.contactForm input, .contactForm textarea
{ 
    float:left;
    padding:3px 5px 3px 5px;
	width:230px;
	color:#555f60;
	background:#fff;
	border:#d6d6d6 1px solid;
}
.contactForm textarea
{ 
    width:300px;
    font-size:1.35em;
    font-family:Arial, Helvetica, sans-serif;
}
.contactForm li.check.padd
{
    margin:10px 0 0 0;
}
.contactForm li.check table
{
    float:left;
    width:auto;
}
.contactForm li.check table td
{
    padding:0 8px 0 0;
}
.contactForm li.check input
{
   padding:0;
   height:13px;
   width:13px;
   border:none;
}
.contactForm li.check label
{
    float:left;
    width:280px;
}
.contactForm li.address
{
    padding:10px 0 0 0;
}
.contactForm li.btn input
{ 
	margin:10px 0 0 0;
	width:100px;
	font-weight:bold;
	font-size:0.9em;
	color:#000;
	background-color:#ffd300;
}
/*----------------------------------------------------------------------*/
/*--------*//* CONTACTS */
ul.contactsList
{
    margin:0;
}
ul.contactsList li
{
    float:left;
    margin:0 18px 0 0;
    list-style-type:none;
    font-size:0.85em;
}
ul.contactsList li.last
{
    margin:0;
}
ul.contactsList .telephone
{
    font-size:1.4em;
}
/*----------------------------------------------------------------------*/
/*--------*//* FOOTER */
#footer
{
    padding:10px 0 20px 0;    
    border-top:#e3e3e3 1px solid;
}
#footer ul
{
    margin:0;
}
#footer ul li
{
	padding:0 20px 0 0;
	list-style-type:none;
    font-size:0.85em;
    font-weight:normal;
    text-transform:lowercase;
    color:#838383;
}
#footer ul li.left
{
	float:left;
	padding:0 0 0 20px;
}
#footer ul li.right
{
	float:right;
}
#footer a
{
    display:block;
    text-decoration:none;
    font-weight:normal;
    color:#838383;
}
#footer ul li a:hover, #footer ul li a.current
{
    color:#bb0009;
}
