html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
	background:transparent url(../image/bg7.jpg) repeat-y fixed center 100%;
}
* {
	font-family:Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-repeat: repeat-x;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
	color:#333333;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}

a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}

a,a:link,a:link,a:link,a:hover {background:transparent;cursor:pointer} 
a:link {color:#ff0080} 
a:visited {color:#ff0080} 
a:hover,a:active {
	color:#005b9a;
} 

#image {
border:2px solid #EEEEEE;
padding:5px;
}

a img {
	border: none;
}


p {
	margin-top: 0px;
}




/* layout */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header .div2 {
	float: left;
	/*padding-top: 15px;*/
	padding-left: 15px;
}

#header .div2 img {
	display:none
}

#header .div3 {
	display: none;
	float: right;
	padding-top: 7px;
	height: 38px;
}
#header .div3 a {
	margin-left: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
#header .div4 {
/*	width: 470px;*/
	clear: right;
	float: right;
	height: 32px;
}
#header .div4 a {
	float: left;
	height: 18px;
	padding-top: 5px;
	padding_left: 10px;
	position: relative;
	z-index: 1;
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	font-family:Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}

.div4 ul{float:right; list-style-type:none; margin-top:0; padding-left:20px;}
.div4 li{float:left; margin-right: 18px; }
.div4 li img{float:left; margin-right: 3px; margin-top: -3px;}

#header .div5 {
	display:none;
	clear: both;
}
#header .div5 .left {
/*	background: url('../image/header_1_left.png') no-repeat;
*/	width: 5px;
	height: 40px;
	float: left;
}
#header .div5 .right {
/*	background: url('../image/header_1_right.png') no-repeat;
*/	width: 5px;
	height: 40px;
	float: right;
}
#header .div5 .center {
/*	background: url('../image/header_1_center.png') repeat-x;
*/	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
}
#header .div6 {
	/*clear: both;*/
	margin-bottom: 10px;
	border-bottom:1px dashed #000000;
	margin:-4px 10px 0;
}
#header .div6 .left {
/*	background: url('../image/header_2_left.png') no-repeat;
*/	width: 5px;
	height: 32px;
	float: left;
}
#header .div6 .right {
/*	background: url('../image/header_2_right.png') no-repeat;
*/	width: 5px;
	height: 32px;
	float: right;
}
#header .div6 .center {
/*	background: url('../image/header_2_center.png') repeat-x;
*/	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#header .div7 {
	float:left;
	display:inline;
	width: 105px;
	text-align:center;
}

.ie  .div7 {
	display:none;
}



#search {
	display:none;
	padding-top: 7px;
	padding-left: 5px;
	color: #FFF;
	font-weight: bold;
}
#search select {
	display:none;
	border: 1px solid #0A5391;
	padding: 1px;
}
#search a {
	color: #FFF;
}
#search input {
	border: 1px solid #0A5391;
	padding: 2px;
}
#breadcrumb {
	float: left;
	padding-bottom:13px;
padding-top:5px;
	height: 13px;
	margin-bottom: 10px;
	text-decoration: none;
	font-size: 13px;
	font-family:Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}

#breadcrumb a {
	text-decoration: none;
	font-size: 14px;
	font-family:Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}


.switcher {
	float:left;
	margin-top: 1px;
	
}
.switcher a {
	text-decoration: none;
	display:block;	
	
}

.switcher .option a {
	float: left;	
	
}

.switcher .selected {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF;
}
.switcher .selected a {
	/*border: 1px solid #CCCCCC;
	background: url('../image/arrow_down.png') 116px center no-repeat;*/
	color:#FF0080;
	/*width: 121px;*/
	font-size:14px;
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:2px 5px;
}
.switcher .selected a:hover {
	font-size:14px;

	color: #005B9A;
	
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
}

.switcher .option a:hover {
	font-size:14px;
	color: #005B9A;
display:none;
padding:3px;
position:absolute;
width:125px;
z-index:3;
}


.switcher .option {	
font-size:14px;

	position: absolute;
	z-index: 110;
	/*border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
	background-color: #ffffff;
	display: none;
	width: 107px;
	padding: 0px;
	
}
.switcher .option a {
	font-size:14px;
text-align:center;
	color: #FF0080;
	padding: 0px 0px 0px 0px;
}
.switcher img {
	position: relative;
	top: 1px;
}

#language_form {
display: none; 
}



#column_left {
	float: left;
	width: 180px;
	clear: left;
	width: 160px;
	padding-top:5px;
	padding-left: 20px;
	padding-bottom:30px;
	
}
#column_right {
	float: right;
	width: 180px;
	margin-left: 10px;
	clear: right;
}
#content {
	width:740px;;
	margin-left: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top:5px;
}
#content .top .left {
	/*background: url('../image/content_top_left.png') no-repeat;*/
	width: 5px;
	height: 32px;
	float: left;
}
#content .top .right {
	/*background: url('../image/content_top_right.png') no-repeat;*/
	width: 5px;
	height: 32px;
	float: right;
}
#content .top .center {
	/*background: url('../image/content_top_center.png') repeat-x;*/
	margin-left: 5px;
	margin-right: 5px;
}
#content .top h1 {
	padding: 12px 0px 8px 7px;
}
#content h1, .heading {
	border-bottom:1px dotted #999999;
	color:#005B9A;
	font-size:19px;
	font-weight:bold;
	line-height:1.2em;
	margin: 0px;
}
.heading {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
#content .middle {
	/*border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;*/
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 380px;
}
#content .bottom .left {
	/*background: url('../image/content_bottom_left.png') no-repeat;*/
	width: 5px;
	height: 5px;
	float: left;
}
#content .bottom .right {
	/*background: url('../image/content_bottom_right.png') no-repeat;*/
	width: 5px;
	height: 5px;
	float: right;
}
#content .bottom .center {
/*	background: url('../image/content_bottom_center.png') repeat-x;
*/	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.box {
	margin-bottom: 10px;
/*	background: url('../image/box_top.png') no-repeat;
*/}
.box .top {
	font-size:19px;
	color:#005B9A;
	padding: 0px 0px 8px 7px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom: 1px;
	border-bottom:1px dotted #999999;
}
.box .top img {
	display: none;
	float: left;
	margin-right: 5px;
}
.box .middle {
	/*border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;*/
	padding: 0px 10px 10px 10px;
	line-height: 20px;
	text-align: left;
}
.box .bottom {
	height: 5px;
/*	background: url('../image/box_bottom.png') no-repeat;
*/}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}


