/*
Theme Name: RarTheme
Theme URI: http://www.rar.org/
Description: This theme is developed for Nick for his site.
Version: 1.0
Author: Tanzil Al Gazmir
Author URI: http://www.tanzilo.com/
Tags: blue, custom header, fixed width, two columns, widgets

	rarTheme v1.0
	http://www.tanzilo.com

	This theme was designed and built by both Nick and Tanzilo.

	The CSS, XHTML and design is released under copyright property law.

*/



/* Begin Typography & Colors */

/* CSS Document */

body
{
	margin:0px; padding:0px;
	background:#1B1B1B url(images/page-bg.jpg) top repeat-x;
	font-family:Arial, Helvetica, sans-serif; color:#D0D0D0;
}

h3 { font-size:15px; color:#EEB41E; margin:0; padding:0;
}

A IMG
{
	border:none;
}
A
{
	color:#E5A826; text-decoration:underline;
}
A:hover
{
	text-decoration:none;
}
#container
{
	width:987px; margin:0px auto 0px auto;
}
#header
{
	width:987px; height:437px; margin:0px auto 0px auto;
	background:url(images/header-bg.jpg) left bottom no-repeat;
}
#header-summary
{
	width:100%;
	background:#131313 url(images/header-summary-bg.jpg) top left no-repeat;
}
#header-summary-top
{
	width:897px; padding:30px 0px 25px 50px; overflow:hidden;
}
#header-summary-top .float-right
{
	float:right; margin:0px 0px 0px 50px;
}
#header-summary-top .title-rar
{
	margin:0px 0px 10px 0px;
}
#header-summary-top p
{
	font-size:13px; line-height:20px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;
}
#header-summary-bottom
{
	width:100%; height:8px;
	background:url(images/header-summary-bottom-bg.jpg) left top no-repeat;
}
#page-header
{
	width:900px; height:146px; margin:0px auto;
	background:url(images/page-header-bg.jpg) top repeat-x;
}
#page-header-left
{
	width:595px; float:left;
}
#page-header-left .header-logo
{
	margin:15px 0px 0px 20px;
}
#page-header-right
{
	width:298px; height:66px; float:left; margin:58px 0px 0px 0px;
	background:url(images/search-bg.jpg) left top no-repeat;
}
#page-header-right #s
{
	width:200px; float:left;
	margin:37px 0px 0px 0px; height:20px; padding:6px 0px 0px 6px;
	font-family:Arial, Helvetica, sans-serif; color:#686868;
	border:none;
	background:url(images/equipment-search-bg.jpg) left top no-repeat;
}
#page-header-right #s:focus
{
	background:none;
}
#page-header-right .go-button
{
	margin:37px 0px 0px 12px; float:left;
}
#page-header-right FORM
{
	margin:0px; padding:0px;
}
#page_id
{
	width:235px; height:29px; float:left;
	font-size:20px; text-transform:uppercase;
	margin:37px 0px 0px 0px; padding:1px 0px 0px 2px;
	font-family:Arial, Helvetica, sans-serif; color:#171717;
	border:none; font-weight:bold;
}
#page_id SELECT
{
	font-size:18px; text-transform:uppercase;
}
#page_id OPTION
{
	font-size:18px; text-transform:uppercase;
}
#top-menu
{
	width:900px; clear:both; margin:0px auto;
}
#top-menu UL
{
	margin:0px; padding:0px;
}
#top-menu LI
{
	list-style:none; float:left;
}
#top-menu A
{
	height:35px; display:block; text-decoration:none;
}
#top-menu .access
{
	width:98px;
	background:url(images/nav-access.gif) left top no-repeat;
}
#top-menu .access:hover
{
	background:url(images/nav-access.gif) left bottom no-repeat;
}
#top-menu .cranes
{
	width:94px;
	background:url(images/nav-cranes.gif) left top no-repeat;
}
#top-menu .cranes:hover
{
	background:url(images/nav-cranes.gif) left bottom no-repeat;
}
#top-menu .rigging
{
	width:90px;
	background:url(images/nav-rigging.gif) left top no-repeat;
}
#top-menu .rigging:hover
{
	background:url(images/nav-rigging.gif) left bottom no-repeat;
}
#top-menu .scaffolding
{
	width:146px;
	background:url(images/nav-scaffolding.gif) left top no-repeat;
}
#top-menu .scaffolding:hover
{
	background:url(images/nav-scaffolding.gif) left bottom no-repeat;
}
#top-menu .servicing
{
	width:115px;
	background:url(images/nav-servicing.gif) left top no-repeat;
}
#top-menu .servicing:hover
{
	background:url(images/nav-servicing.gif) left bottom no-repeat;
}
#top-menu .more
{
	width:113px;
	background:url(images/nav-more.gif) left top no-repeat;
}
#top-menu .more:hover
{
	background:url(images/nav-more.gif) left bottom no-repeat;
}
#top-menu .about
{
	width:109px;
	background:url(images/nav-about.gif) left top no-repeat;
}
#top-menu .about:hover
{
	background:url(images/nav-about.gif) left bottom no-repeat;
}
#top-menu .contact
{
	width:135px;
	background:url(images/nav-contact.gif) left top no-repeat;
}
#top-menu .contact:hover
{
	background:url(images/nav-contact.gif) left bottom no-repeat;
}
#page-content
{
	width:900px; clear:both; margin:0px auto 0px auto; padding:16px 0px 0px 0px;
}
#page-content-top
{
	width:900px; height:15px;
	background:url(images/content-top-bg.png) left top no-repeat;
}
.page-content-top-space
{
	margin:20px 0px 0px 0px;
}
#page-content-middle
{
	width:879px; background:url(images/content-bg.png) left repeat-y;
	font-size:13px; overflow:hidden; padding:5px 0px 0px 20px;}

