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

body, html { width:100%; height:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7d7d7d;background-color:#000000; } 
body{ background:url('../img/layout/background_home.gif') center top no-repeat; }
body.home{ background:url('../img/layout/background_home.gif') center top no-repeat; }
#myscrollbar { display: none; }
html>body #myscrollbar { position: absolute; z-index: 1; bottom: -1px; left: 0; width: 1px; height: 1px; display: block; font-size: 0; }
/* Default element styles
----------------------------------------------- */

*, input, label {  outline:none;  }
h1,h2,h3 { margin:0; padding:0; font-family:"Trebuchet MS", Helvetica, sans-serif;  font-weight:bold; line-height:24px;  } 
h1{ font-size:30px; color:#ffd51d; margin:10px 0 15px; }
h2{ font-size:18px; margin-bottom:15px; }
h3{ font-size:12px; color:#252525; }
a { text-decoration:none; color:#7d7d7d;  }
p{ }
strong { font-weight: bold; }
em { font-style: italic; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
ul li,
ol li { list-style-image: none; list-style-position: inside; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }
img { vertical-align: text-bottom; border:none; }

/* Wrapper
*************************************************/
#wrapper{ width:100%; height:100%; background:url('../img/layout/background_home.gif') center top no-repeat #000000; }
body.home #wrapper{ background:url('../img/layout/background_home.gif') center top no-repeat; }

/* Header
*************************************************/

#header{ text-align:center; }

/* menu */
#header .menu-container{ margin-top:15px; text-align:center; height:61px; overflow:hidden; background:url('../img/layout/bg_submenu.gif') repeat-x; }
#header .hasActiveChild{ height:145px; }

#header ul{ list-style:none; margin:0 auto; width:940px;  padding:0; position:relative; } /* position relative: left align submenu */
#header ul li{ list-style:none; display:inline; float:left; vertical-align:top; }

#header ul.menu li a{ display:block;  height:46px; padding:15px 0 0 0; margin:0; line-height:16px; background:url('../img/layout/sprite_menu.jpg') 0 0 no-repeat; }

#header ul.menu li#tab1 a{ background-position:left 0px;width:308px; }
#header ul.menu li#tab1.active a:hover{ background-position:left -70px; }
#header ul.menu li#tab1.active a, #header ul.menu li#tab1 a:active{ background-position:left -139px;  }
#header ul.menu li#tab1.active2 a, #header ul.menu li#tab1 a:active{ background-position:left -139px;  }
#header ul.menu li#tab2 a{ background-position:center 0;width:322px; }
#header ul.menu li#tab2.active a:hover{ background-position:center -70px; }
#header ul.menu li#tab2.active a, #header ul.menu li#tab2 a:active { background-position:center -139px; }
#header ul.menu li#tab2.active2 a { background-position:center -139px; }
#header ul.menu li#tab3 a{ background-position:right 0;width:308px; }
#header ul.menu li#tab3.active a:hover{ background-position:right -70px; }
#header ul.menu li#tab3.active a, #header ul.menu li#tab3 a:active{ background-position:right -139px; }
#header ul.menu li#tab3.active2 a, #header ul.menu li#tab3 a:active{ background-position:right -139px; }

#header ul.menu li a span.item-title{ color:#ffd51d; }
#header ul.menu li.active a span.item-title{ color:#000000; }
#header ul.menu li.active2 a { color:#ffd51d; }
#header ul.menu li.active2 ul li a { color:#7d7d7d; }
#header ul.menu li.active2 a span.item-title{ color:#ffffff; }
#header ul.menu li a span{ display:block; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:14px; font-weight:bold; }
#header ul.menu li a:hover{ color:#7d7d7d; }

#header ul.menu li ul li a:hover{ color:#acacac; }

#header ul.menu li a:hover span{ color:#ffffff; }

/*
#header ul.menu li#tab1 a.close,
#header ul.menu li#tab2 a.close,
#header ul.menu li#tab3 a.close{ display:none; margin:45px 0 0 255px; padding:0 0 0 15px; width:30px; height:13px; position:absolute; top:0; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:10px;  background:url('../img/layout/sprite_close.gif') 0 6px no-repeat; }

#header ul.menu li#tab1 a:hover.close,
#header ul.menu li#tab2 a:hover.close,
#header ul.menu li#tab3 a:hover.close{ background-position:0 -7px; color:#ffd51d; }

#header ul.menu li#tab1.active a.close,
#header ul.menu li#tab2.active a.close,
#header ul.menu li#tab3.active a.close{ display:block; }
*/
/* submenu */


#header ul.menu li ul{ margin-top:17px;  position:absolute; left:0; display:none; }
#header ul.menu li.active ul{ display:block; }

#header ul.menu li ul li a{ text-align:left; line-height:14px;  }
#header ul.menu li ul li a span{ text-transform:capitalize; color:#959595;}
#header ul.menu li.active ul li.active a span{ color:#ffd51d; }
/* submenu height is being calculated by 'a' height */

#header ul.menu li#tab1.active ul li a{ width:152px; padding:1px 0 0 80px;  }
#header ul.menu li#tab1.active ul li {background:url('http://www.braloba.ch/img/layout/back_grey_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab1.active ul li.active {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab1.active ul li:hover {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab1.active2 ul li a{ width:152px; padding:1px 0 0 80px;  }
#header ul.menu li#tab1.active2 ul li {background:url('http://www.braloba.ch/img/layout/back_grey_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab1.active2 ul li.active {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab1.active2 ul li:hover {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }

 #header ul.menu li#tab1.active ul li a.punkt1{  background:url('http://www.braloba.ch/images/cms/146.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt1active{  background:url('http://www.braloba.ch/images/cms/145.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt1:hover { background:url('http://www.braloba.ch/images/cms/145.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt1{  background:url('http://www.braloba.ch/images/cms/146.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt1active{  background:url('http://www.braloba.ch/images/cms/145.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt1:hover { background:url('http://www.braloba.ch/images/cms/145.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab1.active ul li a.punkt2{  background:url('http://www.braloba.ch/images/cms/174.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt2active{  background:url('http://www.braloba.ch/images/cms/173.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt2:hover { background:url('http://www.braloba.ch/images/cms/173.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt2{  background:url('http://www.braloba.ch/images/cms/174.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt2active{  background:url('http://www.braloba.ch/images/cms/173.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt2:hover { background:url('http://www.braloba.ch/images/cms/173.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab1.active ul li a.punkt3{  background:url('http://www.braloba.ch/images/cms/166.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt3active{  background:url('http://www.braloba.ch/images/cms/165.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt3:hover { background:url('http://www.braloba.ch/images/cms/165.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt3{  background:url('http://www.braloba.ch/images/cms/166.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt3active{  background:url('http://www.braloba.ch/images/cms/165.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt3:hover { background:url('http://www.braloba.ch/images/cms/165.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab1.active ul li a.punkt4{  background:url('http://www.braloba.ch/images/cms/88.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt4active{  background:url('http://www.braloba.ch/images/cms/87.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active ul li a.punkt4:hover { background:url('http://www.braloba.ch/images/cms/87.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt4{  background:url('http://www.braloba.ch/images/cms/88.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt4active{  background:url('http://www.braloba.ch/images/cms/87.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab1.active2 ul li a.punkt4:hover { background:url('http://www.braloba.ch/images/cms/87.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab2.active ul li a{ width:152px; padding:1px 0 0 80px;  }
#header ul.menu li#tab2.active ul li {background:url('http://www.braloba.ch/img/layout/back_grey_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab2.active ul li.active {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab2.active ul li:hover {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab2.active2 ul li a{ width:152px; padding:1px 0 0 80px;  }
#header ul.menu li#tab2.active2 ul li {background:url('http://www.braloba.ch/img/layout/back_grey_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab2.active2 ul li.active {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }
#header ul.menu li#tab2.active2 ul li:hover {background:url('http://www.braloba.ch/img/layout/back_yellow_small.gif') 0 0 no-repeat;  }

 #header ul.menu li#tab2.active ul li a.punkt1{  background:url('http://www.braloba.ch/images/products_groups/68.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt1active{  background:url('http://www.braloba.ch/images/products_groups/67.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt1:hover { background:url('http://www.braloba.ch/images/products_groups/67.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt1{  background:url('http://www.braloba.ch/images/products_groups/68.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt1active{  background:url('http://www.braloba.ch/images/products_groups/67.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt1:hover { background:url('http://www.braloba.ch/images/products_groups/67.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab2.active ul li a.punkt2{  background:url('http://www.braloba.ch/images/products_groups/66.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt2active{  background:url('http://www.braloba.ch/images/products_groups/65.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt2:hover { background:url('http://www.braloba.ch/images/products_groups/65.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt2{  background:url('http://www.braloba.ch/images/products_groups/66.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt2active{  background:url('http://www.braloba.ch/images/products_groups/65.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt2:hover { background:url('http://www.braloba.ch/images/products_groups/65.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab2.active ul li a.punkt3{  background:url('http://www.braloba.ch/images/products_groups/76.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt3active{  background:url('http://www.braloba.ch/images/products_groups/75.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt3:hover { background:url('http://www.braloba.ch/images/products_groups/75.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt3{  background:url('http://www.braloba.ch/images/products_groups/76.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt3active{  background:url('http://www.braloba.ch/images/products_groups/75.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt3:hover { background:url('http://www.braloba.ch/images/products_groups/75.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab2.active ul li a.punkt4{  background:url('http://www.braloba.ch/images/products_groups/74.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt4active{  background:url('http://www.braloba.ch/images/products_groups/73.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active ul li a.punkt4:hover { background:url('http://www.braloba.ch/images/products_groups/73.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt4{  background:url('http://www.braloba.ch/images/products_groups/74.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt4active{  background:url('http://www.braloba.ch/images/products_groups/73.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab2.active2 ul li a.punkt4:hover { background:url('http://www.braloba.ch/images/products_groups/73.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab3.active ul li a{ width:183px; height:66px; padding:20px 0 0 130px; }
#header ul.menu li#tab3.active ul li {background:url('http://www.braloba.ch/img/layout/back_grey_big.gif') 0 0 no-repeat;  }
#header ul.menu li#tab3.active ul li.active {background:url('http://www.braloba.ch/img/layout/back_yellow_big.gif') 0 0 no-repeat;  }
#header ul.menu li#tab3.active ul li:hover {background:url('http://www.braloba.ch/img/layout/back_yellow_big.gif') 0 0 no-repeat;  }
#header ul.menu li#tab3.active2 ul li a{ width:183px; height:66px; padding:20px 0 0 130px; }
#header ul.menu li#tab3.active2 ul li {background:url('http://www.braloba.ch/img/layout/back_grey_big.gif') 0 0 no-repeat;  }
#header ul.menu li#tab3.active2 ul li.active {background:url('http://www.braloba.ch/img/layout/back_yellow_big.gif') 0 0 no-repeat;  }
#header ul.menu li#tab3.active2 ul li:hover {background:url('http://www.braloba.ch/img/layout/back_yellow_big.gif') 0 0 no-repeat;  }

 #header ul.menu li#tab3.active ul li a.punkt1{  background:url('http://www.braloba.ch/images/cms/156.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active ul li a.punkt1active{  background:url('http://www.braloba.ch/images/cms/155.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active ul li a.punkt1:hover { background:url('http://www.braloba.ch/images/cms/155.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt1{  background:url('http://www.braloba.ch/images/cms/156.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt1active{  background:url('http://www.braloba.ch/images/cms/155.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt1:hover { background:url('http://www.braloba.ch/images/cms/155.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab3.active ul li a.punkt2{  background:url('http://www.braloba.ch/images/cms/158.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active ul li a.punkt2active{  background:url('http://www.braloba.ch/images/cms/157.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active ul li a.punkt2:hover { background:url('http://www.braloba.ch/images/cms/157.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt2{  background:url('http://www.braloba.ch/images/cms/158.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt2active{  background:url('http://www.braloba.ch/images/cms/157.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt2:hover { background:url('http://www.braloba.ch/images/cms/157.jpg') 2px 2px no-repeat; }

#header ul.menu li#tab3.active ul li a.punkt3{  background:url('http://www.braloba.ch/images/cms/126.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active ul li a.punkt3active{  background:url('http://www.braloba.ch/images/cms/125.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active ul li a.punkt3:hover { background:url('http://www.braloba.ch/images/cms/125.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt3{  background:url('http://www.braloba.ch/images/cms/126.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt3active{  background:url('http://www.braloba.ch/images/cms/125.jpg') 2px 2px no-repeat; }
#header ul.menu li#tab3.active2 ul li a.punkt3:hover { background:url('http://www.braloba.ch/images/cms/125.jpg') 2px 2px no-repeat; }



/* Middle
*************************************************/

/* Home */

   
#middle .home-content #banner1{ margin-right:22px;border:0px;width:298px;height:198px; }

  
#middle .home-content #banner2{ margin-right:22px;border:0px;width:298px;height:198px; }

  
#middle .home-content #banner3{ margin-right:0px;border:0px;width:298px;height:198px; }

#middle .home-content .boxes table{ margin:0px;padding:0px;border:0px;width:298px;height:198px; }
#middle .home-content .boxes table td{ padding-top:15px;padding-left:20px;padding-right:20px;padding-bottom:15px;}
#middle .home-content .boxes table td:hover{ cursor:pointer}
#middle .home-content .boxes table td div.right{ text-align:left;float:right;}
#middle .home-content .boxes table td div.left{ text-align:left;float:left;}

#middle .home-content .boxes table td div div.headline{ font-family:"Trebuchet MS", Helvetica, sans-serif;font-weight:bold;font-size:18px;line-height:19px;}
#middle .home-content .boxes table td div div.headline a{ font-family:"Trebuchet MS", Helvetica, sans-serif;font-weight:bold;font-size:18px;line-height:19px;text-decoration:none;}
#middle .home-content .boxes table td div div.subheadline{ font-size:13px;}

#middle .home-content .boxes table td div.black div.headline{ color:#252525;}
#middle .home-content .boxes table td div.white div.headline{ color:#ffffff;}
#middle .home-content .boxes table td div.black div.headline a{ color:#252525;}
#middle .home-content .boxes table td div.white div.headline a{ color:#ffffff;}
#middle .home-content .boxes table td div.black div.subheadline{ color:#7d7d7d;}
#middle .home-content .boxes table td div.white div.subheadline{ color:#ffffff;}


/*Home Carousel*/
.carousel-wrap{ position:relative; margin:20px 0; overflow:hidden; }
.carousel-wrap #carousel ul, #carousel li{ margin:0; padding:0;	list-style:none;   }
.carousel-wrap #carousel li{ width:940px;	height:382px;	overflow:hidden; position:relative;  }
.carousel-wrap #carousel li a.button{ display:block; position:absolute; top:205px; left:60px; height:33px;width:151px; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:12px; background:url('../img/layout/btn_find-out-more.gif') -3px -3px repeat-x #000;text-align:center; }
.carousel-wrap #carousel li a.button div {padding-left:20px;padding-top:10px;margin:0px;height:33px; }
.carousel-wrap #carousel li div.headline{ display:block; position:absolute; top:122px;line-height:30px; left:60px; width:940px;height:40px;overflow:hidden; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:36px;font-weight:bold; }
.carousel-wrap #carousel li div.subheadline{ display:block; position:absolute; top:158px;line-height:25px; left:60px; width:940px;height:40px;overflow:hidden; font-size:18px; }
.carousel-wrap #carousel li div.white{ color:#FFFFFF; }
.carousel-wrap #carousel li div.black{ color:#000000; }
.carousel-wrap #carousel li div.black2{ color:#7d7d7d; }
.carousel-wrap #carousel li div.white2{ color:#acacac; }

.carousel-wrap #carousel li a:hover.button{ background-position:-3px -39px; color:#fff; }
.carousel-wrap #carousel li a:active.button{ background-position:-3px -75px; color:#ffd51d; }
.carousel-wrap span a{ display:block; width:40px; height:40px; position:absolute; top:325px; background:url('../img/layout/btn_carousel-nav.png') 0 0 no-repeat; text-indent:-99999px; }
.carousel-wrap span#prevBtn a{ right:59px; background-position:-7px 0; }
.carousel-wrap span#prevBtn a:hover{ background-position:-7px -50px; }
.carousel-wrap span#prevBtn a:active{ background-position:-7px -100px; }
.carousel-wrap span#nextBtn a{ right:20px; background-position:-45px 0; }
.carousel-wrap span#nextBtn a:hover{ background-position:-45px -50px; }
.carousel-wrap span#nextBtn a:active{ background-position:-45px -100px; }

/* Breadcrumbs */
#middle{ width:940px; margin:0 auto; position:relative; }
#middle ol.breadcrumbs{ margin:20px 0 0 0; padding:0; }
#middle ol.breadcrumbs li{ list-style:none; display:inline; color:#8f8f8f; }
#middle ol.breadcrumbs li a{ font-weight:normal;color:#8f8f8f; }

#middle .content{ padding:50px; border:1px solid #d7d7d7; line-height:16px; background:url('../img/layout/bg_content.gif') 0 bottom repeat-x #FFF; overflow:hidden; }

/* normal content */
#middle .content .column{ width:390px; float:left; }
#middle .content .next-column{ padding-left:40px; }

#middle .content img{ border:2px solid #ebebeb; margin-bottom:15px; }
#middle .content p a:hover{ text-decoration:underline; }
#middle .content h2 a:hover{ text-decoration:underline; }
#middle .content ul.products p a:hover{ text-decoration:underline; }
#middle .content a.button{ display:block; margin-top:15px; padding:2px 0 1px 30px; width:145px; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:10px; background:url('../img/layout/btn_content-long.gif') 0 0 repeat-x #000; }
#middle .content a:hover.button,
#middle .content ul.products li a:hover.button{ background-position:0 -25px; color:#ffd51d; }

#middle .content a:active.button,
#middle .content ul.products li a:active.button{ background-position:0 -50px;  color:#ffd51d; }
/* products */
#middle form.filter-options{ position:absolute; top:30px; right:0; }
#middle form.filter-options a{ float:left; }
#middle form.filter-options .form-wrap, #middle form.filter-options .form-wrap label{ float:left; }
#middle form.filter-options .form-wrap label{  padding:5px 2px 0 15px; }
#middle form.filter-options .form-wrap a{ margin-left:10px; }

#middle .content ul#products{ list-style:none; clear:both; margin:-10px 0 0 0; padding:0; }
#middle .content ul#products li{ list-style:none; display:inline; width:140px; height:235px; margin:10px 9px 0 0; padding:10px; float:left; position:relative; background-color:#ebebeb;font-weight:normal; }
#middle .content ul#products h3{ line-height:14px;}
#middle .content ul#products li.last{ margin-right:0; }
#middle .content ul#products li img{ border:1px solid #d7d7d7; margin-bottom:5px; }
#middle .content ul#products li img.thumb{ margin-right:2px; }
#middle .content ul#products li img.last{ margin-right:0; }
#middle .content ul#products li a.button{ width:76px; margin-top:2px; background:url('../img/layout/btn_product.gif') 0 0 no-repeat; }
#middle .content ul#products li a.detail{ display:block; height:25px; width:25px; position:absolute; right:15px; top:90px; background:url('../img/layout/btn_product-detail.png') 0 0 no-repeat; }
#middle .content ul#products li a:hover.detail{ background-position:0 -30px; }
#middle .content ul#products li a:active.detail{ background-position:0 -60px; }

/* product detail*/
.overlay { width:860px; }
.overlay .media{ float:left; padding-bottom:20px;margin-left:20px;  border:1px solid #d7d7d7; background-image:url('../img/layout/thumb_back.png');background-position:bottom left;background-repeat:no-repeat; }
.overlay .media .thumbs{ padding-left:20px; background-color:#252525; }
.overlay .media .thumbs a{ display:block; float:left; margin:-10px 20px 0 0; padding-top:30px; position:relative; }
.overlay .media .thumbs a.last{ margin-right:0; }
.overlay .media .thumbs a:hover, .overlay .media .thumbs a.active{ background:url('../img/layout/btn_thumb-pointer.png') center 0 no-repeat; }

.overlay .info{ margin-left:553px;margin-top:20px; width:270px; line-height:16px; }
.overlay .info span{ color:#252525; font-weight:bold; display:block; }
.overlay .info h2{ font-size:24px; color:#252525; }
.overlay .info p a:hover{ text-decoration:underline; }

/* contact*/
#middle .content .treb{ display:block; margin-top:40px; font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; }
#middle .content .contact-email{ color:#252525; }
#middle .content div.succheader{ margin-top:101px;font-weight:bold;background:url('../img/succ.gif') left no-repeat;padding-left:23px; }
#middle .content div.errorheader{ color:#be1111;margin-top:101px;font-weight:bold;background:url('../img/error.gif') left no-repeat;padding-left:23px;}
#middle .content div.button input.button{ display:block; width:147px;height:21px;  margin-top:15px; padding:5px 0 5px 10px; float:left; color:#c2c2c2; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:10px; border:0 none; cursor:pointer; background:url('../img/layout/btn_again.gif') 0 0 no-repeat; }
#middle .content div.button input:hover.button{ background-position:0 -21px; }
#middle .content div.button input:active.button{ background-position:0 -42px; }

#middle .content form.contact-form{ margin-top:117px; }
#middle .content form.error{ margin-top:10px; }
#middle .content form.contact-form input, #middle .content form.contact-form textarea{ margin-top:10px; padding:5px; border:1px solid #d7d7d7; color:#7d7d7d;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#middle .content form.contact-form input.error, #middle .content form.contact-form textarea.error{ margin-top:10px; padding:5px; border:1px solid #ff0000; color:#7d7d7d;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

#middle .content form.contact-form input{ width: 175px; background:url('../img/layout/bg_input.gif') 0 0 repeat-x; }
#middle .content form.contact-form input.right{ margin-left:10px; }
#middle .content form.contact-form textarea{ height:105px; width:375px; margin-bottom:10px; background:url('../img/layout/bg_textarea.gif') 0 0 repeat-x; }
#middle .content form.contact-form input.submit{ display:block; width:110px;height:25px;  margin-top:15px; padding:5px 0 5px 10px; float:left; color:#c2c2c2; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:10px; border:0 none; cursor:pointer; background:url('../img/layout/btn_submit.gif') 0 0 no-repeat; }
#middle .content form.contact-form input:hover.submit{ background-position:0 -25px; color:#ffd51d; }
#middle .content form.contact-form input.reset{ display:inline; width:150px; border:none 0; background:none; cursor:pointer; color:#252525;text-align:left;padding-left:0px;padding-top:9px; }
/* Footer
*************************************************/
#footer{ width:940px; margin:20px auto; text-align:center; position:relative; }
#footer .copyright{ padding:0px 0px; margin-bottom:20px; text-align:right; background:url('../img/layout/bg_footer.gif') right top no-repeat;height:35px; }
#footer .copyright form { position:absolute; left:0; top:0; }
#footer .copyright a{ color:#ffd51d; }
#footer .footerlinks a:hover{ text-decoration:underline; }