/* 	Central Weighing
   	Primary Stylesheet
   
   	17 April 2007, Aimee Holman for Icomm Technologies Limited
   	+44(0)121 248 7878 www.icommtechnologies.co.uk
   
   
   	COLOURS USED IN THIS SITE 
   	
   	#e9ecf3 - Page background (pale blue)
	#4f4c70 - Main body text (dark blue/black)
   	#19630c - Links (dark green)
	#edf1f8 - Right panel (pale blue)
	#3760a5 - Footer/Header background colour (dark blue)
  
*/
    
   
html, body {
  	height: 100%;
}
body {
	font: normal 11px/15px verdana,helvetica,arial,sans-serif;
	color: #4f4c70;
	background-color: #e9ecf3;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#container {
	width: 688px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#topbanner {
	display: block;
	width: 688px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}


#nav {
	display: block;
	height: 22px;
	width: 688px;
	background-color: #ffffff;
	border-top: 1px solid #61a714;
	border-bottom: 1px solid #3760a5;
	margin: 0px;
	padding: 0px;	
}


#content_container {
	background: #ffffff url(images/layout/repeating-background.gif) repeat-y top left;
	width: 688px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #ffffff;
}


#main_content {
	width: 379px;
	float: left;
	padding: 27px 77px 40px 24px;
	margin: 0px 0px 0px 0px;
}

#home_panel {
	width: 207px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 17px 0px 0px 0px;
}


#panel {
	width: 207px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#panel_content {
	background: #edf1f8;
	float: right;
	width: 193px;
}


#footer_container {
	background: #ffffff;
	float: left;
	width: 688px;
	height: 156px;
	border-right: 1px solid #ffffff;
	border-bottom: 3px solid #3760a5;
}

#footer_info {
	background: url(images/layout/footer_info-background.gif) no-repeat top right;
	width: 480px;
	height: 91px;
	float: left;
	padding: 63px 0px 0px 0px;
}

#copyright {
	background: #edf1f8 url(images/layout/copyright-background.gif) no-repeat bottom right;
	color: #3760a5;
	border-top: 1px solid #dce1ea;
	width: 480px;
	padding: 0px;
	margin: 0px;
}

#footer {
	background: url(images/layout/footer-background.gif) no-repeat bottom left;
	color: #ffffff;
	width: 480px;
	height: 70px;
	padding: 0px;
	margin: 0px;
}

#footer_image {
	background: url(images/layout/footer.gif) bottom left no-repeat;
	width: 208px;
	height: 154px;
	float: right;
	padding: 0px;
	margin: 0px;
}




/* HOMEPAGE FOOTER */

#home_footer_container {
	background: #ffffff;
	float: left;
	width: 688px;
	height: 261px;
	border-bottom: 1px solid #3760a5;
}
#home_footer_info {
	background: #ffffff url(images/layout/home-footer.gif) no-repeat top left;
	width: 480px;
	height: 241px;
	float: left;
	margin: 0px 0px 0px 0px;
}
#home_footer {
	background: url(images/layout/home-footer-background.gif) no-repeat bottom right;
	padding: 0px;
	margin: 185px 0px 0px 30px;
}
#home_footer_image {
	background: url(images/layout/globe2.gif) bottom left no-repeat;
	width: 207px;
	height: 261px;
	float: left;
	padding: 0px;
	margin: 0px;
}




/* CONTENT STYLES */

p {
	padding: 0px 0px 10px 7px;
	margin: 0px 0px 0px 0px;
}


h1 {
	font: normal 24px/28px verdana,helvetica,arial,sans-serif;
	color: #3760a5;
	padding: 0px 0px 25px 7px;
	margin: 0px;
}

h2 {
	font: normal 13px/15px verdana,helvetica,arial,sans-serif;
	padding-left: 7px;
}
 
h2.right_align {
	font: normal 13px/15px verdana,helvetica,arial,sans-serif;
	padding-left: 187px;
}
 
 
 
h3, h4 {
	font: normal 11px/15px verdana,helvetica,arial,sans-serif;
	padding: 0px 0px 0px 7px;
	margin: 6px 0px 4px 0px;
}

