﻿@import 'reset.css';

html {
	overflow-y: scroll;
}

body
{
	background:#000 url(../images/bg.gif) no-repeat scroll top center;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Arial, Sans-Serif;
	font-size:1em;
}

h2 
{
	font-weight:bold;
	margin-top:10px;
	font-size:1.5em;
	text-align:left;
}

.clear
{
	clear:both;
}

#container
{
	width:962px;
	margin:0 auto;
	text-align:left;
}

#header
{
	width:962px;
	height:62px;
	background-image:url(../images/header_bg.gif);
	position:relative;
	margin-bottom:15px;
}
	
.topnav
{
margin-bottom:15px;
}

#topnav
{
	top:18px;
	left:343px;
	position:relative;
}
#topnav ul li
{
	float:left;
	display:inline;
	list-style-image:none;
}
#topnav ul li a, #topnav ul li a:hover
{
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:0.7em;
	margin-right:18px;
	display:block;
	padding-top:2px;
	height:25px;
	background-repeat:no-repeat;
	background-position:top center;
	font-weight:bold;
}
#topnav-home a
{
	background-image:url(../images/header_home_bg.gif);
	width:50px;
}
#topnav-about a
{
	background-image:url(../images/header_about_bg.gif);
	width:73px;
}
#topnav-products a
{
	background-image:url(../images/header_products_bg.gif);
	width:78px;
}
#topnav-stockists a
{
	background-image:url(../images/header_stockists_bg.gif);
	width:81px;
}
#topnav-shop a
{
	background-image:url(../images/header_shop_bg.gif);
	width:50px;
}
#topnav-publicity a
{
	background-image:url(../images/header_publicity_bg.gif);
	width:83px;
}
#topnav-contact a
{
	background-image:url(../images/header_contact_bg.gif);
	width:71px;
}
#topnav-home a:hover, #topnav-home a.selected
{
	background-image:url(../images/header_home_over_bg.gif);
}
#topnav-about a:hover, #topnav-about a.selected
{
	background-image:url(../images/header_about_over_bg.gif);
}
#topnav-products a:hover, #topnav-products a.selected
{
	background-image:url(../images/header_products_over_bg.gif);
}
#topnav-stockists a:hover, #topnav-stockists a.selected
{
	background-image:url(../images/header_stockists_over_bg.gif);
}
#topnav-shop a:hover, #topnav-shop a.selected
{
	background-image:url(../images/header_shop_over_bg.gif);
}
#topnav-publicity a:hover, #topnav-publicity a.selected
{
	background-image:url(../images/header_publicity_over_bg.gif);
}
#topnav-contact a:hover, #topnav-contact a.selected
{
	background-image:url(../images/header_contact_over_bg.gif);
}

#sidenav
{
	float:left;
	width:228px;
}
#sidenav ul.menu, #sidenav ul.menu ul 
{
	list-style-type:none;
	margin:10px;
	padding:0;
	width:15em;
	font-size:0.9em;
}

#sidenav ul.menu a 
{
	text-decoration:none;	
}

#sidenav ul.menu li 
{
	margin-top:6px;
	margin-bottom:6px;
}

#sidenav ul.menu li a 
{
	color:#fff;	
	padding:5px 6px 5px 5px;
	background-image:url(../images/button_bg.png);
	background-repeat:no-repeat;
}

#sidenav ul.menu li a:hover 
{
	background-image:url(../images/button_red_bg.png);
}

#sidenav ul.menu li ul li a 
{
	background-image:none;
	background-color:transparent;
	color:#fff;
	font-size: 1em;
}

#sidenav ul.menu li ul li a:hover 
{
	background-image:none;
	padding-left: 15px;
	text-decoration: underline;	
	padding: 10px 6px 0px 5px;
}

#content-container
{
	float:left;
	width:734px;
	position:relative;
}
#content-container-shop
{
	float:left;
	width:960px;
	position:relative;
}
#content
{
	background-color:#fff;
	margin:70px 6px 0px 7px;
	padding:0px 15px 15px 15px;
	float:left;
	width:917px;
}

#details {
	float: left;
	width: 650px;
}

#detailsthin {
	float: left;
	width: 200px;
}

#image {
	float: right;
	position: relative;
	top: 0px;
	left: -90px;
}

#content img.logo
{
	float:left;
	width: 200px;
	margin-left: 15px;
}
#content p.strap
{
	float:left;
	color:#2a1967;
	font-size:0.9em;
	margin:10px 0 0 20px;
	width:680px;
}

