body {
	background:#ffffff url('bannerbg.jpg') no-repeat top center;
	color: #333;
	font-family: verdana;
	font-size: 12px;
	margin: 0 0 20px 0;
	text-align: center;
	float:center;
}
#mainarea {
	overflow:hidden;
	background:transparent;
	color: #00008B;
	margin: 0px auto 0px auto;
	overflow: hidden;
	padding: 0 0 0 0;
	text-align: left;
	float: center;
	width: 800px;
}
#header {
	float:center;
	display:block;
	background: transparent;
	margin: 30px auto 0 auto;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: 110px;
}
#header p {
	display:block;
	height:0px;
	color:#ffffff;
	font-size:14px;
	font-family:verdana;
	margin:0;
	padding: 10px 0 0 10px;
}
#frontwrapper {
	width:800px;
	padding:0px;
	margin:0px 0 5px 0;	
}
#searchbox {
	background:url('basketbg.jpg') no-repeat;
	float:left;
	width:400px;
	padding:10px  5 5 5;
	margin:15px 0 0 0;
	height:35px;
}
#searchbox .txt {
	float:left;
	font-size:10px;
	padding:2 0 2 5;
	margin:0px;
}
#searchbox .getdata {
	float:left;
	font-size:12px;
	width:150px;
	padding:0px;
	margin:0px;
}
#searchbox .prodsearchbutton {
	float:left;
	font-size:9px;
	width:55px;
	height:18px;
	margin:0;
	padding:0 0 0 -10;
}

#basket {
	overflow:hidden;
	background:url('basketbg.jpg') no-repeat;
	width:270px;
	float:right;
	text-align:left;
	margin:15px 0 0 0;
	padding:0 0 0 5px;
	height:35px;
}
#basket .baskettext{
	background:transparent;
	color:#425998;
	font-family:verdana;
	font-size:11px;
	margin:0;
	padding:0;	
}
#basket .checkoutbutton {
	float:left;
	font-size:9px;
	width:55px;
	height:18px;
	margin:0;
	padding:0 0 0 -20;
}

#menu {
	display:block;
	font-family:arial;
	background: transparent ;
	color: #000076;
	float: left;
	text-align: left;
	width: 800px;
	margin: 0px;
	height: 36px;
}
#menu ul {
	float:left;
	margin:2px 0 0 10px;
	height:39px;
	padding:0px;
}
#menu a {
	float:left;
	display:block;
	background: url('tab norm.jpg') no-repeat;
	color: #00008b;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	margin:0.5px;
	padding: 7px 0 5px 0;
	text-decoration: none;
	width: 150px;
	height:39px;
}
#menu a:hover {
	background: url('menuover.jpg') no-repeat;
	font-weight:bold;
	color: #7e45ef;
	height:39px;
	margin:0.5px;
	padding: 7px 0 5px 0;
}

#page {
	font-family:verdana;
	float: left;
	width: 800px;
	margin: 0px;
	padding:0px;
}
#page h1 {
	color: #2259e6;
	text-align:left;
	font-size:20px;
	float:left;
	width: 600px;
	padding: 0px 0 0px 0px;
	margin:10 0 10 0;
}
#page .nodata {
	background:#fffff0;
	width:800px;
	height:400px;
	float:left;
	text-align:center;
	font-size:16px;
	padding:40px;
	margin:0px;	
}
#base {
	float:left;
	width:760px;
	color:#ffffff;
	padding:0 0  0 0px;
	margin:10px 0 0 0px;
	font-size: 14px;

}
#lhpane {
	color: #2259e6;
	display:block;
	width:170px;
	margin: 0px 0 0px 0px;
	float:left;
	padding: 0;
	height:auto;
}
#lhpane_prod {
	color:#000000;
	display:block;
	width:300px;
	margin: 0px 0px 0px 0px;
	float:left;
	padding: 0px;
	height:auto;
}

/*                 Right hand pane  Index   */

