html, body {
	background: #B0B0B0;
	margin: 0; padding: 0 0 22px 0;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	font-weight: bold;
	font-size: 1em;
}

form 
{
	margin: 0; padding: 0;	
}

fieldset
{
	padding:10px 10px 5px 10px;
}
.homepageimage 
{
	overflow: hidden;
	height: auto !important;
	height: 1%;
	float: left;
	width:351px;
}
.homepageimage img {
	margin: 0 !important; 
	padding: 0 !important;
}

.textbox {
	border: 1px solid #C3C3C3;
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #DDDDDD;
	margin: 0 0.5em 0 0.5em;
	background: url('../images/input_back.png') no-repeat top left;
	padding: 3px 5px 3px 5px;
	width: 120px;
	font-size: 1em;
	font-family: "Verdana", sans-serif;
	color: #888888;
}
.textbox:focus {
	color: #000000;	
}


/* text styles */
a:link { font-weight: bold; text-decoration: none; color: #562667; }
a:visited { font-weight: bold; text-decoration: none; color: #562667; }
a:hover, a:active { text-decoration: underline; color: #562667; }


div#holder {
	width: 754px;
	margin: 22px auto 0 auto;
}

div#site {
	background: #FFFFFF;
	color: #3F3F3F;
	overflow: hidden;
	padding: 0 0 16px 16px;
}

div#footer {
	width: 100%; overflow: hidden;
	padding: 0.75em 0 0.75em 0;
	text-align: right;
}
div#footer .footerlogo {
	float: left;
}
div#footer ul {
	float: right;
	margin: 0;
	padding: 0 0 8px 0;
	*padding: 0;
	list-style-type: none;
}
div#footer span {
	clear: right;
	display: block;
}

div#header {
	width: 100%; overflow: hidden;
	margin: 0;
	padding: 25px 0 14px 0;
	position: relative;
}

h1#logo a {
	background: url('../images/logo.gif') no-repeat;
	width: 340px;
	height: 56px;
	overflow: hidden;
	text-indent: -5000px;
	display: block;
}

ul#topnav {
	position: absolute;
	bottom: 10px; right: 0;
	list-style-type: none;
	margin: 0; padding: 0;
	float: right;
	max-width: 500px;
}

ul#topnav li {
	float: left;
	padding: 0 1em 0 1em;
	border-right: 1px solid #362A74;
}

ul#topnav li.last {
	border: 0 !important;
}

ul#topnav li span {
	border-right: 1px solid #352973;
	padding: 0 1em 0 0;
	margin: 0.5em 0 0.5em 0;
	display: block;
}

ul#topnav li a {
	color: #362A72;
	text-decoration: none;
	font-weight: normal;
}

ul#topnav li a:hover {
	text-decoration: underline;
}

ul#topnav form {
	margin: -4px 0 0 0; padding: 0;
	vertical-align: middle;
	_position: relative;
	_top: -4px;
	_margin: 0;
}

ul#topnav form * {
	vertical-align: middle;	
}

ul#topnav li label {
	color: #362A72;
	*position: relative;
	top: -1px;
}

ul#topnav .textbox {
	border: 1px solid #C3C3C3;
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #DDDDDD;
	margin: 0 0.5em 0 0.5em;
	background: url('../images/input_back.png') no-repeat top left;
	padding: 3px 5px 3px 5px;
	width: 120px;
	font-size: 1em;
	font-family: "Verdana", sans-serif;
	color: #888888;
	_position: relative;
	_left: 0.5em;
}
ul#topnav .textbox:focus {
	color: #000000;	
}

ul#topnav input.submit {
	border: 0; 
	background: #FFFFFF;
	font-size: 10px;
	margin: 0 10px 0 0; padding: 0;
	color: #362A72;
}

div#sidebar {
	width: 190px;
	float: left;
	margin: 0 5px 0 0;
}

div#navigation {
	width: 100%; overflow: hidden;
	padding: 0 0 1em 0;
}

div#navigation ul {
	padding: 0; margin: 0;
	list-style-type: none;
	line-height: 1.5em;
}

