/* EuroCorp CSS Document - Produced by Diamond - www.diamond.co.nz */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	background: #FFF url(../images/main/background1.jpg) center top repeat-y;
	font-size:12px;
	}
a:link, a:active, a:visited { color:#09F; text-decoration:none; }
a:hover { text-decoration:underline; }

div, img { margin:0; padding:0; border:0; }
#entire { width:100%; 
	display:block;
	overflow:visible;
	text-align:center;
	}
#centrecolumn {
	width: 760px;
	overflow: visible;
	margin: 0 auto;
	text-align:left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}
#top {
	width: 100%;
	height: 26px;
	display: block;
	overflow: hidden;
	background: #FFF url(../images/main/top_bar_bg.jpg) left top repeat-x;
	border:0;border-bottom: 1px solid #57585A;
	}
#top p {
	text-align: left;
	margin: 8px 0 0 7px;
	}
.login { 
	float:right;
	display:block;
	margin:7px 3px 0 0;padding:0;border:0;
	}
.login a { 
	padding: 2px 5px;
	font-size: 10px; line-height: 15px; font-weight: 800; 
	text-decoration: none; 
	text-align: center; 
	border: 1px solid #CCC;
	color: #57585A;
	background-color: #EEE; 
	}
.login a:hover {
	color: #FFF;
	background-color: #09F;
	}
#top_graphic {
	width:760px;
	position:relative;
	margin:0;padding:0;
	}
.divider {
	width:100%; height:15px;
	margin:0;padding:0; border:0;
	background-image: url(../images/main/spacer_bar1.jpg);
	}
#content_area {
	width:760px;
	background-color: #EDEDED;
	overflow:visible;
	position:relative;
	}
.background {
	width: 760px;
	overflow: visible;
	background: #EDEDED url(../images/main/content_bg.jpg) 0px 0px no-repeat;
	margin: 0px; padding:0;
	clear: none;
	}
.content, .content-full, .content-prod {
	width:430px; 
	padding:5px 0 10px 170px;
	clear:none;
	}
.content-full {	width:734px; padding-left:13px; }
.content-prod {	width:590px; }
.content p, .content-full p, .content-prod p {	
	text-align:justify;
	margin:0;
	padding:3px 30px 5px 0;
	}
hr { margin:0; padding:0; border:0; border-top:1px dashed #09F; 
	clear:both; 
	width:99%;
	}
h1, h1.title { margin:0; padding:8px 0; border:0; 
	font-size:18px;
	}
h1.title { font-weight:normal; }
	
#footer {
	color:#57585A;
	font-size:10px;
	padding:7px 13px;
	}
#footer a:link, #footer a:active, #footer a:visited {
	color:#333;
	font-weight:bold;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}

div.homelink {
	float:left; text-align:left;
	margin:0;
	padding:12px 15px 13px 19px;
	width:325px;
	font-size:16px; line-height:24px;
	}
div.homelink img { width:320px; }

.clear {clear:both;}

/* TOP NAV STYLES */
ul.topnav {
	margin:0;padding:0;border:0;
	list-style: none;
	width:760px;
	height: 21px;
	background-color: #57585A;
	text-align:center;
	border-top: 1px solid #CCC;
	}
ul.topnav li {float:left; clear:none; }
li.active A:link, li.active A:active, li.active A:visited, li.current, li.news {
	float:left; display: block;
	margin:0; border:0px;
	padding: 3px 12px;
	font-size: 10px; line-height: 15px; font-weight: 800; 
	text-decoration: none; 
	text-align: center; 
	border-right: 1px solid #CCC;
	color: #fff;
	background-color: #57585A; 
	}
li.active A:hover { 
	font-size: 10px; 
	color: #FFF;
	background-color: #09F;
	}
/* TOP NAV - NO SELECT (Current Page) */
li.current {
	color: #57585A;
	background-color: #EEE;
	}

/* LEFT NAV STYLE */
.navigation {
	position:absolute;
	left:-1px;top:0px;
	width:158px;
	margin:0; padding:0; border:0;
	}
.navigation ul {
	width:158px;
	display:block;
	margin:0; padding:0;
	list-style: none;
	}