#page-content-middle p { 
	line-height:19px;	
}

#page-content-middle TABLE
{
	width:860px;
}
.thumbnail-border
{
	border:#E5A826 solid 5px;
}
.thumbnail-border:hover
{
	border:#666666 solid 5px;
}
#post
{
	margin:0px; padding:1px 20px 1px 0px; overflow:hidden;line-height:23px;
}
#post TABLE
{
	width:869px;
}
#page-content-bottom
{
	width:900px; height:15px;
	background:url(images/content-bottom-bg.png) left bottom no-repeat;
}
#products
{
	width:100%; margin:5px 0px 5px 0px;
	background:#131313 url(images/header-summary-bg.jpg) top left no-repeat;
}
#products-top
{
	width:100%; padding:20px 0px 10px 0px;
}
#products-top IMG
{
	width:258px;
	margin:0px 37px 7px 0px;
}
#products-top .leftmost
{
	margin:20px 37px 7px 50px; clear:both;
}
#products-top .title-link
{
	display:block; width:300px; height:60px; float:left; margin:0px 0px 0px 20px;
	background:#FF0000; padding:0px;
}
#products-top .access-title
{
	border:none; width:100px; margin:0px 175px 15px 60px;
}
#products-top .cranes-title
{
	border:none; width:102px; margin:0px 175px 15px 30px;
}
#products-top .rigging-title
{
	border:none; width:96px; margin:0px 150px 15px 30px;
}
#products-top .scaffolding-title
{
	border:none; width:173px; margin:0px 103px 15px 60px;
}
#products-top .servicing-title
{
	border:none; width:130px; margin:0px 145px 15px 30px;
}
#products-top .and-more-title
{
	border:none; width:125px; margin:0px 150px 15px 30px;
}
#products-bottom
{
	width:100%; height:8px;
	background:url(images/header-summary-bottom-bg.jpg) left top no-repeat;
}
#page-content-middle .page-title
{
	color:#CC9933; font-size:24px; padding:0px 0px 10px 0px;
	text-transform:uppercase;
	margin:0px 0px 0px 20px;
}
#page-content-middle .page-title-2
{
	color:#CC9933; font-size:24px; padding:0px 0px 10px 0px;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
}
#page-content-middle .post-title
{
	color:#CC9933; font-size:24px; padding:10px 0px 10px 0px;
	text-transform:uppercase;
	margin:0px;
}
#page-content-middle .post-title A
{
	text-decoration:none;
}
#page-content-middle .product-image
{
	float:left; padding:0px 20px 0px 0px;
}
#page-content-middle .post-title A:hover
{
	text-decoration:underline;
}
#page-content-middle .category-content
{
	width:850px; overflow:hidden; padding:0px 0px 0px 25px;
}
#page-content-middle .category-content UL
{
	margin:0px; padding:0px;
}
#page-content-middle .category-content LI
{
	list-style:none;
}
.cat-item
{
	width:278px; min-height:250px; float:left; margin:0px 17px 0px 0px;
	background:url(images/sub-category-bg.jpg) left bottom no-repeat;
}
.cat-item P
{
	line-height:20px;
}
.sub-category-title
{
	font-size:24px; font-style:italic; font-weight:bold;
}
.cat-item A
{
	text-decoration:none; color:#E5A826;
}
.cat-item A:hover
{
	text-decoration:underline;
}
#page-content-middle .sub-category
{
	width:278px;
}
#page-content-middle .category-title
{
	color:#E5A826; font-size:20px; padding:10px 0px 10px 0px;
	text-transform:uppercase; font-style:italic;
	margin:0px 0px 0px 20px; font-size:30px;
}
A.view-link
{
	text-decoration:underline;
}
A.view-link:hover
{
	text-decoration:none;
}
#news-summary
{
	width:100%; margin:0px 0px 40px 0px;
	background:#131313 url(images/header-summary-bg.jpg) top left no-repeat;
}
#news-summary-top
{
	width:897px; padding:30px 0px 25px 50px; overflow:hidden;
}
#news-summary-top .float-right
{
	float:right; margin:0px 0px 0px 50px;
}
#news-summary-top .title-rar
{
	margin:0px 0px 10px 0px;
}
#news-summary-top p
{
	font-size:13px; line-height:20px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;
}
#news-summary-bottom
{
	width:100%; height:8px;
	background:url(images/header-summary-bottom-bg.jpg) left top no-repeat;
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #2B2B2B;
	text-align: center;
	background-color: #2B2B2B;
	padding-top: 4px;
	margin: 10px 10px 10px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.commentlist li .avatar 
{ 
	float: right;
	border: 1px solid #eee;
	padding: 1px;
	background: #fff;
}
/* End captions */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right; margin-left:30px;
	}

