/********************************************  CSS RESET  *********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
th { text-align: left; }
address { font-style: normal; }
.clearFloat { clear: both; }
.hidden { display: none; }
body, select, input, textarea { font-family: arial, sans-serif; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}


/**********************************************  FONTS  ***********************************************/


h1 {
	font-size:21px;
	font-weight:bold;
	color:#043f65;
	margin:0 0 12px 0;
}
h2 {
	font-size:16px;
	font-weight:bold;
	color:#043f65;
	margin:0 0 8px 0;
}
h3 {
	font-size:13px;
	font-weight:bold;
	color:#e27d0f;
	margin:0 0 3px 0;
}
p {
	margin:0 0 10px 0;
	line-height:18px;
}
p a {
	text-decoration:underline;
	color:#222;
}
p a:hover {
	text-decoration:underline;
	color:darkblue;
}
p span{
	font-size:11px;
}

/**********************************************  HEADER  **********************************************/


#header {
	width:1004px;
	height:180px;
	margin:0 auto;
	background: url(../images/top-bar.gif) center 177px no-repeat;
	position:relative;
}

#header .logo {
	float:left;
	display:block;
	height:140px;
	width:180px;
	text-indent:-9000em;
	margin:15px 0 0 15px
}

#header .newsletter {
	background: white url(../images/newsletter.gif) left top no-repeat;
	width:302px;
	height:69px;
	float:left;
	margin:70px 0 0 0;
	display:inline;
	visibility:hidden;
}
	#header .newsletter .inputtext{
		background-color:transparent;
		margin:22px 0 0 4px;
		padding:2px 0;
		width:220px;
		float:left;
		border:none;
	}
	#header .submit-button {
		background:url(../images/submit-button.gif) left top no-repeat;
		width:66px;
		height:22px;
		display:block;
		text-indent:-9000em;
		border:none;
		float:left;
		margin:21px 0 0 11px;
		cursor:pointer;
		font-size:0;
	}
	
#header .search {
	width:450px;
	height:45px;
	position:absolute;
	left:50%;
	margin-left:-120px;
	top:71px;
}
	.search h1{
		color:#ffffff;
		font-size:14px;
		text-transform:uppercase;
		font-weight:normal;
		padding:0;
		margin:0;
	}
	
	#header .search .inputtext{
		margin:6px 0 0 0;
		padding:2px;
		width:140px;
		float:left;
		border:1px solid #959fa5;
	}
	
	#header .search .selectBox{
		margin:6px 0 0 5px;
		padding:1px;
		float:left;
		border:1px solid #959fa5;
	}
	
	#header .search-button {
		margin:6px 0 0 5px;
	}
	
	
/**********************************************  FOOTER  **********************************************/


#footer {
	width:1004px;
	height:100px;
	margin:0 auto;
	background: url(../images/foot.gif) center top no-repeat;
	text-align: center;
}

#footer p {
	text-align:center;
	padding:63px 0 0 0 ;
}

#footer p, #footer p a{
	font-size:11px;
	color:#7193a7;
	text-decoration:none;
}

#footer p a:hover{
	text-decoration:underline;
	color:#9ebbcc;
}


/***********************************************  MENU  ***********************************************/


#menu {

}


/***********************************************  NAV  ************************************************/


#nav {
bottom:3px;
clear:left;
display:inline;
float:right;
position:absolute;
right:12px;
}
#nav *{
	font:1em Arial, sans-serif;
	text-decoration:none;
} 
#nav li{
	display:inline
}
#nav li *{
	height:29px;float:left;
	cursor:pointer;cursor:hand;
	color:#b7c3ca;
}
#nav a{
	background:url(../images/nav/left.gif) left no-repeat;
	padding-left:33px;
} 
#nav .right{
	padding-right:30px
}
#nav .center{
	background:url(../images/nav/center.gif) repeat-x;
	margin-right:-30px;
	min-width:30px;
	height:29px;
	font-weight:bold;
	padding:8px 4px 5px 9px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:16px;
}
#nav .start{
	background:url(../images/nav/farleft.gif) left no-repeat
} 
#nav .end{
	background:url(../images/nav/farright.gif) right top no-repeat;
	padding-right:45px
} 

