/* MAIN NAVIGATION BAR, breaks if further down the page */

ul#nav
	{ 
		background-color: transparent; 
		background-image: url(/_images/navigation/bg-mainnav.gif); 
		background-position: left top; 
		background-repeat: repeat-x;  
		float: left; 
		height: 39px;  	
		padding-left: 0px; 
		padding-right: 25px;  
		width: 100%;
		margin:0;
	}

		ul#nav li
		{
			float: left;
			list-style-type: none;
			padding-top:12px;
			padding-bottom:11px;
		}

			ul#nav li a 
			{
				color: black;				
				text-decoration: none;
				background-repeat: repeat-x;
				background-position: top left;
				background-color: transparent;
				font-weight:bold;
				font-size:1.2em;
				padding-left:15px;
				padding-right:15px;
				padding-top:12px;
				padding-bottom:11px;				
			}
			
			ul#nav li a:hover
			{				
				color: #FFFFFF;
				background-color: #4A4A4A;
			}

/* Main Body format */
body {
	color: #000000;
	font-family: verdana;
	font-size: 0.7em;
	background-image:url(/_images/bg-hash.gif);
	background-repeat: repeat-x repeat-y;
}

.whiteshell {
	padding: 25px 25px 25px 0px;
	width:80%;
	background-color:white;	
	position:relative;
	left:8%;
	float:left;
}

.content {
	padding: 25px 0px 25px 25px;
	float: left;
	clear: both;
	width:80%;
}

.innershell {
	text-align:right;
	float:right;
}

/* General stuff */
img {
	border:1px black solid;
	margin: 5px;
}

a {
	color: #993333;
}

p {
	font-family:verdana;
	font-size:1em;
}

a:visited {
	color: #cc0000;
}

a:hover {
	color: #cc0000;
}

.linkcolor {
	color: #993333;	
}

.center {
	text-align:center;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.noborder {
	border:0px;
}

.clearboth {
	clear: both;
}

/* headings h1 - h5 
	h1: page top bar title - shouldn't be used elsewhere
	h2: page title - larger than base text
	h3: page subtitles - slightly larger than base text
	h4 / h5 : emphases - same size as base text
*/
h1, h2, h3, h4, h5 {
	color: #000000;
	font-family: verdana;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

h1 a, h2 a, h1 a:visited, h2 a:visited {
	color: #000000;
	text-decoration: none;
}


h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.15em;
}

h4, h5 {
	font-size: 1em;
}

th {
	text-align:left;
}

.error {
	color: red;
	font-weight:bold;
}

.success {
	color: green;
	font-weight:bold;
}


/* Shopping Cart Box */
div .shoppingcontainer {
	float:right;
	background-color:#E7F7E7;
	width:177px;
	height:60px;
	margin-left:20px;
}
.shoppingcontainer h2 {
	font:arial;
	color:#29864A;
	text-align:center;
}

.shoppingcontainer #viewcart {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	border: 0;
}

.shoppingcontainer #checkout {
	position:relative;
	float:right;
	top:0px;
}

.shoppingcontainer #paypal {
	padding-top:8px;
	width: 39px;
	height: 11px;
}

.shoppingcontainer p {
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}

.shoppingcontainer a{
	float: left;
}

.shoppingcontainer img{
	border: 0px;
}
/* Search box */




div .searchcontainer {
	float:right;
	background-color:#F6F3F7;	
	height:40px;
	margin-right:10px;
	padding:10px;
}

.searchcontainer p {
	margin:0;
	padding:0;	
}

.searchcontainer #searchinput /*form field*/ {
	float:left;	
	padding:0px;
	height:20px;
	color:#7B7D7B;
}

.searchcontainer #searchgo /*image go form button*/ {
	margin:0px;
	padding:0;
	width:53px;
	height:26px;
	position:relative;
	top: -1px;
}

.searchcontainer #advancedsearch {
	position:relative;	
	left:-90px;
}



/* Bonus Nav Menu */
div .bonusnav {
	clear:right;
	padding-top:5px;
}

/* Breadcrumbs */
.breadcrumbs {
	width:80%;
	float:left;
	margin:5px;
}

.topbar {
	width:100%;
	background-color:white;
}




/* Highlight boxes - Such as that on the homepage listing number of products, etc */
.highlight {
	background-color: #ffcccc;
	border: 1px solid #000000;
	padding-top:5px;
	padding-bottom:3px;
	padding-left: 10px;
	padding-right: 3px;
	margin:10px;
	
}

.highlight .linkcolor {
	color: #ff6633;
}

.highlight a {
	color: #ff6633;
}

.highlight a:visited {
	color: #ff6666;
}

.highlight a:hover {
	color: #ff6666;
}

/* Footer */
.footer {
	width:80%;	
	padding-top:5px;
	position:relative;
	left:8%
}

.footer #footerleft {
	float:left;
	width:50%;
}

.footer #footerright {
	float:right;
	text-align:left;
	width:40%;
}


/* MY ACCOUNT AREA */

/* Control Panel bar */
div#ma_cp_container {
	float: left;
	width: 200px;
	background-color:lightgray;
	color:white;
	margin-top:15px;
	margin-right:50px;
	padding:2px;
}

div#ma_cp_container ul#ma_cp a{
	color:white;
	text-decoration:none;
}

ul#ma_cp {
	text-indent:-20px;
	list-style-type:none;
}


div#ma_cp_container ul#ma_cp a:hover {
	color:#cc0000;
	text-decoration:underline;
}