.alignleft {
	float: left; margin-right:30px;
	}
/* End Images */
#footer
{
	background:#131313 url(images/footer-bg.jpg) top repeat-x; overflow:hidden;
	padding:0px 0px 50px 0px;
}
#footer-content
{
	width:987px; margin:0px auto 0px auto; padding:60px 0px 0px 0px;
	font-size:12px; color:#686868;
}
#footer-content P
{
}
#footer-left
{
	width:740px; float:left;
}
#footer-left .category-title
{
	width:700px; margin:0px 0px 0px 80px; overflow:hidden;
}
#footer-left .category-title P
{
	margin:0px; padding:0px 0px 5px 0px;
	background:url(images/bottom-title-bg.jpg) bottom left no-repeat;
}
#footer-left .title-access
{
	width:105px; float:left; padding:0px 0px 5px 1px;
}
#footer-left .title-cranes
{
	width:105px; float:left; padding:0px 0px 5px 1px;
}
#footer-left .title-rigging
{
	width:108px; float:left; padding:0px 0px 5px 1px;
}
#footer-left .title-scaffolding
{
	width:143px; float:left; padding:0px 0px 5px 1px;
}
#footer-left .title-servicing
{
	width:120px; float:left; padding:0px 0px 5px 1px;
}
#footer-left .title-and-more
{
	width:110px; float:left; padding:0px 0px 5px 1px;
}
#footer-left .title-and-more P
{
	width:70px;
}
#footer-left .category-title  UL
{
	width:80px; float:left; clear:both; margin:0px; padding:7px 0px 0px 0px;;
}
#footer-left .category-title  LI
{
	list-style:none; padding:0px 0px 12px 0px;
}
#footer-left .category-title  LI A
{
	color:#686868; text-decoration:underline; font-size:11px;
}
#footer-left .category-title  LI A:hover
{
	color:#E5A826;
}
#footer-right
{
	width:100px; float:left; padding:0px 0px 0px 60px;
	font-size:11px;
}


