body {background:#CBCDCE; margin:0; padding:0;}
#wrapper {width:760px; margin:0; padding:0; margin-left:auto; margin-right:auto; margin-top:30px;}
#header{
	width:760px;
	height:85px;
	margin:0;
	padding:0;
	position:relative;
	background-color: #33297B;
}
#header img {margin:0; padding:7px 0 0 0;}
#contact {
	position:absolute;
	left: 509px;
	top: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;
}
#contact a {text-decoration:none; color:#FFF;}
#contact a:hover {text-decoration:underline;}
#navbar {width:760px; height:25px; padding:0; margin:0; border-top:1px #FFF solid; border-bottom:1px #FFF solid; background:url(art/nav_bg.jpg) repeat-x #000066;}
#maincontent {background:url(art/content_bg.jpg) repeat-y;border-bottom:1px #CBCDCE solid;}
#content {width:509px; margin:0; padding:0 0 25px 0; float:left; border-right:1px #FFF solid; background:url(art/pattern.gif)}
img.main {border-bottom:1px #FFF solid; padding:0; border:0; display:block;}
#content h1 {
	font-size:18px;
	color:#373769;
	margin:0;
	padding:22px 35px;
	clear:left;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content h2  {
	font-size:14px;
	color:#333;
	margin:0;
	padding:10px 35px;
	clear:left;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content h2 a {text-decoration:underline;}
#content h2 a:hover {text-decoration:none;}
#content p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3D3D3D; padding:0 35px 12px; line-height:14px; margin:0;}
#prodcontent .footp {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3D3D3D; padding:20px 35px 0; line-height:14px; margin:0;}
#content a {text-decoration:none; color:#003366;}
#content a:hover {text-decoration:underline;}
#content img.pic {border:3px solid #FFF; float:left; margin:0 20px 20px 35px; padding:0;}
#content img.pic2 {border:3px solid #FFF; margin:0 20px 20px 70px; padding:0;}
#sidebar {width:250px; margin:0; padding:0; float:right; }
#sidebar a {text-decoration:none; color:#003366;}
#sidebar a:hover {text-decoration:underline;}
#sidebar_top {width:250px; height:248px; border-bottom:1px solid #FFF;background:url(art/side_bg.gif);}
#sidebar_top h2 {
	font-size:12px;
	color:#000;
	margin:0;
	padding:12px 0 0 12px;
	clear:left;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidebar_top img {border:1px #FFF solid; float:left; margin-left:12px;}
#sidebar_top img.feature {border:1px #333399 solid;margin:12px 0 0 25px;}
#sidebar_top p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3D3D3D; width:124px; padding:5px 0 0 12px; line-height:11px; margin:0; float:left;}
#sidebar_top p.featured {clear:left; width:225px; padding-top:6px;}
#sidebar_bot h2 {
	font-size:14px;
	color:#FFF;
	margin:0;
	padding:12px 0 0 12px;
	clear:left;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidebar_bot p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3D3D3D; padding:6px 12px 0 12px; line-height:11px; margin:0;}
#sidebar_bot img {margin:30px 0 10px 36px; padding:0; border:0;}


#clear {clear:both; width:760px;  border:1px;}
#footer {
	width:745px;
	height:20px;
	margin:0;
	clear:both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}
#footer p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
#footer p a {
	text-decoration:none;
	color: #4E8FBE;
}
#footer p a:hover {text-decoration:underline;}
/*PRODPAGES*/
#prodcontent {background:url(art/pattern.gif);border-bottom:1px #CBCDCE solid;  width:620px; padding:35px 70px; margin:0;}
#prodcontent h1 {
	font-size:18px;
	color:#373769;
	margin:0;
	padding:0;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.prodlist {width:620px; position:relative; height:175px; background:url(art/prodlist_bg.gif) repeat-y; border-bottom:1px #74A2C3 solid; border-top:1px #74A2C3 solid; padding:0; margin:10px 0;}
div.prodlist .sticker {
	width:65px;
	position: absolute;
	height:65px;
	padding:0;
	margin:0;
	top: 1px;
	border: none;
	z-index: 200;
	left: -12px;
}

div.prodlist img {
	position:absolute;
	padding:0;
	margin:0;
	left: 10px;
	top: 10px;
	border:2px solid #FFF;
}
div.prodlist img.button {
	position:absolute;
	padding:0;
	margin:0;
	left: 511px;
	top: 126px;
	border:0;
}


div.prodlist .price {position: absolute; top: 127px; left: 245px; width: 130px; height: 35px;}
div.prodlist .price p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #373769;
	margin:0; 
	line-height: 16px;}
div.prodlist .price p .sub {font-size: 11px;}

div.prodlist .paypal {position: absolute; top: 132px; left: 380px; width: 130px;}
div.prodlist .paypalalt {position: absolute; top: 122px; left: 370px; width: 130px;} 
div.prodlist .paypalalt img {border: 0; margin: 0; padding: 0;}

div.text {padding:0; margin-left:240px; width:380px;}
div.text p {
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-left:5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	margin:0;
}
div.text h2 {
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#373769;
	padding-left:0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin:0;}

/*Testimonials & case studieslist*/