#rhpane {
	background:#ffffff;
	color: #2259e6;
	display:block;
	width:600px;
	float:right;
	margin:0;

	text-align:center;
}
#rhpane h1 {
	text-align:left;
	font-size:20px;
	font-weight:bold;
	float:left;
	width: 600px;
	padding: 0px 0 0px 0px;
	margin:10 0 10 0;
}
#rhpane h2 {
	text-align:left;
	font-size:12px;
	float:left;
	font-weight:normal;
	width: 600px;
	padding: 5px 0 0px 0px;
	margin:0 0 10 0;
	line-height:18px;
}
#rhpane p {
	background:#ffffff;
	text-align:left;
	font-size:12px;
	float:left;
	width: 600px;
	padding: 0px 0 0px 0px;
	margin:10 0 10 0;
}
#rhpane .p1 {
	font-size:14px;
	float:left;
	width: 260px;
	padding: 0px 0 0px 0px;
	margin:0;
}
/*                 Left hand pane  Products   */
#lhpane_prod {
	color:#000000;
	display:block;
	width:290px;
	margin: 0px 0 0px 0px;
	float:left;
	padding: 0;
	height:auto;
}
#lhpane_prod  p {
	background:#ffffff;
	color: #2259e6;
	text-align:left;
	font-family:verdana;
	font-size:18px;
	font-weight:bold;
	float:left;
	width: 290px;
	padding: 0px 0 0px 0px;
	margin:10 0 3 0;
}

#fp-left {
	width:300px;
	float:left;	
	padding:0px;
	margin:0px;
}
#fp-left p {
	width:290px;
	float:left;	
	font-size:14px;
	line-height:20px;
	padding:0px;
	margin:10px 0px 0px 0px;
}
#fp-right {
	width:300px;
	float:left;	
}	

/*                 Centre hand pane  Products   */
#centre_pane {
	background:#ffffff;
	color: #2259e6;
	display:block;
	width:230px;
	float:left;
	margin:10px 0px 0px 0px;
	text-align:center;
}
/*                 Right hand pane  Products   */
#rhpane_prod {
	background:url('prodbg.jpg') no-repeat;
	color: #2259e6;
	display:block;
	width:200px;
	float:right;
	margin:0;
	height:650px;
	text-align:center;
	margin:20 0 0 0;
}
#rhpane_prod  .drop {
	width:190px;
	padding:0px;
	margin:0px;
	background: #dddcf8;
	color:#606bde;
}
#rhpane_prod li {
	background:url('typebutton.jpg') no-repeat;
	width: 200px;
	height:30px;
	list-style:none;
}
#rhpane_prod a {
	color: #2259e6;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	float:left;
	width: 200px;
	padding: 5px 0 5px 0px;
	margin:1 0 1 0 ;
	height:30px;
}
#rhpane_prod a:hover {
	color: #2259e6;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	width: 200px;
	padding: 5 0 5 0px;
	margin:1 0 1 0 ;
	height:30px;
}
#rhpane_prod p {;
	text-align:left;
	font-size:12px;
	float:left;
	width: 190px;
	padding: 0px 0 0px 10px;
	margin:30 0 10 0;
}
#rhpane_prod .p1 {
	font-size:14px;
	float:left;
	width: 200px;
	padding: 0px 0 0px 0px;
	margin:0;
}

#probpage {
	width:500px;
	float:left;	
	padding:0px;
	margin:0px;
}
#probpage p {
	background:#ffffff;
	text-align:left;
	font-size:12px;
	float:left;
	width: 400px;
	padding: 0px 0 0px 20px;
	margin:10 0 10 0;
}
#probpage li {

	width:400px;

	list-style:none;
	padding:2 0 2 0px;
	height:25px;

}
#probpage a {
	background: url('prob-bg.jpg') no-repeat;
	color:#00008b;
	float:left;
	font-size:16px;
	text-decoration:none;	
	width:400px;	
	height:25px;
	padding:1 0 1 40px;
}
#probpage a:hover {
	background: url('prob-bg-over.jpg') no-repeat;
	color:#7e45ef;
	float:left;
	padding:1 0 1 40px;
}
probleft {
	width:200px;
	float:left;
	padding:0px;
	margin:0px;
}

/*					Display rows of selected data     */

