﻿/* Main CSS for Target Cranes */

/* Default */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c6c6c6; background: #000; }
img { border: 0; margin: 0; padding: 0; }
form { padding: 0; margin: 0; }
table { border: 0; }
a { color: #d21823; text-decoration: underline; outline: none; } 
a:hover { text-decoration: none; }

/* Layout */
#wrap { width: 100%; height: 100%; background: url(/images/bg_texture.gif) repeat-y top center #000; }
#holder { width: 100%; height: 100%; background: url(/images/bg_hdr_top.gif) no-repeat top center; }
#container { width: 960px; margin: auto; }
#content { background: url(/images/bg_content.gif) repeat-y top left; }
#content .bg_content { background: url(/images/bg_container.jpg) no-repeat top left; }
#content .bg_side { background: url(/images/bg_side.jpg) no-repeat top left; }
#content .bg_nav { width: 145px; padding: 0 0 0 8px; background: url(/images/bg_nav.gif) repeat-y top left; }
#header { width: 960px; height: 110px;background:url(/images/hdr_target_cranes.jpg) top left no-repeat;}
#header_print {display: none;}

#search { width: 237px; height: 24px; padding: 6px 0 6px 0; }

#column_1 { float: left; width: 144px; padding: 0 0 0 8px; }
#column_2 { float: right; width: 807px; } * html #column_2 { /* ie6 only */ width: 790px; margin: 0; padding: 0; }
#column_3 { width: 522px; margin: 16px 0 0 10px; } 
#column_3 h1 { font-size: 18px; float: left; padding: 10px 0 0 25px; color: #fff; text-transform: uppercase; }
#column_3 h1 span { display: none; }
#column_3 h2 { font-size: 18px; padding: 0 0 15px 0; color: #fff; }
#column_3 h2 span { display: none; }
#column_3 h3 { font-size: 14px; padding: 0 0 15px 0; }
#column_3 h4 { font-size: 18px; padding: 0 0 6px 0; color: #fff; }
#column_3 h4 .file_size { font-size: 14px; }
#column_3 h5 { font-size: 14px; padding: 0 0 6px 0; }
#column_3 h6 { font-size: 12px; padding: 0 0 6px 0; text-transform: uppercase; }
#column_3 p { padding: 0 0 15px 0; }
#column_3 .print { float: right; padding: 10px 0 0 0; }
#column_3 .print a { color: #999; font-weight: 100; font-size: 11px; text-decoration: underline; }
#column_3 .print a:hover { text-decoration: none; }
#column_3 .print_ico { float: left; padding: 0 6px 0 0; }
#column_3 .breadcrumb { color: #999999; padding: 25px 0 10px 25px;font-style:italic;font-size:11px ;} * html #column_3 .breadcrumb { /* ie6 only */ margin-bottom: -10px; }
#column_3 .search_head { color: #fefefe; font-style: italic; padding: 30px 0 10px 25px; } * html #column_3 .search_head { /* ie6 only */ margin-bottom: -10px; }
#column_3 .div_1 { height: 2px; background: url(/images/div_1.gif) no-repeat bottom left; }
#column_3 .div_2 { height: 2px; background: url(/images/div_2.gif) no-repeat bottom left; } * html #column_3 .div_2 { /* ie6 only */ background: url(/images/div_2.gif) no-repeat top left;}
#column_3 .column_content_1 { padding: 0 25px 0 25px; }
#column_3 .column_content_2 { padding: 15px 25px 0 25px; }
#column_3 .body_image { border: 8px solid #0d0d0d; }
#column_3 .thumb { border: 4px solid #111; margin: 0 10px 0 0; }
#column_3 .pdf { margin: 0 10px 0 0; }
#column_3 .gallery_thumb { border: 2px solid #303030; }
#column_3 .div_vert { margin: 0 6px 0 6px; }
#column_3 .date { font-size: 11px; }
#column_3 .media_content { padding: 0 15px 0 0; }
#column_3 .browse_button { width: 182px; border:0px; float: left; margin: 6px 20px 8px 0; } * html #column_3 .browse_button { /* ie6 only */ margin-bottom: -6px; }
#column_3 #clippings ul { margin: 0; }
#column_3 #clippings li { display: inline; float: left; }
#column_3 #clippings img { border: 4px solid #0f0f0f; }
#column_3 .client { font-size: 11px; }
#column_3 .spec_head { color: #b20219; font-style: italic; }
#column_3 .search_link { line-height: 28px; font-size: 11px; text-decoration: none; }
#column_3 .search_text { font-size: 11px; }
#column_3 #pagination a { text-decoration: none; }
#column_4 { float: right; width: 250px; margin: 16px 0 0 0; }
#column_4 .body_image { border: 8px solid #0d0d0d; }
#column_4 .box_1 { width: 253px; background: #0b0b0b; margin: 5px 0 0 0; }
#column_4 h2 { font-size: 18px; padding: 0; color: #fff; }

#footer { width: 960px; margin: auto; color: #616161; font-size: 11px; line-height: 16px;}
#footer .footer_top { margin: 0; padding: 0;background: url(/images/bg_ftr_content.gif) no-repeat top left; width:960px; height:60px;}
#footer .footer_main { height: 32px; background: url(/images/bg_ftr.gif) repeat-x top left; padding: 7px 15px;}

/* Navigation */
#navigation {  }
#navigation ul { margin: 0; padding: 0; } * html #navigation ul { /* ie6 only */ margin: -3px 0 0 0; }
#navigation li { list-style-type: none; margin: 0 0 -3px 0; padding: 0; }

#testimonials { height: 179px; color: #fff; margin: 0 1px 0 1px; padding: 30px 10px 10px 15px; background: url(/images/bg_nav_col.gif) no-repeat top left; } * html #testimonials { /* ie6 only */ padding: 30px 10px 6px 10px;}
#testimonials .quote { font-style: italic; font-weight: bold; line-height: 18px;}
#testimonials .client { font-size: 10px; margin: 15px 0 0 0;}

/* Buttons */

/* btn_download */
.btn_download { float: right; padding: 0 10px 10px 0; width: 108px; height: 30px; }
.btn_download a { display: block; width: 108px; height: 30px; background: url(/images/btn_download.gif) no-repeat top left; }
.btn_download a:hover { background-position: bottom left; }

/* btn_company-profile */
.btn_profile { float: left; padding: 0 10px 10px 0; width: 251px; height: 30px; }
.btn_profile a { display: block; width: 251px; height: 30px; background: url(/images/btn_profile.gif) no-repeat top left; }
.btn_profile a:hover { background-position: bottom left; }


/* btn_send */
.btn_send { float: right; padding: 0 10px 10px 0; width: 108px; height: 30px; }
.btn_send a { display: block; width: 108px; height: 30px; background: url(/images/btn_send.gif) no-repeat top left; }
.btn_send a:hover { background-position: bottom left; }

/* btn_view */
.btn_view { float: right; padding: 0 10px 10px 0; width: 108px; height: 30px; }
.btn_view a { display: block; width: 108px; height: 30px; background: url(/images/btn_view_more.gif) no-repeat top left; }
.btn_view a:hover { background-position: bottom left; }

/* btn_enquire */
.btn_enquire { float: right; padding: 0 10px 10px 0; width: 251px; height: 30px; }
.btn_enquire a { display: block; width: 251px; height: 30px; background: url(/images/btn_enquire_about_this_crane.gif) no-repeat top left; }
.btn_enquire a:hover { background-position: bottom left; }

/* Content */
.flash_space { clear: both; height: 255px; }
#flasharea_1 { margin: 20px 0 0 60px; }
#flasharea_2 { margin: 0 0 0 60px; }
.button { margin: 0; } * html .button { /* ie6 only */ margin: 0 0 5px 0; }
.button_right { float: right; padding: 0 10px 10px 0; }
.csi_image { float: left; margin: 0 15px 200px 0; }

/* Table */
#tbl_scroll_gallery { margin: 0 0 0 10px; padding: 0 0 15px 0; border: 0; }
#tbl_scroll_gallery td { background: #0f0f0f; }
#tbl_scroll_gallery ul { padding: 4px; }
#tbl_scroll_gallery li { display: inline; float: left; padding: 0 4px 0 0; }
#tbl_scroll_gallery li.last { padding: 0; }

#tbl_clients_gallery { margin: 0; padding: 0; border: 0; }
#tbl_clients_gallery ul { padding: 4px; }
#tbl_clients_gallery li { display: inline; float: left; padding: 0 6px 3px 0; } * html #tbl_clients_gallery li { /* ie6 only */ padding: 0 6px 0 0; }
#tbl_clients_gallery li.last { padding: 0; }
#tbl_clients_gallery .arrows { padding: 10px 80px 10px 70px; }

#tbl_newsletter_signup { margin: 10px 0 0 40px; padding: 0; border: 0; line-height: 32px; }
#tbl_newsletter_signup td { padding: 0 10px 10px 0; vertical-align: top; }

.tbl_photo_gallery { margin: 0; padding: 0; border: 0; }
.tbl_photo_gallery img { border: 4px solid #0f0f0f; }

.tbl_cranes { margin: 0; padding: 0; border: 0; }
.tbl_cranes td { color: #fff; font-size: 11px; font-weight: bold; }

/* Body */
.clear { clear: both; }
.line_break { clear: both; height: 5px; } * html .line_break { /* ie6 only */ margin-top: -10px; }
.split { clear: both; height: 10px; } * html .split { /* ie6 only */ margin-top: -10px; }
.space { clear: both; height: 50px; }
.break { clear: both; height: 15px; }

.left { float: left; }
.right { float: right; }

/* Form */
.input_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 120px; height: 24px; background: none; border: none; color: #666; margin-top: 4px; margin-left: 20px; margin-right: 5px; }
.field_holder { width: 145px; height: 24px; background: url(/images/bg_search.gif) no-repeat; float: left; }
.frm_input_box { width: 245px; height: 17px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: url(/images/bg_input_box.gif) no-repeat top left #fff; border: 1px solid #fff; padding: 6px; }
.frm_multi_box { width: 245px; height: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: url(/images/bg_multi_box.gif) no-repeat top left #fff; border: 1px solid #fff; padding: 6px; }

/* Clientbox */
.btnViewMore {padding:4px 0px 4px 19px;}
.galleryBottom {height:3px;width:100%;background:url(../images/bkg_shadow.gif) left bottom repeat-x;}
.lightbox { padding:0;background:url(../images/bkg_LightBox.gif) left top; }

/* Enquire & newsletter signup*/
#tbl_newsletter_signup { margin: 10px 0 0 40px; padding: 0; border: 0; line-height: 32px; }
#tbl_newsletter_signup td { padding: 0 10px 10px 0; vertical-align: top; }


/*NEW section*/
#column_3 .emailvalidator {float:left;vertical-align:middle;}
.arrows { padding: 10px 80px 10px 80px; }

/*  BackToTop Style */
/*.container {padding: 0 0 70px 0;} /* the gap for the bottom */

/*.hoverFooter{
    position:relative;
    top:-50px;
}*/

#message
{

display: block;
display: none;

z-index: 9999px;

position:relative;
margin-left:158px; 
margin-top:15px;
margin-right:0;

float:left;

width: 99px;
height: 29px;
background-color: #000;
text-align: center;
}* html #message { /* ie6 only */ margin-left: 81px;}

#message a { color: #fff; }

.slideshow {/*margin: auto;*/}
.slideshow img {border: 8px solid #0d0d0d;width:234px; height:422px; }
