/* <!-- */
	/* General styles */
	body {
		text-align:center;
	        margin:0 auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#02245C;
		width:800px;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1 {
		font-size:36px;
		font-family:Arial,Helvetica,sans-serif;
		font-weight:strong;
		color:#ffffff;
		margin:1 px 0;
		padding:0;
	}
	h2 {
		font-size:14px;
		font-family:Arial,Helvetica,sans-serif;
		font-weight:strong;
		color:#ffffff;
		margin:1px 0;
		padding:0;
	}
	h3 {
		font-size:13px;
		font-family:Arial,Helvetica,sans-serif;
		font-weight:strong;
		color:#000000;
		margin:1px 0;
		padding:0;
	}
	h4 {
		font-size:14px;
		font-family:Arial,Helvetica,sans-serif;
		font-weight:strong;
		color:#000000;
		margin:1px 0;
		padding:10px 0px 2px; 
		text-align:center;	
	}
	p {
		margin:0em 0 0em 0;
		padding:0;
	}
	img {
		margin:0px 0 0px;
	}
	table.center {
		margin-left:auto; margin-right:auto;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background:#0F428B;
		color:#000;

	}
	#myleftbox{
    		float: left;
    		padding: 0px;
    		width: 398px;
	}
	#myrightbox{
		display:inline;
    		float: right;
		padding: 0px;
	        width: 398px;
	}

	#fixed {
	        margin:0 auto;
                width:800;   /* you can use px, em or % */
		text-align:left;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:0px 10px 0px 10px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#E1E3EC;
		border-top:4px solid #000;
		margin:0;
		padding:2px 10px !important;
		font-size:12px;
		text-align:center;
		font-family:Arial,Helvetica,sans-serif;
	}
	#prodname {
		font-family: sans-serif;
		font-size: 12px;
		text-align:center;
	}
	#shopdesc {
	font-family: sans-serif;
	font-size: 12px;
	text-align:center;
	padding:8px 0;
	}
	#smalltxt {
		font-family: sans-serif;
		font-size: 10px;
		text-align:center;
		font-weight:strong;
	}	
	#smalltxtmenu {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		background:#E1E3EC;
		text-align:center;
		font-family: sans-serif;
		font-size: 9px;
	}
	#smalltxtmenu2 {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		background:#E1E3EC;
		text-align:center;
		font-family: sans-serif;
		font-size: 9px;
	}
		#smalltxtmenu3 {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		background:#E1E3EC;
		text-align:center;
		font-family: sans-serif;
		font-size: 9px;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	/* Right Side Menu Buttons */
	
	#button {
	width: 11em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color: #C20000;
	color: #ffffff;
	}

	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #000000;
		margin: 0;
		}

	#button li a {
		display: block;
		padding: 2px 2px 2px 0.5em;
		border-left: 10px solid #C20000;
		border-right: 10px solid ##C20000;
		background-color: #C20000;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	#button li.dent a {
		padding: 0px 0px 0px 13px;
		}
		
	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #C20000;
		border-right: 10px solid #C20000;
		background-color: #5184D2;
		color: fff;
		}
	
	/* 3 Column settings */
	.threecol {
		background:#5184D2;		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			/* width of the right column 25% */
		background:#ffffff;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#5184D2;	/* left column background colour */
	}
	.threecol .col1 {
		width:60%;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:18%;			/* Width of left column content (column width minus padding on either side) */
		left:21%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:18%;			/* Width of right column content (column width minus padding on either side) */
		left:83%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		background:#E1E3EC;
		text-align:center;
		font-family: sans-serif;
		font-size: 9px;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
	div.pagination {
	padding: 3px;
	margin: 3px;
}

/* Pagination Style Set */

div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	/* --> */