.navigation ul li {
	position: relative;
	background-color: #FFF;
	}
.navigation li ul {
	position: absolute;
	left:157px; top:-1px;
	z-index:4000;
	width:230px;
	display:none;
	background-color:#FFF;
	}
.navigation ul li a {
	display: block;
	font-size: 10px; line-height: 15px; font-weight: 800; 
	font-weight: 800;
	text-decoration: none;
	color: #57585A;
	padding: 5px 5px 5px 12px;
	background: #fff;
	border-bottom: 1px solid #57585A;
	border-right: 1px solid #57585A;
	border-left:1px solid #000;
	}
.navigation ul li a:hover {
	background-color: #09F;
	color: #fff;
	}
.navigation li:hover ul, .navigation li.over ul { 
	display: block; 
	border-top: 1px solid #57585A;
	color: #fff;
	}
.navigation ul li ul li a { padding: 4px 7px; }
/* NAV BUG FIXES - Fix IE. Hide from IE Mac \*/
* html ul.topnav li.active, * html ul.topnav li.current, * html .navigation ul li { float: left; height: 1%; }
* html ul.topnav li.active a,  * html ul.topnav li.current a, * html .navigation ul li a { height: 1%; }
/* End */	

/* enquiries STYLES */
.Enquiry table tr td { background-color:transparent; border:0; margin:0; padding:0; font-weight: bold; }
.Enquiry input, .Enquiry textarea, .Enquiry select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
.Enquiry input, .Enquiry textarea { padding:1px 2px; }
.Enquiry select { padding:1px 0px; }

/* NEWS STYLES */
.newscell {
	width:734px;
	margin:0 0 20px 0; padding:0; border:0;
	border: 1px solid #57585A;
	background-color: #FFF;
	}
.newscell p {
	width:525px; 
	font-size:12px;
	text-align:left;
	padding: 7px 0px 7px 10px; }
/* News Header */
ul.news {
	margin:0; padding:0; border:0;
	width:100%;
	height:26px;
	display:block;
	text-align:left;
	list-style: none;
	background-color: #999;
	border-bottom: 1px solid #57585A;
	}	
li.news, li.newstitle {
	float:left;
	color: #fff;
	background-color: #999;
	margin:0; padding: 6px 10px 5px 10px;
	border:0; border-left:1px solid #57585A;
	font-size: 11px; font-weight:normal;
	}
li.newstitle { border:0; font-size: 12px; font-weight:bold;}

