/** vim: set expandtab tabstop=3 shiftwidth=3:
*******************************************************************************
* (c) NEOCO                                                                   *
*                                                                             *
* filename: default.css                                                       *
* purpose:  default styles for www.XXXXXXXXXXXXXXXX                           *
*                                                                             *
*******************************************************************************

$Revision: 124 $
$Date: 2006-12-05 17:41:10 +0000 (Tue, 05 Dec 2006) $
$LastChangedBy: mark $

*/


/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* CONTENTS
	1. Colours
	2. Real styles
	3. Structure
	4. header
	5. footer
	6. content
	7. coloumns
	8. home page form
	9. store page nav
*/








/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 1. Colours */
/*
	brown #330000
	deep red #990000
	dark grey #4c4c4c
	light grey #808080
*/




/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 2. Real styles */
* {
	font-family: Arial, Helvetica, sans-serif;
	}
body {
	background-color: white;
	text-align: center;
	}
body, h1, h2, h3, h4, p, ul, li, dt, dl, dd, blockquote, quote, form {
	margin: 0;
	padding: 0;
	}
img {
	border: 0;
	}
a:hover {
	color: #990000 !important;
	}



/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 3. Structure */
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}



/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 4. header */
.header {
	float: left;
	padding: 10px 0;
	border-bottom: 5px solid #330000;
	width: 900px;
	}
.header h1, .header h2 {
	float: left;
	}
.header h2 {
	padding-top: 33px;
	}
.header ul {
	float: right;
	}
.header .navMain {
	padding: 17px 0 3px 0;
	}
.header .nav li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	color: #330000;
	}
.header .nav a {
	text-decoration: none;
	text-transform: uppercase;
	color: #330000;
	}
.header .navSub li {
	font-weight: normal !important;
	}
.header .navSub {
	clear: right;
	width: 600px;
	text-align: right;
	}
.header .navSkip {
	position: absolute;
	top: -500px;
	}
.navIn {
	color: #990000 !important;
	}



/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 5. footer */
.footer {
	clear: both;
	margin: 20px 0 100px 0;
	padding: 10px 0 100px 0;
	font-size: 11px;
	color: #808080;
	border-top: 1px dotted #CCC;
	position: relative;
	}
.footer li {
	display: inline;
	list-style-type: none;
	margin-right: 7px;
	}
.footer li a {
	color: #808080;
	text-decoration: none;
	}
p.securelogos {
	margin-bottom: 10px;
	}











/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 6. content */
#content p {
	font-size: 12px;
	color: #808080;
	line-height: 16px;
	padding-bottom: 10px;
	}
#content h1, #content h2 {
	font-size: 15px;
	color: #4c4c4c;
	}
#content p a {
	color: #808080;
	}







/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 7. coloumns */
.lhs, .rhs {
	float: left;
	padding: 20px 0;
	width: 430px;
	}
.rhs {
	float: right;
	}

.rhsIFrame {
	padding: 0px 0;
	width: 430px;
	}

#iframeInMailingList	{ /* add padding in mailinglist-new.php, the only places where the form is out of place without this */
	padding-top: 20px;
}




/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 8. home page forms */
.subscribe {
	border: 1px solid #CCC;
	padding: 10px 2px 10px 10px;
	float: left;
	}
.subscribe h3 {
	font-size: 15px;
	color: #4c4c4c;
	}
.subscribe h4 {
	font-size: 12px;
	font-weight: normal;
	color: #808080;
	margin-bottom: 10px;
	}
.subscribe label {
	display: block;
	font-size: 12px;
	color: #4c4c4c;
	}
.subscribe p {
	padding-bottom: 4px !important;
	float: left;
	font-size: 12px;
	color: #4c4c4c;
	}
.subscribe p em {
	margin-top: 8px;
	font-size: 10px;
	}
.subscribe .formTextfield {
	border: 1px solid #CCC;
	font-weight: bold;
	color: #4c4c4c;
	font-size: 12px;
	width: 190px;
	margin-right: 10px;
	}
.subscribe p.btn {
	clear: both !important;
	text-align: right;
	width: 400px;
	margin-right: 12px;
	margin-top: 8px;
	}
.formBtn {
	background-color: #4C4C4C;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	padding: 2px 1px;
	border: 0;
	}
.formBtn:hover {
	background-color: #990000;
	cursor: pointer;
	}
.subscribe .checkbox label {
	display: inline;
	}
.subscribe .formDropdown {
	border: 1px solid #CCC;
	font-weight: bold;
	color: #4c4c4c;
	font-size: 12px;
	width: 190px;
	}






/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 9. survey */
.survey p {
	color: #330000 !important;
	}
.survey label {
	display: block;
	}
.survey h3 {
	color: #990000;
	font-size: 16px;
	margin-bottom: 10px;
	}
.survey form li {
	list-style-type: none;
	color: #330000;
	font-size: 12px;
	}
.survey form li label {
	font-weight: normal !important;
	display: inline !important;
	}
.survey form ul {
	margin-bottom: 8px;
	}
.survey form p {
	font-weight: bold;
	}
.survey .formTextfield {
	color: #990000;
	border: 1px solid #CE9191;
	width: 300px;
	padding: 3px;
	font-size: 14px;
	font-weight: normal;
	}
.survey select {
	color: #990000;
	font-size: 14px;
	font-weight: normal;
	}


/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* 9. store page nav */
.navStore {
	clear: both;
	float: left;
	list-style-type: none;
	position: relative;
	width: 900px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #330000;
	}
.navStore li {
	float: left;
	display: inline;
	}
.navStore li a {
	float: left;
	}
.saleItems {
	position: absolute;
	top: 0;
	left: 678px;
	}