#nav a.active{background:url(../images/nav/right.gif) left top no-repeat}
#nav a.activess{background:url(../images/nav/farlefthover.gif) no-repeat}
#nav a.active .end{background:#fff url(../images/nav/farrighthover.gif) top right no-repeat;height:36px;}
#nav a.active .center, 
#nav a.activess .center {background:url(../images/nav/center.gif) left -29px repeat-x;color:#00314f}
#nav a.active .right, 
#nav a.activess .right {background:url(../images/nav/lefthover.gif) top right no-repeat;padding-right:54px;margin-right:-24px;position:relative}

#nav a:hover .center{
	color:#fff;
}
#nav a.activess:hover .center, #nav a.active:hover .center{
	color:#00314f;
}



/***********************************************  BODY  ***********************************************/


body {
	background:#023e62 url(../images/bg.gif) center top repeat-x;
	font:12px Arial, Helvetica Sans-serif;
	height:100%;
}

#container {
	height:100%;
	width:100%;
	background: url(../images/header.jpg) center top no-repeat;
}

#content {
	min-height:472px;
	width:962px;
	background-color:#fff;
	margin:0 auto;
	padding:0 9px;
	position:relative;
}
* html #content {
	height:472px;
}

/*******************************************  PAGE LAYOUT  ********************************************/


.phone{
text-align: right;
color:#fff;
font-size:13px;
padding:  30px 10px 0 0;
margin: 0px 0 -10px 0;
}
.phoneLrg{
color:#fff;
font-size:26px;
}


/********************************************  HOME PAGE  *********************************************/


.flashdiv {
	float:left;
}

.innercontent {
	float:left;
	/*width:617px;*/
	width:587px;
	min-height:50px;
	padding:0 10px 10px 10px
}
.innercontent2 {
	float:left;
	min-height:50px;
	padding:10px 0px 10px 10px
}
.innercontent p span a{
	padding:0 0 0 10px;
	margin:0 0 10px 0;
}
.mapsdiv {
	float:left;
	width:315px;
	margin:38px 0 0 0;
	padding:2px;
	border:solid 1px #ccc;
}
.promotiondiv, .promotiondiv2 {
	float:left;
	margin:0 0 5px 10px;
	display:inline;
	background:url(../images/promotion1.jpg) left top no-repeat;
	width:314px;
	height:159px;
}

.promotiondiv2 {
	background:url(../images/promotion2.jpg) left top no-repeat;
	height:163px;
}

.promotiondiv a, .promotiondiv2 a, .promotiondivnew  a {
	display:block;
	text-indent:-900em;
	width:116px;
	height:24px;
	background:url(../images/more-blue-button.gif) left top no-repeat;
	margin:118px 0 0 10px ;
}

.promotiondiv a:hover, .promotiondiv2 a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}

.aboutdiv, .aboutdiv2 {
	width:310px;
	height:141px;
	background:url(../images/about-image1.gif) left top no-repeat;
	float:left;
	margin:0 16px 0 0;
	position:relative;
} 

.newsletterdiv {
	background:url(../images/newsletter-image.gif) left top no-repeat;
}
.aboutdiv2 {
	background:url(../images/about-image2.gif) left top no-repeat;
}

.aboutdiv p, .aboutdiv2 p{
	color:#08273a;
	font-size:12px;
	margin:43px 0 0 12px;
	padding:0;
	line-height:15px
}

.aboutdiv .findmore, .aboutdiv2 .findmore{
	width:98px;
	height:24px;
	display:block;
	text-indent:-9000em;
	float:right;
	display:inline;
	margin:7px 10px 0 0;
	background:url(../images/findmore.gif) left top no-repeat;
}

.aboutdiv .findmore:hover, .aboutdiv2 .findmore:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}

a.butOrderCat{
	width:164px;
	height:24px;
	display:block;
	text-indent:-9000em;
	float:left;
	display:inline;
	margin:7px 10px 0 0;
	background:url(/images/buttons/btn-order-catalogue.gif) left top no-repeat;
}
a.butDLProductCat{
	width:254px;
	height:24px;
	display:block;
	text-indent:-9000em;
	float:left;
	display:inline;
	margin:7px 10px 0 0;
	background:url(/images/buttons/btn-download-product-catalogue.gif) left top no-repeat;
}
a.butOrderCat:hover,a.butDLProductCat:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.aboutdiv .hiddenbtn {
	width:150px;
	height:24px;
	display:block;
	text-indent:-9000em;
	float:right;
	display:inline;
	position:absolute;
	right:10px;
	bottom:7px;
}
.aboutdiv.newsletterdiv p{
	
}
.specialss {
	position:absolute;
	bottom:-5px;
	right:14px;
	background:url(../images/specials.gif) left top no-repeat;
	width:300px;
	height:106px;
	padding:50px 0 0 10px
	}
