@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	height: 100%;
	min-height: 100%;
}

form {
	padding:0px;
	margin:0px;
}
.home {
	background-image:url(images/home_bg.gif);
	background-position-y: 29px;
}

body,td,th {
	color: #58595B;
}

p {
	margin-bottom: 6px;
	margin-top: 0px;
}

a {
	color:#1BB5C3;
}

a:hover {
	color: #58595B;
}

ul {
	padding-left: 0px;
	margin-left: 30px;
	margin-top: 2px;
	margin-bottom: 8px;
	list-style-type:disc;
}
li {

	padding:0px;
	margin:0px;
	margin-bottom: 2px;
	
}	

#halfcircle {
	clear:both;
	position:relative;
	width:6px;
	height:13px;
	float:left;
	margin-left:14px;
	padding-top:1px;
	padding-right:7px;
}
#triangle {
	position:relative;
	width:13px;
	height:13px;
	float:left;
	padding-top:0px;
	padding-right:1px;
	margin-top:12px;
}
h1 {
	font-size:26px;
	line-height:29px;
	padding:0px;
	margin:0px;
	font-weight:normal;
	text-align:center;
	color:#FFFFFF;
	
}

h2 {
	font-size:14px;
	line-height:18px;
	padding:0px;
	margin:0px;
	font-weight:bold;
	text-align:left;
	color:#1BB5C3;
	
}
h3 {
	font-size:12px;
	line-height:16px;
	padding:0px;
	margin:0px;
	font-weight:bold;
	text-align:left;
	
}

.bluetext {
	color:#1BB5C3;
}


#container {
	position:relative;
	width: 902px;
	
	background-repeat: repeat-y;
	margin: 0 auto;
	border: 0px;
	top: 0px;
	text-align: left;
	left: 0px;
	height: 100%;
}
.homecont {
	background-image:url(images/container_bg.gif);
}
.catcont {
	background-image:url(images/cat_bg.gif);
}

#homeHeader {
	position:absolute;
	margin: 0px;
	padding: 0px;
	top:-3px;
	left:2px;
	width:236px;
	height:260px;
	z-index: 0;
}
#sidenav {
	position:absolute;
	margin: 0px;
	padding: 0px;
	top:270px;
	left:2px;
	width:236px;
	height:260px;
}
#sidenav p{
	margin:0px;
	padding:0px;
	margin-left:0px;
	margin-bottom:0px;
}

#sidenav h2 {
	font-size:12px;
	font-weight:normal;
	color:#1BB5C3;
	margin:0px;
	padding:0px;
	margin-top:12px;
	margin-bottom:2px;
}
#sidenav h3 {
	font-size:12px;
	font-weight:bold;
	color:#1BB5C3;
	margin:0px;
	padding:0px;
	margin-top:12px;
	margin-bottom:2px;

}

#sidenav h3 a {
	color:#1BB5C3
}

#sidenav h3 a:hover {
	color:#58595B
}

#sidenav a {
	color:#58595B;
	text-decoration:none;
}
#sidenav a:hover {
	color:#1BB5C3;
}
#catalogbody{
	position: absolute;
	top: 198px;
	left: 240px;
	width: 660px;
	margin:0px;
	padding: 0px;
	
	padding-top:20px;
	border-style:solid;
	border-width:2px 0px 0px 0px;
	border-color:#e7e7e8;
}
#innerbody {
	padding-left: 24px;
}
#homeTagline {
	position:absolute;
	margin: 0px;
	padding: 0px;
	top:506px;
	left:2px;
	width:898px;
	height:46px;
	background-color: #BCBDC0;
	padding-top: 14px;
	border-style:solid;
	border-color:#E7E7E8;
	border-width:0px 0px 2px 0px;
}
#homebody {
	position:absolute;
	margin: 0px;
	padding: 0px;
	top:113px;
	left:2px;
	width:898px;
	height:393px;
}
#mainContent {
	position:absolute;
	left:375px;
	top:68px;
	padding: 0px;
	width:465px;
	float: left;
	height: 305px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#menu_bar_flash{
	position: absolute;
	top: 65px;
	left: 240px;
	width: 660px;
	height: 48px;
	margin-top: 0px;
	padding: 0px;
	color:#999999;
}
#userlogin{
	position: absolute;
	top: 15px;
	left: 240px;
	width: 640px;
	height: 48px;
	margin-top: 0px;
	padding: 0px;
	font-size:11px;
	color:#999999;
	text-align:right;
}
#userlogin a{
	color:#999999;
	text-decoration:none;

}

#userlogin a:hover{
	color:#666666;
	text-decoration:underline;

}
#itemcell{
	position:relative;
	width:135px;
	height:365px;
	float:left;
	margin-right:24px;
	line-height: 120%;
	margin-bottom:20px;
	
}