#sortdata {
	float:left;
	width:800px;
	padding:0px;
	margin:5px 0 0 0;
}
#sortdata h1 {
	width:650px;
	float:left;
	font-family:verdana;
	font-size:20px;
	color:#2d64f7;
	padding:0px;
	margin:10 0 0 50px;
}
#subselect {
	width:600px;
	float:left;
	padding:0px;
	margin:0px;	
}
#subselect h1 {
	color: #2259e6;
	text-align:left;
	font-size:16px;
	float:left;
	width: 800px;
	padding: 0px 0 0px 0px;
	margin:10 0 10 0;
}
#subselect p {
	float:left;
	width:780px;
}
#subselect .drop {
	width:250px;
	padding:0px;
	margin:0px;
	background: #dddcf8;
	color:#606bde;
}
#pricesort {
	width:200px;
	float:right;
	padding:0px;
	margin:0px;	
}
#pricesort .drop1 {
	width:150px;
	padding:0px;
	margin:0px;
	background: #dddcf8;
	color:#606bde;
}
#mainarea .tabheader {	
	margin:0px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	background: #a0a0a0; 
	color;#000000;
	height:30px;
}
#pgh1 {
	background:transparent;
	color:#000000;
	font-size:10px;
	width:380px;
	height:30px;
	float:left;
	text-align:left;
	padding: 3 0 0 5px;
}
#pgh2 {
	float:right;
	font-family:arial;
	font-size:10px;
	color:#000000;
	margin:0;
	width:400px;
	height:30px;
	float:left;
	text-align:right;
	padding: 3 0 0 5px;
}
#pgh2 a {
	color: #425998;
	text-decoration:underline;
	padding:2px;
	margin: 0 2px 0 2px;
}
#pgh2 a:hover {
	color:#cdcdcd;
	text-decoration:underline;
	padding:2px;
	margin: 0 2px 0 2px;
}

#items {
	font-family:verdana;
	font-size:12px;
	color:#696969;
	width: 800px;
	float: left;
	border-spacing:2px;
	padding:0px;
	margin:0px;
}
#items .header {
	width: 800px;
	float:left;	
	background:#0a4768;
	color:#ffffff;
	font-size:14px;
	height:20px;
	margin:0 0 5px 0;
	font-weight:bold;
}
#disprow {
	width:800px;
	height:50px;
	background:url('rowdisp.jpg') no-repeat;
	float:left;
}
#items .row1 {
	background: #e5f0ff;
	width: 800px;
	height:50px;
	float:left;	
	color:#696969;
	font-size:12px;
	margin:0px 0 1 0;
	padding:2px 0 2 0;
	font-size:12px;
	line-height:40px;
}
#items .row0 {
	background:#dfecff;
	width: 800px;
	height:50px;
	float:left;	
	color: #000000;
	font-size:14px;
	margin:0px 0 1 0;
	padding:2px 0 2 0;
	font-size:12px;
	line-height:40px;
}
#items .totaltext {
	overflow:hidden;
	background:#0a4768;
	color: #ffffff;
	width:700px;
	text-align:right;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	padding:0 10 0 0;
}
#items .totalval {
	overflow:hidden;
	background:#0a4768;
	color:#ffffff;
	width:70px;
	text-align:right;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	padding:0 15 0 0;
}

#items .t0 {
	color:#44454e;
	width: 135px;
	float:left;
	font-weight:normal;
	font-family:verdana;
	font-size:12px;	
	padding:5px 0 5 2;	
	line-height:20px;
	margin:2px 0 2px 0;	
}
#items .t1 {
	width: 180px;
	color:#44454e;
	float:left;
	padding:5px 0 5 0;	
	font-weight:normal;
	font-family:verdana;
	font-size:12px;	
	line-height:20px;
	margin:2px 0 2px 0;	
}
#items .t2 {
	color: #44454e;
	width: 295px;
	float:left;
	padding:5px 0 5 0;	
	font-weight:normal;
	font-family:verdana;
	font-size:12px;		
	line-height:20px;
	margin:2px 0 2px 0;	
}
#items .t3 {
	color:#44454e;
	display:block;
	width: 75px;
	float:left;
	padding:5px 0 5 0;	
	text-align:right;	
	font-weight:normal;
	font-family:verdana;
	font-size:12px;	
	line-height:20px;
	margin:2px 0 2px 0;	
}
#items .t4 {
	color: #44454e;
	width: 60px;
	float:left;
	padding:5px 0 5 0;	
	text-align:right;	
	font-weight:normal;
	font-family:verdana;
	font-size:12px;	
	line-height:20px;
	margin:2px 0 2px 0;	
}

