/* ----------------------------------------------------------------------	
 * Name			: main.css
 * Author		: Christian Volz
 * Version		: 1.2
 * Last Update	: 07/20/2010
 * Changelog	: - Cleaned up and added lang select styles (cv)
 * 				  - Fixed minor layout bugs (cv)
 * 				  - Added styles for product detail pages (see 3.6) (cv)
 * 				  - Added styles for product detail pages (media and downloads (see 3.6 (bb)
 * 				  -	Added margin to h2 element on landingpage (cv)
 * ---------------------------------------------------------------------- 
   	Table of Contents:
	
	1.0 - General HTML
		1.1	- Headings (H1, H2, H3)
		1.2	- Hyperlinks (link, visited, hover, active, focus)
		1.3	- Terex logo
		1.4	- Tables (zebra style)
		1.5 - Error Message
		1.6 - Hidden headline style (H1 elements)
		1.7 - Contact adresses
				
	2.0 - Navigational elements
		2.1	- Top navigation
		2.2 - Language Menu
		2.3	- Site search
		2.4 - Primary navigation
		2.5 - Breadcrumb
		2.6	- Sidebars
			2.6.1 - Sidebar left
			2.6.2 - Sidebar right (optional)
			2.6.3 - Secondary Navigation (Nested list)
		2.7	- Footer 
		2.8 - Sitemap
		2.9 - Admin Section Styles
	
	3.0	- Content styles
		3.1	- Start page content
		3.2	- category overview page
		3.3	- category detail page
			3.3.1 - category slideshow
			3.3.2 - category tabs
		3.4	- Landing pages
		3.5 - Static list styles
            3.5.1 - Spare Parts Lists
		3.6 - Product detail page
			3.6.1 - Headline & Intro container
			3.6.2 - Advertisement container
			3.6.3 - Product images
			3.6.4 - Product tabs 
			3.6.5 - Product Table 
			3.6.6 - Features tabs
		3.7 - Location Detail pages
        3.8 - Legacy Brands
		
	4.0 - Form elements
		4.1	- General
		4.2	- Start page
	
	5.0 - Application Styles
		5.1 - Used cranes
		5.2 - Iframe application pages
----------------------------------------------------------- */

/* ------------------
 * 1.0 - General HTML
 * ------------------ */

.container_12{
	padding: 20px 0 10px 0;
	/* background: url(../img/12_col.gif) repeat-y scroll 0 0; */ 
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p{	
	margin: 5px 0px;
	line-height: 1.4em;
}

/* --------------
 * 1.1 - Headings
 * -------------- */

h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px; 
}

h2 {
	font-size: 13px;
	font-weight: bold;
	 
}



/* ----------------
 * 1.2 - Hyperlinks
 * ---------------- */

a:link {text-decoration:none; color:#cc0000;}
a:visited {text-decoration:none; color:#cc0000;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
a:focus {text-decoration:none;}

/* ----------------
 * 1.3 - Terex Logo
 * ---------------- */

#logo {
	margin-left: 10px;
	height: 50px;
	background: url(http://css.terex.com/terexcranes.com/CranesSprite.jpg) 0px 0px no-repeat;
	text-indent: -9000px;
}

/* ------------------------
 * 1.4 Tables (zebra style)
 * ------------------------ */

table{
	margin-top: 20px;
	border-collapse:collapse;
	width:100%;
	
}

th{
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

td{
	padding:5px;
	vertical-align: top;
}

tr.odd td {
	background-color:#f7f7f7;
}

td.right{ text-align: right;}

/* --------------------
 * 1.5 - Error Messages
 * -------------------- */

.error{
	color: #cc0000;
}

#errorMessage {
	margin-top: 10px; 
	border: 1px dotted #ddd; 
	padding: 5px; 
	line-height: 1.2;	
}

/* --------------------------
 * 1.6 - Hidden headline (H1)
 * -------------------------- */

.hidden{ 
	visibility:hidden;
	display: none;
}

/* ------------------------
 * 1.7 - Contact addresses
 * ------------------------ */

.contact h3{
	font-size: 12px;
	font-weight: bold;
	
}


/* ---------------------------
 * 2.0 - Navigational elements
 * --------------------------- */
 
 
/* --------------------
 * 2.1 - Top navigation
 * -------------------- */

#topnavigation{
	float:right;
	font-size: 10px;
	margin-bottom: 10px;
}

#topnavigation li{
	display: inline;
	float: left;
}