.specialss .specialsdiv {
	width:304px;
	height:94px;
}
.specialss .specialsdiv img {
	border:solid 1px #ccc;
	margin:0 10px 0 0;
}
.specialss .specialsdiv p {
	font-size:13px;
	margin:5px 0;
	line-height:16px;
}
.specialss .specialsdiv p.pprice {
	font-weight:bold;
	color:darkred;
}
.specialss .specialsdiv a {
	display:block;
	width:116px;
	height:24px;
	background:url(../images/orange-button.gif) left top no-repeat;
	text-indent:-9000em;
	float:left;
	margin:20px 0 0 0;
}
.specialss .specialsdiv a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/**********************************************  COMMON  **********************************************/

#menulist {
	margin:0;
	padding:0;
	float:right;
	width:314px;
}
#menulist li {
	float:left;
	margin:0 0px 3px 0;
}
#menulist li a{
	display:block;
	width:300px;
	border:solid 1px #ddd;
	padding:5px;
	text-decoration:none;
	font-size:11px;
	color:#444
}
#menulist li a:hover{
	background-color:#eee;
	border:solid 1px #ccc;
	color:#222
}
.products {
	padding:10px 5px 30px 5px;
	border-bottom:solid 1px #8badc5;
	margin:20px 10px 5px 5px;
	float:left;
	width:600px;
}
.products ul {
	list-style:disc;
	margin:5px 0 0 15px;
	float:left;
	height:136px;
	width:200px;
}
	.products li {
		margin:0 0 5px 0;
	}
.products img {
	float:left;
	margin:0 20px 0 0;
	border:solid 1px #ccc;
}
.products .downloadlink{
	display:block;
	width:209px;
	height:27px;
	background:url(../images/download.gif) left top no-repeat;
	text-indent:-9000em;
	float:left;
	margin:12px 0 0 0;
}
.products .downloadlink:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}
.products2 {
	float:left;
	width:140px;
	margin:0 18px 25px 0;
	height:180px;
	border-bottom:dashed 1px #ddd;
	text-decoration:none;
}
.products2 img{
	padding:2px;
	border:solid 1px #ccc;
	width:140px;
}
.products2 img:hover{
	border:solid 1px #bbb;
	background-color:#ddd
}
.products2 h2 {
	font-size:13px;
	margin:3px 0 3px 0;
	height:32px;
}
.products2 .downloadlink{
	display:block;
	width:124px;
	height:18px;
	background:url(../images/download-new.gif) left top no-repeat;
	text-indent:-9000em;
	float:left;
	margin:2px 0 0 0px;
}
.products2 .downloadlink:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}
.newprod {
	background:url(../images/item-bg2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px 0;
	margin:5px 0 0px -5px;
	padding:20px 20px 10px 20px;
	/*position:relative;*/
	
}
.newprod img{
	margin:10px -10px 20px 0px;
}

.newprod ul {
	list-style-type:circle;
	margin:5px 0 15px 0;
	height:136px;
	width:310px;
	padding: 0 0 0 15px;
}
.newprod li {
	margin:0 0 6px 0;
	line-height:16px;
	width:310px;
}
.newprod .specialoff {
	/*position:absolute;*/
	float:left;
	position:relative;
	top:-285px;
	right:-595px;
	width:200px;
	height:239px;
	padding:13px 30px 10px 20px;
	background:url(../images/postit.jpg) left top no-repeat;
}
.newprod h3 {
	font-size:14px;
	color:firebrick;
}
.newprod img.multiImages{
	margin-left:50px;
}

.fav {
	background:url(../images/icons/ico-star.gif) left center no-repeat;
	color: #7193A7;
	padding: 0 0 0 20px;
	text-decoration: none;
}
.fav:hover {
	text-decoration: underline;
}


/**********************************************  CONTACT PAGE  **********************************************/


#contactpage p{
	float:left;
	width:210px;
	margin:5px 0 20px 30px;
}
.contactForm li {
	clear:both;
	margin:0 0 8px 0;
	float:left;
	width:318px;
	border:solid 1px #fff;
	padding:2px 2px;
}
.contactForm {
	width:325px;
	margin:10px 10px 0 0px;
	float:left;
	padding-right:15px;
	border-right:dashed 1px #ccc;
	min-height:300px;
	height: auto !important;
	height:300px;	
}

