@charset "utf-8";
/* CSS Document */

/* =======================================
---------  P R O M O   T O P   S T Y L E S
========================================*/
#promoTop .box {background:#fff;width:221px; margin:0 7px 35px; padding:0; float:left;}
#promoTop .box div {padding:20px 10px 10px; margin:-11px 0 0; border:1px solid #d4d4d4; -webkit-box-shadow: 0px 1px 5px 0px #d4d4d4; -moz-box-shadow: 0px 1px 5px 0px #d4d4d4; box-shadow: 0px 1px 5px 0px #d4d4d4;}
#promoTop .radius div {border-bottom-right-radius:5px; border-bottom-left-radius:5px;}

/* BOX TAG STYLES */
#promoTop .box ul {margin:0 0 15px;}
#promoTop .box li {padding:0; background:none;}
#promoTop .box li a {display:block; line-height:23px; border-bottom:1px dashed #ccc; background:url(../images/bullet-04.png) 5px 9px no-repeat; padding:0 0 0 15px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#promoTop .box li a:hover {color:#B30000;text-decoration:none!important;}

#promoTop .box h2 {font:normal normal 1.6em 'Open Sans', Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#B30000; word-spacing:15px}
#promoTop .box h2 a {text-shadow: 0px -1px 0 #ccc;display:block;}
#promoBot .box h3 {font:normal normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; border-bottom: 2px dotted #666;}
#promoTop .box h4 {font:normal normal 1em Verdana, Geneva, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#0071BC; border-bottom: 1px solid #333;}
#promoTop .box h5 {font:normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#333; border-bottom: 0 none;}
#promoTop .box h6 {font:normal bold 1.6em/34px Jura Verdana, Geneva, sans-serif; margin:0; padding:0; height:45px; background: url(../images/bck-sbox-arrow.png) 0 0 no-repeat; }

/* BOX GENERAL STYLES */
#promoTop .desc {display:block; margin:0 0 0; padding:0; text-align:center; font:normal bold 0.8em Verdana, Geneva, sans-serif; color:#444; text-shadow: 1px 2px 2px #fff;}
#promoTop .box img {text-align:center; margin:10px auto 0; border:1px dotted #ccc; }
#promoTop .box p {text-shadow: 0px 1px 0 #fff;}
/* WHITE */
#promoTop .white * {color:#666!important;}
#promoTop .white h6 {color:#fff!important; text-align:center; color:#E2C9C9; text-shadow: -1px -1px 2px #000; border-top-right-radius:5px; border-top-left-radius:5px;position:relative;z-index:400;}
#promoTop .white h2 {color:#000!important; text-align:center;}
#promoTop .white h2 a {color:#000 !important;text-shadow: 0 0 7px #ccc;}
#promoTop .white h2 a:hover {color:#B30000!important;}
#promoTop .white h2 a:hover img {border-color:#999;}
#promoTop .white p {font-size:0.7em;text-shadow: 0 0 2px #ccc;}
#promoTop .white a.readmore {background:url(../images/btn-readmore-white.png) 0 0 no-repeat; color:#6B3636!important;}
#promoTop .white a.readmore:hover { background:url(../images/btn-readmore-white.png) 0 100% no-repeat; color:#5C0000!important;}

/* =============================================
---------  P R O M O   B O T T O M   S T Y L E S
==============================================*/
#promoBot .box {background:#fff; width:203px; height:235px; margin:0 5px 10px; padding:10px; float:left; border:1px solid #d4d4d4; -webkit-box-shadow: 0px 1px 5px 0px #d4d4d4; -moz-box-shadow: 0px 1px 5px 0px #d4d4d4; box-shadow: 0px 1px 5px 0px #d4d4d4;}
#promoBot .brown {background:#E3D4C4 url(../images/bck-banner02.png) 0 0 no-repeat;}
#promoBot .red {background:#5C0000 url(../images/gfx-con-banner-red.png) 0 0 repeat-x; margin:0 0 0 10px; padding:5px 10px;border:5px solid #d4d4d4; width:180px; height:237px;}
#promoBot .radius {border-radius:5px;}

/* BOX TAG STYLES */
#promoBot .box ul {margin:0 0 15px;}
#promoBot .box li {padding:0; background:none;}
#promoBot .box li a {display:block; line-height:23px; border-bottom:1px dashed #ccc; background:url(../images/bullet-04.png) 5px 9px no-repeat; padding:0 0 0 15px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#promoBot .box li a:hover {color:#B30000;text-decoration:none!important;}