ul.test li {list-style-type: disc; list-style-position: inside;font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#336699; padding:0 15px 10px 0;}
ul.test li.test2 {color:#993300}
ul.test li em {color:#333;}
ol.case li {list-style-position: inside;font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0 15px 10px 0;}
ol.case {color:black;}
span.quote {color:#003366;}
span.quote2 {color:#993300}

/*MAINNAV*/
#mainnav {
	width:592px;
	height:25px;
	padding:0;
	margin:0;
	position:relative;
	border:0;
}
#mainnav ul {width:672px; height:25px; padding:0; margin:0; background:url(art/nav.jpg) no-repeat; position:relative;}
#mainnav ul li {padding:0; margin:0; list-style:none; position:relative; top:0;}
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	top: 0;
	}
#mainnav ul li, #mainnav a {height:25px; display:block;}
#mainnav ul li a	{
	text-indent: -1500px; 
	text-decoration: none;
	}
#op1 {left: 0; width: 51px;}
#op2 {left: 51px; width: 64px;}
#op3 {left: 115px; width: 84px;}
#op4 {left: 199px; width: 81px;}
#op5 {left: 280px; width: 80px;}
#op6 {left: 360px; width: 73px;}
#op7 {left: 433px; width: 79px;}
#op8 {left: 512px; width: 72px;}
#op9 {left: 584px; width: 87px;}

#op1 a:hover {background: transparent url(art/nav.jpg) no-repeat 0 -25px;}
#op2 a:hover {background: transparent url(art/nav.jpg) no-repeat -51px -25px;}
#op3 a:hover {background: transparent url(art/nav.jpg) no-repeat -115px -25px;}
#op4 a:hover {background: transparent url(art/nav.jpg) no-repeat -199px -25px;}
#op5 a:hover {background: transparent url(art/nav.jpg) no-repeat -280px -25px;}
#op6 a:hover {background: transparent url(art/nav.jpg) no-repeat -360px -25px;}
#op7 a:hover {background: transparent url(art/nav.jpg) no-repeat -433px -25px;}
#op8 a:hover {background: transparent url(art/nav.jpg) no-repeat -512px -25px;}
#op9 a:hover {background: transparent url(art/nav.jpg) no-repeat -584px -25px;}

/*flag*/
ul#flag {
	width:110px;
	height:50px;
	padding:0;
	margin:0;
	position:absolute;
	border:0;
	background:url(art/flag.gif);
	left: 645px;
	top: 35px;
}
ul#flag li {padding:0; margin:0; list-style:none;}
ul#flag ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
}
ul#flag ul li, #flag a {height:50px; display:block;}
ul#flag ul li a	{
	text-indent: -1500px; 
	text-decoration: none;
	}
#flag1 {
	left: 0;
	width: 55px;
	position:absolute;
	top: 0;
}
#flag1 a:hover {background: transparent url(art/flag.gif) no-repeat 0 -50px;}
#flag2 {
	left: 55px;
	width: 55px;
	position:absolute;
	top: 0;
}
#flag2 a:hover {background: transparent url(art/flag.gif) no-repeat -55px -50px;}


/*PRODDETAIL*/
div#proddetail {width:620px; background:url(art/proddetail_bg.gif) repeat-y; border-bottom:1px #74A2C3 solid; border-top:1px #74A2C3 solid; padding:0; margin:10px 0; position:relative;}
div#proddetail img {
	padding:0;
	margin:10px 0 10px 10px;
	border:2px solid #FFF;
}
div#proddetail .sticker {
	width:65px;
	position: absolute;
	height:65px;
	padding:0;
	margin:0;
	top: 1px;
	border: none;
	z-index: 200;
	left: -12px;
}
div#proddetail img.button {
	padding-top:10px;
	margin:0;
}
div#text2 {padding:10px 10px 10px; margin:0; height:450px;}
div#text2 p {
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding:0 20px 10px 30px;
	margin:0;
	line-height:16px;
}



div#proddetail .price {position: absolute; top: 14px; left: 419px; width: 172px; height: 35px;}
div#proddetail .price p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #373769;
	margin:0; 
	line-height: 14px; padding: 0 0 8px 0; width: 172px;}
div#proddetail .price h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #373769;
	margin: 12px 0 8px 0; 
	line-height: 18px; padding: 0; font-weight: normal;}
div#proddetail .price p .prodprice {font-size: 18px;}
div#proddetail .price p .sub {font-size: 11px;}
div#proddetail .price p.order {font-size: 10px; color: #fff; line-height:14px;}









div#proddetail img.pdf {
	border:0;
	padding:0;
	margin: 10px 0;
}
div#brochure {
	margin:0;
	padding:0;
	position:absolute;
	width:180px;
	left: 422px;
	top: 240px;
}
div#brochure p {width:180px; margin:0; padding:0 5px 5px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color: #FFF; font-style:italic; line-height:14px;}
div#brochure a {text-decoration:none; color:#15476b;}
div#brochure a:hover {text-decoration:underline; color:#FFF;}
div#order {
	margin:0;
	padding:0;
	position:absolute;
	width:190px;
	left: 419px;
	top: 300px;
}
div#order p {width:180px; margin:0; padding:0 5px 10px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color: #15476b; line-height:14px;}
div#order a {text-decoration:none; color:#FFF;}
div#order a:hover {text-decoration:underline;}
div#order h2 {
	font-size:14px;
	color:#2e3f75;
	margin:0;
	padding:0 5px 3px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*news item*/
body.newsitem {background:#FFF;}
body.newsitem h1 {	font-size:18px;
	color:#373769;
	margin:0;
	padding:22px 35px;
	clear:left;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
body.newsitem h2 {	font-size:14px;
	color:#373769;
	margin:0;
	padding:22px 35px 0;
	clear:left;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
body.newsitem p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3D3D3D; padding:0 35px 12px; line-height:14px; margin:0;}
p.credit a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3D3D3D;}
body.newsitem ul li {list-style-type: disc; list-style-position: inside;font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3D3D3D; padding:0 15px 5px 0;}
body.newsitem a {color:#006699; text-decoration:underline;}
body.newsitem a:hover {text-decoration:underline;}
#footer .dentons {
	float: right;
	margin-right: 50px;
}
#content img.links {
	float: left;
	margin-right: 10px;
}