body {
	margin: 0px;
	padding: 0px;
	background-color: #DDD;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(images/design/shadow.png);
	background-repeat: repeat-y;
	background-position: top center;
}

#container {
	width: 800px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}

#notice {
	width: 720px;
	background-image: url(images/design/colourbar.gif);
	background-repeat: repeat;
	padding: 0px;
	text-align: right;
	float: left;
	height: 30px;
}


#notice p {
	margin: 0px 10px 0px 0px;
	font-size: 0.69em;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.4;
}
#notice a {
	color: #3399FF;
	text-decoration: none;
	border-left: 1px solid #3399FF;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 10px;
	display: block;
	float: left;
}
#notice a:hover {
	color: #FFFFFF;
}

#nav {
	width: 800px;
	background-image: url(images/design/colourbar.gif);
	background-repeat: repeat-y;
	padding: 0px;
	text-align: right;
	float: left;
	background-color: #003399;
}


#nav ul {
	margin: 0;
	padding: 0px;
	font-size: 0.69em;
	font-weight: normal;
	list-style-type: none;
	text-align: right;
	float: left;
	width: 800px;
}
#nav li {
	float: right;
}

#nav a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 6px 10px;
	display: block;
	border-left: 1px solid #FFF;
}
#nav a:hover {
	color: #FFFFFF;
	background-color: #FF6600;
}

#top {
	width: 800px;
	padding: 20px 0px;
	float: left;
	height: 300px;
}
#content {
	float: left;
	width: 800px;
	margin: 0px 0px 20px 0px;
	background-image: url(images/design/content-bkgd.gif);
	background-repeat: repeat-y;
	background-position: top right;
	clear: left;
}

#news {
	float: left;
	width: 800px;
	margin: 0px 0px 0px 0px;
	clear: left;
}

#picarea {
	float: left;
	width: 370px;
	margin: -20px 0px 0px 0px;
}

#picarea img {
	margin: 20px 20px 0px 0px;
	float: left;
	width: auto;
}
#awards {
	float: left;
	width: 530px;
	height: 175px;
}

#awards p {
	font-size: 0.69em;
	color: #FF9900;
	font-weight: normal;
	line-height: 1.3;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px;
}


#text {
	background-color: #003399;
	background-image: url(images/design/clouds.jpg);
	background-repeat: no-repeat;
	float: left;
	padding: 10px 0px 5px 0px;
	width: 430px;
	margin: 0;
}

.newswrapper {
	width: 800px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	float: left;
}

.newspic {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 165px;
}

.newspic img {
	margin: 0px 0px 20px 0px;
}

.newstext {
	float: left;
	width: 615px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-color: #003399;
}
.newstext ul {
	list-style-type: disc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	float: left;
	font-size: 0.75em;
}
.newstext li {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}


/*text styles */

#text h1,
#shop h1,
#news h1  {
	font-size: 1.38em;
	line-height: 1;
	color: #3399FF;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px 10px;
}

#shop h1  {
	display: block;
	float: left;
	width: 595px;
}

#text h2,
#shop h2,
#news h2 {
	font-size: 0.88em;
	color: #FF9900;
	font-weight: normal;
	line-height: 1.3;
	margin: 0px 10px 5px 10px;
}

#text h2 {
	padding: 5px 0px 0px 0px;
	border-top: 1px dotted #3399FF;
}

#shop h2 a {
	color: #FF9900;
	text-decoration:none;
}

#shop h2 a:hover {
	color: #FFF;
}

#text h3,
#shop h3 {
	font-size: 0.69em;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.3;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px;
}

#text h4,
#shop h4 {
	font-size: 0.75em;
	color: #FF9900;
	font-weight: normal;
	line-height: 1.3;
	margin: 0px 0px 20px 0px;
	padding: 0px 10px;
}
#text h4 a {
	color: #FF9900;
}
#text h4 a:hover {
	color: #FFFFFF;
}

#text p,
#shop p,
#news p {
	font-size: 0.75em;
	color: #FFFFFF;
	line-height: 1.3;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px;
}