div#navigation ul li {
	background: #D2E8F5;
	overflow: hidden !important;
	display: block;
	width: 100%;
}

div#navigation ul li * {
	*display: inline-block;
	/* hasLayout causing machine */
}

div#navigation ul li a {
	display: block;
	padding: 0.4em 2.5em 0.5em 1em !important;
	padding: 0.5em 2.5em 0.7em 1em;
	background: url('../images/nav_arrowright.gif') 168px 11px no-repeat #342A73;
	border-bottom: 2px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 1.5em;
	text-decoration: none;
	font-family: "Trebuchet MS";
	outline: 0;
	-moz-outline: 0;
	width: 100%; overflow: hidden;
}

div#navigation ul li a span {
	background: url('../images/navigation.png') no-repeat;
	display: block;
	text-indent: -5000px;
	height: 16px;
	margin: 3px 0 1px 0;
	*margin: 9px 0 0px 0;
	_margin: 9px 0 -3px 0;
}

div#navigation ul li a span {
	cursor: pointer; 
}

.folderclass1 a {
	background-color: #7D8EF8 !important;
}
.folderclass2 a {
	background-color: #6E7DDC !important;
}
.folderclass3 a {
	background-color: #6067C1 !important;
}
.folderclass4 a {
	background-color: #5153A6 !important;
}
.folderclass5 a {
	background-color: #423E8B !important;
}
.folderclass6 {
	background-color: #342A73 !important;
}

#navproduct a span {
	background-position: -0 0 !important;
	width: 56px;
}
#navaboutus a span {
	background-position: -56px 0 !important;
	width: 59px;
}
#navsupport a span {
	background-position: -450px 0 !important;
	width: 104px;
}
#navdownloads a span {
	background-position: -167px 0 !important;
	width: 72px;
}
#navnews a span {
	background-position: -239px 0 !important;
	width: 132px;
}
#navstore a span {
	background-position: -371px 0 !important;
	width: 79px;
}

div#navigation ul div {
	*margin: 0 0 -2px 0;
}

div#navigation ul div.slider {
	padding: 8px 14px;
	border-bottom: 2px solid #FFFFFF;
}
div#navigation ul div h4 {
	margin: 13px 0 2px 0;
}
div#navigation ul div p {
	margin: 0 0 13px 0;
}

div#navigation ul ul {
	padding: 0 10px;
	border-bottom: 1px solid #FFFFFF;
}

div#navigation ul b 
{
	font-weight: normal !important; 
}

div#navigation ul ul * ul 
{
	padding: 0 0 0 5px;
	border: 0;	
	margin: 0 0;
}

div#navigation ul ul ul ul ul
{
	padding: 0 0 0 10px;	
}

div#navigation ul ul li {
	background: 0;
	margin: 0;
	padding: 1px 0 4px 0;
}

div#navigation ul li * a {
	background: none !important;	
	padding: 0 0 0 0 !important;
	display: block;
	border: 0;
	color: #006BAD;
	font-size: 1em;
	text-decoration: none;
	font-family: "Verdana";
}

div#navigation ul li * a:hover {
	text-decoration: underline;
}

div#navigation ul li * a:hover {
	background-image: url('../images/nav_arrowright_hover.gif');
}

div#navigation li#logged-in {
	padding: 1.1em 3em 1.2em 1.5em;
	background: #D9D9D9;
}

#navnews div ul li {
	padding: 0.8em 0;
}
#navnews div ul li a {
	display: block;
	color: #423E3F;
}
#navnews  #morenews {
	margin: 1.5em 0 0 0;	
	display: block;
}
#navnews  #morenews a {
	color:#006BAD;
}

div#banner 
{
	overflow: hidden;
	margin: 0 0 2px 0;
}

div#main {width: 100%; overflow: hidden;}
div#main #page a:link { font-weight: bold; text-decoration: none; color: #0084D2; }
div#main #page a:visited { font-weight: bold; text-decoration: none; color: #0084D2; }
div#main #page a:hover,a:active { text-decoration: underline; color: #0084D2; }
div#main #page #mainimage img {width:512px;height:150px;padding:0;margin:0;}
	

