/* HTML
------------------------------------------ */

body {background: #fff url(../Images/back.gif) repeat-x top left; font-family: Arial, sans-serif; text-align: center; font-size: small; margin: 0;color: #666;}
h1 {font-size: 125%;font-weight:normal;color:#666;}
h2 {font-size: 145%;font-weight:normal;margin:22px 0 5px 0;color:#666;}
h3 {font-size: 105%;font-weight:normal;margin: 0 0 10px 0;background:#f7f7f7;padding: 10px ;color:#666;clear:both;}
h4 {font-size: 105%;font-weight:normal;margin:0 0 5px 0;color:#00bff3;}
p {font-size: 12px; margin: 5px 0px 8px 0px; color: #666;}
a {font-weight: bold; text-decoration: underline;color:#00bff3;}
a img {border: none;}
.error, p.error {color:#c40000; font-weight:bold;}

/* STRUCTURE
------------------------------------------ */

.wrapper {margin: 0 auto; width: 930px; text-align:left;padding: 0 25px;background:#fff; }
#header {background:#fff url(../Images/top.gif) no-repeat top left;text-align:center;clear:both;float:left;width: 930px;padding-top: 12px;}
#sub {background:#f7f7f7;text-align:center;clear:both;float:left;width: 100%;border-bottom: solid 1px #f1f1f1;}
.main {float:left;position:relative;width:470px;border:solid 1px #ddd;height: 300px;margin-bottom: 10px;text-align:center;}
.main2 {float:left;position:relative;width:470px;height: 300px;margin-bottom: 10px;text-align:center;}
.footer {background:#fff; margin:20px 0;border:solid 1px #d9d9d9;width: 928px;float:left; clear:both;position:relative;padding: 10px 0;}
.content {background:#fff ; margin:15px 0 20px 0;width: 936px;float:left; clear:both;}
.full {background:#fff ; margin:0px 0 5px 0;width: 932px;float:left; clear:both;}
.full .panel {position:relative;width:908px;border:solid 1px #d9d9d9;padding: 10px;float:left;}
.full#blue {background:transparent url(../Images/about-back.jpg) no-repeat top left;height: 300px;position:relative;}
.full#blue .copy {width: 500px;position:absolute; right: 15px;bottom: 60px; height: 200px;}
.full#blue .copy p {font-size: 14px; color:#ffffff;}
.full#blue .foot{background:transparent url(../Images/about-foot.jpg) no-repeat bottom left;height: 56px;width: 930px;position:absolute; bottom: 0;left: 0;}
#title {background:#fff ; margin:5px 0 10px 0;width: 936px;float:left; clear:both;}
#title .panel {float:left;width: 908px;border:solid 1px #d9d9d9;padding: 10px;position:relative; margin: 0;}
#title .panel h1 {margin:0;padding:0;}
#full .left {float:left; width: 460px;}
#full .left .panel {float:left; width: 438px;border:solid 1px #ddd; padding: 10px;position:relative;display:inline;}
#full .right .panel {float:left; width: 438px;border:solid 1px #ddd; padding: 10px;position:relative;display:inline;}
#full .right .product {float:left; width: 430px;border:solid 1px #ddd; padding: 10px;position:relative;display:inline;}
.product-left {float:left;width: 470px;clear:none;}
#details {float:left; width:700px;}
#details .left {float:left; width: 340px;margin-right: 10px;display:inline;}
#details .left img {width: 340px;height: 264px;}
#details .left .panel {border:solid 1px #d9d9d9;width: 318px;position:relative;padding: 10px;display:inline;margin-top: 10px;display:inline;}
#details .right .panel {border:solid 1px #d9d9d9;width: 320px;position:relative;padding:10px;display:inline;margin-top: 10px;display:inline;}
#details .left .panel h2, #details .right .panel h2 {color:#0d61a7;margin: 4px;display:inline;}
#details .right {float:right; width: 340px;}

#full .left .panel a{width: 205px;float:left; padding: 4px; margin: 0 2px 1px 0;background:#f7f7f7;color:#444;display:inline;}
#full .right .product .thumb {float:left; width: 160px;height: 110px;margin-right: 15px;display:inline;}
#full .right .product h2 {font-size: 18px;font-weight:normal; color:#3595e1;margin:0 0 10px 0;padding:0;}
#full .right {float:right; width: 460px;} 
.footer a {color:#999;}
.footer .side p {margin-left: 20px;width:200px;font-size: 11px;}
.footer ul {list-style-type:none;margin:0;padding:0;}
.footer ul li {float:left;font-size:11px;}
.footer .side ul li{margin-left: 20px;width: 200px;}
.footer .side {float:left; width:220px;}
.footer .inside {float:right; width: 690px;}
.footer .inside .left {float:left; width: 330px;}
.footer .inside .left p {margin-left:0;font-size: 11px;}
.footer .inside .left ul {width: 100%;float:left;clear:both;}
.footer .inside .left ul li {width: 160px; float:left;}
.footer .inside .left ul li a {width: 160px; float:left;}
.footer .inside .right {float:right;width: 330px;}
.footer .inside .right p {font-size: 11px;}
.main-promo ul.gallery {width: 100%;list-style-type:none;margin:0;padding:0;}
.main-promo ul.gallery li  {float:left;margin:0 3px;}
.main-promo ul.gallery li  img{float:left; width:100px;height: 85px;padding: 1px; border:solid 1px #ccc;}
.main-promo ul.gallery li  img:hover{float:left; width:100px;height: 85px;padding: 1px; border:solid 1px #222;}
.main-promo {float:left;clear:both; width:100%;}
.main-promo p {margin:0;padding:0;}
.main-promo .panel {float:left; position:relative;border:solid 1px #d9d9d9;padding: 10px;display:inline; width: 670px;}
.main-promo#homepageMainPromo img {width: 696px;height:263px !important;}


#homeSlider {width: 696px;height:263px !important;margin: 0 0 13px 0;float:left;position:relative;}
#homeSlider ul{width: 696px;height:263px !important;margin:0;padding:0;list-style:none;}
#homeSlider ul li{float:left;}
#homeSlider ul li a{float:left;}
#homeSlider a.btn-prev {z-index: 999;background:transparent url(../Images/homeslider-left.png) no-repeat 0px 0px; height: 50px;width: 50px;position:absolute;bottom: 10px;left: 10px;}
#homeSlider a.btn-next {z-index: 998;background:transparent url(../Images/homeslider-right.png) no-repeat 0px 0px; height: 50px;width: 50px;position:absolute;bottom: 10px;left: 65px;}

/* NAVIGATION
------------------------------------------ */
.logo {margin:27px 10px 0px 10px;float:left;}
#nav {float:left; width: 930px;margin: 10px 0;background:#fff url(../Images/nav-back.gif) no-repeat top left;height: 48px;}
#nav ul{margin: 0; padding: 0; list-style-type: none;float:left;}
#nav ul li{display:inline;float:left;}
#nav ul li a{font-size: 12px;color:#ccc;font-weight:normal; margin: 10px 0;float:left;}
#nav ul li a span {display:none;}
#nav ul li a:hover, #wrapper ul li.selected a{}

#nav ul li#home a {background:transparent url(../Images/nav-home.png) no-repeat 50% 50%; height: 30px;width: 100px;border-right: solid 1px #ccc;}
#nav ul li#products a {background:transparent url(../Images/nav-products.png) no-repeat 50% 50%; height: 30px;width: 120px;border-right: solid 1px #ccc;}
#nav ul li#brands a {background:transparent url(../Images/nav-brands.png) no-repeat 50% 50%; height: 30px;width: 110px;border-right: solid 1px #ccc;}
#nav ul li#installation a {background:transparent url(../Images/nav-installation.png) no-repeat 50% 50%; height: 30px;width: 140px;border-right: solid 1px #ccc;}
#nav ul li#demos a {background:transparent url(../Images/nav-demos.png) no-repeat 50% 50%; height: 30px;width: 140px;border-right: solid 1px #ccc;}
#nav ul li#about a {background:transparent url(../Images/nav-about.png) no-repeat 50% 50%; height: 30px;width: 120px;border-right: solid 1px #ccc;}
#nav ul li#contact a {background:transparent url(../Images/nav-contact.png) no-repeat 50% 50%; height: 30px;width: 120px;}

#nav ul li#shop a {background:transparent url(../Images/nav-shop.png) no-repeat 50% 50%; height: 30px;width: 70px;border-right: solid 1px #ccc;}


#subnav {float: right; width: 900px}
#subnav ul{margin: 0; padding: 0; list-style-type: none;}
#subnav ul li{}
#subnav ul li a{font-size: 100%;}
#subnav ul li a:hover, #wrapper ul li.selected a{}

.clear {clear:both;}
/* MISC CLASSES
------------------------------------------ */

.utility {float: right;width: 250px;}
.utility .search {float:left; clear:both;width: 250px;margin: 15px 0 5px 0;}
.utility .search .textinput {width: 170px;float:left;padding: 6px;}
.utility .search .gobutton {width: 50px;float:right;border:none;margin-top:2px;}
.telephone {float:right; clear:right;}
p.copy {float: left; margin: 5px;}

#core {width: 702px;float:right;clear:none;}
.content#about #core .panel {width: 322px;float:left;clear:none;}
a.offer {padding: 10px 7px;background: #f7f7f7;width:200px;float:left; clear:none;margin: 0 1px 1px 0;} 
.content#left #side {float:left;}
.content#left #core {float:right;}
.content#right #side {float:right;}
.content#right #core {float:left;}
.panel h2 {margin: 0 0 10px 0;}
#core.product-detail h1, #core.news h1 {width: 696px;float:left; clear:both;padding: 0 0 7px 0;border-bottom: dashed 1px #333;}
#core .panel {background:#fff; border:solid 1px #d9d9d9;padding: 10px;display:inline; width: 674px;display:inline;margin: 0 6px 10px 0;position:relative;}
#core .panel p {margin-top: 0;margin-bottom: 3px;color:#666;}
#core .panel a.viewmore {float:right;clear:right;}
#side {width: 220px; float:left;clear:none;}
.side {width: 222px; float:right;clear:none;margin-right: 5px;}
#intro {background:transparent url(../Images/side-panel-back.jpg) no-repeat top left;display:inline;padding: 10px;width:212px;height: 256px;float:left;position:relative;}
#intro p {color:#fff;}
#intro h2 {color:#fff; margin: 0;padding:0;}
#intro a.button {position:absolute; bottom: 20px;left: 20px;}
#intro .heading {margin: 4px;}
#side .panel {color:#666;background:#fff; border:solid 1px #d9d9d9;padding: 10px; width: 198px;display:inline;margin: 0 0 15px 0;position:relative;}
.side .panel {color:#666;background:#fff; border:solid 1px #d9d9d9;padding: 10px; width: 198px;display:inline;margin: 0 0 15px 0;position:relative;}
#side .panel p {margin: 0 0 7px 0;color:#666;}
#side .panel .heading {float:left; clear:both; margin: 0 0 15px 0;}
#side .panel select {width: 150px;padding: 2px ;float:left;}
#side .panel .gobutton {margin-top: 3px;float:right;}
#side .panel ul {list-style-type:none; margin:0;padding:0;float:left; clear:both; width: 198px;}
#side .panel ul li {float:left;display:inline;width:  198px;}
#side .panel ul li a{float:left;color:#333;width:  184px;text-decoration:none;background:#fff url(../Images/side-bullet.gif) no-repeat 2px 12px;padding: 8px 0 8px 15px; border-bottom: solid 1px #ccc;}
#details_side {margin-right: 5px;width: 220px;float:right;}
#details_side .panel {float:left; width:198px;border:solid 1px #d9d9d9;padding: 10px;position:relative;}
#details_thumbs {margin-right: 5px;width: 210px;float:right;height: 100px;}
#details_thumbs .panel {float:left; width:198px;border:solid 1px #d9d9d9;padding: 0px;position:relative;}
.panel {width: 414px;margin:0 10px 10px 0;float:left;color:#666;}
.home-list {float:left; width: 100%;clear:both;}
.home-list p{margin:0;padding:0;}
.home-list img {float:left;margin-right: 3px;}
.home .side {float:right;margin-bottom: 10px;}
.home .side img {margin-bottom: 10px;}
.home .core {float:left;margin-bottom: 10px;}
.home .core img {margin-bottom: 10px;}
/* PRODUCTS
------------------------------------------ */
.productlist {float:left; clear:both;width: 100%;margin: 0 0 15px 0;}
.productlist#fullwidth .product {width: 674px;}
.productlist#half .product{width: 323px;}
.productlist#quarter .product{width: 147px;text-align:center;}
.productlist#quarter .product .thumb {width:147px;height: 80px;text-align:center;}
.productlist#quarter .product .thumb img{width:147px;}
.productlist .product .summary {margin-bottom:0;}
.product {float:left;border:solid 1px #ddd;position:relative; padding: 10px;margin: 0 6px 7px 0;}
 .product .thumb {float:left; width: 160px;margin-right: 15px;background:#ffffff;height: 120px;}
.product .thumb img {width: 160px;}
.productlist .product h2 {font-size: 16px;font-weight:normal; color:#3595e1;margin:0 0 10px 0;padding:0;line-height: 17px;}
.product h1 {}
.price {float:left; width: 100%;}

.articlelist {}
.article {float:left; margin: 0 0 15px 0;clear:both;width: 100%;}
.article h2 {font-size: 14px;margin:0 0 4px 0;padding:0;}
.article p {margin: 0 0 10px 0;}
.article a {color:#333;}
.article a, .article .summary {float:left; clear:both;width: 100%;}
.article .summary {color:#666;}

.bar {position:relative; float:left;clear:both;height: 58px;margin-bottom: 15px;width:696px;}
.bar .back {position:absolute; top: 0;left: 0;}
.bar a.link {position:absolute; top:7px;right: 7px;width: 120px;height: 30px;}

.paging {color:#666;}
.paging a {color:#666; font-weight:bold;}

.middle {float:right; width: 215px;color:#666;margin-right: 5px;display:inline;}
.middle .enquire {width: 205px; background:#f7f7f7;padding: 5px;float:left; clear:both;margin:0 0 10px 0;display:inline;}
.thumbs {margin:0;padding:0;float:left; clear:both;}
.thumbs img {border: solid 1px #ccc;width: 80px;padding: 4px;margin-left: 0;display:inline;}
.thumbs img:hover {border-color: #FF9900;}

/* FORMS
------------------------------------------ */

.contactform {background:#f7f7f7; padding: 15px; margin: 5px 0 15px 0;width: 665px;}
label {margin: 3px; float: left; font-weight: bold;}
.textinput {width: 210px; margin: 3px; padding: 2px; border: solid 1px #999;}
.textbox {width: 210px; margin: 3px; padding: 2px; border: solid 1px #666; font-family: Arial, sans-serif;}
select {margin: 3px;}
checkbox {margin: 3px;}
.submitbutton  {float:left; margin: 15px 0 0 188px;}

/* TABLES
------------------------------------------ */

table#list {float:left;  clear:both; width:100%;}
table#list tr th{background:#f6f6f6; color:#333; font-size:14px; padding: 14px 4px 8px 4px;font-weight:normal;font-size: 16px;}
table#list tr td{padding: 5px; border-bottom: dotted 1px #ccc;color:#666;}
table#list tr td:hover {background: #f4f4f4;}
table#list tr td.row {}
table#list tr td.alternate {}

/* FORMS
----------------------------------------- */

label {width: 180px;float:left; font-size: 14px;color:#666;padding-top: 4px;}
.textinput {width: 350px;border:solid 1px #999; padding: 4px;clear:right;}
.textbox {width: 430px;border:solid 1px #999; padding: 4px;clear:right;height: 160px;}
#side .panel .textinput {width: 180px;}
#side .panel .submitbutton {float:right;margin:5px;}
.slide-show {float: left; width: 572px;clear:both;  background:transparent;margin: 5px 0 15px 0;position:relative;padding: 0 51px;}
.slide-show .slider {width: 610px;position:relative; float:left; clear:both;border-top:solid 1px #aeaeae;border-bottom:solid 1px #aeaeae;}
.slide-show .slider ul{float: left; margin:0; width: 572px;padding:0;list-style-type:none;clear:both;background: #fff;overflow:hidden;}
.slide-show .slider ul li{float: left;position:relative;height: 236px;background: #fff; width: 589px;font-weight: bold; margin: 1px 4px 1px 0px;}
.slide-show .slider ul li.selected {float: left;  background:#fff;width: 589px;text-align:center;height: 236px;font-weight: bold;border: solid 2px #0b4576; margin: 1px 4px 1px 0px;}
.slide-show .slider ul li.selected a h2{float: left;color: #0b4576;text-align: center;width: 140px;font-size: 12px;}
.slide-show .slider ul li h2 a{float: left;color: #0b4576;text-align: center;width: 140px;font-size: 12px;margin: 4px 0 0 0;}
.slide-show .slider ul li p {font-weight:normal;margin: 5px 0;}
.slide-show .slider ul li span.thumb{float: left;margin: 1px; width: 250px;height: 230px;text-align:center;}
.slide-show .slider ul li span.thumb img{width: 250px;margin-top: 20px;}
.slide-show .slider ul li span.info {float:right;width: 320px;margin-top: 20px;}
.slide-show a.prev {width: 35px;position: absolute;top: 0px; left:0;width: 51px;height: 240px;outline:none;}
.slide-show a.next {width: 30px;position: absolute;top: 0px; right:0;width: 51px;height: 240px;outline:none;}
.products-promo {float:left; width: 694px;margin: 0 0 15px 0;}
.products-promo p {margin:0;padding:0;}


/* CORNERS
----------------------------------------- */

.tl, .tr, .bl, .br {position : absolute;width : 5px;height : 5px;display : block;margin-bottom : -1px;}
.footer .tl, .panel .tl, .product .tl, .main .tl{background : transparent url(../Images/topLeft.gif) no-repeat;top:-1px;left:-1px;}
.footer .tr, .panel .tr, .product .tr, .main .tr {background : transparent url(../Images/topRight.gif) no-repeat;top:-1px;right:-1px;}
.footer .bl, .panel .bl, .product .bl, .main .bl {background : transparent url(../Images/bottomLeft.gif) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;}
.footer .br, .panel .br, .product .br, .main .br{background : transparent url(../Images/bottomRight.gif) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;}

.bluepanel {float:left; position:relative;background:#2d3740;padding: 10px;width: 320px;margin-top: 10px;display:inline;height: 9em;display:inline;}
.bluepanel h2, .bluepanel p {color:#fff;}
.bluepanel h2 {margin: 3px;color:#129afd;}
.bluepanel .tl{background : transparent url(../Images/blue-topLeft.gif) no-repeat;top:0px;left:0px;}
.bluepanel .tr {background : transparent url(../Images/blue-topRight.gif) no-repeat;top:0px;right:0px;}
.bluepanel .bl {background : transparent url(../Images/blue-bottomLeft.gif) no-repeat;bottom:0px;left:0px;margin-bottom: 0;}
.bluepanel .br{background : transparent url(../Images/blue-bottomRight.gif) no-repeat;right:0px;bottom:0px;margin-bottom: 0;}

.galleria{list-style:none;width:220px;padding: 0;margin:0;}
.galleria li{display:block;width:90px;height:90px;overflow:hidden;float:left;margin:0 10px 10px 0;border:solid 1px #ccc;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#main_image {float:left; border: solid 1px red;width: 700px;clear:none;height:300px;margin-bottom: 10px;}
ul.gallery {clear:none;}

.tabs {width: 100%;float:left;margin-bottom: -4px;float:left;}
.tabs ul {float: left;margin:0;padding: 0;clear:both;list-style: none;width: 100%;margin:0;border-bottom: solid 1px #ccc;}
.tabs ul li {float: left;display: inline;padding: 0;float: left;margin:0;display: block;font-size:16px;color:#666;}
.tabs ul li a{text-decoration:none;float: left;font-weight:normal;display: block;padding: 5px;font-size:16px;margin-right: 5px;color:#222;border-left: solid 1px #ccc;border-top: solid 1px #ccc;border-right: solid 1px #ccc;}
.tabs ul li.ui-tabs-selected a{text-decoration:none;float: left;font-weight:normal;display: block;padding: 5px;font-size:16px;margin-right: 5px;margin-bottom: -1px;border-bottom: solid 1px #fff;}

.contentpanel {float:left;clear:both;width:100%;position:relative;margin: 15px 0 0 0;}
.ui-tabs, .ui-tabs-hide {display: none;}

.mailing {float:left;width: 460px;}
.mailing .panel {width: 460px;}
.mailing label {width: 100px;margin:0 !important;float:left;clear:none;display:inline;}
.mailing .textinput {margin:0 !important;clear:none;width: 200px;float:left;display:inline;}

#jquery-live-search {
	background: #fff;

	padding: 5px 10px;
	max-height: 400px;
	overflow: auto;

	position: absolute;
	z-index: 99;

	border: 1px solid #A9A9A9;
	border-width: 0 1px 1px 1px;

	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}