#itemcell p,h1,h2,h3,h4,h5{
	margin: 0px;
	padding:0px;
	
}
#itemcell a{
	color:#00a1b1;
}
#itemcell p{
	margin-top:7px;
	font-size: 11px;
	margin-bottom:10px;
	color:#333333;
}
#itemcell h2{
	font-size: 11px;
	font-weight:bold;
	line-height:13px;
}
#itemcell h3{
	font-size: 11px;
	font-weight:normal;
}
#itemcell h4{
	clear:both;
	font-size: 11px;
	color:#990000;
	margin-bottom:10px;
}
#itemcell h5{
	font-size: 11px;
	text-align:center;
	margin-bottom: 5px;
	height:100px;
}
#itemtitle {
	height:55px;
	overflow:hidden;
}
#itemdescription {
	height:105px;
	overflow:hidden;
}
#itemcolours {
	height:45px;
	overflow:hidden;
}
#popupcolours {
	position:relative;
	border:0px;
	margin:0px;
	left:0px;
	top:0px;
	overflow:auto;
}
#colourbox {
	
	position:relative;
	display:block;
	left:0px;
	top:0px;
	width:15px;
	height:15px;
	float:left;
	margin-right:1px;
	margin-bottom:2px;
}
#halfcolourbox {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	height:15px;
}
#innercolourbox {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.separator {
	margin-left:4px;
	margin-right:4px;
	color:#666666;
}
#searchblock {
	margin-bottom:10px;
	padding-left: 20px;
	padding-right: 20px;
}
#navbar {
	position: absolute;
	font-size:11px;
	line-height:13px;
	top:158px;
	left:264px;
	width:390px;
	height:30px;
	margin-right:10px;
}
#displaybar {
	position:absolute;
	top:113px;
	left:660px;
	width:230px;
	height:67px;
	padding-left:14px;
	padding-top:18px;
	font-size:11px;
	border-left-color:#e7e7e8;
	border-left-style:solid;
	border-left-width:2px;
}
#pagebar {
	position: absolute;
	font-size:11px;
	top:130px;
	left:264px;
	width:390px;
	height:20px;
	margin-right:10px;
	font-weight:bold;	
}
#footer {
	position:relative;
	clear:both;
	padding-top:20px;
	padding-left:24px;
	border-top-color:#e7e7e8;
	border-top-style:solid;
	border-top-width:2px;
}
#popupcontainer {
	padding:0px;
	position:relative;
	width: 600px;
	margin: 0 auto;
	border: 0px;
	top: 0px;
	text-align: left;
	left: 0px;
	height: 100%;
	font-size:11px;
}
#popupheading {
	padding:0px;
	margin:0px;
	position:relative;
	background-color:#e7e7e8;
	padding:3px 8px 3px 8px;
	color:#58595B;
	font-size:12px;
	font-weight:normal;
	
}
#popupheading a{
	color:#58595B;
	text-decoration:none;
	
}
.smalltext {
	font-size:11px;
	color:#58595B;
	margin-left:30px;
}
#popuptop {
	padding:0px;
	margin:0px;
	position:relative;
	border-style:solid;
	border-width:2px 2px 0px 2px;
	border-color:#e7e7e8;
	padding:8px 0px 8px 8px;
	overflow:inherit;
	height:260px;
	margin-bottom:0px;
	display:block;
	
}
#popupmain {
	clear:both;
	padding:0px;
	margin:0px;
	position:relative;
	border-style:solid;
	border-width:0px 2px 2px 2px;
	border-color:#e7e7e8;
	overflow:inherit;
	margin-bottom:12px;
	margin-top:-6px;
}
#indent{
	position:relative;
	left:16px;
	top:8px;
	width:582px;
	padding-bottom:30px;

}
#popupcontainer p{
	
	color:#58595B;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:8px;
	line-height:120%;
}
#popupcontainer h1{
	color:#58595B;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:18px;
}
#popupcontainer h2{
	margin-top:6px;
	margin-bottom:5px;
	padding-bottom:0px;
	color:#1BB5C3;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border-bottom-color:#e7e7e8;
	border-bottom-style:solid;
	border-bottom-width:2px;
	
}
#popuppic{
	padding:0px;
	margin:0px;
	position:relative;
	top:0px;
	left:0px;
	width:260px;
	height:268px;
	text-align:center;
	padding-right:8px;
	float:left;
}
#popupdescription{
	padding:0px;
	margin:0px;
	position:relative;
	float:right;
	left:0px;
	top:0px;
	width:314px;
}
.widespace{
	padding-right:15px;
	font-weight:bold;
}
#cart{
	border-color:#e7e7e8;
	border-style:solid;
	border-width:2px 0px 2px 0px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 12px;
	margin-bottom:12px;
}
#cart a{
	text-decoration:underline;
}
#registration{
	position:absolute;
	top:149px;
	left:373px;
	width: 513px;
	height: auto;
}
#plaintext{
	position:absolute;
	top:149px;
	left:300px;
	width: 530px;
	height: auto;
}

#plaintext p{
	margin-bottom:12px;
}

.joinred{ color:#990000; }

#selectionsbody{
	position: absolute;
	top: 118px;
	left: 240px;
	width: 660px;
	margin:0px;
	padding: 0px;
	
	padding-top:20px;
}
#listitem{
	border-bottom-color:#e7e7e8;
	border-bottom-style:solid;
	border-bottom-width:2px;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:8px;
	padding-bottom:10px;
	font-size:11px;
}
#listitem p{
	padding:0px;
	margin:0px;
	line-height:14px;
	clear:both;
}