div#page-sidebar {
	float: right;
	width: 188px;
}

div#page-sidebar ul.products {
	margin: 0; padding: 0; 
	list-style-type: none;
}

div#page-sidebar ul.products a,
div#page-sidebar ul.products a img{
	border: 0;
	display: block;
}

div#page-sidebar ul.products li {
	padding: 0 0 2px 0;
	*float: left;
}

div#page-sidebar .feature {
	background: #F2F2F2;
	padding: 6px;
}

div#page-sidebar .feature h3 {
	color: #342A73;
	font-family: "Trebuchet MS";
	font-size: 1.5em;
	width: 100%; overflow: hidden;
}
div#page-sidebar .feature h3 span {
	float: right;
	display: block;
}
div#page-sidebar .feature p {
	font-size: 1.1em;
}

div#page {
	overflow: hidden;
	height: auto !important;
	height: 1%;
	padding: 0 0px 0 5px;
	float:left;
	width:529px;
}

.hp {
	overflow: hidden;
	height: auto !important;
	height: 1%;
	padding: 0 0px 0 5px;
	width:343px !important;
	float:left;
}

div#page h1
{
	width: 290px
}

div#page img[align=right]
{
	margin: 15px 0 15px 20px;	
}

div#page img[align=left]
{
	margin: 15px 20px 15px 0;	
}

div#page h1 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color: #000000;
}

div#page ul {
	margin: 1.5em 0 1.5em 1.4em; padding: 0;
}

div#page p  {
	margin: 1.5em 0 1.5em 0;
	padding: 0;
}

img#innerbanner {
	display: block;
	width: 500px;
	margin: 1.5em 0 1.5em 0;
}

div#page img{
	margin: 5px;
}

.spectable {
	background: #E7F3FA;
	/*border: 1px solid #BDC7CC;*/
	margin: 2em 0 1em 0;
	width: 100%;
}

.spectable caption {
	text-align: left;
	width: 100%;
	padding: 0 0 1em 0;
}

.breadcrumb, #pagination
{
	border: 1px solid #DEDEDE;
	overflow: hidden;
	margin: 5px 5px 5px 0;
	line-height: 2.4em;
	color: #2B2D53;
	height: auto !important; height: 1%;
}

.breadcrumb a, .breadcrumb span 
{
	display: block; float: left;
	padding: 0 2em 0 1em;	
}

.breadcrumb a
{
	background: url('../images/breadcrumb_splitter.png') top right no-repeat;
	color: #020BB6;
}

#pagination 
{
	padding: 0 1em;	
}
#pagination span, #pagination a 
{
	padding: 0.1em;	
}
#pagination .paginationSeparator 
{
	padding: 0.2em;
}

div#loginForm .textbox
{
	width: 150px;	
}
div#loginForm .formForgottenPass
{
	padding: 1em 0 0 0;
	margin: 2em 0 0 0;
	border-top: 1px solid #DEDEDE;
}
div#loginForm label 
{
	line-height: 2em;
	padding-right: 1em;
}
div#loginForm fieldset 
{
	background: #E7F3FA;
	padding: 1.5em;	
}
div#loginForm .FormLabel 
{
	width: auto !important;	
}
div#loginForm .valError 
{
	padding: 0.5em 0 0.7em 0;	
}

.productdivs 
{
	margin: 1em 0 0.5em 0;
	padding: 1.25em !important;	
	background: #E7F3FA;
	overflow: hidden;
	height: auto !important; height: 1%;
}
.productdivs label 
{
	vertical-align: middle;
	line-height: 2em;	
	font-weight: bold;
	padding-right: 0.5em;
}
.productdivs .FormLabel 
{
	width: auto !important;
	padding: 0 1em 0 0;	
}
.productdivs-sign 
{
	padding: 1em 0 0 0;
	width: 100%; overflow: hidden;	
}
.productdivs-sign input 
{
	float: left; margin: 0 1em 0 0;	
}
.countryContact 
{
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #BDC7CC;	
}
.countryPricing legend 
{
	font-size: 1.2em;	
	display: block;
	padding: 0.5em 0 0 0;
	position: relative;
	*left: -6px;
}