#shop-product input, #shop-product-rangs input, #shop-product-end input, #shop-product-rangs-end input {
margin-top: 4px;
}

#shop-product p, #shop-product-end p, #shop-product-rangs p, #shop-product-rangs-end p  {
font-size: 0.75em;
line-height: 1em;
}

#shop-product h3, #shop-product-end h3, #shop-product-rangs h3, #shop-product-rangs-end h3 {
line-height: 1.25em;
margin-bottom: 6px;
margin-top: 8px;
}

#shop-product a, #shop-product-end a, #shop-product-rangs a, #shop-product-rangs-end a {
font-size: 0.75em;
display:block;
margin-top: 4px;
}


#shop-product {
	margin: 0px 0px 0px -15px;
 	padding: 10px 20px 10px 10px; 
	width: 214px; 
   	background: white;
	border: 2px solid #eee;   
	line-height: 1.4em;
	height:230px;
	text-align:center;
	float: left;
}

#shop-product-end {
	margin: 0px -16px 0px -1px;
 	padding: 10px 20px 10px 10px; 
	width: 200px; 
   	background: white;
	border: 2px solid #eee;   
	line-height: 1.4em;
	height:230px;
	text-align:center;
	float: right;
}

#shop-product-rangs {
	margin: 0px 0px 0px -15px;
 	padding: 10px 20px 10px 10px; 
	width: 214px; 
   	background: white;
	border: 2px solid #eee;   
	line-height: 1.4em;
	height:250px;
	text-align:center;
	float: left;
}

#shop-product-rangs-end {
	margin: 0px -16px 0px -1px;
 	padding: 10px 20px 10px 10px; 
	width: 200px; 
   	background: white;
	border: 2px solid #eee;   
	line-height: 1.4em;
	height:250px;
	text-align:center;
	float: right;
}

#stockists-product {
	margin: 0px 0px 0px -15px;
 	padding: 10px 20px 10px 10px; 
	width: 140px; 
   	background: white;
	border: 1px solid #eee;   
  	font: normal 1em 'Trebuchet MS', Tahoma, Arial, serif; 
	line-height: 1.5em;
	height:60px;
	text-align:center;
	vertical-align: middle;
	float: left;
}

#stockists-product-end {
	margin: 0px -16px 0px 0px;
 	padding: 10px 20px 10px 10px; 
	width: 116px; 
   	background: white;
	border: 1px solid #eee;   
  	font: normal 1em 'Trebuchet MS', Tahoma, Arial, serif; 
	line-height: 1.5em;
	height:60px;
	text-align:center;
	float: right;
}


#rows-picture {
	margin: 0px 0px 0px 0px;
   	background: white; 
	padding-right: 10px;
	font-style:: normal 1em; 
	line-height: 1.5em;
	height:200px;
	text-align:left;
	vertical-align: top;
	float: left;
}

#rows-picture p, #rows-details p {
 	font-size:0.85em;
	line-height: 1.3em;
}

#rows-picture h2, #rows-details h2 {
 	font-size:1.25em;
}


#rows-picture p.includes, #rows-details p.includes {
 	font-size:0.75em;
	line-height: 1.35em;
	padding: 6px 0 6px 0;
}

#rows-picture p.price, #rows-details p.price {
	font-size: 1em;
	padding: 0 0 6px 0;
}





#rows-details {
	margin: 0px -16px 0px 0px;
	width: 180px; 
   	background: white;   
  	font: normal 1em ; 
	line-height: 1.5em;
	height:200px;
	text-align:left;
	float: left;
}


#rows-picture-bb {
	margin: 0px 0px 0px 0px;
   	background: white; 
	padding-right: 10px;: 
  	font: normal 1em; 
	line-height: 1.5em;
	height:200px;
	text-align:left;
	vertical-align: top;
	float: left;
}

#rows-picture-bb p, #rows-details-bb p {
 	font-size:0.85em;
	line-height: 1.5em;
}

#rows-picture-bb p.includes, #rows-details-bb p.includes {
 	font-size:0.75em;
	line-height: 1.35em;
	padding: 6px 0 6px 0;
}

#rows-picture-bb p.price, #rows-details-bb p.price {
	font-size: 1em;
	padding: 0 0 6px 0;
}

#rows-picture-bb h2, #rows-details-bb h2 {
 	font-size:1.25em;
}

#rows-details-bb {
	margin: 0px 14px 0px 0px;
	width: 190px; 
   	background: white;  
	padding-right: 10px; 
  	font: normal 1em ; 
	line-height: 1.5em;
	height:200px;
	text-align:left;
	float: left;
}


