/*----------------------------------------------------------------------------
Style Sheet for Common Pages

Version: Anthony Braden v1.0
Created: 29/10/07
Last Updated: 29/10/07
Author: Dominic Laurence
Email:	dominic@sofweb.co.uk
----------------------------------------------------------------------------*/
/*UNIVERSAL STYLES*/
*{
margin:0px;
padding:0px
}
body{
	background-color: #000000;
	text-align:left
}
div#container{
	background-color: #ffffff;
	width: 870px;
	margin-left: auto;
	margin-right: auto
}
div#header {
	position: relative;
	z-index: 10;
	width: 870px;
	height: 116px;
	font-family: Arial;
	font-size: 10px;
	color: #ffffff;
	background-color: #000000
}
div#header a{
	color: #ffffff;
	text-decoration: none
}
div#menu {
	position: absolute;
	height: 25px;
	top: 95px
}
div#menu div { 
	background-color: #000000;
	position: absolute;
	height: 20px
}
div#menu div a{ 
	padding: 4px;
	display: block
}
div#menu div a:hover{ 
	color: #ec008c
}
div#menu div div {
	display: none
}
div#menu div div a{
	display: block;
	padding: 4px;
	border-bottom: 1px solid #b0b0b0;
	width: 130px;
	background-color: #939598
}
div#menu div div a:hover{
	color: #ffffff;
	background-color: #ec008c
}
#mnuItemHome {
	width: 174px;
	left: 8px
}
#mnuItem1 {
	width: 174px;
	left: 53px
}
#mnuItem2 {
	width: 50px;
	left: 202px
}
#mnuItem3 {
	width: 65px;
	left: 248px
}
#mnuItem4 {
	width: 50px;
	left: 318px
}
#mnuItem5 {
	width: 130px;
	left: 359px
}
#mnuItem6 {
	width: 95px;
	left: 474px
}
#mnuItem7 {
	width: 70px;
	left: 562px
}
#mnuItem8 {
	width: 110px;
	left: 630px
}
#mnuItem9 {
	width: 70px;
	left: 738px
}
#mnuItem10 {
	width: 50px;
	left: 805px
}
div#header #topLinks {
	float: right;
	font-size: 11px;
	text-align: right;
	margin-top: 20px;
	line-height: 20px;
	padding-right: 16px
}
div#header #topLinks a {
	text-decoration: underline
}
div#content{
	width: 870px;
	font-family: Arial;
	color: #000000;
	padding-bottom: 50px;
	background-color: #fff;
	font-size: 13px
}
div#content p {
	padding-top: 12px
}
div#content p a{
	color: #ec008c;
	text-decoration: none;
	font-style: italic
}

div#content .pageHeading {
	font-weight: bolder;
	color: #000000;
	font-size: 17px;
	margin-top: 25px;
	margin-left: 175px
}
p.intro {
	font-weight: bold;
	color: #76777a;
	font-size: 13px;
	width: 650px;
	margin-left: 175px
}
.colored {
	color: #ec008c
}
/*----------------------------------------------------------------------------
PRODUCTS CODE
----------------------------------------------------------------------------*/
div.products {
	width: 850px;
	font-size: 13px;
	margin-top: 20px
}
div.products img {
	border: none
}
p.italictext {
	font-style: italic;
	font-size: 12px	
}
p.heading {
	font-weight: bold;
	color: #ec008c;
	font-size: 16px
}
div.leftcontent {
	width: 175px;
	height: 291px;
	float: left
}
div.rightcontent {
	width: 675px;
	float: right;
	min-height:291px;
	_height: 291px;
	border-top: 1px dashed #918f8f
}
div.selectionarea p {
	font-weight: bold;
	font-size: 12px
}
div.rightcontent table p {
	font-size: 10px;
	font-weight: bold;
	position: relative;
	float: left 
}
div.rightcontent table .quantitybox {
	padding-left: 15px;
	height: 54px
}
.quantities {
	width: 20px
}
div.rightcontent td {
	padding-right: 18px;
	width: 112px
}
div.rightcontent p.shadename {
	width: 100px;
	margin-top: -10px
}
div.rightcontent td img {
	width: 40px;
	height: 40px
}
div.description {
	width: 272px;
	float: left
}
div.description .bullett{
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	padding-left: 15px;
	margin-top: 13px;
	background: #ffffff url('/images/bullet.gif') no-repeat	
}
div.selectionarea {
	width: 360px;
	float: left;
	margin-left: 30px
}
div.selectionarea ul {
	margin-top: 20px;
	margin-left: -10px;
}
div.selectionarea li {
	font-size: 11px;
	padding-left: 8px;
	float: left;
	list-style: none
}
div.selectionarea li a, .buttons li a{
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	background-color: #000000;
	color: #ffffff
}
div.selectionarea li a.checkoutBtn, .buttons li a.checkoutBtn {
	background-color: #ec008c
}
div.selectionarea li a:hover, .buttons li a:hover {
	background-color: #ec008c
}
div.clear {
	width: 600px;
	height: 1px;
	clear: both
}
div#footer{
	width: 870px;
	height: 81px;
	float: left;
	border-top: 1px dashed #918f8f;
	background: #ffffff url('/images/logoBottom.gif') no-repeat
}
div#footer #bottomNav {
	width: 418px;
	margin-left: 350px;
	margin-top: 24px;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	line-height: 17px;
	list-style: none
}
div#footer #bottomNav li{
	padding-left: 2px;
	float: left
}
div#footer #bottomNav a{
	color: #000000;
	text-decoration: none
}
div#footer #bottomNav a:hover{
	text-decoration: underline
}