/*****************************
  STYLESHEET
  VERSION: 1.0
    
  WEBSITE: LCR Lindores
  AUTHOR: Tim Jensen
  CREATED: 13/01/05
  COMMENTS: Stylesheet for LCR Lindores.
*/

/** DEFAULT LAYOUT DIV styles */
#wrapper{ position:relative; top:0px; height:100%; background:url(wrapperbg.gif);}
#frame {  margin:auto; width: 960px; height:100%; background:#FFFFFF; border:1px solid #CCCCCC;}
#header { width:960px; height: 109px; background: URL(../../images/nav_backing.gif) repeat-x;}
#columnMain { float:left; width:475px; height:400px; padding:0 20 0 20px;}
html>body #columnMain{ width:435px;}
#columnLeft { float:left; width:180px; height:400px;}
#columnRight { float:left; width:305px; height:400px; padding:10 0 0 0px;}
#columnMain_home { float:right; width:330px; /*width:340px;*/ height:400px; padding:40 0 0 0px;}
#columnLeft_home { float:left; width:280px; height:400px; padding:0 0 0 40px;}
#columnRight_home { float:right; width:205px; /*width:195px*/ height:400px; /*padding: 10 10 10 10px;*/}

#home_headings{ float:left; width:960px; height:34px; background:URL(../../images/homeLinks_backing.gif); background-repeat:repeat-x;}
#enclose { float:left; width:655px; margin:0px; padding:10 0 0 0px;}
#enclose_home { float:left; width:650px;}
#home_headings h2 { padding: 8 0 0 0px; }
#panel { float:left; width:960px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
#footer { padding:5 2 2 5px; height:25px; text-align: left; background:#ECECEC;}
#utilities { padding: 10 5 0 0px; color: #FFFFFF; float:right;}
#banner{ width:960px; height:76px; margin:0px; padding:0px; clear:both;}
#feature{ width:750px; height:200px; float:left;}
#searchPanel{ width:210px; height:200px; float:right; background: URL(../../images/crane_solutions.jpg);}
#searchBox{ width:210px; height:31px; padding: 175 0 0 72px;}
#input { border:0px; }
.homeProject{ height:48px; clear:both; margin:0px; padding-bottom:5px;}

#productsHome{ width:205px; height:85px; margin: 10 10 0 0px; padding:10px; border-top: none; border-bottom: none; border-left: 1px dashed #0060aa; border-right: none;} 
html>body #productsHome{ width: 173px; height:65px; padding-bottom:100px;} 


/*background: URL(../../images/homeProducts_MobileSelect.gif);*/


/*.mobileSelect{ width: 195px; height:86px; padding:5 0 0 5px; margin:-2 0 0 0px; background: URL(../../images/homeProducts_MobileSelectBG.gif);}
html>body .mobileSelect{ width:190px; height:81px;} 
.towerSelect{ width: 195px; height:86px; padding:5 0 0 5px; margin:-2 0 0 0px; background: URL(../../images/homeProducts_TowerSelectBG.gif);}
html>body .towerSelect{ width:190px; height:81px;} 
.servicesSelect{ width: 195px; height:86px; padding:5 0 0 5px; margin:-2 0 0 0px; background: URL(../../images/homeProducts_ServicesSelectBG.gif);}
html>body .servicesSelect{ width:190px; height:81px;}*/


.productsHomeDropdown{ width: 195px; position: absolute; top: 395px; }


img.projectThumbnail{ border:1px solid #999999; float:left; margin: 0 4 0 0px;}

#projectImages{	width: 420px;}
#projectImage{	width: 396px; height:187px;}
.projectImageThumb{	width:130px; height:60px; float:left; padding:3 0 0 0px; margin:0 0 0 -3px; }
html>body .projectImageThumb{ width:130px; height:60px; float:left; padding:3 3 0 0px; margin:0px; } /* Box Model Hack */

/* MAIN MENU NAVIGATION styles */
#nav{ width: 960px;	padding:0px; margin:0px;}
#nav img{ margin: 0 0 -4 0px; padding: 0px;} /**** 0 0 -4 -4 (fixes nav misalignment) ****/
/*html>body #nav img{ margin: 0 -4 -4 0px; padding: 0px;}*/ /* Box Model Hack */


#nav ul {
	padding: 0px; 
	margin: 0px;
    height: 20px;
}
#nav ul li {
 list-style: none;
 display: inline;
 padding: 0px; 
 margin: 0px;
 border: 0px;
}
#nav ul li a {

 border-right: 1px solid #FFFFFF;
 padding: 0 6 6 6;
 margin: 0 -3 0 0px;
 height: 20px;
 background: #000000;
 font: 11px Arial, Helvetica, sans-serif; 
 text-decoration: none;
 color: #FFFFFF;
}
html>body #nav ul li a {
	height:20px;
}
#nav ul li a#current {
	color: #FFFFFF;
	background: #d61829; 
}
#nav li a:hover{
	background: #d61829; 
}
#secondnav{
	float:right;
}
#secondnav ul li{
	float:right;
	clear:both;
	list-style: none;
	padding: 0px; 
	margin: 5 0 0 0px;
	border: 0px;
}