.actxsmall {
	font-size: 0.69em;
	color: #FFF;
	line-height: 1.3;
	margin: 0px 0px 10px 0px;
	padding: 0px 3px;
}
#text p a,
#shop p a, 
#news p a {
	color: #FFFFFF;
	text-decoration: underline;
}

#text p a:hover,
#shop p a:hover,
#news p a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#text ul, ol {
	padding: 0px 0px 0px 20px;
	margin: 0px 10px 10px 8px;
	color: #FFFFFF;
}

#text li {
	font-size: 0.75em;
	line-height: 1.3;
}
#text li ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#text li li {
	font-size: 1em;
}

#text hr {
	border: none 0;
	border-top: 1px dotted #3399FF;
	height: 1px;
	margin: 0px 10px 5px 10px;
	padding: 0px;
}

.orangedot {
	color: #003399;
}

#footer {
	padding: 5px 0px 0px 0px;
	clear: left;
	background-color: #FF6600;
}

#footer p {
	font-size: 0.69em;
	color: #FFFFFF;
	margin: 0;
	padding: 0px 10px 4px 10px;
}

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

#footer a:hover {
	color: #003399;
}

#credits {
	font-size: 0.69em;
	color: #FF9900;
	padding: 0px 0px 10px 10px;
	background-color: #FF6600;
}

#credits a{
	color: #FF9900;
	text-decoration: none;
}

#credits a:hover{
	color: #FFCC00;
	text-decoration: none;
}



/* ----------- ACTINIC SHOP STYLES ----------- */

#content-shop {
	float: left;
	width: 800px;
	margin: 0px 0px 20px 0px;
	background-image: url(images/design/shop-bkgd.png);
	background-repeat: repeat-y;
	background-position: top right;
	clear: left;
}


#sidebar {
	float: left;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#sidebar h2 {
	margin: 0px 0px 5px;
	font-size: 0.88em;
	color: #FFFFFF;
	font-weight: normal;
	padding: 10px 10px 0px 10px;
}

#sidebar h3 {
	margin: 0px;
	font-size: 0.75em;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

#sidebar h3 a {
	color: #FFFFFF;
	text-decoration: none;
	border-top: 3px solid #FFF;
	display: block;
	padding: 8px 10px;
	background-color: #CC0000;
}
#sidebar h3 a:hover {
	background-color: #003399;
}

#sidebar p {
	margin: 0px;
	font-size: 0.69em;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0px;
}

#sidebar p a {
	color: #FFFFFF;
	text-decoration: none;
	border-top: 1px solid #FFF;
	display: block;
	padding: 5px 10px;
	background-color: #FF6600;
	margin: 0;
}
#sidebar p a:hover {
	background-color: #003399;
}

#categories {
	background-color: #003399;
	margin: 0px 20px 20px 0px;
	border-right: 0px solid #FFF;
	width: 165px;
}

#shopcategories {
	margin: 0;
	padding: 0px;
}

#shopcategories a {
	display: block;
	font-size: 0.69em;
	padding: 5px 10px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px solid #FFF;
	border-top: 1px solid #FFF;
}

#shopcategories a:hover {
	color: #FFFFFF;
	background-color: #FF6600;
}

#searchwrap {
	padding: 10px;
	margin: 0;
	border-top: 3px solid #FFF;
}

#searchwrap form {
	padding: 0px;
	margin: 0;
}

.searchbox {
	width: 110px;
	margin: 0;
	padding: 0px;
	font-size: 0.69em;
}

.go {
	width: 30px;
	padding: 0px;
	font-size: 0.69em;
}

#cart {
	background-color: #FF6600;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	width: 165px;
}

#cart-summary {
	padding: 0px 10px 5px 10px;
	font-size: 0.69em;
	color: #FFF;
	line-height: 1.4;
}

#cart-summary a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	width: 165px;
}

#cart-summary a:hover {
	color: #2A1B0F;
}

#shopnav {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #FF9900;
	width: 165px;
}

#shopnav a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	margin: 0;
	font-size: 0.69em;
	border-top: 1px solid #FFF;
}