.products-shop h1 {
		height: 62px;
		text-indent: -999em;
		margin: 23px 0 5px 32px;
		width: 321px;
		position:absolute;
	}

.products h1 {
		height: 62px;
		text-indent: -999em;
		margin: 23px 0 5px 32px;
		width: 321px;
		position:absolute;
	}
	
	.products2 h1 {
		height: 62px;
		text-indent: -999em;
		margin: 23px 0 5px 32px;
		width: 321px;
		position:absolute;
	}
	
		.products3 h1 {
		height: 62px;
		text-indent: -999em;
		margin: 23px 0 5px 32px;
		width: 321px;
		position:absolute;
	}
	
	.products-shop h1.shop	
{
background: transparent url(../images/WV_Headers_SHOP.gif) no-repeat;
}
	
.products-shop h1.aboutus	
{
background: transparent url(../images/WV_Headers_ABOUTUS.gif) no-repeat;
}

.products-shop h1.publicity	
{
background: transparent url(../images/WV_Headers_PUBLICITY.gif) no-repeat;
}

.products-shop h1.stockists	
{
background: transparent url(../images/WV_Headers_STOCKISTS.gif) no-repeat;
}

.products-shop h1.retailers	
{
background: transparent url(../images/WV_Headers_RETAILERS.gif) no-repeat;
}

.products-shop h1.privacy	
{
background: transparent url(../images/WV_Headers_PRIVACY.gif) no-repeat;
}

.products-shop h1.terms	
{
background: transparent url(../images/WV_Headers_TERMS.gif) no-repeat;
}

.products-shop h1.contact	
{
background: transparent url(../images/WV_Headers_CONTACT.gif) no-repeat;
}

.products h1.product-title	
{
background: transparent url(../images/WV_Headers_PRODUCTS.gif) no-repeat;
}

.products-shop h1.product-title	
{
background: transparent url(../images/WV_Headers_PRODUCTS.gif) no-repeat;
}

.products2 h1.product-title	
{
background: transparent url(../images/WV_Headers_PRODUCTS.gif) no-repeat;
}

.products3 h1.product-title	
{
background: transparent url(../images/WV_Headers_PRODUCTS.gif) no-repeat;
}

#image2
{
margin-right: 10px;
}
	
.products
{
	background:transparent url(../images/content_products_bg.gif) no-repeat scroll 0 0;
}

.products2
{
	background:transparent url(../images/content_products_bg.gif) no-repeat scroll 0 0;
}

.products3
{
	background:transparent url(../images/content_products_bg.gif) no-repeat scroll 0 0;
}

.products-shop
{
	background:transparent url(../images/content_shop2_bg.gif) no-repeat scroll 0 0;
}

.products-bottom
{
	background:transparent url(../images/content_products_bottom_bg.gif) no-repeat scroll 0 0;
	width:734px;
	height:10px;
	margin:0;
	padding:0;
	clear:both;
}

.products-bottom-shop
{
	background:transparent url(../images/content_shop2_bottom_bg.gif) no-repeat scroll 0 0;
	width:960px;
	height:10px;
	margin:0;
	padding:0;
	clear:both;
}

.products table
{
	width:688px;
}
.products table tr td
{
	width:172px;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:5px;
	position:relative;
}

.products2 table tr td
{
	color:#2A1967;
	width:233px;
	text-align:left;
	vertical-align:top;
	padding-bottom:5px;
	position:relative;
}

.products3 table tr td
{
	color:#2A1967;
	width:120px;
	text-align:left;
	vertical-align:top;
	padding-bottom:5px;
	position:relative;
}

.products2 table tr td img
{
margin-bottom:20px;
}

.products3 table tr td img
{
margin-top:28px;
margin-left:15px;
}

.products-shop table tr td.alignleft
{
	
	padding-left: 10px;
	padding-top: 20px;
	vertical-align:top;
	text-align:left;
}

.products-shop table tr td.alignleft p
{
		font-size: 0.85em;
}

.products-shop table tr td.aligntop
{
	padding-left: 10px;
	padding-top: 30px;
	vertical-align:top;
}

.products-shop table tr td.alignleft2
{
	width:245px;
	height:150px;
	vertical-align:middle;
}

.products-shop table tr td.alignleft5
{
	width:245px;
	vertical-align:top;
	text-align:center;
}

.products-shop table tr td.alignleft6
{
	width:180px;
	vertical-align:top;
	text-align:center;
}

.products-shop table tr td.alignleft6-start
{
	width:230px;
	vertical-align:top;
	text-align:center;
}