/*##############*/ 

div#left {
	margin: 0;
	padding: 0 0 0 10px;
	width: 900px;
	float: left;
}

div.products {
	margin:15px 7px 0;
	padding: 0;
	width: 274px;
	float: left;
	display: inline;
}

div.products a {
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display: block;
	background: top left no-repeat;
	margin: 0;
	padding: 0;
	width: 267px;
	height: 170px;
	position: relative;
	outline: none;
}

div.products a:hover {
	background: bottom left no-repeat;
}

div.products a.boom,
div.products a.boom:hover{
	background-image: url(images/home-boom.jpg);
}
	div.products a.stick,
	div.products a.stick:hover{
		background-image: url(images/booms-stick.jpg);
	}
	div.products a.articulating,
	div.products a.articulating:hover{
		background-image: url(images/booms-knuckle.jpg);
	}
	div.products a.special,
	div.products a.special:hover{
		background-image: url(images/booms-special-purpose.jpg);
	}

div.products a.scissor,
div.products a.scissor:hover{
	background-image: url(images/home-scissor.jpg);
}
	div.products a.electric,
	div.products a.electric:hover{
		background-image: url(images/scissor-electric.jpg);
	}
	div.products a.rough,
	div.products a.rough:hover{
		background-image: url(images/scissor-rough-terrain.jpg);
	}
	

div.products a.scaffolding,
div.products a.scaffolding:hover{
	background-image: url(images/home-scaffolding.jpg);
}

	div.products a.mobile,
	div.products a.mobile:hover{
		background-image: url(images/scaffolding-mobile.jpg);
	}
	div.products a.modular,
	div.products a.modular:hover{
		background-image: url(images/scaffolding-modular.jpg);
	}
	

div.products a.training,
div.products a.training:hover{
	background-image: url(images/home-training.jpg);
}

div.products a.cranes,
div.products a.cranes:hover{
	background-image: url(images/home-cranes.jpg);
}

div.products a.extra,
div.products a.extra:hover{
	background-image: url(images/home-extras.jpg);
}
	div.products a.one-man,
	div.products a.one-man:hover{
		background-image: url(images/extras-one-man-verticle.jpg);
	}
	div.products a.lighting,
	div.products a.lighting:hover{
		background-image: url(images/extras-lighting-towers.jpg);
	}
	div.products a.telehandlers,
	div.products a.telehandlers:hover{
		background-image: url(images/extras-telehandler.jpg);
	}

div.products a.servicing,
	div.products a.servicing:hover{
		background-image: url(images/sales.jpg);
	}
div.products p {
	min-height: 173px;
}

a.saftey,
div.products a.saftey {
	text-indent: 0;
	overflow: visible;
	display: block;
	font-size: 11px;
	margin: 0;
	padding: 10px 0 0 0px;
	width: 100%;
	height: 50px;
	border-top: 1px #2C2C2C solid;
	color: #E5A826;
	text-decoration: underline;
}

a.saftey:hover,
div.products  a.saftey:hover {
	text-decoration: none;
}

/*##############*/ 

table.numbers {
	border-collapse: collapse;
	width: 870px;
	/*margin: 15px 0;*/
	clear: both;
	color:#000000;
	background:#FFFFFF;
	line-height:14px;
}

table.numbers tr.header {
	background: #919191;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

table.numbers tr.odd {
	background: #e9e9e9;
}

table.numbers tr.even {
	background: #FFFFFF;
}

table.numbers td {
	border-bottom: 1px solid #000;
	padding: 5px;
	font-size: 12px;
}

table.numbers th {
	padding: 5px;
}

.header { background-color:#919191}
.odd { background-color:#ffffff; color:#000000;}
.even{ background-color:#e9e9e9; color:#000000;}
.sub{ background-color:#2d2d2d}
.subText {color:#e5a826; font-weight:bold}
a { color:#e5a826; text-decoration:underline}
a:hover { color:#b98820; text-decoration:underline}
.headText { color:#ffffff; font-weight:bold}