.contactForm label, .contactForm .label {
	float:left;
	width:110px;
	color:#434343;
	font-size:11px;
	margin-top:4px;
}
.contactForm .radioInput {
	float: right;
	width: 208px;
}
.contactForm .radioInput label {
	float: none;
	width: auto;
	position: relative;
	top: 1px;
}
.contactForm .radioInput input {
	margin: 0 0 4px 0;
	width: 16px;
	height: 16px;
	vertical-align: top;
}
.contactForm .inputext, .contactForm select, .contactForm textarea {
	float:right;
	width:200px;
	border:solid 1px #bbb;
	font:11px Arial, Helvetica, sans-serif;
	padding:3px;
}

.contactForm .inputext:focus, .contactForm select:focus, .contactForm textarea:focus {
	border:solid 1px #888;
}

.contactForm select {
	width:208px;
}

.contactForm textarea {
	width:200px;
	height:120px;
}

.contactForm .submitbtn {
	margin:5px 0 15px 110px;
	display:block;
	float:left;
}

.onFocus {
	background-color:#fff;
}
li.error {
	border:solid 1px #ee7676;
	background-color:#fae6e6;
}
.error .onFocus, .error :focus {
	border: 1px #ff0000 solid;
	color:#ff000;
}

.error .onBlur {
	background-color: #fff;
}

.error .onFocus, .error :focus {
	background-color: #fff7f7;
	border: 1px #ff0000 solid;
}
p.thanksmes {
	padding:0 !important;
	margin:0 !important;
}
.results a{
	font-size:13px;
	color:#1a6492;
}
.results a:hover{
	color:#084469;
}
.results a:active{
	color:#e37614;
}
.zoom_searchform {
	margin:5px 0 0 0;
}
/*****/
.rightprod {
	background:url(../images/item-bg-right.gif) left top no-repeat;
	float:left;
	width:309px;
	min-height:50px;
	margin: 10px 20px 0px 0px;
	padding:20px 20px 10px 20px;
}

.rightprod p {
	margin: 0px 15px 10px 0px;
}

.rightprod img{
	margin:10px 10px 20px 0px;
}
.rightprod ul  {
	list-style:circle;
	margin:5px 10px 15px 0;
	padding: 0 0 0 15px;
	width:310px;
}
.rightprod li {
	margin:0 0 6px 0px;
	line-height:16px;
	list-style-position:outside;
	list-style-type:circle;
}
	
.rightdiv{
	float:right;
	width:310px;
	margin: 0 20px 0 0px;
	padding: 0 20px 0 0px;
	left: 620px;
	top:150px;
}
.promotiondivnew {
	float:left;
	margin:0 0 5px 10px;
	display:inline;
	background:url(../images/promotion1.jpg) left top no-repeat;
	width:314px;
	height:159px;
	/*position:absolute;
	left:650px;
	top:0px;*/
}
.right_contact{
	width:210px;
	position:absolute;
	left:355px;
	top:40px;
	float:right;
}
.right_catalogue{
	width:220px;
	float:left;
	margin:0px 5px 20px 0px;
	position:absolute;
	left:370px;
	top: 150px;
}
.right_catalogue p {
	margin: 0px 5px 10px 10px;
}
.required{
	margin-left:110px;
	font-weight:bold;
}


/**********************************************  Checkout  ***********************************************/


ol.checkout, ul.checkout {
line-height:1;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.checkout{
	float:left;
	width:340px;
	margin:10px;
	margin-right:0;
}

ul.checkout li{
	padding-top:1px;
	border:1px solid #ffffff;
}

ul.checkout li.error{
}

ul.checkout label{
	width:117px;
	float:left;
	padding-top:6px;
	padding-left:6px;
	font-size:11px;
}

ul.checkout select{
	width:211px;
	padding:3px;
}

ul.checkout input{
	width:205px;
	padding:3px;
}

ul.descList{
	list-style-type:disc;
}

ul.descList li{
	line-height:16px;
	margin-left:25px;
	list-style-type:disc;
}