a.button {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-box-shadow:0 0 1px #79B61C;
background:#79B61C none repeat scroll 0 0;
border:0 solid #666666;
color:#FFFFFF;
font-family:arial,sans-serif;
font-size:12px;
height:23px;
line-height:20px;
padding:3px;
}
a.button span {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-box-shadow:0 0 1px #79B61C;
background:#79B61C none repeat scroll 0 0;
border:0 solid #666666;
color:#FFFFFF;
font-family:arial,sans-serif;
font-size:12px;
height:23px;
line-height:20px;
padding:0 5px;

	
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}


.content {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
}
.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	width: 100%;
	height: 31px;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
	display: block;
	z-index: 2;
	margin-bottom: 10px;
}


#footer {
	clear: both;
	padding-bottom:30px;
	padding-top:3px;
	border-top-color: #000000;
	border-top-style: dashed;
	border-top-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	margin:0px 20px 30px 20px;
	width:920px;
}

#footer .div2 {
	float: left;
	text-align: left;
	padding-left: 15px;
	font-size: 11px;

}
#footer .div1 {
	float: right;
	text-align: right;
	color: #FFF;
	padding-right: 15px;
}



#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}
#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_2.png');
}
.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}


/*-------------------------------additions-------------------------------------*/

#slogan {
	margin-bottom:0;
	margin-left: -1px;
	z-index: 1;
}

        div#line {
	margin:-4px 10px 0px 10px;
	border-top:1px dashed #000000;
	padding-top: 3px;
	border-bottom:1px dashed #000000;
	height: 40px;

	

        }
	   
	   
	    ul#topnav {
		
	width:989px;
	list-style:none;
height:10px;
	margin-left: 6px;
	

        }
		
		

       

        ul#topnav li a {
	height:40px;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	margin-right: 23px;
	
        }

        ul#topnav li#topnav-1 a {
        		width:210px;
        		background:url(http://www.whatwhat.co.uk/images/nav.jpg) no-repeat 0 0;
        }

        ul#topnav  li#topnav-1 a:hover {
        		background-position:0 -40px;
        }

        ul#topnav  li#topnav-1 a.current {
        		background-position:0 -80px;
        }
        
        ul#topnav li#topnav-2 a {
        		width:210px;
        		background:url(http://www.whatwhat.co.uk/images/nav.jpg) no-repeat -230px 0;
        }

        ul#topnav  li#topnav-2 a:hover {
        		background-position:-230px -40px;
        }

        ul#topnav  li#topnav-2 a.current {
        		background-position:-230px -80px;
        }
        
        ul#topnav li#topnav-3 a {
        		width:210px;
        		background:url(http://www.whatwhat.co.uk/images/nav.jpg) no-repeat -459px 0;
        }

        ul#topnav  li#topnav-3 a:hover {
        		background-position:-459px -40px;
        }

        ul#topnav  li#topnav-3 a.current {
        		background-position:-459px -80px;
        }
        
        ul#topnav li#topnav-4 a {
        		width:210px;
        		background:url(http://www.whatwhat.co.uk/images/nav.jpg) no-repeat -689px 0;
        }

        ul#topnav  li#topnav-4 a:hover {
        		background-position:-689px -40px;
        }

        ul#topnav  li#topnav-4 a.current {
        		background-position:-689px -80px;
        }
		
		
		
		
		     ul#topnav li#topnavj a {
        		width:210px;
        		background:url(http://www.whatwhat.co.uk/images/nav4.png) no-repeat -459px 0;
        }

        ul#topnav  li#topnavj a:hover {
        		background-position:-459px -40px;
        }

        ul#topnav  li#topnavj a.current {
        		background-position:-459px -80px;
        }
		
		
		
		
		
		     ul#topnav li#topnave a {
        		width:210px;
        		background:url(http://www.whatwhat.co.uk/images/nav4.png) no-repeat -689px 0;
        }

        ul#topnav  li#topnave a:hover {
        		background-position:-689px -40px;
        }

        ul#topnav  li#topnave a.current {
        		background-position:-689px -80px;
        }
 
 
 /*        
-----------------------------------------------------------------

Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-width: 1px 1px 1px 0;
	
	}


	


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}





/* ------------------*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 0;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}









/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
z-index:-1;
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border:2px solid #EEEEEE;
margin-bottom:10px;
margin-left:15px;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}