body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.7pt;
	color : #333333;
}
.subpage_title h1 {
	font-size: 15px;
	letter-spacing: 0.3pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #cd7c06;
	font-weight: bold;
}
.bg_1, .bg_2 {
	background-color: #f4f4f4;
}
img {
	border : none;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.8pt;
	text-align: left;
	text-decoration: none;
	line-height: 120%;
	font-style: normal;
}
li { 
	list-style-type: square;
    color: #0557a0;
}
input { 
    font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0557a0;
	border: 1px solid #a3aab0;
	padding: 1px 1px 1px 2px;
}
textarea { 
    font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0557a0;
	width: 230px;
	height: 80px;
	border: 1px solid #a3aab0;
}
select { 
    font-family : Arial, Helvetica,sans-serif;
	font-size: 11px;
	color: #0557a0;
	border: 1px solid #a3aab0;
}
A{
    COLOR: #d88003;
    text-decoration: none;
}

A:hover{
    color: #666666;
    text-decoration: none;
}
.breadcramb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #db9403;
	text-decoration: none;
}
.orangetextsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #db9403;
	text-decoration: none;
	font-weight: bold;
}
/*** visible styles ........................................................... ***/
.text_general {
	/* text general 12 */	
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	text-decoration: none;
	line-height: 130%;
	font-style: normal;
}
.text_general2 {
	/* text general blue 12 */	
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #0557a0;
	text-decoration: none;
	line-height: 130%;
	font-style: normal;
}
.text_general3{
	/* text general gray 13 */	
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #666666;
	text-decoration: none;
	line-height: 130%;
	font-style: normal;
}
.sub_title {
	/* sub headings blue 14 */
    color: #0557a0;
    font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5pt;
    font-size: 14px;
    font-weight: bold;
	line-height: 120%;
}
.sub_title2 {
	/* sub headings ochra 14 */
    color: #db9403;
    font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.5pt;
    font-size: 14px;
    font-weight: bold;
	line-height: 120%;
}
.subtitle_gold {
	/* headings gold 16 */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 0.5pt;
	font-weight: bold;
	color: #db9403;
	line-height: 110%;
}
.subtitle_blue {
	/* headings blue 16 */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 0.5pt;
	font-weight: bold;
	color: #0557a0;
	line-height: 110%;
}
.captions {
	/* text small 9 */
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #777777;
	font-weight: normal;
}
/*** end visible styles ***/

/*** Site style elements ...............................  ***/
form {
	margin: 0;
	padding: 0;
}
.clear {
	display: block;
	clear: both;
}
#top {
	text-align: center;
	width: 100%;
	background: transparent url("../images/bluestripy_mainbg.jpg") repeat-x scroll center top;
}
#topsub {
	text-align: center;
	width: 100%;
	background: transparent url("../images/bluestripy_subbg.jpg") repeat-x scroll center top;
}
#container {
	margin: auto;
	text-align: left;
	width: 1000px;
	background-color: #ffffff;
}
#empty_space {
	height: 35px;
}
/*** End Site style elements***/
/*** HOME Banner .............................................. ***/
#banner {
	background: #ffffff url("../images/top_bg.jpg") no-repeat scroll center top;
	height:180px;
}
#banner .padding {
	padding: 0 0 0 10px;
}
#banner .padding .logo {
	float: left;
	width: 635px;
}
#banner .map {
	float: right;
	width: 235px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height:normal;
	font-weight: bold;
}
#banner .map .padding {
	display: block;
	color: #666666;
	padding: 42px 0 0 0;
}
#banner .map .padding .padding2 {
	display: block;
	padding: 9px 0 0 0;
}
/*** End HOME Banner ***/
/*** HOME product images ............................................... ***/
#container .home_images {
	width: 1000px;
	background: transparent url("../images/homeproducts_bg.gif") repeat scroll center top;
}
#container .home_images .padding {
	padding: 0 20px 0 20px;
}
#container .home_images .image1 {
	float: left;
	width: 318px;
	text-align: left; 
}
#container .home_images .image1 .padding3 {
	padding: 2px 1px 0 2px;
}
#container .subpage_title {
	width: 1000px;
	background: transparent url("../images/subpagetitle_bg.gif") repeat scroll center top;
}
#container .subpage_title .padding {
	padding: 0 20px 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
