/* SUPER GLOBALS */

*{ padding:0px; margin:0px; }

a img { border:none; }

body { font-family:Arial, sans serif; background:url(../img/bg.png) repeat-x #c4e7fa; }

.displace { position:absolute; left:-5000px; }

#wrapper { width:822px; height:auto; margin:0 auto;}
#header {width:inherit; height:160px; display:block;}
#headupper {width:inherit; height:130px; background:url(../img/headbg.png) repeat-x;}
#headleft { width:325px; height:125px; margin:0px 0px 0px 20px; background:url(../img/logo.png) no-repeat; float:left; }
#headright { width:477px; height:130px; float:left; }

/* NAVIGATION */
#nav {background:url(../img/navbg.png) repeat-x; font-size:0.9em; width:100%; height:30px; display: table;}
#nav li:hover {background:url(../img/styling/largenav-hover.png) repeat-x;}
#nav a {color:#FFFFFF; padding:9px 10px 9px 9px; font-size:1.05em; display:block; text-decoration:none;}

#nav li .drop1 {background:url(../img/styling/nav-drop.png) no-repeat top 84px; padding:9px 21px 9px 9px;}
#nav li .drop1:hover {background:url(../img/styling/nav-drop.png) no-repeat bottom 84px; padding:9px 21px 9px 9px;}
#nav li .drop2 {background:url(../img/styling/nav-drop.png) no-repeat top 87px; padding:9px 20px 9px 9px;}
#nav li .drop2:hover {background:url(../img/styling/nav-drop.png) no-repeat bottom 87px; padding:9px 20px 9px 9px;}
#nav li .drop3 {background:url(../img/styling/nav-drop.png) no-repeat top 95px; padding:9px 20px 9px 9px;}
#nav li .drop3:hover {background:url(../img/styling/nav-drop.png) no-repeat bottom 95px; padding:9px 20px 9px 9px;}

#nav ul li a {padding:5px 0px 3px 3px; font-size:0.9em;}
#nav ul a:hover {background:url(../img/styling/smallnav-hover.png) repeat-x;}
#nav li {position:relative; float: left;}
#nav ul {background:#58a508; border:#006600 solid 2px; border-top:none; margin-top:-5px;}
#nav ul li {width:120px; float:none;}
#nav li ul{display:none; position:absolute; top:35px; width:120px;}
#nav li:hover ul{display : block;}



#validate { margin:5px 0px 5px 2px; width:822px; height:18px;float:left; }

/* FOOTER */	
	/* ACCESSIBILITY */
		#foot1 a { margin:0px 0px 0px 0px; background:url(../img/accessibility.png); height:30px; width:113px; float:left; outline:none; }
		#foot1 a:focus { outline:dotted 1px #FFFFFF; }
		#foot1 a:hover { background-position:0 +30px;}
		
	/* PRIVACY POLICY */
		#foot2 a { margin:0px 0px 0px 0px; background:url(../img/privacy.png); height:30px; width:125px; float:left; outline:none; }
		#foot2 a:focus { outline:dotted 1px #FFFFFF; }
		#foot2 a:hover { background-position:0 +30px; }
		
	/* LINKS */
		#foot3 a { margin:0px 0px 0px 0px; background:url(../img/links.png); height:30px; width:59px; float:left; outline:none; }
		#foot3 a:focus { outline:dotted 1px #FFFFFF; }
		#foot3 a:hover { background-position:0 +30px; }
		
	/* XHTML */
		#xhtml a { margin:0px 5px 0px 0px; background:url(../img/xhtml.png); height:18px; width:58px; float:left; outline:none; }
		#xhtml a:focus { outline:dotted 1px #FFFFFF; }
		#xhtml a:hover { background-position:0 +18px; }
		
	/* CSS */
		#css a { margin:0px 5px 0px 0px; background:url(../img/css.png); height:18px; width:42px; float:left; outline:none; }
		#css a:focus { outline:dotted 1px #FFFFFF; }
		#css a:hover { background-position:0 +18px; }
		
	/* Copyright */
		#copyright a { margin:0px 5px 0px 0px; background:url(../img/copyright.png); height:18px; width:86px; float:left; outline:none; }
		#copyright a:focus { outline:dotted 1px #FFFFFF; }
		#copyright a:hover { background-position:0 +18px; }
		
	/* Credit */
		#credit a { margin:0px 15px 0px 0px; background:url(../img/credit.png); height:30px; width:163px; float:right; outline:none; }
		#credit a:focus { outline:dotted 1px #FFFFFF; }
		#credit a:hover { background-position:0 +30px; }

#content { background:url(../img/contentbg.png) repeat-y; width:822px; height:auto;float:left; }
#footer { width:822px; height:30px; background:url(../img/footerbg.png) repeat-x; float:left; }
#grass { margin:20px 0px 0px 0px; height:78px; width:100%; background:url(../img/grass.png) repeat-x; float:left; position:static;bottom:0px; left:0px; }
#leftcolumn { margin:0px 10px 0px 10px; width:590px; height:auto; min-height:615px; float:left; }

#rightcolumn { margin:10px 10px 0px 10px; width:190px; height:auto; float:left; }

/* --- RIGHT COLUMN ---*/
	/* --- GLOBAL ---*/
		.rightbox { margin:0px 0px 8px 0px; width:inherit; height:auto; background:#FFFFFF; }
		.boxtop { width:inherit; height:25px; background:url(../img/boxtop.png) repeat-x; margin:0px 0px 0px 0px; }
		.boxcontent { width:inherit; height:125px; }

	/* --- SPECIAL OFFERS ---*/
		#specialofferstitle { width:190px; height:30px; background:url(../img/specialoffers.png); }
		#specialcontent { width:inherit;height:140px; }
		.productlogo { margin:4px 0px 0px 8px; }
		.randomtop { margin:2px 0px 0px 2px; width:100%; }
		.producttitle { margin:4px 0px 0px 4px; width:100%; }
		.productimgright { float:left; margin:10px 0px 0px 5px; }
		#adtop { width:125px; float:left; }
		.pricing { float:left;margin:0px 0px 0px 0px; }
		.was { float:left; width:auto; color:#999999; margin:50px 0px 0px 0px; font-size:60%; font-weight:bold; }
		.now { float:left; width:auto; color:#FF0000;margin:10px 0px 0px 0px; font-size:80%; font-weight:bold; }
		.all { margin:25px 0px 0px 2px; }
		.all a { color:#006600; margin:0px 0px 0px 0px; font-size:80%; text-decoration:none; }
		.all a:hover { color:#009900; margin:0px 0px 0px 0px; font-size:80%; text-decoration:underline; }
		.all a:visited { color:#006600; margin:0px 0px 0px 0px; font-size:80%; text-decoration:none; }

	/* --- ADVERTISEMENT ---*/
		#adverttitle { width:190px; height:30px; background:url(../img/advert.png); }
		#advertcontent { width:inherit; height:95px; }
		.ad { margin:12px 20px 0px 20px; width:150px; height:72px; }

	/* --- NEWSLETTER ---*/
		#newsletterbox { margin:0px 0px 8px 0px; width:inherit; height:122px; background:#FFFFFF; }
		#newslettertitle { width:190px; height:30px; background:url(../img/newsletter.png); margin:0px 0px 0px 0px; }
		#newslettercontent { width:auto; height:auto; }
		.newsopen { margin:8px 8px 8px 8px; font-weight:bold; font-size:65%; color:#666666; }
		.emaillabel { margin:0px 0px 2px 10px; font-weight:bold; font-size:70%; color:#164895; float:left; width:180px; }
		.email { margin:0px 0px 0px 5px; float:left; }
		.submit { margin:2px 0px 0px 7px; float:left; }
		.contactsubmit { margin:0px 0px 0px 40px; float:left; }
	
	/* --- OPENING HOURS ---*/
		#openinghours { width:190px;height:30px; background:url(../img/openinghours.png); }
		#openingcontent { background:#FFFFFF; width:inherit; height:60px; font-size:70%; color:#164895; }
		.openingtable { margin:5px 12px 2px 12px; }
		.opening { width:80px; }
		
	/* --- PRODUCTOUTPUT --- */
		.productoutput { margin:7px 0px 0px 0px; width:590px; height:170px; float:left; background:#FFFFFF; }
		.producttop { margin:0px 0px 0px 0px; width:590px; height:40px; float:left; }
		.productinfo { margin:0px 0px 10px 0px; width:425px; height:auto; float:left; }
		.productoutput h3 { margin:10px 0px 0px 10px; color:#000000; font-weight:bold; font-size:120%; float:left; }
		.productoutput p { margin:10px 0px 10px -10px; padding:0px 30px 0px 0px; width:320px; height:60px; color:#000000; font-size:80%; float:left; }
		.brandlogo { float:right; margin:10px 10px 10px 10px; }
		.productimg { padding:5px 5px 5px 5px; border:solid 1px #666666; float:left; }
		.productimg:hover { border:solid 1px #999999; }
		.productimgwrap { margin:0px 10px 10px 10px; float:left; width:130px; }
		.productprices { margin:5px 0px 0px 0px; width:auto; height:auto; color:#000000; font-size:90%; float:right; }
		
		/* IN STOCK */
		.instockwrap { margin:0px 0px 0px 0px; width:auto; height:auto; }
		.instock { margin:0px 0px 0px 0px; background:url(../img/instock.png); width:22px; height:22px; float:left; }
		.instockwrap h5 { margin:4px 20px 0px 4px; width:auto; height:auto; float:left; color:#80bf42; font-weight:bold; font-size:70%; }
		
		/* OUT OF STOCK */
		.outofstockwrap { margin:0px 0px 0px 0px; width:auto; height:auto; }
		.outofstock { margin:0px 0px 0px 0px; background:url(../img/outofstock.png); width:22px; height:22px; float:left; }
		.outofstockwrap h5 { margin:4px 20px 0px 4px; width:auto; height:auto;float:left; color:#dc1f26; font-weight:bold; font-size:70%; }
		
		/* CLEARANCE */
		.clearancewrap { margin:0px 0px 0px 0px; width:auto; height:auto; outline:none; }
		.clearance { margin:0px 0px 0px 0px; background:url(../img/clearancetag.png); width:27px; height:22px; float:left; outline:none; }
		.clearancewrap h5 { margin:4px 0px 0px 4px;width:auto; height:auto; float:left;color:#3d57a7; font-weight:bold; font-size:70%;}
		
		/* OFFER */
		.offerwrap { margin:0px 0px 0px 0px; width:auto; height:auto; outline:none; }
		.offer { margin:0px 0px 0px 0px; background:url(../img/offertag.png); width:27px; height:22px; float:left; outline:none; }
		.offerwrap h5 { margin:4px 20px 0px 4px; width:auto; height:auto; float:left; color:#ce3434; font-weight:bold; font-size:70%; }
		
		/* D of E */
		.doewrap { margin:0px 0px 0px 0px; width:auto; height:auto; }
		.doe { margin:0px 0px 0px 0px; background:url(../img/doestar.png); width:22px; height:22px; float:left; }
		.doewrap h5 { margin:4px 0px 0px 4px; width:auto; height:auto; float:left; color:#f1a323; font-weight:bold; font-size:70%;}
		
		/* FEMALE */
		.femalewrap { margin:10px 0px 0px 5px; width:auto; height:auto; float:left; }
		.female { margin:0px 0px 0px 0px; background:url(../img/female.png); width:22px; height:22px; float:left; }
		.femalewrap h5 { margin:4px 0px 0px 2px; width:auto; height:auto; float:left; color:#f8a8ca; font-weight:bold; font-size:70%; }
		
		/* MALE */
		.malewrap { margin:10px 0px 0px 5px; width:auto; height:auto; float:left; }
		.male { margin:0px 0px 0px 0px; background:url(../img/male.png); width:22px; height:22px; float:left; }
		.malewrap h5 { margin:4px 0px 0px 2px; width:auto; height:auto; float:left; color:#8ec4e1; font-weight:bold; font-size:70%; }
		
		/* UNISEX */
		.unisexwrap { margin:10px 0px 0px 5px; width:auto; height:auto; float:left; }
		.unisex { margin:0px 0px 0px 0px; background:url(../img/unisex.png); width:22px; height:22px; float:left; }
		.unisexwrap h5 { margin:4px 0px 0px 2px; width:auto; height:auto; float:left; color:#b5b5b5; font-weight:bold; font-size:70%; }
		
		/* CAPACITY */
		.capacitywrap { margin:10px 0px 0px 5px; width:auto; height:auto; float:left; }
		.capacity { margin:0px 0px 0px 0px; background:url(../img/capacity.png); width:22px; height:22px; float:left; }
		.capacitywrap h5 { margin:4px 0px 0px 4px; width:auto; height:auto; float:left; color:#6da5d9; font-weight:bold; font-size:70%; }
		
		/* BERTH */
		.berthwrap { margin:10px 0px 0px 5px; width:auto; height:auto; float:left; }
		.berth { margin:0px 0px 0px 0px; background:url(../img/berth.png); width:22px; height:22px; float:left; }
		.berthwrap h5 { margin:4px 0px 0px 4px; width:auto; height:auto; float:left; color:#048812; font-weight:bold; font-size:70%; }
		
		/* ZIP */
		.zipwrap { margin:10px 0px 0px 10px; width:auto; height:auto; float:left; }
		.zip { margin:0px 0px 0px 0px; background:url(../img/zip.png) no-repeat; width:8px; height:22px; float:left; }
		.zipwrap h5 { margin:4px 0px 0px 4px; width:auto; height:auto; float:left; color:#0065a9; font-weight:bold; font-size:70%; }
		
		/* NO ZIP */
		.nozipwrap { margin:10px 0px 0px 10px; width:auto; height:auto; float:left; }
		.nozip { margin:0px 0px 0px 0px; background:url(../img/nozip.png) no-repeat; width:8px; height:22px; float:left; }
		.nozipwrap h5 { margin:4px 0px 0px 4px; width:auto; height:auto; float:left; color:#b5b5b5; font-weight:bold; font-size:70%; }
		
		.rrpprice { margin:0px 40px 0px 0px; font-size:120%;float:left; color:#999999; }
		.rrpprice h6 em { font-size:130%; text-decoration:none; font-style:normal; }
		.kenmarprice { font-size:120%; float:left; }
		.kenmarprice h6 em { font-size:130%; text-decoration:none; font-style:normal; }
		
/* PAGINATION NAVIGATION */
	.pagenavtext1 { font-size:90%; color:#0066FF; font-weight:bold; padding:3px 13px 6px 13px; float:left; text-decoration:none; }
	.pagenavtext1:hover{ font-size:90%; color:#0099FF; font-weight:bold; padding:3px 13px 6px 13px; float:left; text-decoration:none; }
	.pagenavtext2 { font-size:90%; color:#0066FF; font-weight:bold; padding:3px 13px 6px 13px; float:right; text-decoration:none; }
	.pagenavtext2:hover{ font-size:90%; color:#0099FF; font-weight:bold; padding:3px 13px 6px 13px; float:right; text-decoration:none; }
	.pagenavemp1 {width:80px; height:26px; float:left; }
	.pagenavemp2 { width:80px; height:26px; float:right; }
	.pagenavtextemp { font-size:90%; color:#999999; font-weight:bold; margin:3px 8px 0px 8px; float:left; }
	.pagenumtextemp { font-size:90%; color:#999999; font-weight:bold; padding:5px 5px 4px 5px; margin:0px 3px 0px 3px; float:left; }
	.pagenumtext a { text-decoration:none; font-size:90%; color:#0066FF; font-weight:bold; padding:5px 5px 4px 5px; margin:0px 3px 0px 3px; float:left; }
.pagenumtext a:hover { text-decoration:none; font-size:90%; color:#0099FF; font-weight:bold; padding:5px 5px 4px 5px; margin:0px 3px 0px 3px; float:left; }
#pagenumwrap { width:300px; margin:0px 3px 0px 100px; float:left; }

#categorytop { margin:10px 0px 0px 0px; height:25px; width:590px; background:url(../img/navbg.png) repeat-x; }
#categorytop h2 { float:left; margin:5px 0px 0px 5px; color:#FFFFFF; font-size:75%; }
#filter { width:590px; height:25px; float:left; background:url(../img/filterbg.png) repeat-x; }
.submitfilter { margin:5px 5px 0px 0px; float:right; }
#filter fieldset { border:none; }
ul { list-style:none; }
#pagenav { width:590px; height:30px; float:left; }
fieldset {border:none; }
fieldset li { width:auto; float:left; list-style:none; margin:3px 0px 10px 10px; }
label { width:auto; float:left; text-align:left; margin:2px 5px 0px 0px; font-weight:bold; font-size:75%; color:#FFFFFF; }
.contactbullet { width:590px; float:left; list-style:none; margin:3px 0px 10px 10px;}
.contactlabel {width:100px; float:left; text-align:left; margin:2px 5px 0px 0px; font-weight:bold; font-size:75%; color:#000000;}
label em { color:#FF0000; text-decoration:none; font-style:normal; }
.formvalidate { margin:5px 20px 0px 0px; font-weight:bold; font-size:70%; color:#FF0000; float:right; }
#sendtext { width:400px; margin:7px 0px 0px 5px; font-weight:bold; font-size:70%; color:#36393D; float:left; }
#sendstatus { margin:0px 30px 30px 30px; padding:30px 0px 0px 0px; width:590px; height:31px; }
#sendicon { width:70px; height:31px; float:left; }

.catbox { background:#FFFFFF;margin:10px 10px 5px 5px; width:170px; height:170px; float:left; }
.cattitle { background:url(../img/filterbg.png) repeat-x; width:auto; height:25px; }
.cattitle h3 a { float:left; margin:5px 0px 0px 5px; color:#FFFFFF; font-size:70%; text-decoration:none;}
.cattitle h3 a:hover { float:left; margin:5px 0px 0px 5px; color:#F5F5F5; text-decoration:none;}
.cattitle h3 a:visited { float:left; margin:5px 0px 0px 5px; color:#FFFFFF; text-decoration:none;}
h6 a, h6 a:hover, h6 a:visited { float:right; margin:5px 10px 0px 0px; text-decoration:none; color:#013584; }

#constructorwrap { width:590px; min-height:496px; background:#FFFFFF; }
#indexcontent { float:left; width:386px; height:496px; }
#indexcontent p { margin:10px 20px 10px 20px; font-size:80%; }
#indeximage {float:left; width:200px; height:496px;}
.indeximg { margin:10px 0px 5px 0px; padding:5px 5px 5px 5px; border:solid 1px #666666; }	
.indeximg:hover { border:solid 1px #999999;}
#constructor { margin:95px 0px 0px 145px; width:300px; height:300px; background:url(../img/underconstruction.jpg) no-repeat; float:left;}
#constructorwrap p { float:left; margin:10px 10px 10px 10px; }
#contact { width:auto; height:auto; margin:15px 50px 0px 100px; }
.contactline { font-size:110%; color:#E5E5E5; float:right; margin:0px 0px 15px 0px;}
.contactline em { text-decoration:none; font-style:normal; color:#FFFFFF; }

#subscribeimg a { margin:5px 0px 0px 35px; background:url(../img/subscribe.png); height:23px; width:120px; float:left; outline:none; }
#subscribeimg a:hover { background-position:0 +23px; }
.saletext1 { text-align:center; font-weight:bold; font-size:500%; color:#C03D3D; }
.saletext2 { text-align:center; font-weight:bold; font-size:170%; color:#C03D3D; margin:40px 5px 0px 5px; }
.saletext3 { text-align:center; font-weight:bold; font-size:100%; color:#023685; margin:0px 0px 0px 0px; }
.accesstext { margin:0px 0px 30px 10px; font-size:90%; width:inherit; }

#browser { padding:20px 0px 0px 0px; margin:0px 0px 10px 10px; font-size:90%;}
.browser { margin:10px 0px 10px 0px; }
.browser li { list-style:none; margin:0px 0px 5px 20px; font-size:80%; }
.brandlinks { margin:10px 15px 10px 15px; }