body {margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size:12pt; text-align: center; color: #333; background: #fbfcba;}

    p { margin:0 0 10px 0; font-size:80%;}
	p.welcome { margin:5px 0 10px 0; font-size:80%;}
	p.about {font-size:80%;}
	p.short {font-size:70%;}
	p.product-title {font-size:90%;}
	p.basket {font-size:70%; font-weight:bold; padding:2px 5px; color:#000;}
	p.home {margin-top:10px}
    ul {font-size:95%;}
/* ---[ links ]------------------------------- */

	a:link, a:visited, a:active{color: #336666; text-decoration: none;}
	a:hover {color: #336666; text-decoration:underline;}
	
	a.marine {background:#fff url('../images/Navigation/marine.gif') 0 0 no-repeat; display:block; width:200px; height:177px; margin: 0 auto;}
	a.marine:hover {background:#fff url('../images/Navigation/marine.gif') 0 -177px no-repeat;}
	a.shopfitter {background:#fff url('../images/Navigation/shopfitting.gif') 0 0 no-repeat; display:block; width:200px; height:177px; margin: 0 auto;}
	a.shopfitter:hover {background:#fff url('../images/Navigation/shopfitting.gif') 0 -177px no-repeat;}
	a.horse {background:#fff url('../images/Navigation/horsebox.gif') 0 0 no-repeat; display:block; width:200px; height:177px; margin: 0 auto;}
	a.horse:hover {background:#fff url('../images/Navigation/horsebox.gif') 0 -177px no-repeat;}
	a.dek {background:#fff url('../images/Navigation/dek-king.gif') 0 0 no-repeat; display:block; width:200px; height:177px; margin: 0 auto;}
	a.dek:hover {background:#fff url('../images/Navigation/dek-king.gif') 0 -177px no-repeat;}
	
	a.purchase-button {
		display:block;
	    width:96px;
	    height:23px;
	    font-size:10pt;
	    font-weight:bold;
	    color:#fff;
	    background:#fff url(../images/Navigation/button.gif) top left no-repeat;
	    text-align:center;
	    padding-top:3px;
	    margin:5px;
	}
	a.purchase-button:hover {background:#fff url(../images/Navigation/button-hover.gif) top left no-repeat; text-decoration:none;}

	a.pdf {text-decoration:none; font-size:80%;}
	a.pdf img {border:0px solid #fff; padding-right:10px;}

/* ---[ to sort ]----------------------------------- */

	.inline {width:100%; margin:5px auto 0 auto; font-weight:bold; z-index:5;}
	.inline ul { display: inline; list-style-type: none; padding: 0; margin:0; float: right;}
	.inline li { float:left;}
	
/* ---[ layouts ]----------------------------------- */
    .container {position:relative; display:block; width:1000px; margin:10px auto; border: solid 0px #000; background:#fff;}
    .container-marine {background:#9fd4e6;}
    .container-shopfitter {background:#ffb182;}
    .container-horse {background:#91d2d3;}
	.container-dek {background:#e3b489;}
	
    .col-wrap-home { width:1000px; margin:10px 0 10px 0; clear:both; min-height:400px;}
    .col-right-home { width:200px; float:right; margin:0 5px 0 0; text-align:left;}
    .col-left-home { width:780px; margin:0; float:left;}
    
    .col-wrap-fixed { width:980px; margin: 10px 0 0 10px; clear:both; text-align:left; min-height:400px;}
    .col-wrap { width:1000px; margin:10px 0 0 0; clear:both; min-height:350px;}
    .col-right { width:825px; float:right; margin:0 5px 0 0; text-align:left;}
    .col-left { width:155px; margin:0; float:left; text-align:left;}

	.col-right-marine {background:#fff; width:810px; float:right; margin:0 5px 0 0; padding:5px; text-align:left; border:1px dashed #eee;}

    #header {position:relative; display:block; width:1000px; height:105px; background: #fbfcba url('../images/Navigation/header.gif') no-repeat left top;}
    #header h1 {width:300px; display:none;}
    
    .pagebanner { width:1000px; height:100px; margin:2px 0 0 0; background :#fff url('../images/banners/home.gif') no-repeat left top;}
	.pagebanner-marine {background :#fff url('../images/banners/marine.gif') no-repeat left top;}
	.pagebanner-shopfitter {background :#fff url('../images/banners/shopfitting.gif') no-repeat left top;}
	.pagebanner-horse {background :#fff url('../images/banners/horseboxes.gif') no-repeat left top;}
	.pagebanner-dek {background :#fff url('../images/banners/dek-king.gif') no-repeat left top;}
	.pagebanner-dek {background :#fff url('../images/banners/dek-king.gif') no-repeat left top;}
	
	.pagebannerMarine {background :#fff url('../images/banners/Marine.jpg') no-repeat left top;}
	.pagebannerShop {background :#fff url('../images/banners/Shop.jpg') no-repeat left top;}
	.pagebannerDek {background :#fff url('../images/banners/Dek.jpg') no-repeat left top;}
	.pagebannerHorse {background :#fff url('../images/banners/Horse.jpg') no-repeat left top;}
	.pagebannerOther {background :#fff url('../images/banners/Other.jpg') no-repeat left top;}
	
	/*.pagebanner h1 {display:none;}*/

    #strap {position:absolute; left:20px; top:10px; width:220px; margin:0 0 10px 0; z-index:10; background:url(../images/logo.gif) top left no-repeat;}

    #strap p {display:none}
    #strap a {display:block; width:175px; height:77px;}

    .content-wrap {width:780px; margin:0; clear:both;}
    .content-left {width:770px; float:left; text-align:left; margin:0 0 0 10px;}

    #content {background:#fff; font-size:90%; margin:0px 5px;}
    .content {margin:10px;}

    #full-content {display:block; width:605px; margin:0 0 0 5px; font-size:85%; text-align:left;}
    html>body #full-content {min-width:610px;}
    #full-content h2 {font-size:125%;}

    #products { display:block; width:605px; margin:0 0 0 5px; font-size:90%; text-align:left;}
    
    html>body #products { min-width:530px;}
    
/* ---[ to sort ]-----------------------------------*/

	.desc {font-size:90%;}
	.tabledesc {font-size:75%;}
	.title-basket {font-size:90%;}

/*TABLE*/
	
	table.product-list {margin:10px; font-size:80%;}
	table.product-list tr {vertical-align:top;}
	table.product-list td {padding:5px; background:#f1f1f1; border:1px dashed #c6c6c6; text-align:left; width:250px; height:180px;}

/* ---[ footer ]----------------------------------- */

	.footer {
	position: relative;
	clear: both;
	width:1000px;
	height:50px;
	padding:10px 0 0 0;
	background:#fbfcba url('../images/banners/footer.gif') no-repeat left top;
	font-size:65%;
	color:#fff;
	}
	.footer a {color: #fff; text-decoration: none;}
	.footer a:hover {color: #fff; text-decoration:underline;}
	
	/*.footer-marine {background:#fbfcba url('../images/banners/footer-marine.gif') no-repeat left top;}
	
	.footer-shopfitter {background:#fbfcba url('../images/banners/footer-shopfitter.gif') no-repeat left top;}

	.footer-horse {background:#fbfcba url('../images/banners/footer-horse.gif') no-repeat left top;}

	.footer-dek {background:#fbfcba url('../images/banners/footer-dek.gif') no-repeat left top;}*/

	#footerleft {width:360px; float:left; padding:0 0 0 25px; text-align:left;}
	
	#footerright {width:360px; float:right; padding:0 25px 0 0; text-align:right;}

/* ---[ common elements ]--------------------- */

	
	h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 120%;
	color:#346667;
	padding:2px 0 0 5px;
	border-bottom:solid 2px #346667;
	margin:0 0 10px 0;
	}
	h2 
	{
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 100%;
	color:#346667;
	padding:2px 0 0 5px;
	border-bottom:solid 2px #346667;
	margin:0 0 10px 0;
	}
	
	h2.righth2 { 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 80%;
	color:#346667;
	padding:2px 0 0 5px;
	border-bottom:solid 2px #346667;
	margin:0 0 10px 0;
	}

	h2.welcome {font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 120%; font-weight: bold;}
	
	h3 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	padding: 0 0 0 2px;
	margin:10px 0 0 0;
	}

	/*
	h3.item-number { display:block;	width:470px;}

	h4 {font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 100%; font-weight: bold; color:#fff; margin:10px 0 0 0;}
	
	h5 {font-family:  "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 110%; font-weight: bold; color: #333;}
	*/
	
	img { border:0px; }
	img.highlightImage { float:left; width:50px; height:50px; padding:0 3px 3px 0 }
	li.faq {font-size:80%;}

/* ----- [NAVIGATION MENU] -------------------------------- */
   
	#navigation { 
	position:absolute;
	left:0;
	top:70px;
	width:1000px;
	height:23px;
	margin:5px auto 0 auto; 
	font-weight:bold;
	z-index:5;
	}
	#navigation ul { display: inline; list-style-type: none; padding: 0; margin:0; float: right;}
	#navigation li { float:left;}

	#navigation a, #navigation a:visited, #navigation a:active { 
	position:relative;
	width:135px;
	height:23px;
	top: 0;
	margin:0 0 0 0;
	float:left;
	background:#346667 url(../images/Navigation/Nav.gif) top left no-repeat;
	padding:5px 5px 0 5px;
	text-decoration:none;
	color: #fff;
	font-size:8pt;
	}
	#navigation a:hover {background:#346667 url(../images/Navigation/Nav-hover.gif) top left no-repeat;}
	
	#navigation a.shop, #navigation a:visited.shop, #navigation a:active.shop {background:#346667 url(../images/Navigation/Nav-shop.gif) top left no-repeat;}
	#navigation a:hover.shop {background:#346667 url(../images/Navigation/Nav-shop-hover.gif) top left no-repeat;}
	#navigation a.horse, #navigation a:visited.horse, #navigation a:active.horse {background:#346667 url(../images/Navigation/Nav-horse.gif) top left no-repeat;}
	#navigation a:hover.horse {background:#346667 url(../images/Navigation/Nav-horse-hover.gif) top left no-repeat;}
	#navigation a.dek, #navigation a:visited.dek, #navigation a:active.dek {background:#346667 url(../images/Navigation/Nav-dek.gif) top left no-repeat;}
	#navigation a:hover.dek {background:#346667 url(../images/Navigation/Nav-dek-hover.gif) top left no-repeat;}
/* --- [ top right icons ] ----------------------------------*/

	#icons {display:block; float:right; margin:10px 5px 10px 0; width:120px; height:40px; padding:6px 0 0 8px;}

	#icons a{
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:0 0 0 5px;
	}
	
	#icons a.headerlink-home{background: url(../images/top-rollover.gif) 0 0  no-repeat;}
	#icons a.headerlink-home:hover{background: url(../images/bottom-rollover.gif) 0 0 no-repeat;}
	
	#icons a.headerlink-contact{background: url(../images/top-rollover.gif) 0 -30px no-repeat;}
	#icons a.headerlink-contact:hover{background: url(../images/bottom-rollover.gif) 0 -30px no-repeat;}
	
	#icons a.headerlink-basket{background: url(../images/top-rollover.gif) 0 -60px no-repeat;}
	#icons a.headerlink-basket:hover{background: url(../images/bottom-rollover.gif) 0 -60px no-repeat;}
	
	
/* --- [ ] ---*/

#lingual {display:block; float:right; margin:10px 5px 10px 0; width:120px; height:22px; padding:12px 0 0 0;}

	#lingual a{
	display:block;
	width:31px;
	height:22px;
	float:left;
	margin:0 0 0 5px;
	}
	
	#lingual a.gb {background: url(../images/Navigation/gb.jpg) no-repeat;}
	#lingual a.fr {background: url(../images/Navigation/fr.jpg) no-repeat;}
	#lingual a.es {background: url(../images/Navigation/es.jpg) no-repeat;}
	#lingual a.de {background: url(../images/Navigation/de.jpg) no-repeat;}
	
/* --- [ sub navigation panel ] -------------------------*/
    #subNavigation {left:5px; top:130px; width:150px; margin:0 0 0 5px; padding:0; background:#668a7c; font-size:80%;}
    
    html>body #subNavigation {}

    #subNavigation h2 { display:none }
    
    #subNavigation-top { display:block; width:150px; height:20px; margin:0 0 0 5px; background:url(../images/Navigation/top.gif) top no-repeat; border-bottom:2px solid #326566;}
    #subNavigation-bottom {display:block; width:150px; height:20px; margin:0 0 0 5px; background:url(../images/Navigation/bottom.gif) top no-repeat;}

    #subNavigation ul { display:block; margin:0; padding:0; list-style-type:none; text-align:left; border-left:5px solid #326566; border-right:5px solid #326566; }
    #subNavigation ul li { display:block; width:140px; margin:0; padding:0; text-align:left; border-bottom:2px solid #326566;}
    #subNavigation ul ul li { margin:0; padding:0; text-align:left;}
    
    #subNavigation ul li a.live  { margin:0; padding:3px 0 3px 5px; text-align:left; background:#9fbbaf;}
    #subNavigation ul li a.subitem  {font-size:80%;}

    #subNavigation a, #subNavigation a:visited {
	display:block;
	width:135px;
	color:#fff;
	font-weight:bold;
	text-decoration: none;
	padding:3px 0 3px 5px;
    }

    #subNavigation a:hover, #subNavigation a:active {text-decoration: none; color:#fff; background:#9fbbaf;}

    #subNavigation a.active, #subNavigation a.active:visited, #subNavigation a.active:hover, #subNavigation a.active:active {color:#fff; background:#9fbbaf;}

    #subNavigation img { border-top:solid 10px #fff; margin:0;}

/* --- [ Boxed Navigation Homepage ] ------------------------*/

	.box {width:95%; padding:10px 0 10px 10px; text-align:center;}
	
	.box p {font-size:60%;}

	.boxleft {float:left; width:49%; padding:0 5px 0 0;}

	.boxright {float:right; width:49%;}

/* --- [ About language tab] --------------------------------*/

	#top-right {display:block; float:right; margin:0; width:160px; height:25px; background:#fff url(../images/Navigation/top-right.gif) bottom left; padding:6px 0 0 15px;}

	#top-right a {display:block; width:25px; height:20px; float:left; margin:0 2px 0 4px;}
	
	#top-right a.gb {background: url(../images/Navigation/bottom-rollover.gif) 0 0px;}
	#top-right a.gb:hover {background: url(../images/Navigation/top-rollover.gif) 0 0;}
	#top-right a.gb-live {background: url(../images/Navigation/top-rollover.gif) 0 0;}

	#top-right a.germany {background: url(../images/Navigation/bottom-rollover.gif) 0 -20px;}
	#top-right a.germany:hover {background: url(../images/Navigation/top-rollover.gif) 0 -20px;}
	#top-right a.germany-live {background: url(../images/Navigation/top-rollover.gif) 0 -20px;}
	
	#top-right a.france {background: url(../images/Navigation/bottom-rollover.gif) 0 -40px;}
	#top-right a.france:hover {background: url(../images/Navigation/top-rollover.gif) 0 -40px;}
	#top-right a.france-live {background: url(../images/Navigation/top-rollover.gif) 0 -40px;}
	
	#top-right a.italy {background: url(../images/Navigation/bottom-rollover.gif) 0 -60px;}
	#top-right a.italy:hover {background: url(../images/Navigation/top-rollover.gif) 0 -60px;}
	#top-right a.italy-live {background: url(../images/Navigation/top-rollover.gif) 0 -60px;}

	#top-right a.spain {background: url(../images/Navigation/bottom-rollover.gif) 0 -80px;}
	#top-right a.spain:hover {background: url(../images/Navigation/top-rollover.gif) 0 -80px;}
	#top-right a.spain-live {background: url(../images/Navigation/top-rollover.gif) 0 -80px;}

/* --- [ Search Tab] ----------------------------------------*/
  	#search {display:block; width:275px; height:100px; float:right; text-align:left; padding:5px 0 0 5px;}
  	#search .top {display:block; margin:20px 0 5px 0;}
  	#search .bottom {display:block;}
  	
  	#search input{background:#336666; border:1px solid #728b88; margin:0 0 0 5px; color:#fff;}
  	#search input .button{}/*--- use for image replacement! ---*/
  	#search select{background:#336666; width:214px; margin:0 5px 0 5px; color:#fff;}

/*--- [ FORMS ] --------------------------------------------*/  

	.form {margin:0;}
	.form div.row {width:765px; margin: 0 0 5px 0; clear:both;}
	.form div.column {width:380px; padding: 0 0 0 10; float:left;}
	.form div.CenterColumn {text-align:center; width:380px; float:left;}
	.form div.fullColumn {width:760px;}
	.form div.center {text-align:center;}
	.form div.seperator {padding:4 0  10 0; height: 20px; width:730px;}
	.form label {float:left; width: 120px;}
	.form label.labelAbove {float:none;}
	.form br {clear:both;}
	.form input {width:227px;}
	.form input.button100 {width:100px;}
	.form select {width:232px}
	.form textarea {width:348px}
	.form textarea.fullrow {width: 753px}
	.checkbox input {width:15px;}
	
/* --- [Featured Products] ----------------------------------------*/
	.featuredProduct div {width:49%;}
	.featuredProduct img {width:75px; height:75px}
	
/* --- [Image Viewer] ----------------------------------------*/
	.ImageViewer td {padding: 10 10 10 10; width:280px; height:280px; background-color:White; text-align:center; vertical-align:middle;}
	.ImageViewer td.ImageViewerFooter {width:280px; height:10px; background-color:White; text-align:right;}
	.ImageViewer img {display:block; width:260px; }
	
	.ImageViewerOtherImages td {text-align:left;}
	.ImageViewerOtherImages img {width: 75px; height:75px;}
	
/* --- [Paging Controls] -------------------------------------*/

	.paging table {margin:2px 0 2px -3px; font-size:85%;}
	.paging table td {width:13px; height:15px; padding:0px; text-align:center; border:solid 1px #346667;}
	.paging table td a {padding:0px 0px; display:block; color:#346667; text-decoration:none; background:#fff;}
	.paging table td a:visited { color:#346667; text-decoration:none; background:#fff;}
	.paging table td a:hover { color:#346667; text-decoration:underline; background:#fff;}
	.paging table td a:active { color:#346667; text-decoration:underline; background:#fff;}
	.paging table td span { height:15px; padding-top:2px; color:#fff; background:#346667; display:block;}
	
	.pagenum {border:1px solid #346667; padding:1px; font-size:80%;}
	.currentpagenum {background:#346667; padding:2px; font-size:80%; color:#fff;}

/* --- [Product List] ----------------------------------------*/
	.ProductList {width:100%; font-size:90%; font-family: Verdana;  border:1px solid #ccc; margin:5px 0;}
	.ProductList img {width: 75px; height:75px;}

/* --- [ MISC CLASSES ] ----------------------------------*/

	.clear	{clear:both;}
	.noDisplay {display:none;}
	img.products {border:1px solid #000;}
	tr.middlerow {background:#9fbbaf; color:#000;}
	tr.toprow {background:#668a7c; color:#000;}
	.floatL {float:left;}
	.floatL p {padding-left:30px;}
	.floatL a {padding-left:30px;}
	.availL {float:left; display:inline; padding:0 0 0 4px;}
	.floatR {float:right;}
	.bold {font-weight:bold;}
	.alignLeft {text-align:left;}
	.alignRight {text-align:right;}
	.swatch {height:15px; width:25px; padding-top:5px; border:1px #000 solid;}
	.smallerText {font-size:x-small;}
	.smallText {font-size:small;}
	.width10 {width:10px;}
	.width25 {width:25px;}
	.basket-txt {font-size:60%;}
	.news {background:#e7e7e7; border:dashed 1px #c6c6c6; padding:0 5px;}
	.wilksGreen {color: #346667;}
	.floatLeft {float:left; width:40%;}
	.floatRight {float:left; width:60%;}
	.fixedpage {font-size:80%;}
	.line {border-bottom:1px solid #346667; padding:5px 0 0 0;}
	.flash {border:1px solid #346667; margin:10px; float:left;}
	.gridview {background:#fff; border:1px solid #ccc;}
	.gridview td {background:#fff;}
	.gridview th {font-size:80%;}