/* Aspelle CSS */

body {
	font-size:14px; /* only picked up byno table items */
	line-height: 17px;
	background-color:#ffffff;
	color: #ff0198;
	/* color:#6b6963; */
	font-family:Helvetica, Arial, sans-serif;
}

p {
	color: #0099cb;
	margin:6px 20px 20px;
	/* margin:6px 20px 0px; if space is needed */
	font-family:Helvetica, Arial, sans-serif;
	/*font-family:TimesRoman, serif; */
	font-size: 14px;
	/* text-indent:1em; */
	/* color: #6B6963; */
	line-height: 17px;
	clear:left;
}

ul {
	margin-left: 0;
	padding-left: 0;
}
li {
	list-style:none;
	margin-left: 0;
	padding: 1px 14px;
}

/* Global styles*/ 
#main {
	text-align:center;
}

#pageContent{
	margin: 50% auto;  /* horizontal center aligns this div in it's parent*/
	position:absolute; 
	top:50%;
	left:50%;
	margin-top:-280px;
	margin-left:-350px;
	text-align:left; 
	width: 700px; /* use em or % if you want the content to scale width ways */
	
}

#header {	
	height: 75px; /*IE uses this rule as it doesn't allow !important - handy little hack */
	margin: 0;
	padding:0;
	background: url(../img/CompleteTop.jpg) 000px 00px no-repeat !important; /*Firefox, Mozilla etc use this rule */
	background: url(../img/CompleteTop.jpg) 000px 00px no-repeat /*IE uses this rule as it doesn't allow !important - handy little hack */ 
}

/*
#headerLogo  {
	position:absolute;
	top:23px;
	right:20px;
	font-size:58px;
	color:#ffffff;
	line-height:58px;
	letter-spacing:-0.12em;
}

#star {
	position:absolute;
	top:8px;
	right:43px;
	font-size:60px;
	color:#ffffff;
	line-height:54px;
}
*/

#gap {	
	height:5px;
	background-color:#ffffff;
}

#content{	
	font-size: 14px;
}

#nav {
	background-color:#33cfeb;
	font-size:12px;
	line-height: 12px;
	padding-bottom:10px;
	position:relative;
}
#nav a {
	color: #ff0198;
	text-decoration: none;
}
#nav a:link, #nav a:visited, #nav a:active { color: #000000; }
#nav a:hover { color: #ffffff;}

#nav ul {
	display: inline;
}
#nav ul li{
	padding: 0px 10px;
	display: inline;
}
#nav ul li.first{
	padding: 0px 10px 0px 20px;
	border-left: none;
	display: inline;
}

#slogan {
	position:absolute;
	right:50px;
	top:0px; 
	padding:1px;
	color: #ffffff;
	font-size:12px;
	font-weight:normal;
}

.colourOption {
	margin-top:6px;
	margin-bottom:20px; /* was 12px */
	display:block;
	float:left;
	margin-right:10px;
}


.colour {
	min-width:40px; /* ignored by ie but done by opera,moz and firefox; */
	width:auto !important; /* ignored by ie but done by opera,moz and firefox; */
	width:40px; /*done by ie but ignored by moz,opera and firefox;*/
	min-height:40px;
	height:auto !important;
	height:40px;
	}

#thumb0, #thumb1, #thumb2, #thumb3, #thumb4 {
	width:700px;
	background-color:#ffffff;
	float:left;
	clear:right; 
	position:relative; 
	display:none;
	min-height:120px;
	height:auto !important;
	height:120px;
	background: url(../img/BotPanel.jpg) #ffffff bottom left no-repeat !important; /*Firefox, Mozilla etc use this rule */
	background: url(../img/BotPanel.jpg) #ffffff bottom left no-repeat /*IE uses this rule as it doesn't allow !important - handy little hack */ 
	
}


.thumbOption {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin:10px 0px 0px 20px;
	float:left;
	min-width:80px; /* ignored by ie but done by opera,moz and firefox; */
	width:auto !important; /* ignored by ie but done by opera,moz and firefox; */
	width:80px; /*done by ie but ignored by moz,opera and firefox;*/
	min-height:70px;
	height:auto !important;
	height:70px;
	border=0px solid #0099cb !important; 
}

a.thumbText {
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
}
a.thumbText:link, a.thumbText:visited, a.thumbText:active {
}
a.thumbText:hover {
}


#further  {
	position:absolute;
	bottom:37px;
	right:0px;
	font-size: 12px;
	line-height: 14px;
}



/* this style rule causes it's parent element to scale vertically */
#footer {
	clear:both;
	overflow: hidden;
}


#leftHandColumn  {
	width:150px;
	/* background-color:#ccffff; */ 
	 background-color:#ffffff; 
	float:left;
	min-height:345px;
	height:auto !important; 
	height:345px;
}

#rightHandColumn {
	width:550px;
	float:right;
	clear:right;
	min-height:345px;
	height:345px !important;
	overflow:auto;
	/*background: url(../img/corner0.jpg) #ffffff bottom left no-repeat !important; 
	background: url(../img/corner0.jpg) #ffffff bottom left no-repeat; */
	scrollbar-base-color:#35c1ac; 
	scrollbar-arrow-color:#ffffff;
	scrollbar-DarkShadow-Color:#ffffff;
	position:relative;
}