#logged-in-user 
{
	width: 166px !important;
	padding: 0.2em !important;
	text-align: center;
	margin: -10px 0 0 -10px;
	background: #D9D9D9 !important;	
}
#logged-in-user span 
{
	display: block;	
}
#logged-in-edit 
{
	margin: 0 0 0 -10px;
	padding: 1em;
	border-bottom: 1px solid #9DC9E3;	
}
#logged-in-edit ul 
{
	padding: 0 !important; margin: 0 !important;	
	width: 100%; overflow: hidden;
}
#logged-in-edit ul li 
{
	float: left;
	width: auto !important;
	padding: 0 8px 0 0 !important;
	margin: 0 8px 0 0;
}
#logged-in-edit ul li.last 
{
	border: 0 !important;	
}

.productPurchase, .productspecification
{
	margin: 1em 0 0.5em 0;
	padding: 2em 1.5em !important;	
	background: #E7F3FA;	
}
.productspecification 
{
	padding: 2em 2em 1em 2em !important;	
}
.productPurchase table
{
	width: 100%;
	margin: 0; padding: 0;	
}
.productPurchase td 
{
	border-top: 1px solid #BDC7CC;		
	padding: 0.6em 1em 0.5em 1em; margin: 0;
}
#basketform table
{
	width: 100%;
	margin: 10px 0;
}

/* form layouts */
.FormLabel { float:left; width: 140px; }
.FormText { display:block; margin-bottom: 5px; margin-left: 140px; }
.FormText input, .FormText textarea { width: 300px; }
.FormTextNormalSize input { width: auto !important; }
.FormTextnormal input { border: 0; width: 15px; }
.radio input { width: 20px; border: solid 0px transparent; }
input.Button { }
.Info { display: block; padding: 6px; width: 460px; margin: 6px 6px 6px 0; border: solid 1px #79A7E2; background-color: #EFF5FF; }
.FormHeading { font-weight: bold; }
.FormLabelWide { float:left; width: 490px; margin: 10px 0 10px 0; font-weight: bold; }
.valError{color:Red;}

/* Product Category Listing Page */
#holder #site #main .catList { margin-bottom: 20px; width: 500px; min-height: 100px;}
#holder #site #main .catList .catListIntro { float: left; width: 380px; padding-left: 10px; }
#holder #site #main #productCategorySubList { width: 178px; padding: 20px 6px 6px 6px; background-color: #F0F7FF; float: right; color: #261A6E; font-weight: bold; font-size: 0.9em; margin: 0 0 10px 10px;}
#holder #site #main #productCategorySubList .level1 { margin: 0 0 2px 16px; font-size: 1.1em; }
#holder #site #main #productCategorySubList ul { margin: 0 0 2px 16px; padding: 0; }
body > #holder #site #main #productCategorySubList ul { margin: 0 0 2px 16px; _margin: 0 0 0 -23px; }
#holder #site #main #productCategorySubList ul li { list-style-type: none; }


/******* Login page *************************/

#divForgottenPasswordThakyou
{
	margin-top:5px;
	font-size:1.1em;
	font-weight:bold;
}


div#productlist
{
margin: 12px 0 0 0;
}

div#productlist,
div#productlist .item 
{
width: 100%; overflow: hidden;	
}
div#productlist .thumb,
.newslist .thumb 
{
float: left;
margin: 0 0 10px 0;
}
div#productlist .thumb img,
.newslist .thumb img 
{
border: 2px solid #D2E8F5;
display: block;
padding: 2px;

}
div#productlist .thumb a:hover img,
.newslist .thumb a:hover img 
{
border-color: #72A7C7;
}
div#productlist .text,
.newslist .text 
{
overflow: hidden;
height: auto !important;
height: 1%;	
padding: 2px 5px;
margin: 0 0 10px 0;
}
div#productlist .text h4 
{
display: block;
font-weight: bold;	
line-height: 1.9em;
}

#divCountryPrice
{
	padding:10px 10px 10px 10px;
}

#divCountrySelect
{
	
}

.productdivs
{
	padding:10px 10px 10px 10px;
}

.newslist {
	overflow: hidden;
}

.newslist .item {
	padding: 9px 0;
	margin: 0 0 6px 0;
	line-height: 1.6em;
	font-size: 1.1em;
}
.newslist .date {
	color: #555555;
	padding: 4px 0;
	display: block;
	font-weight: bold;
}


#rsslist {
	float: right;
	width: 233px;	
	min-height:100px;
}
#rsslist .item {
	padding: 9px;
	background: #f2f2f2;
	color: #555555;	
}
#rsslist a {
	color: #555555 !important;
}
#rsslist .date {
	color: #898989;	
	padding: 4px 0;
	display: block;
	font-weight: bold;
}