#promoBot .box h2 {font:normal normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; border-bottom: 2px dotted #666;}
#promoBot .box h3 {font:normal bold 1.1em Verdana, Geneva, sans-serif; margin:0 0 5px; padding:0 0 5px; border-bottom: 2px dotted #666; color:#B30000;}
#promoBot .box h3 a {text-shadow: 0px -1px 0 #400000;display:block;}
#promoBot .box h4 {font:normal normal 1em Verdana, Geneva, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#0071BC; border-bottom: 1px solid #333;}
#promoBot .box h5 {font:normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#333; border-bottom: 0 none;}
#promoBot .box h6 {font:normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#0071BC; border-bottom: 0 none;}

/* BOX GENERAL STYLES */
#promoBot .desc {display:block; margin:0 0 0; padding:0; text-align:center; font:normal bold 0.8em Verdana, Geneva, sans-serif; color:#444; text-shadow: 1px 2px 2px #fff;}
#promoBot .box img {text-align:center; margin:auto; }
#promoBot .box p {text-shadow: 0px 1px 0 #fff;}
/* RED */
#promoBot .red * {color:#F7CDCD!important;}
#promoBot .red h3 {color:#fff!important; border-color:#F7CDCD!important;}
#promoBot .red h3 a {color:#fff !important;text-shadow: 0 -1px 0 #000;}
#promoBot .red h3 a:hover {color:#F7CDCD!important;}
#promoBot .red p {font-size:0.9em;text-shadow: 0 -1px 0 #000;}
#promoBot .red a.readmore {background:url(../images/btn-readmore-white.png) 0 0 no-repeat; color:#6B3636!important;}
#promoBot .red a.readmore:hover { background:url(../images/btn-readmore-white.png) 0 100% no-repeat; color:#5C0000!important;}
/* BROWN */
#promoBot .brown p {font-size:0.9em; color:#30241F;}
#promoBot .brown a.readmore {background:url(../images/btn-readmore.png) 0 0 no-repeat; color:#EDDECE!important;}
#promoBot .brown a.readmore:hover { background:url(../images/btn-readmore.png) 0 100% no-repeat; color:#fff!important;}

.col p {font-size:0.9em;line-height:22px;}
.box p {line-height:inherit;}

/* ======================================
-------------  C O N T E N T  S T Y L E S
=======================================*/
#middle {}
#middle .main a:hover {text-decoration:underline;}
#middle .wrap { }

	/* All styles */
	#middle .left {width:200px; margin-right:20px;}
	#middle .main {width:940px;}
	#middle .right {width:200px; margin-left:20px;}

	/* 2 Column style */
	#middle .two-cols {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
	#middle .two-cols .main {width:700px!important;}
	#middle .two-cols .right {width:210px!important; margin:20px 0 0 10px;}

	/* 3 Column style */
	#middle .three-cols .main {width:500px!important;}


/* Frontpage Alternative Layout */
#middle .two-cols .box {background:#fff;width:178px; height:170px; margin:0 5px 20px; padding:10px; border:1px solid #d4d4d4; -webkit-box-shadow: 0px 1px 5px 0px #d4d4d4; -moz-box-shadow: 0px 1px 5px 0px #d4d4d4; box-shadow: 0px 1px 5px 0px #d4d4d4;}
#middle .two-cols .grey {background:#fff; width:318px;}
#middle .two-cols .radius {border-radius:5px; float:left;}
#middle .two-cols .box a:hover {text-decoration:none;}

#middle .grey h2 {font:normal bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5C0000; margin:7px 0;}
#middle .two-cols .grey p {color:#333; font-size:0.9em;text-shadow: 1px 1px 0px #fff;}


	
/* LEFT - RIGHT COMMON STYLES */

#content .col ul {margin:0 0 15px;}
#content .col li {padding:0; background:none;}
#content .col li a {display:block; line-height:23px; border-bottom:1px dashed #ccc; background:url(../images/bullet-04.png) 5px 14px no-repeat; padding:5px 0 5px 15px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.9em!important;}
#content .col li a:hover {color:#B30000;text-decoration:none!important;}

#content .col h2,
#content .box h2 {font:normal normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 15px; padding:0 0 5px; color:#B30000; border-bottom: 2px solid #5C0000;}
#content .col h2 { text-shadow:1px 1px 0px #fff;}
#content .col h2 a,
#content .box h2 a {display:block;}
#content .box h2 {border-bottom: 0 none;}

#content .col h3,
#content .box h3 {margin:0 0 10px; padding:15px 0 0 45px; color:#fff; background:url(../images/bck-col-title.png) 0 0 no-repeat; font:normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; border:0 none!important; line-height:36px; font-weight:bold;}
#content .col h3 a,
#content .box h3 a {color:#fff;display:block;text-shadow: 0 -1px 0 #000;}
#content .col h3 a:hover,
#content .box h3 a:hover {color:#E2C9C9;display:block;}
#content .box h3 {border-bottom: 0 none; font-size:1.2em;}