/*** END HOME product images ***/
/*** HOME Content ............................................... ***/
#home_content {
	text-align: center;
	width: 100%;
	background: transparent url("../images/homemiddle_bg.gif") no-repeat scroll center top;
}
#home_content .content {
	margin: auto;
	text-align: left;
	width: 1000px;
	background-color: #ffffff;
}
#home_content .content .padding {
	padding: 3px 20px 15px 21px;
}
#home_content .content .padding .content1 {
	width: 317px;
	float: left;
	text-align: left;
	background: transparent url("../images/gray_gradient_bg.gif") repeat-x scroll center top;
	margin-right: 3px;
}
#home_content .content .padding .content2 {
	width: 315px;
	float: left;
	text-align: left;
	background: transparent url("../images/blue_gradient_bg.gif") repeat-x scroll center top;
	margin-right: 2px;
}
#home_content .content .padding .content3 {
	width: 315px;
	float: left;
	text-align: left;
}
#home_content .content .padding .content1 .padding {
	padding: 15px 15px 15px 15px;
}
#home_content .content .padding .content2 .padding {
	padding: 15px 15px 0 15px;
}
#home_content .content .padding .content3 .padding {
	padding: 15px 15px 15px 15px;
}
/*** End HOME Content ***/
/*** Subpage styles.............................................***/
#sub_content {
	text-align: center;
	width: 100%;
	background: transparent url("../images/submiddle_bg.gif") repeat-y scroll center top;
}
#sub_content .content {
	margin: auto;
	text-align: left;
	width: 1000px;
	background-color: #ffffff;
}
#sub_content .content .padding {
	padding: 5px 20px 15px 20px;
}
#sub_content .content .padding .content1 {
	width: 740px;
	float: left;
	text-align: left;
}
#sub_content .content .padding .content1 .paddin {
	padding: 0 20px 0 0
}
#sub_content .content .padding .content2 {
	width: 220px;
	float: right;
	text-align: left;
}

/*** END Subpage Styles***/

/*** Footer .................................................... ***/
#footer_curve {
	text-align: center;
	height: 25px;
	width: 100%;
	background: transparent url("../images/footercurve_bg.gif") no-repeat scroll center top;
}
#footer {
	text-align: center;
	width: 100%;
	background: transparent url("../images/footerstripy_bg.jpg") repeat scroll center top;
}
body.bg_2 #footer {
	background-image:none;
}
#footer .footer_content {
	margin: auto;
	text-align: left;
	width: 1000px;
}
#footer .footer_content .padding {
	padding:0 20px 0 20px;
}
#footer .footer_content .padding .navigation {
	width: 960px;
	height: 35px;
	text-align: center;
	background: transparent url("../images/dot.gif") repeat-x scroll left bottom;
}
#footer .footer_content .padding .navigation .padding {
	padding: 5px 0 5px 0;
}
#footer .footer_content .padding .navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006bb1;
}
#footer .footer_content .padding .navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#footer .footer_content .padding .copyright {
	float: left;
	width: 300px;
}
#footer .footer_content .padding .copyright .padding {
	padding: 4px 0 10px 0;
}
#footer .footer_content .padding .copyright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
}
#footer .footer_content .padding .copyright a:hover {
	color: #555555;
}
#footer .footer_content .padding .links {
	float: right;
	width: 300px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #777777;
}
#footer .footer_content .padding .links .padding {
	padding: 4px 0 10px 0;
}
/*** End Footer ***/
/*** Navigation ........................................... ***/
#nav {
	padding: 7px 0 25px 15px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	position: relative;
	float: left;
	list-style: none;
}
#nav ul li a {
	display: block;
 	color: #333333;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