#productSpec {
	width:250px;
	/* background-color:#acffff; */ 
	background-color:#ffffff; 
	float:left;
	clear:left;
}

#productImg {
	width:300px;
	/* background-color:#ccffff; */ 
	background-color:#ffffff; 
	float:right;
	clear:right;
	position:absolute;
	top:54px;
	left:250px;
}


/* table styles */
/*table[rules=rows] tr {
	order-top:solid
}
table[rules=rows]    {
	border-collapse:collapse;
	border-top:hidden
} */
/* above rules do not seem to work */

table {
	margin-left:20px;
	font-size: 14px;
	line-height: 17px;
	border=1px solid #35c1ac;
	background-color:#ffffff;
}

table.popup {
	margin:none;
	border-color:#35c1ac;
	border-top: 12 solid;
	border-right: none;
	border-bottom:4px solid;
	width:280px;
	height:180px;
}

th {
	width:6.5em;
	padding-left: 1cm;
	font-weight:normal;
	border-bottom:1px solid #35c1ac;
}


td {
	width:2.5em;
	padding: 0 0.4em;
	border-left:1px solid #35c1ac;
	border-bottom:1px solid #35c1ac;
}

td.popup {
	padding: 1em;
	width:auto;
	border:none;
}


.bottom {
	border-bottom:0px;
}


/* Form Styles */

select {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
}

input {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
}



/* Other specific styles */

/* Text Styles */

.category {
}

.item {
	margin:0 20px;
	font-weight:normal;
}

.price {
	/*position:absolute;*/  /* to move price to the right */
	/*right:0px;*/
	top:20px;
	/*margin:0 20px;*/ 
	margin: 0px; 
	font-weight:normal;
}

a.bodytext {
	font-size: 14px;
	text-decoration: none;
	line-height: 14px;
}
a.bodytext:link, a.bodytext:visited, a.bodytext:active {
	color: #00ccff;
}
a.bodytext:hover {
	color: #0099cb;
}

.drill1 {
	font-size: 14px;
	line-height: 17px;
}
a.drill1 {
	font-size: 14px;
	text-decoration:none; 
	line-height: 17px;
	margin-left:7px;
}

.drill2 {
	font-size: 14px;
	line-height: 17px;
	margin-left:-6px;
}
a.drill2 {
	font-size: 14px;
	text-decoration:none;
	line-height:17px;
	margin-left:-6px;
}

#sub1,#sub2,#sub3,#sub4 {
	display:none;
}

/* Text decoration styles */
.logo  {
	font-size:1.2em;
	font-weight:bolder;
	/* color:#FD6D6D; */	
        color:#993399;
	letter-spacing:-0.12em;
	font-style:normal;
}

.fraction {
	font-size:12px;
	position:relative;
	bottom:2px;
}

/* clear hack */
.clr{
	clear:both;
	overflow: hidden;
}

#leftHandColumn h2 {
	margin-top:20px;
	font-size:22px;	
	margin-left:20px;	
	margin-bottom:40px;	
}

#rightH2 {
	clear:both;
	float:left;
}

#rightH2 h2 {
	margin-top:20px;
	font-size:22px;	
	margin-left:20px;	
	margin-bottom:34px;	
}

/* Colour formatting */
body { background-color:#edffff; color:#000000; }
p { color: #000000; }
select,input { 	color: #000000; background-color:#ffffff; }
#header { background-color:#35c1ac; }
#gap    {background-color:#ffffff; }
#nav { background-color:#35c1ac; }
#nav a { color:#000000; }
#thumb1,#thumb2,#thumb3,#thumb4 { background-color:#fffff; }

#spacer0 { background-color:#35c1ac;line-height:20px; }
#spacer1 { background-color:#d4f77f;line-height:20px; } 
#spacer2 { background-color:#aee6ff;line-height:20px; }
#spacer3 { background-color:#e6e09d;line-height:20px; } 
#spacer4 { background-color:#cdd6c2;line-height:20px; }

.thumbOption { color: #000000; }
#leftHandColumn { background-color:#99cccc;color:#FFFFFF; }

#rightHandColumn { background-color:#FFFFFF; } 
#productSpec { background-color:#FFFFFF; } 
#productImg { background-color:#FFFFFF; } 
/* .category1 { color: #d4f77f; }
.category2 { color: #aee6ff; }
.category3 { color: #e6e09d; }
.category4 { color: #cdd6c2; } */
.category1 { color: #000000; }
.category2 { color: #000000; }
.category3 { color: #000000; }
.category4 { color: #000000; } 
.item { color: #000000; }
.price { color: #000000;font-weight:normal; }
a.bodytext:link, a.bodytext:visited, a.bodytext:active { color: #000000; }
a.bodytext:hover { color: #000000;font-weight:bold; }
a.thumbText:link, a.thumbText:visited, a.thumbText:active { color: #000000; }
a.thumbText:hover { color: #000000;font-weight:bold; }
.drill1 { color: #FFFFFF;font-weight:bold }
a.drill1 { color: #FFFFFF;font-weight:bold; }
.drill2 { color: #000000;font-weight:bold; }
a.drill2:link, a.drill2:visited, a.drill2:active { color: #000000;font-weight:normal; }
a.drill2:hover { color: #000000;font-weight:bold; }
em.logo  { color:#35c1ac; }


/* Text formatting */