#content .col h4,
#content .box h4 {font:normal normal 1em Verdana, Geneva, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#B30000; border-bottom: 1px solid #333;}
#content .box h4 {border-bottom: 0 none;}

#content .col h5,
#content .box h5 {font:normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#333; border-bottom: 0 none;}
#content .box h5 {border-bottom: 0 none;}

#content .col h6,
#content .box h6 {font:normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px; padding:0 0 5px; color:#B30000; border-bottom: 0 none;}
#content .box h6 {border-bottom: 0 none;}

#content .col p {font-size:0.9em;}

#content .col .gfx {margin:-10px 0 0;}

#middle .banner p {color:#666;}
#middle .banner {margin:0 0 20px;}
#middle .banner img {margin:auto; margin-bottom:10px; text-align:center;}
#middle .banner div.readon {border-bottom:1px dotted #aaa;}
#middle .col .menu {background:#E6E6E6 url(../images/bck-banner.png) 0 0 no-repeat; padding:10px; border-radius: 10px; border:1px solid #eee;-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; text-align:left;}
#middle .col .grey {background:#F6F6F6; width:auto; padding:10px; border-radius: 10px; border:1px solid #eee; }


/* Optional Area */
#middle .optional {width:500px; margin:auto;}
#middle .optional h1 {font-size:1.8em;}


/* Products */
#middle .product {background:#F9F6F2; width:28.89%; margin:1%; padding:1%; float:left; border:1px solid #EEEEEE;}
#middle .product:hover {background:#fff; border:1px solid #ccc;}
#middle .product h2 {text-align:center;margin:0 0 10px;padding:0; font:normal normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#middle .product img {text-align:center;display:block; margin:10px auto; padding:0; border:5px solid #666;}
#middle .product div.readmore {text-align:center;}

/* Styling */
.breadcrumbs .breadcrumbs {font:normal normal 0.8em Verdana, Geneva, sans-serif; color:#666; border-bottom:1px dotted #ccc;padding:10px 0;}


/* Lof K2 Slider Styles */
.lof-ass .lof-main-wapper {
  overflow: hidden;
  padding: 0;
  position: relative;
}
.lof-ass .lof-css3, .lof-ass .lof-css3 .preload {
  margin:0 0 20px;
}
.lof-ass,
.lof-ass .grey,
.lof-ass .blue,
.lof-ass .red,
.lof-ass .purple,
.lof-ass .pink,
.lof-ass .green,
.lof-ass .aqua,
.lof-ass .red .lof-navigator li div,
.lof-ass .lof-navigator li img {border:0 none;}

.lofass-container .lof-navigator-outer .lof-navigator li div {
	border-bottom:1px solid #999!important;
	height:99%;
}


.lof-ass .lof-navigator li div {
  background:url("../images/bck-menu2.png") 0 0 repeat;
}

.lof-ass .lof-navigator li h4 {
  color:#fff;
  margin:0!important;
  padding:10px!important;
	font:normal normal 1em 'Open Sans', Arial, Helvetica, sans-serif;
}

.lof-ass .lof-css3, .lof-ass .lof-css3 .preload {
  box-shadow: 0 0 5px #e4e4e4;
	border:#e4e4e4 solid 1px;
	border-top:0 none;
}
.lof-ass .red .lof-navigator li div{background:#333}
.lof-ass .red .lof-navigator li.active div{background:#000/*url(images/grad-bg.gif)*/!important;color:#FFF;}
.lof-ass .lof-navigator li img{	margin:13px 13px 10px 0px;float:left;border:#fff solid 4px;}
.lof-ass .lof-navigator li.active img{	border:#FF7300 solid 4px;}
.lof-ass .lof-navigator li.active h4, .lof-ass .lof-navigator a{color:#FFF; font-style:italic;padding:0;right:0; }
.lof-ass .lof-buttons-control  .lof-previous, .lof-ass .lof-buttons-control .lof-next {
	z-index:4;
	position:absolute;
	top:45%;
	height:38px;
	display:block;
	width:19px;
	overflow:hidden;
	text-indent:-999em;}


.lof-ass .lof-css3 .lof-description {
  box-shadow:none;
}

.lof-ass .lof-description {
  background: #FF7300;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
	max-width:623px;
}
.lof-ass .lof-description h3 {
  margin: 0 0 8px;
  padding: 0;
  width: 100%;
	font:normal bold 26px Jura, Arial, Helvetica, sans-serif;
}
.lof-ass .lof-description h3 a {
  color: #fff;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: none;
	display:block;
  width: 650px;
  height: 100%;
}
.lof-ass .lof-description h3 a span {
}

.lof-ass .lof-description p {
  font:normal normal 0.8em/17px Verdana, Geneva, sans-serif;
  margin: 0;
  padding: 0;
	color:#fff;
}