#items .select {
	float:left;
	font-size:9px;
	width:35px;
	padding:10 0 2 10px;	
	line-height:20px;
	margin:2px 0 2px 0;	
	
}
#items .button {
	margin:0;
	padding:0px;	
	width:38px;
	font-size:9px;
}
/*          			#####    Details page           ####         */
#detailwrapper {
	width:800px;
	padding:0px;
	margin:0px;
	float:left;	
}
#detailwrapper h1 {
	width:650px;
	float:left;
	font-family:verdana;
	font-size:20px;
	color:#2d64f7;
	padding:0px;
	margin:10 0 0 50px;
}
#detailwrapper h2 {
	width:650px;
	float:left;
	font-family:verdana;
	font-size:18px;
	color:#2d64f7;
	padding:0px;
	margin:10 0 5 50px;
}
#detailwrapper .buttonarea {
	float:right;
	margin: 0px 0 0 0px ;
	padding:0px;
	font-size:12px;
}
#detailwrapper .button2 {
	float:right;
	margin: 0px 0 0 0 ;
	background: #b8cbfe;
	width:140px;
	text-align:center;
	font-size:11px;	
}
#detailwrapper .ptext {
	font-family:arial;
	font-size:12px;
	color:#676769;
	width:100px;
	align:top;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:15px;
}
#detailwrapper .desc {
	valign:top;
	color:#101d8c;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	width:400px;
	line-height:15px;
}
#detaillhpane {
	float:left;
	background:#FFFFFf;
	width:300px;	
	margin:0px;
	padding:0px;
}

#detaillhpane .pic {	
	float:right;
	color:#676769;
	font-family:arial;
	font-size:14px;
	width:200px;
	margin:0px;
	padding:0px 0 0 0px;
	text-indent:10px;
}
#disprhpane {
	text-align:left;
	float:left;
	color:#676769;
	background: url('detailbg1.jpg') center no-repeat;
	width:450px;	
	height:400px;
	margin:40px 0 10 10px;
	padding:0px;
}
#disprhpane .disprow {
	float:left;
	height:30px;
	margin:0px;
	padding:0px;		
}
#disprhpane .button1 {
	margin: 20px 0 0 0 ;
	background: #cdcdcd;
	width:100px;	
	font-size:11px;	
}
#disprhpane .desc {
	float:left;
	color:#101d8c;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:15px;
	width:130px
}
#disprhpane .desc1 {
	float:left;
	width:400px;
	text-align:left;
	color:#101d8c;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:18px;
}
#disprhpane .desc2 {
	float:left;
	color: 	#FF0000;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:15px;
	width:135px
}
#disprhpane p {
	float:left;
	width:400px;
	text-align:left;
	color:#101d8c;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:18px;
}
#droplist {
	width:40px;
	font-size:12px;
	font-family:verdana;
	padding:0px
	margin:0px;	
}

#footer {
	background:  #de3a33;
	color: #000000;
	font-size: 10px;
	float: left;
	padding: 0px;
	height: 20px;
	text-align: center;
	width: 800px;
	margin: 0px auto 0 auto;
}
#footer ul {
	float:left;
	margin:auto 20px auto 20px;
}

#footer a {
	display:block;
	float:left;
	margin:0;
	color: #cdcdcd;
	font-size: 11px;
	font-weight: none;
	height: 20px;
	padding: 5px 0px 1px 0px;
	text-decoration: none;
	width: 150px;
}
#footer a:hover {
	margin;0
	height: 17px;
	color: #ffffff;
	padding: 5px 0px 1px 0px;
	text-decoration: none;
	width: 150px;
}
/*          #########   Terms & C0onditions  page          ###########   */