.products3 table tr td.alignleft3
{
	width:516px;
}


.products3 table tr td.alignleft3 h2
{
	font-size: 1.5em;
	margin-top:25px;
}

.products3 table tr td.alignleft3 p
{
	font-size: 1em;
}



.products table tr td a, .products table tr td a:hover
{
	color:#fff;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:center top;
	font-weight:bold;
	font-size:0.8em;
	width:172px;
	display:block;
	padding:1px 0px 7px 0px;
}

.products-shop table tr td a, .products table tr td a:hover
{
	color:#fff;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: left top;
	font-weight:bold;
	font-size:1em;
	width:145px;
	display:block;
	padding:1px 0px 7px 0px;
}

.products table tr td a.wacky
{
	background-image:url(../images/products/wacky_link_bg.gif);
}
.products table tr td a.flyer
{
	background-image:url(../images/products/flyer_link_bg.gif);
}
.products table tr td a.mubgy
{
	background-image:url(../images/products/microjet_link_bg.gif);
}
.products table tr td a.revolution
{
	background-image:url(../images/products/revolution_link_bg.gif);
}
.products table tr td a.kite
{
	background-image:url(../images/products/kite_glider_link_bg.gif);
}
.products table tr td a.microjet
{
	background-image:url(../images/products/microjet_link_bg.gif);
}
.products table tr td a.rocket
{
	background-image:url(../images/products/ram_rocket_link_bg.gif);
}




.products-shop table tr td a, .products table tr td a:hover
{
	color:#fff;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: left top;
	font-weight:bold;
	text-align: center;
	width:145px;
	display:block;
	
}
.products-shop table tr td a.wacky
{
	background-image:url(../images/products/wacky_link_bg.gif);
	font-size: 0.80em;
	text-align: center;
}
.products-shop table tr td a.flyer
{
	background-image:url(../images/products/flyer_link_bg.gif);
		font-size: 0.80em;
}
.products-shop table tr td a.mubgy
{
	background-image:url(../images/products/microjet_link_bg.gif);
		font-size: 0.80em;
}
.products-shop table tr td a.revolution
{
	background-image:url(../images/products/revolution_link_bg.gif);
		font-size: 0.80em;
}
.products-shop table tr td a.kite
{
	background-image:url(../images/products/kite_glider_link_bg.gif);
		font-size: 0.80em;
}
.products-shop table tr td a.microjet
{
	background-image:url(../images/products/microjet_link_bg.gif);
		font-size: 0.80em;
}
.products-shop table tr td a.rocket
{
	background-image:url(../images/products/ram_rocket_link_bg.gif);
		font-size: 0.80em;
}




.products #image
{
	position:absolute;
	left:430px;
	top:17px;
}

.products #content #details
{
	width:400px;
	padding:0px 20px 0px 10px;
	color:#2a1967;
	font-size:0.9em;
}

.products-shop #content #details
{
	width:400px;
	padding:0px 20px 0px 10px;
	color:#2a1967;
	font-size:0.9em;
}

.products-shop #content #details2
{
	width:650px;
	padding:0px 20px 0px 10px;
	color:#2a1967;
	font-size:0.8em;
}

.products-shop #content #details3
{
	width:900px;
	padding:0px 20px 0px 10px;
	color:#2a1967;
	font-size:0.8em;
}

.products-shop #content #details4
{
	width:910px;
	padding:0px 20px 0px 10px;
	color:#2a1967;
	font-size:0.8em;
}