#topnavigation li a {
	display: block;
	padding-top: 3px;
}


#topnavigation span{
	color: #ddd; 
	display: block;  
	margin: 2px;
}

.divider {
	width: 3px;
	height: 17px;
	background: url(http://css.terex.com/terexcranes.com/CranesSprite.jpg) -190px -60px no-repeat;
	margin: 0px 6px;
}

/* -------------------
 * 2.2 - Language menu
 * ------------------- */

ul#langMenu, 
ul#langMenu ul {
	list-style: none;
    /*
	padding: 0;
    margin: 0;
    text-align: left;
	*/
	z-index: 1;
}

ul#langMenu a {
    display: block;
    width: 60px;
    padding: 2px 5px 2px 2px;
    background-color: #FFF;
    font-size: 11px;
}

ul#langMenu #language {
	padding: 2px 0;
    background: url(arrowdown.gif) no-repeat 100% 50%;
    text-decoration: none;
}

/*
ul#langMenu li {
	width: 70px;
}
*/

ul#langMenu li ul {
	position: absolute;
	width: 70px;
	left: -999em;
}

ul#langMenu ul a {
	background-color: #E40018;
	color: #FFF;
    padding: 2px 5px;
    border-bottom: 1px solid #C00;
}

ul#langMenu li:hover ul,
ul#langMenu li.sfhover ul {
	left: auto;
}

#langdropdown{
	width: 60px; 
	margin-left: 5px;	
}


/* -----------------
 * 2.3 - Site search
 * ----------------- */

#sitesearch{
	float: right; 
	margin-bottom: 20px;
}

#searchbutton {
	border: none; 
	background-color: #cc0000; 
	color: #fff; 
	font-size: 11px;
	padding: 1px 2px;
}

input#searchstring {
	float: left;
	font-size: 11px;
	margin-right: 10px;
	height: 13px;
}

/* ------------------------
 * 2.4 - Primary navigation
 * ------------------------ */

div#primarynavigation .naviActive {
	color: #cc0000; 
	font-weight: bold;
}
	
div#primarynavigation {
	height: 27px;
	width: 960px;
	background: url(http://css.terex.com/terexcranes.com/naviback.jpg) repeat-x;
	margin: 0 0 10px 0;
	font-size: 12px;
}
	
div#primarynavigation ul li {
	float: left;
	position: relative;
	height: 22px;
	z-index: 2; /* Prevent z-index bug in IE versions */ 
}
	
div#primarynavigation ul ul {
	z-index: 1000000;
	position: absolute;
	top: 26px;
	left: 0px;
	background-color: #eee;
	display: none;
	border: 1px solid #ddd;
	border-width: 0px 2px 2px 0px;
	width: 230px;
}

div#primarynavigation ul li:hover ul {
	display: block;
}

div#primarynavigation ul li ul li {
	width: 230px;
	border-bottom: 1px solid #ddd;
}
	
div#primarynavigation a {
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	padding: 8px 15px;
	white-space: nowrap;
	width: 100%;
	/* background: url(http://css.terex.com/terexcranes.com/naviback.jpg) repeat-x;*/  /* Fixing IE6 hover bug */
}
	
div#primarynavigation a:hover {
	color: #cc0000;
	text-decoration: none;
}

/* If submenu needs another styling 
#primarynavigation ul li ul li a:hover {
	color: #cc0000;
	text-decoration: none;
}
*/

/* ----------------
 * 2.5 - Breadcrumb
 * ---------------- */

#breadcrumb{
	padding: 5px 0px 20px 0px;
}

/* --------------------------------------
 * 2.6 - Sidebars (left + right optional)
 * -------------------------------------- */

/* --------------------
 * 2.6.1 - Sidebar left
 * -------------------- */