#terms {
	color: #2259e6;
	display:block;
	float:left;
	background:#ffffff;
	margin:0px;
	width: 800px;
	text-align: left;
	padding:0px 0px 0 0px;
}
#terms h1 {
	color: #2259e6;
	font-size:20px;
	float:left;
	width:800px;
	color: #2259e6;
	padding:0px 0px 0 0px;
	margin:20 0 10px 0;
}
#terms h2 {
	color: #2259e6;
	font-size:14px;
	float:left;
	width:800px;
	color: #2259e6;
	padding:0px 0px 0 0px;
	margin:10 0 10px 0;
	text-decoration:underline;
}
#terms p {
	float:left;
	width:800px;
	color: #2259e6;
	font-size: 12px;
	font-weight: none;
	padding:0px 40px 0 0px;
	margin:0 0 0px 0;
}



/*          #########   Contact page          ###########   */


#contact {
	color: #00008B;
	display:block;
	float:left;
	background:#ffffff;
	margin:0px;
	width: 600px;
	text-align: left;
	padding:0px 0px 0 0px;
}
#contact p {
	float:left;
	width:600px;
	font-family:arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0 0 0;
}

#contact .p1 {
	float:left;
	width:300px;
	font-family:arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0 0 0;
}

#contactl {
	display:block;
	float:left;
	background:#ffffff;
	margin: 0px 0  0 0px;
	width: 300px;
	text-align: left;
	padding:0px;
}
#contactr {
	display:block;
	float:left;
	background:#ffffff;
	margin: 0px 0  0 0px;
	width: 280px;
	text-align: left;
	padding:0px 0 0 0px;
}
#contactr .p2 {
	background:none;
	float:left;
	width:280px;
	font-family:arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0 0 10px;
	text-indent:0px;
}
#contact .desctext {
	float:left;
	font-family: arial;
	font-size: 12px;
	color:#808080;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 0 40px;
	width:120px;
	margin: 0 0 0 0px;
}
#contact .regtext {
	float:left;
	width: 170px;
	font-family: arial;
	font-size: 11px;
	color:#808080;
	font-weight: normal;
	text-align: right;
	padding: 0 3px 0 0px;
	margin:0;
}
#contact .ipdata {
	float:left;
	width:250px;	
	text-align: left;
	padding:0px;
	margin:0px;
}
#contact .normtext {
	float:left;
	width:170px;
	font-family: arial;
	font-size: 10px;
	color: #618c53;
	font-weight: normal;
	text-align: left;
	padding: 0 10px 0 0px;
	margin: 0 0 0 0px;
}
#contact .texta {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	padding: 0 0px 0 0px;
	width: 430px;
	margin: 0 10px 0 0px;
}
#contact a {
	float:left;
	background: url('envelo.jpg') no-repeat;
	color: #618c53;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 20px 10px;
	margin:0px;
	width:75px;
	height:38px;
}
#contact a:hover {
	background: url('envelo.jpg') no-repeat;
	color: #618c53;
	font-family: verdana,arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 20px 10px;
	margin:0px;
	width:75px;
	height:38px;
}
#contactfarside {
	height:450px;
	width:165px;
	float:left;
	padding:0px 0 0 10px;
	margin:0px;
	border-left:1px #dcdcdc solid;
}
#returnpage {
	width:800px;
	margin:0 auto 0 auto;
	padding:0 100px 10 100;
	float:left;
	text-align:center;	
}
#returnpage h1 {
	color: #2259e6;
	text-align:center;
	font-size:20px;
	float:left;
	width: 600px;
	padding: 0px 0 0px 0px;
	margin:0;
}

#advert {
	overflow:hidden;
	float:left;
	background: #789dd6;
	font-family: arial;
	color: #cdcdcd;
	font-size: 10px;
	padding:0px  0px 0px 0px;
	margin:10px 0px 0px 0px;
	height: 35px;
	width: 800px;
	border-top:1px solid #dcdcdc;
}
#advert p {
	height:30px;
	float:right;
	width:180px;
	text-align:left;
}
#advert img {
	float:right;
	padding:0px;
	margin:0px;
}
#advert a {
	float:right;
	width:90px;
	text-align:left;
	color:#cdcdcd;
	font-size: 10px;
	font-weight: none;
	text-decoration: none;
	padding:0px;
	text-align:left;
}
#advert a:hover {
	color: #ffffff;
	font-weight: none;
	font-size: 10px;
	text-decoration:none;
}
#advert .seo {
	color:#ffffff;
	width:600px;
	float:left;
	text-align:center;
	font-family:verdana;
	font-size:10px;	
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 2px;
}