/**************************** Basket/checkout ************************************/
.basket{
padding:0;
margin:0;
border-collapse: collapse;
}


.basketheader{
background:#6E7DDC;
color:white;
}

.basketItemColumn{
padding:5px 7px 5px 5px;
}

.basketPriceColumn{
padding:5px 7px 5px 5px;
}

.basketQuantityColumn{
padding:5px 7px 5px 5px;
}

.basketUnitColumn{
padding:5px 7px 5px 5px;
}

.basketNettColumn{
padding:5px 7px 5px 5px;
}


.basketLastColumn{
background:white;
}

.basketitembottom{
background:#CED3ED;
border-bottom:solid white;
}

.linetotal{
padding:5px 7px 5px 5px;

}


.basketsubtotal{
background:#B9C1F2;
}

.basketvat{
background:#B9C1F2;
}

.baskettotal {
background:#B9C1F2;
font-weight:bold;
}

/*--checkout conformation----*/

fieldset
{
border:none;
margin:0;
padding:0;
}


legend{
font-weight:bold;
}


.basket{
margin:5px 0 10px 0 ;
padding:0;

}


.basketLastColumn{
width:0;
padding:0;
margin:0;
border:0;

}

.roundbutton{
background:white;

}

#divbillingaddress{
background:#CED3ED;
}

#divbillingaddress fieldset h3 {
background:white;
padding: 0 0 5px 0;
margin:0 0 5px 0;
}

#divbillingaddress fieldset .checkouttext, #divbillingaddress fieldset p {
padding: 5px 0 30px 15px;

}

#divshippingaddress{
background:#CED3ED;
}

#divshippingaddress fieldset h3 {
background:white;
padding: 0 0 5px 0;
margin: 0 0 10px -15px;
}


#divshippingaddress fieldset {
padding: 0 0 15px 0;
}

#divshippingaddress fieldset .checkoutTitle{
padding: 0 0 5px 15px;
}

#divshippingaddress fieldset .label{
padding: 0 15px 0 15px;
}

#divshippingaddress fieldset .control{
padding: 0 15px 5px 15px;
}

.clear
{
	clear:both;
}
.basket
{
	width:100%;
}

.smalltextbox
{
	width:200px;
}

#divbillingaddress
{
	float:left;
	width:230px;
}

#divshippingaddress
{
	float:right;
}

#paymentselection
{
	padding:20px 0px 5px 0px;
}

#paymentConfirm
{
 text-align:right;
 padding-top:10px;
}

.checkouttext
{
	padding-top:1px;
	
	line-height:2px;
}

.checkouttextitem
{
	padding: 0 0 5px 15px;
	font-weight:bold;
}

.downloadItem 
{
	width: 100%; overflow: hidden;
	padding: 1em 0;
	border-top: 1px solid #EEEEEE;	
}
.downloadItem p 
{
	margin: 0.5em 0 1em 0 !important;	
}

table.recommends 
{
margin: 1em 0 0 0;
border-top: 1px solid #BDC7CC;
background: #F7FCFF;	
padding: 0.5em 2em 1em 2em;
width: 100%;
}
table.recommends td 
{
background: #F7FCFF;	
border: 0;
padding-top: 1em;
}
table.recommends td td 
{
padding-top: 0em;	
}