#sidebarleft{
	float: left;
	width: 220px;
	/* line-height: 1.2em; */
	padding-left: 10px;
	margin-top: 20px;
}

#sidebarleft h2 {
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 2px solid #e5e5e5;
	font-size: 12px;
}

/* 2.6.2 - Sidebar right (optional, not used yet) */


/* -------------------------------------------
 * 2.6.3 - Secondary Navigation (Nested Lists)
 * ------------------------------------------- */

.secondarynav,
.secondarynav-1,
.secondarynav-2,
.secondarynav-3,
.secondarynav-4,
.secondarynav-5,
.secondarynav-6{  
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold; 
	text-decoration: none;
	/* white-space: nowrap; */
}

.secondarynav-1 {font-size: 10pt;font-weight: bold;}
.secondarynav-2 {font-size: 9pt; font-weight: normal;}
.secondarynav-3 {font-size: 9pt; font-weight: normal;}
.secondarynav-4 {font-size: 9pt; font-weight: normal;}
.secondarynav-5 {font-size: 9pt; font-weight: normal;}
.secondarynav-6 {font-size: 9pt; font-weight: normal;}

a.secondarynav:hover,
a.secondarynav-1:hover,
a.secondarynav-2:hover,
a.secondarynav-3:hover,
a.secondarynav-4:hover,
a.secondarynav-5:hover,
a.secondarynav-6:hover {
	color: #cc0000; 
	text-decoration: underline;
}

/* .secondarynav-focus, */
/* a.secondarynav-focus-1,
a.secondarynav-focus-2,*/
a.secondarynav-focus-3,
a.secondarynav-focus-4,
a.secondarynav-focus-5,
a.secondarynav-focus-6{  
	color: #000;
	font-family: Arial, Helvetica, sans-serif;  
	font-weight: bold; 
	text-decoration: none;
	background: url(http://css.terex.com/terexcranes.com/6x6.gif) 0px 50% no-repeat; 
}


.secondarynav-focus-1 {font-size: 9pt;font-weight: bold;}
.secondarynav-focus-2 {font-size: 9pt; font-weight: bold;}
.secondarynav-focus-3 {font-size: 9pt; font-weight: bold;}
.secondarynav-focus-4 {font-size: 9pt; font-weight: bold;}
.secondarynav-focus-5 {font-size: 9pt; font-weight: normal;}
.secondarynav-focus-6 {font-size: 9pt; font-weight: normal;}

a.secondarynav-focus:hover,
a.secondarynav-focus-1:hover,
a.secondarynav-focus-2:hover,
a.secondarynav-focus-3:hover,
a.secondarynav-focus-4:hover,
a.secondarynav-focus-5:hover,
a.secondarynav-focus-6:hover {color: #cc0000; text-decoration: underline;}

dt.secondarynav, dt.secondarynav-focus{
	margin-left: 0; 
	margin-bottom: 5px; 
	/* background: url(http://css.terex.com/terexcranes.com/6x6.gif) 0px 50% no-repeat; */ 
}

dt.secondarynav-2, dt.secondarynav-focus-2{
	background: none; 
}
	
/* dt.secondarynav-1, dt.secondarynav-focus-1 {margin-left: 0; margin-bottom: 5px;} */
dt.secondarynav-2, dt.secondarynav-focus-2 {margin-left: 0px; margin-bottom: 5px;}
dd.secondarynav-3, dd.secondarynav-focus-3 {margin-left: 15px; margin-bottom: 5px;}
dd.secondarynav-4, dd.secondarynav-focus-4 {margin-left: 30px; margin-bottom: 5px;}
dd.secondarynav-5, dd.secondarynav-focus-5 {margin-left: 45px; margin-bottom: 5px;}
dd.secondarynav-6, dd.secondarynav-focus-6 {margin-left: 60px; margin-bottom: 5px;}

/* a.secondarynav-2,*/
a.secondarynav-3, a.secondarynav-4, a.secondarynav-5, a.secondarynav-6,

/* a.secondarynav-focus-2,*/ a.secondarynav-focus-3, a.secondarynav-focus-4, a.secondarynav-focus-5, a.secondarynav-focus-6 {
	display: block;
 	padding-left: 10px; 
	/* background: url(http://css.terex.com/terexcranes.com/6x6.gif) 0px 50% no-repeat; */ 	
}

/* --------------------------------------------
 * 2.7 - Footer (http://www.cssstickyfooter.com)
 * -------------------------------------------- */

 
html, body, #wrap {
	height: 100%;
}
	
body > #wrap {
   	height: auto;
   	min-height: 100%;
}