.products-shop #content #details4 p
{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.products-shop #content #details4 p.rightalign
{
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

.products-shop #content #details-contact
{
	float:left;
	width:250px;
	padding:0px 20px 0px 10px;
	color:#2a1967;
	font-size:0.8em;
	background-color:#FFFFFF;
}

.products-shop #content #details-map
{
	float:right;
}

.products #content #details2.map
{
    Float: none;
}
.products #content #details h2
{
	font-weight:bold;
	font-size:2em;
}
.products-shop #content #details h2
{
	font-weight:bold;
	font-size:2em;
}
.products #content #details ul
{
	margin:15px 0px 15px 20px;
}
.products-shop #content #details ul
{
	margin:15px 0px 15px 20px;
}
.products #content #details ul li
{
	list-style-image:url(../images/bullet.gif);
}

.products-shop #content #details ul li
{
	list-style-image:url(../images/bullet.gif);
}

.products-shop #content #details2 ul
{
	margin:15px 0px 15px 20px;
}
.products-shop #content #details2 ul li
{
	list-style-image:url(../images/bullet.gif);
}

.products-shop #content #details3 ul
{
	margin:15px 0px 15px 20px;
}

.products-shop #content #details3 ol
{
	margin:15px 0px 15px 20px;
}

.products-shop #content #details3 ul li
{
	list-style-image:url(../images/bullet.gif);
}


.products-shop #content #details p a, .products #content #details p a:hover
{
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight:bold;
	background-repeat:no-repeat;
}
.products-shop #content #details p a.buy
{
	background-image:url(../images/buy_link_bg.gif);
	width:188px;
	height:32px;
	padding:4px 0px 0px 15px;
}


.products #content #details p a, .products #content #details p a:hover
{
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight:bold;
	background-repeat:no-repeat;
}
.products #content #details p a.buy
{
	background-image:url(../images/buy_link_bg.gif);
	width:188px;
	height:32px;
	padding:4px 0px 0px 15px;
}

.products-shop #content a.buy2
{
	background-image:url(../images/buy_link_bg.gif);
	width:188px;
	height:32px;
	padding:4px 0px 0px 15px;
}

.products-shop #content a.buy3
{
	background-image:url(../images/buy_link_bg2.gif);
	padding:6px 13px 10px 13px;
	font-size: 1em;
	margin-top: 10px;
	font-weight: bold;
	text-align: left;
	color:#FFFFFF;
	text-decoration:none;
	width:145px;
}

.products-shop #content a.buy3:hover
{
	background-image:url(../images/buy_link_bg2-hover.gif);

}

.products-shop #content a.buy4
{
	background: url(../images/buy_link_bg2.gif) no-repeat top center;
	padding: 6px 0px 0px 0px;
	display:block;
	font-size:0.9em;
	height:32px;
	width:600px;
	text-align: center;
}

.products-shop #content a.buy4:hover
{
	background-image:url(../images/buy_link_bg2-hover.gif);

}


a.buy2
{
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight:bold;
	background-repeat:no-repeat;
	background-image:url(../images/buy_link_bg.gif);
	width:188px;
	height:32px;
	margin-top: 16px;
	padding:4px 0px 0px 15px;
}

.products-shop table tr td.alignleft p a.watch {
background-image:url(../images/products/wacky_link_bg.gif);
font-size:1em;
height:26px;
padding:2px 0 0 -2px;
width:140px;
}

.products-shop table tr td.alignleft p a.watch:hover {
background-image:url(../images/wacky_link_bg-red.gif);
height:26px;
padding:2px 0 0 -2px;
width:140px;
}

.products #content #details p a.watch
{
	background-image:url(../images/watch_link_bg.gif);
	width:118px;
	height:22px;
	padding:2px 0px 0px 4px;
	font-size:0.9em;
}

.products-shop #content #details p a.watch
{
	background-image:url(../images/products/wacky_link_bg.gif);
	width:140px;
	height:26px;
	padding:2px 0px 0px 8px;
	font-size:1em;
}

.products-shop #content #details p a.watch:hover
{
	background-image:url(../images/wacky_link_bg-red.gif);
	width:140px;
	height:26px;
}

#footer
{
	margin-top:80px;
	margin-bottom:30px;
	color:#868686;
	font-size:0.7em;
	padding-top: 30px;
	clear: both;
}

#footer a.n2
{
	color:#333;
	font-size:0.7em;
	text-decoration: none;
}

#footer a, #footer span
{
	color:#868686;
	margin:10px 20px 0 0;
}


/* columns */
#columns {
	clear: both;
	text-align: left;
	color: #5B9CFF;
	margin: 20px 0 0 0; 
	padding: 1em;
	width: 100%;	
}
#columns h3 {
	color: #eee;	
	margin: 0;
	padding: 0 0 10px 0; 	
	font: bold 1em Arial, Tahoma, Sans-serif;	
}

#columns ul {
	list-style: none;
	margin: 0px 0 0 0; 
	padding: 0;	
	border-top: 2px solid #888;	
}

#columns li.bot {
	border-bottom: 2px solid #888;		
}

#columns li {
	border-bottom: 1px solid #333;		
}

#columns li a {
	display: block;
	padding: .5em 0 .5em 0em;
	color: #ddd;
	text-decoration: none;
	font: normal 0.75em Arial, Tahoma, Sans-serif;
}
#columns li a:hover {
	color: #eee;	
	text-decoration: none;
	font-weight:bold;
	background-color:#cd2019;
	padding: .5em 0 .5em 10px;
}

#columns .col3, .col3-center {
	float: left;
	width: 18%;
}
#columns .col3-center { 
	margin: 0 16px 0 0; 
}




