/* CSS Document basic 
Version 0.2  7th Sept 2007
Version 0.1  17th Aug 2007
Created by Mark Joint, Mew Media Ltd. www.mewmedia.com 

*/
*, html { padding:0; margin:0; }

body {text-align:center; font-family: "FS Lola Regular", "Trebuchet MS", Helvetica, sans-serif; font-size:11px; color:#666666;}

p {margin:0em 0 1em 0; }

strong {font-size:larger; }

iframe { border:none;}
form {}

a:link {color:#333;}
a:visited {color:#333;}
a:hover{color:#333;}
a:active {color:#333;}
a img {border:none;}
img {vertical-align:text-bottom;}

label {color:#333;}
table td{vertical-align:top;}

h1, h2, h3, h4 {color:#666; font-family: "FS Lola Regular", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h3 {margin-bottom:3px; font-size:12px;}
h4 {margin-bottom:3px; font-size:11px;}
h5 {margin-bottom:3px; }
h6 {margin-bottom:3px; }
ol {padding:0 0 0 3.5em; margin:0.8em 0;}

#header {margin:0 auto; padding-top:20px; text-align:left; width:800px ;  background:#fff; }
#header h1 {}
#header img {float:right; font-size:14px; margin:0; margin-bottom:0px;}

/* hides h tags where replaced with images */
#header h1 span {position:absolute; left:-9999px; top:0;}
#header h2 span {}
#header h2 {}

#nav {margin:0px 0 0 0 ; clear:both; width:216px; }
#nav div.clear {}
#nav ul.menu  { text-align:left;  bottom:0;}

ul.menu { }
ul.menu li {display:block; list-style: none; }
ul.menu li a {font-weight:bold; padding:0px; cursor:pointer;}

/* --------- utilities menu --------- */
ul.utilities { height:26px; line-height:20px;}
ul.utilities li a, ul.utilities a:link, ul.utilities a:visited, ul.utilities a:hover, ul.utilities a:active {color:#ffcc00;}


/* --------- main menu --------- */
ul.main { }
/* tabs left side */
ul.main li a {
display:block;
padding: 3px 6px 3px 6px;
font-size:11px;
white-space: nowrap;
text-decoration:none;
background:#fff; 
}
/* tabs hover - left side and text*/
ul.main a:hover, ul.main a:hover span {text-decoration:none; background:#ccc;}
/* tabs hover - right side */
ul.main a:hover span{}
/* tabs - right side and text*/
ul.main a span{
padding: 3px 6px 3px 0px;
font-weight: bold;
color:#666;
text-decoration:none;
}

#nav ul.main a span{
letter-spacing:0.05em;
text-transform:uppercase;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.main a span{float: none;}	/* End IE5-Mac hack */

/* tabs hover - right side and text*/
ul.main a:hover span {color:#fff;}
/* current tabs - left side*/
ul.main #current a, ul.main #subcurrent a{ background:#666; }
/* current tabs - right side and text*/
ul.main #current a span, ul.main #subcurrent a span{ background:#666; color:#fff; }
/* current tabs hover - left side and text*/
ul.main #current a:hover, ul.main #current a:hover span, ul.main #subcurrent a:hover, ul.main #subcurrent a:hover span{ background:#666;  }
/* current tabs hover - right side */
ul.main #current a:hover span, ul.main #subcurrent a:hover span  { background:#666;}





/* main wrap - to keep the site fixed width and centred */
#wrap {margin:0 auto; text-align:left; width: 800px; clear:both; background:#fff; }

/* different panels used */
/* header images in lht or drk */
div.col_menu {float:left; width:216px; margin:0px 6px 2px 0px; padding:0px; border-top:2px solid #ccc; background:#fff;}
div.col_menu div.cont {padding:8px 8px 8px 8px; }

div.col_detail {float:left; width:226px; margin:0px 4px 2px 0px; padding:0px; background:#fff;}
div.col_detail div.cont { padding:8px 8px 8px 8px; border:2px solid #ccc; background:#fff; } 

div.col_images {float:left; width:320px; margin:0px 0px 2px 2px; padding:8px 8px 8px 8px; border:2px solid #ccc; background:#fff;}
div.col_flash {float:left; width:340px; margin:0px 0px 2px 2px; padding:0px; background:#f4f4f4; border:2px solid #ccc;}

div.col_wide_image {float:left; margin:0px 4px 2px 0px; padding:0px; background:#fff;}
div.col_wide {float:left; width:572px; margin:0px 4px 2px 0px; padding:0px; background:#fff;}
div.col_wide_image div.cont { padding:0px; border:2px solid #ccc; background:#fff; } 
div.col_wide div.cont { padding:8px; border:2px solid #ccc; background:#fff; } 


div.col_full { clear:both; width:788px; margin:0px 2px 2px 2px; padding:0px; border:2px solid #ccc; background:#fff; }
div.col_full div.cont { padding:8px 8px 8px 8px; background:#fff;}

#image_thumb {margin:6px 0 10px 0;} 


/* Footer bar */
#footer {padding:0; margin:0 auto; width:800px; clear:both; background:#fff; text-align:left; }
#credits {clear:both; width:784px; text-align:right; padding:2px 8px; color:#999; text-transform:uppercase;}
#credits a, #credits a:link, #credits a:visited {color:#999; text-decoration:none;}
#credits a:hover, #credits a:active {color:#666;}

/* links*/
#links li {list-style:none; margin:0 0 30px 0;}

/* Tables */

th {border-bottom:1px solid #666; background:#666; color:#fff; padding:2px 4px;}
th a:link, th a:visited, th a:hover, th a:active {color:#fff;}
tr.even td {background:#ccc;}

input.text, textarea {width:220px; padding:1px; margin:1px; }
textarea.review { height:3.8em; overflow:hidden;}
textarea.tags { height:1.4em; overflow:hidden;}

div.rate textarea.review {width:190px; height:3.8em; overflow:hidden;}
div.rate textarea.tags {width:190px; height:1.4em; overflow:hidden;}

input.button {vertical-align:middle;}
input.rating {vertical-align:middle; margin:4px;}


span.forms {display:block; height:25px; width:450px;}
span.formstext {display:block; height:120px; width:450px;}
label {float:left;}
input.text {width:250px; border:1px solid #ccc; float:right;}
textarea {float:right; width:250px; height:100px; border:1px solid #ccc;}
fieldset {border:none; margin:0 0 10px 0;}
fieldset h3 {margin:0 0 10px 0;}
.right {float:right;}
.left {float:left;}
input.submit {border:1px solid #ccc; background-color:#25809A; color:#FFFFFF;}
input.error {border:1px solid red;}
textarea.error {border:1px solid red;}

.clear {clear:both; line-height:0px; height:0px; padding:0; margin:0; }


/* To fix non-displaying items in IE-PC bug * html picked up by IE and nothing else */
/* Hides from IE5-mac \*/
* html div {height: 1%;}
/* End hide from IE5-mac */

/*
ADMIN
*/

input.order_id {width:10px; border:1px solid #ccc;}
a.button {display:inline;}
label.edit {margin-top:5px; display:block; float:none;}
input.edit {width:200px; border:1px solid #ccc; display:block;}
input.web {width:170px; border:1px solid #ccc;}
textarea.edit {width:200px; height:300px; border:1px solid #ccc;}
textarea.add {width:200px; height:80px; display:block; padding:5px; border:1px solid #ccc; margin:0; float:none;}
textarea.main_edit {width:560px; height:300px; border:1px solid #ccc;}


input.edit_highlight {width:200px; border:1px solid #ccc; display:block; border:1px solid orange;}
textarea.edit_highlight {width:200px; height:300px; border:1px solid orange;}
textarea.main_edit_highlight {width:560px; height:300px; border:1px solid orange;}
input.submit_highlight {border:1px solid orange; background-color:#25809A; color:#FFFFFF;}


/*
input.file {opacity:0; color:#666666; z-index:2; position:absolute;}
span.file {position:relative;}
input.file_overlay {width:130px; border:1px solid #ccc; left:0; position:absolute; height:18px; background:white;}
span.button_overlay {width:40px; border:1px solid #ccc; left:160px; position:absolute; height:18px; background-color:#25809A; color:#FFFFFF; vertical-align:middle; text-align:center;}
div.file_buttons {top:100px;}
*/

ul.admin {
	list-style:none;
}

ul.admin li a {
	padding: 3px 6px 3px 6px;
	font-size:11px;
	white-space: nowrap;
	text-decoration:none;
	background:#fff; 
}

ul.images {
	list-style:none;
}

ul.images li {
	display:block;
	border:1px solid #ccc;
	background:white;
	padding:3px;
	margin-top:3px;
}

ul.images li a {
	padding: 3px 6px 3px 6px;
	font-size:11px;
	white-space: nowrap;
	text-decoration:none;
	background:#fff; 
}


#counters {display:none; visibility:hidden;}