#nav ul li a span {
	display: block;
	line-height: 35px;
	padding: 0 17px 0 17px;
	text-decoration: none;
	cursor: pointer;
}
#nav ul li a:hover {
	background-image: url('../images/nav.gif');
}
#nav ul li a:hover span {
	background-image: url('../images/nav_corner.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
#nav ul li.on a {
	background-image: url('../images/nav.gif');
}
#nav ul li.on a span {
	background-image: url('../images/nav_corner.gif');
	color: #666666;
	background-repeat: no-repeat;
	background-position: right top;
}
/*** End Navigation ***/

/*** Sub Page catalogue.tpl Styles................................. ***/
#product_content {
	width: 100%;
	text-align: left;
}
#product_content .sub_content {
	width: 978px;
	float: left;
	text-align: left;
}
#product_content .sub_content .padding {
	padding: 20px 15px 20px 15px;
}
/***END Sub Page catalogue.tpl Styles***/
/*** Drop Down Menu .............................................. ***/
.cssmenu_iframe, .cssmenu_sub {
	position: absolute;
	z-index: 500;
	top: -500px;
	left: -500px;
	width: 160px;
	background-color: #ffffff;
	border: 1px solid #718cc3;
	border-top: none;
	padding-top: 2px;
	padding-bottom: 3px;
}
.cssmenu_iframe {
	border: none;
	padding: 0;
}
#cssmenu_submenus ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#cssmenu_submenus ul li {
	list-style: none;
}
.cssmenu_iframe {
	z-index: 499;
}
#cssmenu_submenus a, #cssmenu_submenus a span {
	display: block;
	height: 1%;
	text-decoration: none;
	cursor: pointer;
	font-size: 8.6pt;
	color: #777777;
	font-weight: bold;
}
#cssmenu_submenus a span {
	line-height: 22px;
	text-align: left;
	padding-left: 10px;
}
#cssmenu_submenus a:hover span {
	color: #718cc3;
}
#cssmenu_submenus a.arrow {
	background-image: url('../images/cssmenu_arrow.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
/*** End Drop Down Menu ***/
/*** Google Maps ..................................................***/
#google_map {
	border: 1px solid #82b8e2;
	background-image: url('../images/map_loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 350px;
	width: 720px;
	overflow: hidden;
}
#google_map.loaded {
	background-image: none;
}
#google_map .name {
	font-weight: bold;
	font-size: 13px;
}
/*** End Google Maps ***/
/*** Print Friendly .......................................... ***/
@media print {
	#images li.cat0, #images li.cat1, #images li.cat2, #images li.cat3, #images li.cat4 {
		background-image: none;
	}
	#images li .image {
		display: block;
	}
	#images a {
		height: 300px;
	}
	#images span.text {
		margin-top: 0px;
	}
	#banner {
		background-image: none;
	}
	#banner .image {
		display: block;
	}
	#banner .motto, #banner .shopcart {
		display: none;
	}
}
/*** End Print Friendly ***/
/*** Extra styles .......................................***/
td.services_line {            
	border: 1px solid #dfe4ed;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
    border-bottom-color: #FFFFFF;
    border-top-color: #dfe4ed;
    border-left-color: #FFFFFF;
    border-right-color: #ffffff; 
}
/*** Flash Player on Homepage styles ................................***/
/* dimensios for both splash image and the player wrapper */
a.flowplayer, a.flowplayer img {
	display:block;    
	width:315px;
	height:180px;
	border:0px;  
}

/* play button on top of splash screenn */
div.playButton {
	background:url(/templates/commercial/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-115px;
	left:125px; 
	opacity:0.9;
	margin-bottom:-30px;

}

/* play button upon mouseover */
div.playButton:hover {
 	opacity:1.0;  
}
/*** END Flash Player on Homepage styles ***/