li.news a{ color: #D00; }
li.news a:hover{ color: #000; }

/* PRODUCT STYLES */
table, table.product_list, tr, td, table.product_list tr, table.product_list td { border:0;margin:0px;padding:0px;}
.content-prod table { width:578px; margin-top:20px; }
table td.title { padding:11px; background-color:#333; text-align:left; color:#FFF; font-weight:bold; font-size:14px; }

table.product_list { font-size:11px; border-top: 1px solid #57585A; border-left: 1px solid #57585A; }
table.product_list td { color:#000; text-align:center; padding:5px; border-bottom: 1px solid #57585A; border-right: 1px solid #57585A; }
table.product_list td.header, table.product_list td.header2 { background-color:#09F; font-size:13px; color:#FFF; font-weight:bold; padding:11px;}
table.product_list td.header2 { background-color:#77DDFF; color:#222; padding:9px 12px; font-size:11px; }
table.product_list td.detail { background-color:#666; color:#FFF; font-weight:bold; }
table.product_list tr.odd { background-color:#EEE; }
table.product_list tr.even { background-color:#CCC; }

table td.image {  background-color:#FFF; text-align:center; padding-top:7px; }
table td.image img { height:135px; margin:0px 20px; }

.product_images {
	padding: 15px;
	text-align: center;
	}

/* ADMIN SECTION STYLES */
/* ADMIN LOGIN PANEL */
#admin_panel {
	float: right;
	width: 180px; height:128px;
	border-left: 1px solid #000;
	background-color: #fff;
	}
#admin_panel p {
	margin: 0;
	padding: 5px;
	display: block;
	background-color:#003355;
	font-weight: 800;
	color: #fff;
	}
#login_area {
	padding: 5px;
	line-height:18px;
	}
#login_area form input {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	border: 1px solid #000;
	}

/* ADMIN NAV */
ul.admin_nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	height: 21px;
	border: 0px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align:center;
	}
* html ul.admin_nav { height: 20px; }

ul.admin_nav li.active A:link, ul.admin_nav li.active A:active, ul.admin_nav li.active A:visited {
	display: block;
	margin: 0px;
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: center; 
	line-height: 15px;
	color: #666;
	background-color: #FFF;
	padding: 3px 12px;
	border: 0px;
	border-right: 1px solid #57585A;
	}
* html ul.admin_nav li.active A:link, * html ul.admin_nav li.active A:active, * html ul.admin_nav li.active A:visited {
	padding-bottom: 4px;
	}
ul.admin_nav li.active A:hover { 
	background-color: #09F; 
	color: #fff;
	}
/* NAV BUG FIXES - Fix IE. Hide from IE Mac \*/
* html ul.admin_nav li.active, * ul.admin_nav li.current { float:left; height: 1%; }
* html ul.admin_nav li.active a,  * ul.admin_nav li.current a { height: 1%; }
/* End */

/* ADMIN MISC */
#admin_header img {
	float: right;
	position: absolute;
	margin-right: 15px;
	}
	
div.title {
	width:100%;
	margin:0;padding:0;
	background-color: #09F;
	}
div.title p { font-size: 12px; padding:8px 15px; color: #fff; }

/* TABULAR STYLES */
table { width:100%; margin:0px; padding:0px; border:0px; }
tr, td { margin:0; padding:0;
	}
td	{ border: 1px solid #eee; }
table tr td { 
	padding: 3px 2px; margin:0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000;
	}
.admintable { width:100%; border:0; margin:0; padding:0; background-color:#DDD;}
.admintable td { background-color:#FFF; }
.admintable td.tabhead { text-align: center; font-size: 11px; color:#444; font-weight:bold; line-height: 16px; }
.admintable td.tabacthead { text-align: center; font-size: 12px; color:#09F; font-weight:bold; line-height: 16px; }

.usertable { width:100%; border:0; margin:0; padding:0; background-color:#DDD;}
.usertable tr td { padding-left: 3px; text-align:left; }
.usertable td.tabhead { text-align: right; padding-right: 5px; font-size: 11px; color:#444; font-weight:bold; line-height: 16px; background-color:#eee;  }
.usertable td.tabacthead { text-align: right; padding-right: 5px; font-size: 12px; color:#09F; font-weight:bold; line-height: 16px; }
td table.usertable tr td {background-color:#FFF; }

/* FORM STYLES */
form { margin:0px; padding:0px; border:0px; display:inline; }
/* damn ie! work around display:inline?! \*/
* html form { display: compact; }

form p { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 12px; line-height: 15px;
	color: #222;
	margin: 0px
	}
form input, form text, form select, .admintable input, .usertable input {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 11px; font-weight:700;
	color: #222;
	background-color: #FFF; 
	border: 1px solid #AAA;
	padding: 2px .2em;
	margin: 3px .3em;
	}
form input { width:200px; }

select { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 11px;
	color: #222;
	padding: 1px; margin:0; border: 1px solid #AAA;
	}
textarea { width:90%;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 11px;
	color: #222;
	margin: 3px .3em; 
	padding: 2px .2em; 
	border: 1px solid #AAA;
	}

form input.button, table input.button {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 11px; font-weight:800;
	color: #FFF;
	background-color: #09F;
	border: 1px solid #222;
	padding: 1px .2em;
	margin: 3px .3em;
	}
form input.button:hover, table input.button:hover {
	color: #000;
	}
form input.tinybutton, table input.tinybutton {
	width:30px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 11px; font-weight:800;
	color: #FFF;
	background-color: #444;
	border: 1px solid #222;
	padding: 1px .1em;
	margin: 3px .2em;
	}
form input.tinybutton:hover, table input.tinybutton:hover {
	color: #D00;
	}