#main {	padding-bottom: 40px; margin-top: 0px;}  /* same height as footer itself */

#footer{
	margin-left: auto; 
	margin-right: auto; 
	width: 960px;
	font-size: 10px;
	position: relative;
	margin-top: -40px; /* Negative value of footer hight */
	height: 40px;
	padding-bottom: 20px;
}

#footer #links {
	float: left;
}

#links li{
	display: inline;
	list-style-type:none;
 	padding-right: 20px;
} 
 
#copyright{
 	float: right;
 	color: #ccc;
}

/*	-------------
 *  2.8 - Sitemap
 *  ------------- */

#sitemap {line-height: 1.5em;}

#sitemap a {
	display: block; 
	padding-left: .5em;
}

#sitemap a:hover, #sitemap a:focus {
	font-weight: bold; 
	color: #c00;
}

#sitemap div {white-space: nowrap;}

.sitemap-level-1 a {font-size: 1.2em;}
.sitemap-level-2 a {font-size: 1.1em;}
.sitemap-level-3 a {font-size: 1em;}
.sitemap-level-4 a {font-size: .9em;}
.sitemap-level-1 {margin-left: 0;}
.sitemap-level-2 {margin-left: 1em;}
.sitemap-level-3 {margin-left: 3em;}
.sitemap-level-4 {margin-left: 5em;}

/* --------------------------
 * 2.9 - Admin Section Styles
 * -------------------------- */

a.jsLink {
	cursor: pointer;
	color: #c00;
	font-weight: bold;
}

#stage1, #stage2 {margin-bottom: 20px;}
	
#stage1 td.head {
	font-weight: bold;
	border-bottom: 1px solid #000;
}
	
#stage1 td.adminCatName {
	font-weight: bold;
	white-space: nowrap;
	padding-right: 10px;
}

#stage1 td.adminCatActions {white-space: nowrap;}

#content h1 {margin-bottom: 10px;}

#admin_primarynavigation {
	padding-top: 6px;
	height: 27px;
	width: 960px;
	background: url(http://css.terex.com/terexcranes.com/naviback.jpg) repeat-x;
	margin: 20px 0 10px 0;
	font-size: 12px;
}
	
#admin_primarynavigation a {
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
	display: inline;
	padding: 6px 15px;
	white-space: nowrap;
	width: 100%;
	text-decoration: none;
}

/* --------------------
 * 3.0 - Content styles
 * -------------------- */ 

#maincontent {
	padding-top: 20px;
	float: right;
	width: 700px;
	z-index: 1; /* Prevent z-index bug in IE versions */
}


/*	-----------------------
 *  3.1 - Start page (home)
 *  ----------------------- */
 
#intro, 
#news, 
#productinformation, 
#dealersearch, 
#imagebrochure{
	padding-bottom: 10px;
}

#contentdivider{
	float: right;
	border-right: medium double #f5f5f5; 
	display: inline;
}

#newsletter_content{
	float: left;
	width: 380px;
	display: inline;
}

#newsletter_image{
	float: right;
	width: 220px;
	margin-right: 10px;
	display: inline; 	/* <<< IE6 hack */ 
}
 
/* ----------------------------
 * 3.2 - category overview page
 * ---------------------------- */

.category a .title{
	text-align: center;
	padding: 5px 0 20px 0;
	display: block;
}

.category a:hover .title{
	padding: 5px 0 20px 0;
	display: block;
	text-decoration: underline;
}

#categoryoverview p {margin-bottom: 20px;}
#categoryoverview h2{padding-bottom: 10px;}