ul {
	padding-top: 0px;
	margin-top: 5px;
}

a {
	color: #19630c;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#footer a {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}


#home_footer a {
	color: #4f4c70;
	text-decoration: underline;
}

#home_footer a:hover {
	text-decoration: none;
}

#main_content img {
	background: #ffffff;
	margin: 21px 22px 18px 0px;
	padding: 6px;
	border: 1px solid #a3a5aa;
}

#main_content img.normal_image {
	background: #ffffff;
	margin: 4px 22px 18px 0px;
	padding: 6px;
	border: 1px solid #a3a5aa;
}

#main_content img.no_padding {
	background: #ffffff;
	margin: 4px 22px 18px 7px;
	padding: 6px;
	border: none;
}
#main_content img.no_border {
	border: none;
	padding: 6px 0px 0px 0px;
	margin: 0px;
}
#panel_content h2 {
	padding: 17px 30px 17px 15px;
	margin: 0px;
}

#home_panel h2 {
	padding: 10px 30px 17px 15px;
	margin: 0px;
}
#panel_content ul {
	padding: 0px 0px 25px 0px;
	margin: 0px;
}

#panel_content a:hover {
	background: #3760a5;
}


#panel_content a {
	padding: 7px 30px 7px 15px;
}


#panel_content li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #dce1ea;
}


#panel_content li a {
	display: block;
	text-decoration: none;
}

#panel_content li a:hover {
	text-decoration: none;
	color: #edf1f8;
}


#home_banners img.tab {
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #ffffff;
}


#copyright p {
	padding: 3px 0px 4px 30px;
	margin: 0px 0px 0px 0px;
}

#footer p {
	padding: 18px 0px 18px 30px;
	margin: 0px 0px 0px 0px;
}


/* FORMS */
form {
	padding: 0px;
	margin: 30px 35px 0px 35px;
}

.row {
	clear: both;
}

label, .label {
	float: left;
	display: block;
	width: 250px;
	text-align: left;
}

input {
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;	
}
 
.textbox {
	float: left;
	display:block;
	width: 280px;
	font: normal 8.5pt verdana,arial,helvetica,sans-serif;	
	color: #1e22a9;
	margin: 0px 0px 3px;
	padding: 0px;
}

.button {
	margin: 0px 0px 0px 240px;
}

.validation {
	color: #ff0000;
}


/** based on son of suckerfish navigation
    from www.htmldog.com/articles/suckerfish/dropdowns/ **/
#nav {
	z-index: 100;
	font: normal 11px/11px verdana,arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}

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

/** Padding changed from 5px 14px 6px 14px to 5px 6px 6px 6px to accomodate translations **/
/** Translution Ltd - 5th December 2007 **/
#nav a {
	display: block;
	margin: 0px;
	padding: 5px 6px 6px 6px;
	color: #3760a6;
	text-decoration: none;
	border-right: 1px solid #61a714;
}
#nav a.firstNavigationElement {
    border-left: none;
}

#nav a.active {
    border-left: none;
	background: #3760a5;
	color: #ffffff;
}


#nav a:hover {
	background: #3760a5;
	color: #ffffff;
}

#nav li { /* all list items */
	list-style: none;
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding: 0px;
	margin: 0px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	list-style: none;
	left: -999em;
}

#nav .skipnav {
	position: absolute;
	left: -999em;
}


#nav .dropdown {
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

#nav .dropdown a {
	display: block;
    background: #ffffff;
	margin: 0px;
	padding: 5px 14px 6px 14px;
	border-right: 6px solid #3760a5;
	border-bottom: 1px solid #61a714;
	border-left: 1px solid #61a714;
	width: 125px;
}

#nav .dropdown a.first_drop_item {
	border-top: 1px solid #3760a5;
}

#nav .dropdown a.last_drop_item {
	border-bottom: 1px solid #3760a5;
}

#nav .dropdown a:hover { /*hover background color*/
	background: #3760a5;
	color: #ffffff;
}

.clear {
	clear: both;
}