.checkoutaddresses
{
	width: 100%;	
	margin: 10px 0;
	position: relative;
	left: -7px;
}
.checkoutaddresses table 
{
	background: #CED3ED;
	width: 100%;
}
.checkoutaddresses td
{
	font-weight: bold;
	padding: 4px 6px;
	
}
.checkoutaddresses input 
{
	border: 0;
	background: transparent;
	width: 100%;
	font-size: 1em;
	font-family: 'Verdana', sans-serif;
}
.billingheaderitem, .deliveryheaderitem
{
	background: #FFFFFF !important;
}

/* Goggle */
.GoogleMap {padding: 0;width: 453px;height: 220px;}
* html .GoogleMap { width: 450px; }
* html .GoogleMap #map { width: 450px; }
.GoogleMap #map {	width: 453px;	height: 220px;	}
.GoogleMap, .GoogleMapWide {border: 1px solid #979797;padding: 8px 9px 8px 9px;	margin: 1em 0 1em 0;}
.GoogleMapWide {margin: 0 0 1em 0;}	
.GoogleMapWide #map {width: 490px;	height: 300px;}

.GoogleMap, .GoogleMapEdit {border: 1px solid #979797;padding: 8px 9px 8px 9px;	margin: 1em 0 1em 0;}
.GoogleMapEdit {margin: 0 0 1em 0;}	
.GoogleMapEdit #googlemap {width: 637px;	height: 300px;}

/* Top Nav */

.topnavdiv
{
	display:block;
}

/*image gallery*/
div#imageList 
{
	 width: 100%; 
}

div#imageList ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
div#imageList ul li {
	float: left;
	margin: 3px;
	width: 32%;
	height: 133px;
	
}
div#imageList ul li img {
	display: block;	
	margin: 0; padding: 0 !important;
}
div#imageList ul li a {
	display: block;
	text-decoration: none;
	float: left;
}
div#imageList ul li .description 
{
	display: block;
	padding: 0.5em;
	color: #FFFFFF;
	background: #280D34;
	text-align: center;
}


/*SURVEY*/

ul#questions {
	margin: 1.5em 0pt 1.5em 0em !important;
	width:400px;
}

#questions li {
	list-style: none;
}


#questions .surveyquestion {border:solid #7D8EF8 2px; margin:0px 0px 15px 0px; padding:5px 5px;}
#questions .surveyquestion .title {background-color:#D2E8F5;padding:5px 10px;}

#questions .surveyquestion .surveyquestioninner {padding:0px 5px;}

#questions .description {
	padding: 5px 0 15px 0;
}

#survey .submit {
	border: none;
	background: url(../images/button.png) no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	width: 67px;
	padding: 2px 0;
	margin: 10px 0 0 0;
	cursor: pointer;
}

#survey {
	font-weight: bold;
}

#survey .label {
	padding: 0 0 10px 0;
}

/*flickr pagination*/
.paginationF { padding: 6px; margin: 0 0 4px 0; font-size: 0.9em; font-weight: bold;}
.paginationF a { padding: 4px; border: solid 1px #EEEEEE; text-decoration: none; font-weight: bold; margin: 0 2px 2px 2px;  color:navy;}
.paginationF a.lastpage { border: solid 1px #EEEEEE; font-size: 1.0em; }
.paginationF a:hover { text-decoration: none; border: solid 1px #999999; background-color: #280D34; font-weight: normal; color: #FFFFFF; font-weight: bold;  font-size: 1.0em; }
.paginationF a:visited { text-decoration: none; color:navy;}
.paginationF .currentPage { font-size: 1.1em; margin: 0 0px 2px 0px; padding: 4px; }
.paginationF .pagenumber { font-size: 1.1em; }
.paginationF .pagedots { font-size: 1.1em; }


div#page img.expresslogo
{
	position: relative;
	top: 16px;
}

div#page form
{
	padding-bottom: 30px;
}

table.questions td label
{
	width:335px;
	float:left;
}
table.questions td input
{
	float:left;
}