/* --------------------------
 * 3.3 - category detail page
 * -------------------------- */

#categorytable{ 
padding-top: 20px;
line-height: 1.4em;
}

#categorytable #model{ width: 30%; }

#categorytable #spec1, 
#categorytable #spec2, 
#categorytable #spec3{ width: 20%; }

#categorytable #download{ width: 10%;}

#categorytable .pdfIcon {
	display: block;
	width: 17px;
	height: 20px; 
	background: url(http://css.terex.com/terexcranes.com/CranesSprite.jpg) 0px -60px;
}

/* --------------------------
 * 3.3.1 - category slideshow
 * -------------------------- */

#cross-slide{
	width: 220px;
	float: left;
}

#cross_content{
	float: right;
	width: 430px;
}

/* ---------------------
 * 3.3.2 - category tabs
 * --------------------- */

#categorytabs{
	min-height: 240px;
	height: auto !important; /* for modern Browsers */
	height: 240px; /* for IE */
	width: 100%;
}

#tab1 ul li, 
#tab2 ul li, 
#tab3 ul li, 
#tab4 ul li, 
#tab5 ul li, 
#tab6 ul li{
 	list-style: square;
	margin-left: 15px;
	line-height: 1.5em;
}

#categorytabs h2{
	padding-bottom: .5em;
}

.widget {
	font-size: 12px;
	width: 690px;
	border: 1px solid #ddd;
}

.widget a {	text-decoration: none;}
	
.widget a:hover { text-decoration: underline;}

.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
}
	
.tabnav li a {
	text-decoration: none;
	font-weight: bold;
	padding: 2px 10px;
	outline: none;
}
		
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
	text-decoration: none;
	border-top: 1px solid #cc0000;
}
		
.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
}

/* -------------------
 * 3.4 - Landing Pages
 * ------------------- */

#flashbanner, #banner{
	margin-bottom: 20px;
}

#landingpage a{
	margin-bottom: 20px;
}

#landingpage ul{
	margin-left: 20px;
	line-height: 1.5em;
}

#landingpage ul li{
	list-style: square;
}

#landingpage img{
	border: none;
	/* margin-bottom: 10px; */
}

#landingpage h2{
	margin-bottom: 10px;
}

/* --------------------------
 * 3.5 - Static list elements
 * -------------------------- */

#staticList h2{
	padding-top: 10px;
} 

/* 3.5.1 - Spare Parts Lists */ 

#spareparts 
{
    padding-top: 10px;
}

#spareparts ul 
{
    margin: 0;
    padding: 0;
}

#spareparts ul li 
{
    list-style: none;
}

#spareparts .sprow 
{
    padding-top: 20px;
}

#spareparts .spdescription
{
    margin-left: 250px;
}

#spareparts p 
{
    margin: 0;
    padding: 0;
}

#spareparts h3 
{
    margin-top: 0;
    padding-top: 0;
}

#spareparts img 
{
    margin-right: 10px;
    float: left;
}

#spareparts .price 
{
    font-weight: bold;
}

/* --------------------------
 * 3.6 - Product detail page
 * -------------------------- */

/* 3.6.1 - Headline & Intro container */ 
#description{
	float: left; 
	width: 380px;
}

/* 3.6.2 - Advertisement container */
#advertisement{
	float:right;
	width: 240px; 
	padding: 5px 10px;
}

/* advertisement content container */
#advContent{
	float: left; 
	width: 160px;
}

/* advertisement image container */
#advImage{
	float: right; 
	width: 80px;
	height: 80px; 
	margin: 10px 0px;
}

/* 3.6.3 - Product images */

#prodImageWrapper{
	margin: 20px 0;
	width: 500px; 
	height: 270px;
	float: left;
}

#prodThumbsWrapper{
	width: 180px;
	height: 270px; /* same height as ImageWrapper */ 
	float: right;
	margin: 20px 0;
}

#prodImageWrapper ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

#prodThumbsWrapper img {
	margin-bottom: 20px;
	cursor: pointer;
}

#prodThumbsWrapper img.prodThumbLeft {
	margin-right: 20px;
    float: left;
}