/** LINK styles */

/* STANDARD LINK styles */
a {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #ee1b2e;
}
a:link {
	color: #ee1b2e;
}
a:visited {
	color: #ee1b2e;
}
a:active {
	color: #ee1b2e;
}
a:hover {
	color: #ee1b2e;
	text-decoration: underline;
}

/* BREADCRUMB LINK styles */
#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF9933;
	margin: 0 0 10 0px;
}
#breadcrumbs a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #FF9933;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/* FOOTER links */
#footer a {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 9px;
	color: #666666;
}
/** Utilities */
#utilities a {
	font-size: 12px;
	font-weight:700;
	margin: 2 2 0 0;
	text-transform: uppercase;
	color: #FFFFFF;
}


/** INCLUDE TEMPLATE styles */

/* CALENDAR */
.calendarRow{ 
	clear:both;
}
.calendarDayHeading{ 
	background-color: <cfoutput>#developer.headingsColour#</cfoutput>; 
	color:<cfoutput>#developer.lightColour#</cfoutput>;	
	width: 70px;
	height: 25px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay, .calendarDay_away, .calendarDay_home{
	background-color: <cfoutput>#developer.keylineDarkColour#</cfoutput>;
	color:<cfoutput>#developer.lightColour#</cfoutput>;
	width: 70px;
	height: 70px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay_away{
	background-color: <cfoutput>#developer.headingsColour#</cfoutput>;
}
.calendarDay_home{
	background-color: <cfoutput>#developer.linkColour#</cfoutput>;
}
.calendarDay_home a:link{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_home a:visited{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_home a:hover{
	color: <cfoutput>#developer.linkHighlightColour#</cfoutput>;
}
.calendarDay_away a:link{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:visited{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:hover{
	color: <cfoutput>#developer.linkHighlightColour#</cfoutput>;
}
/* CONTACT FORM */
#contactForm{
	width: 290px;
	background:#FFFFFF;
	border: 1px solid #EE1B2E;
	clear: both;
}
#moreInfoForm{
	width: 252px;
	height:124px;
	background: URL(../../images/moreinfo_backing.gif);
}
#moreInfoForm p{ padding:5 5 0 15px; font-family:Arial,Verdana; font-size:11px; color:#FFFFFF;}
.formHeading{
	width: 290px;
	height: 20px;
	background: #EE1B2E;
}
.formRow{
	width: 280px;
	height: 18px;
	margin: 5 2 5 2px;
	clear: both;
}
.fieldName{
	width: 80px;
	float: left;
	padding: 3 2 3 2px;
	text-align: right;
}
.field{
	width: 190px;
	float: right;
	padding: 2px;
	text-align: left;
}
.formHeading h1{
	margin: 0px;
	padding: 2 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}
.tableHeading{
	height: 20px;
	background: #F7A300;
}
.tableHeading h1{
	margin: 0px;
	padding: 2 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}

/* SELECTOR STYLES */
/* -------------------------------------------------------------------------------------- */

body{
	padding:0px;
	margin:0px;
	background:url(bodybg.gif);
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0060aa;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0060aa;
	padding: 0px;
	margin: 5 0 10 0;
}
h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0060aa;
	padding: 0px;
	margin: 10 0 5 0;
}
p,td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
ul{
	margin: 0 0 0 26px;
	padding: 0px;
}
li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
img{
	border:0px;
	margin: 0px;
	padding: 0px;
}

/** FORM styles */
form{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
form.searchBox{
	padding: 0px;
	margin: 0 0 1 0px;
	border: 0px;
}
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 0px;
	padding: 0px;
	margin: 5px 0 0 0;
	vertical-align: top;
}
input.lge{
	width: 140px;
	border: 1px solid #3977B0;
}
input.med{
	width: 100px;
	border: 1px solid #3977B0;
	padding:2px;
	margin:2px 0 0 0;	
}
input.sml{
	width: 70px;
	border: 1px solid #3977B0;	
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 180px;
	border: 0px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #0060AA;
}
input.checkBox{
	margin-right: 3px;
	float: left;
	width: 14px;
	height: 14px;
}
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #0060AA;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	padding: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
input.imageButton{
	margin: 2px 0 0 0;
	padding: 0px;
	border: 0px;
}
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0060aa;
	border: 0px;
	padding: 2px;
	margin: 0px;
	background: #fff;
	border: 1px solid #CCCCCC;
}

/** MISCELLANEOUS styles */

.floatLeft{	float:left;}
.floatRight{float:right;}

.boxBacking {
	background-color:#CCCCCC;
}
.boxHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#AFAFAF;
	color: #FFFFFF;
}