#shopnav a:hover {
	color: #FFFFFF;
	background-color: #003399;
}




#shop {
	float: left;
	width: 615px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#shoptext1 {
	float: left;
	width: 535px;
	margin: 0px;
}

#shoptext hr {
	border: none 0;
	border-top: 1px dotted #3399FF;
	height: 1px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#shoptext,
.shop_wrapper {
	margin: 0;
	padding: 10px 0px;
	clear: left;
	float: left;
	width: 615px;
	border-top: 1px dotted #3399FF;
}

.shop_pic {
	float: left;
	width: 165px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.shop_text {
	margin: 0px 10px 0px 0px;
	color: #282821;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 430px;
}

.shopbreadcrumbs {
	margin: 0;
	padding: 10px 0px 0px 0px;
	float: left;
	width: 535px;
	border-top: 1px dotted #3399FF;
	clear: left;
}


/*---------------- shop cart -----------------*/

.cartgrid {
	margin: 0px 0px 10px 10px;
	width: 595px;
}

.cartgrid table {
	width: 100%;
}

.cartheading-left {
	background-color: #FF6600;
	padding: 5px;
	font-size: 0.69em;
	color: #FFFFFF;
	text-align: left;
}

.cartheading {
	background-color: #FF6600;
	padding: 5px;
	border-left: 1px solid #003399;
	font-size: 0.69em;
	color: #FFFFFF;
	width: 60px;
	text-align: right;
}

.product {
	background-color: #0066CC;
	padding: 5px;
	font-size: 0.69em;
	color: #FFFFFF;
	border-top: 1px solid #003399;
}

.cartgrid li {
	font-size: 1em;
}

.product a {
	color: #FFFFFF;
}

.product a:hover {
	color: #FF6600;
}

.cart {
	background-color: #0066CC;
	padding: 5px;
	font-size: 0.69em;
	width: 60px;
	text-align: right;
	border-left: 1px solid #003399;
	border-top: 1px solid #003399;
	color: #FFFFFF;
}

.subtotal-left {
	font-size: 0.69em;
	padding: 5px;
	text-align: right;
	background-color: #3399FF;
	border-top: 1px solid #003399;
	color: #FFFFFF;
}

.subtotal {
	background-color: #3399FF;
	padding: 5px;
	font-size: 0.69em;
	width: 60px;
	text-align: right;
	border-top: 1px solid #003399;
	border-left: 1px solid #003399;
	color: #FFFFFF;
}

.total {
	background-color: #FF9900;
	padding: 5px;
	font-size: 0.69em;
	color: #003399;
	width: 60px;
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #003399;
	border-left: 1px solid #003399;
}

.total-left {
	font-size: 0.69em;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	background-color: #FF9900;
	border-top: 1px solid #003399;
	color: #003399;
}

.formtext {
	font-size: 0.69em;
	padding: 5px 10px 10px 0px;
	color: #FF9900;
	width: 180px;
	vertical-align: top;
}

.formtext-right {
	font-size: 0.69em;
	padding: 5px 10px 10px 0px;
	color: #FFF;
	vertical-align: top;
}

.receipthead {
	background-color: #007D57;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 5px;
	font-size: 0.69em;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.receipthead-right {
	background-color: #007D57;
	padding: 5px;
	font-size: 0.69em;
	color: #FFFFFF;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;
}

.receipt {
	background-color: #DDDDDD;
	padding: 5px;
	font-size: 0.69em;
	color: #282821;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.buttons input {
	margin: 0px 10px 0px 0px;
}




/*---------------- form inputs -----------------*/

#name,
#subject,
#email,
#message,
#search,
#price,
#username,
#password,
#country,
#state,
#address1,
#address2,
#city, 
#postcode,
#tel,
#coupon,
#tax1,
#tax2,
#postage,
#instruction,
#found,
#whybuy,
#cctype,
#ccnumber, {
	width: 200px;
}

#ccexpmonth,
#ccexpyear, 
#ccstartmonth,
#ccstartyear,
#issue {
	width: 50px;
}
,