/* 3.6.4 - Product tabs styles */

#producttabs{
	margin-bottom: 30px;
	width: 100%;
	float: left;
} 

.tabContentLeft{
	float: left;
	width: 460px;
	margin: 20px 0;
}

.tabContentRight{
	float: right;
	width: 180px;
	margin: 20px 0;
	border-left: 2px solid #eee;
	padding-left: 10px;

}

.tabContentRight .entry{
	margin-bottom: 20px;
}

ul.prodmedialist li {
	list-style: none;
}

ul.prodmedialist li a {
	background: url(http://css.terex.com/terexcranes.com/CranesSprite.jpg) 0px -60px no-repeat;
	padding-left: 19px;
	display: block;
	width: 0px;
	white-space: nowrap;
	line-height: 2em;
	
}

/* Resetting UI Tabs CSS settings for displaying 6 tabs in one row */ 
.ui-tabs .ui-tabs-nav li a {
	float:left;
	padding:0.5em 1.5em; /* UI Tabs: padding: 0.5 3em; */ 
	text-decoration:none;
}

/* 3.6.5 - Product Table styles */

#specifications th{
	text-align: right;
	font-weight: bold;	
}

tr.odd th{
	background-color: #f7f7f7;
}

/* 3.6.6 - Features Tab Styles */
.imgFeatures{
	float: left;
	width: 100px;
	height: 80px;
	background-color: #ccc;
	margin: 10px 0 20px 0;
}

.cntFeatures{
	float: right;
	width: 340px;
	margin: 10px 0 20px 0;
}

/* --------------------------
 * 3.7 - Location detail page
 * -------------------------- */
#locationdetails{
	float: left;
	width: 470px;
	margin: 10px 0;
}

#locationdetails ul li {
	margin-bottom: 20px;
}
	
#locationaddress{
	margin: 20px 0;
}
	
#locationtools{
	width: 210px;
	float: right;
	padding-left: 10px;
	line-height: 1.5em;
	border-left: 1px solid #f7f7f7;
}

#locationtools h5{
	font-weight: normal;
	text-transform: uppercase;
}
	
#locationtools a{
	display: block;
}
	
#locationtools ul{
	margin-top: 20px;
}
	
#locationtools ul li{
	padding-bottom: 10px;
}

#locationimage{
	float: left;
	width: 220px;
	margin-right: 20px;
}	

#address{
	float: left; 
	width: 240px;
	margin-right: 18px;
	line-height: 1.5em;
}
	
#locationtype{
	float: left;
	width: 200px;
	line-height: 1.5em;
}

#locationtype ul{
	margin: 10px 15px;
	list-style: square;
	line-height: 1.5em;
}

/* --------------------------
 * 3.8 - Legacy Brands
 * -------------------------- */
            
ul#company{
	padding: 18px 0;
} 

ul#history li,
ul#accomplishments li{
	list-style-type: none; /* specific cascade needed here to hide listpoints */
	margin-left: -20px;
}

ul.brandlist li{
    position: relative;
    vertical-align: top;
}

.brandlist h3{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    margin: 0px;
    font-weight: normal;
}

.brandlist p{
    width: 260px;
    padding-left: 40px;
}

/* Offering table style */ 

table#offering{
	border: 1px solid #ccc;
	
}

#offering th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
} 

#offering td{
	border-left: 1px solid #ccc;
}

.center{
	text-align: center;
	
}

/* Images below Offering table */ 

#imgOffering{
	margin: 20px 0;
	
}

#imgOffering p{
	color: #999;
	font-size: 10px;
}

#imgAccomplishment p{
	color: #999;
	font-size: 10px;
}


/* -------------------
 * 4.0 - Form elements
 * ------------------- */

/* -------------
 * 4.1 - General
 * ------------- */

label {
	display: block;
	font-weight: bold;
}

input, select {
	border: 1px solid #bbb;
}

textarea {
	width: 98%;
	height: 100px;
	border: 1px solid #bbb;
}

/* Forms focus field */

.focusField{   
        border:solid 2px #73A6FF;   
        background:#f7f7f7;   
        color:#000;   
}   

.idleField{   
        background:#fff;   
        color: #6F6F6F;   
        border: solid 2px #DFDFDF;   
}

/* -------------------------
 * 4.2 - Form elements (Home)
 * ------------------------- */

input#startpageNLSub {
	float: left;
}

/* ---------------------------------------
 * 4.3 - Form elements (Contact + Feedback)
 * --------------------------------------- */

#contactform label, #nlSubscription label {
	display: block;
	font-weight: normal;
}

#contactform input, #contactform select, #nlSubscription input, #nlSubscription select {
	border: 1px solid #e7e7e7;
	width: 98%;
}

#contactform.checkbox, #nlSubscription.checkbox {
	width: auto;
	border: none;
}

#contactform textarea, #nlSubscription textarea {
	width: 98%;
	height: 100px;
	border: 1px solid #e7e7e7;
}

#contactform .button, #nlSubscription .button{
	border: none;
	background-color: #cc0000; 
	color: #fff; 
	font-size: 11px;
	width: 49%;
	padding: 2px 0;
}

#nlSubscription .langcheck 
{
    width: 20px;
}



/* ------------------------
 * 5.0 - Application Styles
 * ------------------------ */

/* -----------------------------
 * 5.1 - Used cranes application
 * ----------------------------- */

/* Temporary styles */

#col3 {background: #F5F5F5;}

#error {
	border: 1px solid red;
	margin: 1em 0;
	padding: .3em;
	font: 1.5em bold;
	color: #FF0000;
	display: none;
}

/* ----------------
 * Used cranes list
 * ---------------- */

/* Form fields */

#frmUsedCranes fieldset{
	margin: 1em 0;
	padding: 0 1em 2em 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
}

#frmUsedCranes p {
	margin-top: 1em;
	width: 33%;
	float: left;
}

#frmUsedCranes label {display: block;}

#frmUsedCranes select {width: 90%;}

/* Table */

#usedtable { width: 100%;}
#usedtable th {
	font-weight: bold;
	background: #F5F5F5;
	border: 1px solid #AAA;
	text-align: center;
}

#usedtable td {border: 1px solid #AAA;}

/* Used cranes details page */

#usedw1 {
	text-align: center;
	margin: 0;
	padding: 0;
}

#usedw2 {
	background: #FFF;
	width: 700px;
	text-align: left;
	margin: 1em auto;
	padding: 10px 20px;
}

#usedw2 table {
	width: 100%;
	border-top: 1px solid #AAA;
}

#usedw2 table * {
	vertical-align: top;
	padding: 2px 0.5em;
	border-bottom: 1px solid #AAA;
}

#usedw2 table th {
	text-align: right;
	padding-right: 1em;
	width: 25%;
	background-color: #F5F5F5;
}

/* image */

div#image {
	text-align: left;
	vertical-align: top;
}
div#image img {
	display: block;
	border: 1px solid;
	border-color: #AAA #333 #333 #AAA;
}
div#image a:hover img  {border: 1px solid #DB0029;}

div#image img.big {
	float: left;
	width: 400px;
	margin: 0 15px 10px 0;
}
div#image img.small {
	background-color: transparent;
	width: 100px;
	margin: 15px 0;
}
div#image img.first {margin-top: 0;}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
	overflow: auto;
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -400px;
    width: 800px;
	height: 85%;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
   Star selector used to hide definition from browsers other than IE6
   For valid CSS, use a conditional include instead
*/
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmClose{ 
	background:#FFDD00; 
	border:1px solid #FFDD00; 
	color:#000; 
	clear:right; 
	float:right; 
	padding:0 5px; 
	cursor:pointer;
}

.jqmClose:hover{ background:#FFF; } 

#jqmContent{ 
	width:99%; 
	height:99%; 
	display: block; 
	clear:both; 
	margin:auto; 
	margin-top:10px; 
	background:#111; 
	border:1px 
	dotted #444;
}

/* ------------------------------
 * 5.2 - iFrame application pages
 * ------------------------------ */

iframe {
	margin-top: 10px;
}