/*

		Basics / Helpers
		General Layout Structure
				--> Header
				-->Banner
				-->Wrapper
				-->Footer
				
		Special Homepage Styles
		Fonts
		Tooltips
		Columns
		  -> leftcol, rightcol ajax loading
		  -> tab-menu ajax loading
		Input Fields, Textfields....
		Options-Area / Filter
		Slider
		  -> slider_left
		  -> slider_right
		  -> slider_main
    Tabs and Tab-Pane
    Buttons
    Functional Buttons
    Inline Overlays
    Inline Overlays - Special cases
*/


/* Basics
---------------------------------------------------------------------------------- */

body {
	background: #fff;
	
	padding: 0px 0 40px;
	height:100%;
}
hr {
	border-color:#EEEEEE -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	clear:both;
	height:0;
	margin:0;
}

ul,ol{
	list-style: none;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html, body, #containerwrap {
	height:100%;
}
body > #containerwrap{
	height:auto;
	min-height:100%;
}
#mainwrap {
}

.fl { float: left; }
.fr { float: right; }
.centered { text-align: center; }

.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }

.vspace_5 { clear: both; height: 5px; }
.vspace_10 { clear: both; height: 10px; }
.vspace_20 { clear: both; height: 20px; }
.vspace_60 { clear: both; height: 60px; }
.hspace_5 { padding-right: 5px; }
.hspace_7 { padding-right: 7px; }
.hspace_10 { padding-right: 10px; }
.hspace_15 { padding-right: 15px; }
.hspace_20 { padding-right: 20px; }

.hspacer_20 {
  background-image: url(/img/background/bg_hspacer.png);
  width: 100%;
  height: 20px;
}

.m10 { margin: 10px; }
.mr_5 { margin-right: 5px; }
.mr_10 { margin-right: 10px; }
.mr_15 { margin-right: 15px; }
.mr_20 { margin-right: 20px; }

.wrap { padding: 0 15px; }

.initHidden { visibility: hidden; }
.hidden { display: none; }
.hiddenForce { display: none !important; }
.relative { position: relative; }

.opacity_high {
  /* problems with facebook-comment-box */
  opacity: 0.95;
}
.seethru_bg {
  background-color: rgba(0, 0, 0, 0.62) !important;
}

table.navigator {
  margin: 12px auto;
  height: 15px;
}

::-moz-selection {
  background: #FC0;
  color: #313131;
}
::selection {
  background: #FC0;
  color: #313131;
}

/* General Structure
--------------------------------------------------------------------------------------- */

/*           Header           */

#header {
  background: #000 url(/img/background/bg_header.png) repeat-x scroll center top;
  height: 70px;
}
#headercontent {
  padding-top: 15px;
}

/*-----------------------------*/

/*        Banner              */

#banner{
	background:#313131;
	min-height: 60px;
}
#bannercontent{
 background: transparent;
padding:15px 0 25px;
min-height:30px;
}
#bannercontent  hr{
	display: none;
}

#bannercontent #signup li{
	margin-left: 0px;
	margin-right: 30px;
}
/*-----------------------------*/

/*      Wrapper                 */
#wrapper{
  background: #FFF url(/img/background/bg_content.png) repeat-x scroll center top;
  padding-bottom: 20px;
  padding-top: 20px;
  min-height: 180px;
}
#wrappercontent {
  position: relative;
}
/* forgot why the former was re-added/is needed. position: relative kills tooltip-position on equipment-page (followers + actions) */
.equipment #wrappercontent {
  position: inherit;
}
#wrappercontent  hr{ display: none; }

/*-----------------------------*/


/*        Footer              */
#footer {
  background: #000 none repeat scroll 0 0;
  clear: both;
  height: 190px;
  padding-top: 20px;
  width: 100%;
}
#footer hr {
	display:none;
}
#footercontent{  }

#footerlinks ul{  }

#footerlinks ul li{
	float:left;
  margin-right: 15px;
}
#sociallinks{
	float: right;
}
#sociallinks ul li{
	float:left;	
	margin-left: 12px;
}




/* Special Homepage Styles
--------------------------------------------------------------------------------------- */


/*BANNER HOME*/

#signup{ margin-top:35px;}
#signup ul li{float:left; }
.start #banner{
	background:#313131;
	min-height:230px;
	height: 230px;
	padding:10px 0 15px 0px;
}

 /* WRAPPER HOME  */
#features{ }
#features ul li{
		
		border-right:1px solid #CCC;
float:left;
width:298px;	
	}
#features ul li.last{
		border-right:none;
	}
#features ul li h3{
	color:#2f77aa;
	font-size:18px;
	margin-bottom:15px;	
	padding-left:54px;
	line-height:35px;
	}
#features ul li p{
	padding:10px 15px 0 0;
	color: #CCC;
}



/* Links & Fonts
--------------------------------------------------------------------------------------- */
a {
	color: #666;
	text-decoration: none;
  cursor: pointer;
}
a:hover {
	text-decoration: underline;
}

#footerlinks ul li a {
  color: #EEE;
}

h1.pitch{
	font-size: 21px;
	color: #CCC;
	line-height: 28px;
}
#banner h1{
	margin-bottom: 0px;
	
}
#banner p{
	margin-bottom: 0px;
}

#leftcol > .title, #maincol > .title, #rightcol > .title {
  background: transparent url(/img/background/col_top.png) repeat-x scroll left top;
  font-size: 16px;
  margin: 0;
  padding: 9px 10px 0px;
  color: #EEE;
  height: 33px;
}
#leftcol h1, #maincol h1, #rightcol h1 {
  display: inline;
  font-size: 16px;
}
.equipment #maincol h1 {
  display: block;
  float: left;
  width: 295px;
  overflow: hidden;
  margin-bottom: 0;
  white-space: nowrap;
}
body.equipment .title .fb_like {
  float: right;
  margin-top: 1px;
}

#leftcol h1 a, #maincol h1 a, #rightcol h1 a { color: #eee; }
#leftcol h1 a:hover, #maincol h1 a:hover, #rightcol h1 a:hover { text-decoration: none; }

/* column position and size hacking. maincol comes first in the markup */
.col_8_4_4 #maincol { margin-left: 260px; }
.col_8_4_4 #leftcol { margin-left: -747px; }

.col_12_4 #maincol { margin-left: 260px; }
.col_12_4 #leftcol { margin-left: -999px; }


/* Tooltips */
#v_scroller_tip_1, #v_scroller_tip_2, #h_scroller_tip_1 {
  display: none;
  font-size: 12px;
  height: 82px;
  width: 173px;
  margin-top: 9px;
  color: #fff;
  z-index: 250;
}
#v_scroller_tip_1 {
  background: transparent url(/img/tooltip/tt_1_left.png);
  padding: 20px 23px 20px 37px;
}
#v_scroller_tip_2 {
  background: transparent url(/img/tooltip/tt_1_right.png);
  padding: 20px 37px 20px 23px;
}
.tooltext {
  display: none;
}
.tooltip em {
  float: left;
  margin-right: 7px;
}
.popupBox {
  display: none;
  background: none repeat scroll 0 0 #fff;
  border: 5px solid #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0 2px 20px #818181;
  -webkit-box-shadow: 0 2px 20px #818181;
  border-radius: 10px;
  box-shadow: 0 2px 20px #818181;
  padding: 15px;
  font-size: 12px;
  z-index: 100;
}
.popupBox.main_menu {
  z-index: 200;
}
/* rightcol-overlay has z-index 6000 */
.popupBox.account_menu {
  z-index: 7000;
}
/*.popupBox .content {
  min-width: 400px;
  min-height: 300px;
} */
/* tooltip dynamic */
.popupBox.right {
  margin-left: -240px
}


/* debug */
#debug {
  display: none;
  color: white;
}
/* feedback */
#feedback {
  background: #fff url("/img/background/bg_feedback.png") repeat-x scroll center top;
  border-bottom: 1px solid #999;
  position: fixed;
  height: 60px;
  display: none;
  background-color: #fff;
  width: 100%;
  z-index: 1000;
  cursor: pointer;
  border-radius: 2px;
  -moz-box-shadow: 0 2px 10px #888;
  -webkit-box-shadow: 0 2px 10px #888;
}
#feedback.error {
  background: #fff url("/img/background/bg_feedback_e.png") repeat-x scroll center top;
}
#feedback h2 {
  text-align: center;
  color: #333;
  padding: 20px;
  font-size: 20px;
  line-height: 20px;
  font-style: italic;
  margin: 0 auto;
  position: relative;
}
#feedback h2 span {
  background: url("/img/icons/circle_remove16.png") no-repeat scroll 0 0 transparent;
  opacity: 0.25;
  width: 16px;
  height: 16px;
  position: absolute;
  display: block;
  top: 24px;
  right: 15px;
}
#feedback:hover span {
  opacity: 0.75;
}
/* different styling for canvas_page.tab */
.canvas_page.tab #feedback {
  border: 0;
  margin: 15px 10px;
  width: 500px;
  height: auto;
  background: white;
  position: relative;
}
.canvas_page.tab #feedback h2 {
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  padding: 10px 40px 10px 15px;
}
.canvas_page.tab #feedback h2 span {
  margin-top: -8px;
  right: 13px;
  top: 50%;
}

/* Columns
--------------------------------------------------------------------------------------- */

.leftcol_content, .rightcol_content, .maincol_content {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  clear: both;
}
#maincol .col_wrapper {
  padding: 12px;
}
.leftcol_content, .rightcol_content {
  padding: 10px 0px;
  margin-bottom: 10px;
  /* for the overlay that should not be drawn over the border. does not work without pos: relative */
  position: relative;
  overflow: hidden;
}
.leftcol_content .col_wrapper, .rightcol_content .col_wrapper {
  clear: both;
  padding: 0px 12px;
}
.leftcol_content .col_wrapper_thin, .rightcol_content .col_wrapper_thin {
  clear: both;
  padding: 0px 5px;
}
#rightcol p.edit {
  background: transparent url(/img/icons/edit.png) no-repeat right center;
  padding-right: 30px;
}
#leftcol p.edit {
  background: transparent url(/img/icons/edit.png) no-repeat left center;
  padding-left: 30px;
}
/* leftcol, rightcol ajax loading */
#leftcol .overlay, #rightcol .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.80;
  background-color: #FFF;
  width: 232px;
  height: 200em;
  z-index: 6000;
}
#leftcol .overlay img, #rightcol .overlay img {
  position: absolute;
  top: 150px;
  left: 88px;
}
/* rectool style overlays */
.pane {
  position: relative;
}
.feed .overlay {
  width: 100% !important;
  height: 100% !important;
  opacity: 0.8;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.feed .overlay img {
  top: 50% !important;
  left: 50% !important;
  margin-left: -8px !important;
  margin-top: -8px !important;
}
/* manufacturer columns */
#wrappercontent .contact_information {
  overflow: hidden;
}
#wrappercontent .contact_information .padding {
  padding: 0 6px 6px;
}
#wrappercontent .contact_information .logo {
  text-align: left;
}
#wrappercontent .contact_information span {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
#wrappercontent .contact_information span.url {
  margin-top: 6px;
  font-weight: bold;
}
#wrappercontent .contact_information span.posta {
  font-weight: bold;
}

/* Inputfields, Textfields
--------------------------------------------------------------------------------------- */

input#go{
	float:right;
position:relative;
right:23px;
}

.round1 select {
  font-size: 12px;
  color: #333;
}
.round1 select option, optgroup {
  font-family: Arial,Helvetica,Verdana,sans-serif;
  font-size: 12px;
  margin: 2px;
  padding: 2px 10px 2px 2px;
}


/*  Login Modal
----------------------------------------*/

#login {
  position: absolute;
  top: 50px;
  right: 140px;
  background: transparent url(/img/background/modal_login.png) no-repeat scroll 0 0;
  width: 285px;
  height: 190px;
  z-index: 999;
}

.typename {
  position: absolute;
  top: 75px;
  left: 20px;
}
.typepass {
  position: absolute;
  top: 104px;
  left: 20px;
}
.typeext {
  position: absolute;
  top: 150px;
  left: 20px;
}
.typeext label {
  color: #fff;
}
#login p {
  position: absolute;
  top: 40px;
  left: 20px;
  font-size: 16px;
  color: #FFFFFF;
}
#login input {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius:5px;
padding: 3px 2px 3px 4px;
}
#login input.text {
  position: absolute;
  top: 0;
  left: 0px;
  width: 190px;
  border: 0px;
  outline: 0px;
}
.typename .text { width: 240px !important; }
#login label.infield {
  font-weight: normal;
  padding: 1px 7px;
  margin-left: 120px;
  z-index: 9999;
}
#login label.infield.wide { min-width: 110px; }
#login button {
  position: absolute;
  top: 103px;
  left: 225px;
  margin: 0;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius:5px;
background:#CCC url(/img/background/go_btn_bg.png) repeat-x scroll 0 0;

border:1px solid #ccc;
color:#666;
cursor:pointer;
display:block;
font-size:11px;

height:22px;
width:41px;
padding:2px 0 4px;
text-align: center;
text-transform:lowercase;
}
#login a {
  color: #FFFFFF;
  margin-left: 45px;
  text-decoration: none;
}
#login a:hover {
  text-decoration: underline;
}

/* Loginbox (in overlay) */
.loginbox {
}
.loginbox p {
  color: #FFFFFF;
}
.loginbox input {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius:5px;
padding: 5px 2px 2px 4px;
}
.loginbox input.name {
  width: 245px;
  height: 20px;
  font-size: 14px;
  border: 0px;
  outline: 0px;
  margin-bottom: 8px;
}
.loginbox input.pass {
  float: left;
  width: 180px;
  height: 20px;
  font-size: 14px;
  border: 0px;
  outline: 0px;
  margin-top: 1px;
}
.loginbox button {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-radius: 5px;
  background: #CCC url(/img/background/go_btn_bg.png) repeat-x scroll 0 0;
  border: 0px solid #ccc;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  height: 27px;
  width: 56px;
  padding: 2px 0 4px;
  text-align: center;
  margin: 1px 0 0 8px;
}
.loginbox a {
  color: #FFFFFF;
  margin-left: 45px;
  text-decoration: none;
}
.loginbox a:hover {
  text-decoration: underline;
}

/* Dropdown Menu Logged In
--------------------------------------------*/
ul#usermenu-dropdown {
  background: #282828;
  left: -160px;
  padding: 3px 10px;
  position: absolute;
  top: 55px;
  width: 410px;
  height: 45px;
  z-index: 10;
  border: 1px solid #666;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
/* draft */
ul#usermenu-dropdown {
  width: 805px;
  left: -530px;
  height: 20px;
  top: 60px;
}
ul#usermenu-dropdown li{
  float: left;
  width: 110px;
margin-left:0;
padding-bottom:3px;
padding-left:24px;
}
ul#usermenu-dropdown li a:hover{
color: #f1ad30;
text-decoration: none;
}
#usermenu-dropdown li.myset{
	 background:transparent  url(../img/icons/navi_myset_icon.png) no-repeat scroll 0 2px;
	
}
#usermenu-dropdown li.mynews{
	background:transparent  url(../img/icons/navi_mail_icon.png) no-repeat scroll 0 2px;
}
#usermenu-dropdown li.ratings{
	background:transparent  url(../img/icons/navi_rate_icon.png) no-repeat scroll 0 2px;
}
#usermenu-dropdown li.tellfriend{
	background:transparent  url(../img/icons/navi_weitersagen_icon.png) no-repeat scroll 0 2px;
}
#usermenu-dropdown li.feedback{
	background:transparent  url(../img/icons/navi_feedback_icon.png) no-repeat scroll 3px 2px;
}


.welcome-img{
	position: absolute; right: 80px;
}







/* TOUR
----------------------------------------*/

#guide{
	margin-left: 40px;
}
.tour #bannercontent h3{
	color: #CCC;
}
/* Tabs Usps Tour Site
---------------------------------*/
.usp-tour{
	background: #FFF;
	padding: 5px 10px 0 10px;
}

#usp-tabnav{
	
}
#usp-tabnav ul{
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
	height: 40px;
	background: #FFF;
	
}

#usp-tabnav ul li{
float: left;
}
#usp-tabnav ul li a{
display: block;
line-height: 35px;
color:#666 ;
font-size: 18px;
}
#usp-tabnav ul li a:hover{
text-decoration:none;
color: teal;
}
#usp-tabnav ul li a.current{
color:teal ;
}


#tech h3 a{
	padding-left: 45px;
	
}
#rate h3 a{
	padding-left: 0px;
}
#share h3 a{
	padding-left: 45px;
}

#usp-tabcontent{
	padding-top: 10px;
	background: #FFF;
}


/* HORIZONTAL IMAGE SLIDER
----------------------------------------*/

#equip-slider-h {
	position: relative;
	
	height: 130px;
}

#equip-slider-h ul {
	
	margin-left: 35px;
}

#equip-slider-h ul li{
	float: left;
	margin-left: 15px;
}

#equip-slider-h span {
	display:block;
	left:0px;
	position:absolute;
	top:-3px;
}
#equip-slider-h span.next {
	left:900px;
}








/* Accordion Rating Site 
--------------------------------*/


#eq-tabcontent .acc_head .stars{
	position: absolute;
	top: 10px;
	right: 5px;

}



/*  Tabs
-------------------------------------------------*/

ul.content-topnav{
	padding-bottom: 15px;
	}


ul.content-topnav li{
	float: left;
	color: teal;
	margin-left: 0px;
}
ul.content-topnav li a{
	color: teal;
}

#tabnav {
background:#FFF none repeat scroll 0 0;
height:22px;
line-height:normal;
padding:8px 0 4px;
width:100%;
}
#tabnav ul {

list-style-type:none;
margin:0 0 0 10px;
padding:0;
}
#tabnav li {
display:inline;
margin:0;
padding:0;
}

#tab-content{
	background: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


#login-win.window {
background:transparent;

float: left;
position:relative ;
right:0px;
top:0px;
width:250px;
height: 190px;

}
#login-win p{
	color:#FFFFFF;
font-size:16px;
left:20px;
position:relative;
top:30px;
}
#login-win input {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius:5px;
padding: 3px 2px 3px 4px;
}



#login-win input.text {
left:15px;
position: absolute;
top:67px;
width:84%;
border: 0px;
outline: 0px;
}
#login-win input.pass {
border:0 none;
left:15px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
position:absolute;
top:50px;
width:70%;
}


#login-win label.overlay {
clear:left;
color:#CCCCCC;
float:left;
margin:10px 20px;
position:relative;
top:5px;
z-index:999;
}
#login-win button {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius:5px;
background:#CCC url(/img/background/go_btn_bg.png) repeat-x scroll 0 0;

border:1px solid #ccc;
color:#666;
cursor:pointer;
display:block;
font-size:11px;

height:22px;
left:80%;
padding:2px 0 4px;
position:absolute;
text-align:center;
text-transform:lowercase;
top:103px;
width:41px;
  
}
#login-win input.checkbox, #login b {  
left:30px;
position:absolute;
top:151px;
}
#login-win b {
	color:#FFFFFF;
font-weight:normal;
position:relative;
right:130px;
top:103px;

}
#login-win a {
	color:#FFF;
	left:160px;
	position:absolute;
	text-decoration:none;
	top:158px;
}
#login-win a:hover {
	text-decoration:underline;

}












#rate-modal-win-register{
	float: left;
	width: 250px;
	height: 190px;
	margin-left: 60px;
}





#rating-form label{
	float: left;
	width: 120px;
}
#rating-form textarea{
	margin-bottom: 20px;
	border:1px solid #ddd;
	background:eee;
}

#recommend{
	float: left;
	width: 250px;
	margin-top: 24px;
	
}
#rate-btn{
	float: right;
	width: 250px;
	margin-top: 30px;
	
	}
#rate-btn a{
	
	background:transparent url(/img/buttons/gray.png) repeat-x scroll 0 0;
	color: #CCC;
	padding:7px 8px 7px 8px;
	-moz-border-radius:12px;
	-webkit-border-radius: 11px; 
	margin-left: 80px;
}
#rate-btn a:hover{
	
	background:transparent url(/img/buttons/gray_h.png) repeat-x scroll 0 0;
	color: #FFF;
	text-decoration: none;
	
}


/*   messages
-----------------------------------------------------------------*/




table.messages{
	width: 98%;
	border-bottom: 1px solid #CCC;
	margin:7px;
}
table.messages td {

padding:6px 10px;
}
table.messages td a{

color: teal;
}

.sent-by{
	padding-left: 10px;
	width: 200px;
}
table.messages .userimg{
	float: left;
	margin-right: 12px;
}
.replytext{
	font-weight: bold;
}

.reply-success{
	
}
.unread{
	
}


/* Options-Area / Filter */
#options {
  background-color: #313131;
  color: #EEE;
}
#options .container_16 {
  position: relative;
}
#options .content {
  padding: 20px 12px 12px;
}
#options .button {
  position: absolute;
  top: -14px;
  left: 170px;
  height: 24px;
  color: #313131;
  padding: 1px 10px 0 5px;
  cursor: pointer;
}
#options .text {
  /* otherwise the icon and the text would not be visible */
  position: relative;
}
#options .button .left, #options .button .right {
  position: absolute;
  top: 0;
  width: 52%;
  height: 24px;
}
#options .button .left {
  left: 0;
  background: url(/img/buttons/options.png) no-repeat top left;
}
#options .button .right {
  right: 0;
  background: url(/img/buttons/options.png) no-repeat top right;
}


/* Slider */
#slider_left.ui-slider-vertical {
  float: left;
  width: 3px;
  height: 455px;
  margin: 7px 15px 5px 7px;
  border: 25px 1px 0 1px;
  border-top: 0px solid #292b2a;
  border-right: 1px solid #666768;
  border-bottom: 25px solid #292b2a;
  border-left: 1px solid #666768;
}
#slider_left.ui-widget-content, #slider_right.ui-widget-content {
  background: #292b2a !important;
  background-color: #292b2a !important;
}
#slider_left.ui-corner-all {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#slider_left.ui-slider-vertical .ui-slider-handle {
  background: #292b2a url(/img/vertical_slider/fader_btn.png) repeat-x scroll 50% top;
}
#slider_left.ui-slider-vertical .ui-slider-handle {
  width: 19px;
  height: 27px;
  border: 0;
  left: -8px;
  margin-bottom: -25px;
}

#slider_right.ui-slider-vertical {
  float: right;
  width: 3px;
  height: 455px;
  margin: 7px 7px 5px 15px;
  border: 25px 1px 0 1px;
  border-top: 0px solid #292b2a;
  border-right: 1px solid #666768;
  border-bottom: 25px solid #292b2a;
  border-left: 1px solid #666768;
}
#slider_right.ui-slider-vertical .ui-slider-handle {
  background: #292b2a url(/img/vertical_slider/fader_btn.png) repeat-x scroll 50% top;
}
#slider_right.ui-slider-vertical .ui-slider-handle {
  width: 19px;
  height: 27px;
  border: 0;
  left: -8px;
  margin-bottom: -25px;
}
/* left-col select */
.leftcol_content select {
  width: 208px;
  padding: 2px;
}
.leftcol_content select.subselect.active {
  width: 180px;
}
.leftcol_content select option {
  margin: 3px;
}
#manufacturer_id_reset {
  display: none;
  float: right;
  width: 16px;
  height: 16px;
  background: transparent url(/img/icons/cross.png) no-repeat scroll 0 0;
  margin: 3px 4px;
  cursor: pointer;
}

/* main_col slider overview */
/* need fixed width, so when second is loaded before first image, position of image 2 is correct */
#slider_main .items img, #slider_main .items a {
  width: 484px;
}
#slider_main.loading {
  background: #FFF url(/img/icons/wait30.gif) no-repeat 50% 130px;
}
#slider_main .head_overlay {
  position: absolute;
  top: 42px;
  left: 0;
  width: 486px;
  height: 42px;
  /* has effect on facebook-comment-box */
  z-index: 1;
}
#slider_main .head_overlay .name {
  color: #fc0;
  font-size: 16px;
  padding: 8px 10px;
}
#slider_main .head_overlay .button_r {
  padding: 10px 0px;
}
#slider_main .head_overlay .button_r span {
  color: #fc0;
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  padding-right: 16px;
}

/* Rating */
#slider_main .head_overlay .rating {
  padding: 11px 10px;
}
.pane h3 .rating {
  margin: 1px 12px;
}
.pane h3 .not_enough_ratings {
  float: right;
  font-weight: normal;
  display: inline;
  margin: 0 12px 0 20px;
}


/* Tab-Pane
-----------------------------------------*/
.pane h3.collapsible {
  background: #F1F1F1 url(/img/icons/arrow_right.png) no-repeat scroll 5px 9px;
  cursor: pointer;
}
.pane h3.collapsible.active {
  background: #F1F1F1 url(/img/icons/arrow_down.png) no-repeat scroll 5px 9px;
}
.pane .wrapper {
  padding: 15px 12px;
}
.pane .wrapper.notop {
  padding-top: 0;
}
.pane h3 {
  margin-bottom: 0.6em;
}
.pane h4 {
  font-size: 0.85em;
  margin-bottom: 0.5em;
}
.pane p {
  margin-bottom: 5px;
}
#slider_main .pane p span {
  position: absolute;
  left: 300px;
  width: 159px;
  overflow: hidden;
}
.pane .collapsed {
  padding: 12px;
}
.pane .collapsed hr {
  margin: 5px 10px;
  display: block !important;
}
.pane .border {
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #FFF;
}
.pane .border.first {
  border-top: 0;
}
.pane .border.last {
  border-bottom: 0;
}
.pane .border.active {
  border-bottom: 1px solid #CCC;
}
.pane .ssArea {
  float: left;
  margin-right: 10px;
  min-width: 102px;
  min-height: 77px;
}
.pane .ssArea a {
  display: block;
  width: 102px;
  height: 77px;
}
.pane .screenshot {
  float: left;
  width: 100px;
  height: 75px;
  border: 1px solid #ddd;
}

.pane .rating_comment {
  position: relative;
  line-height: 1.4;
}
.pane .rating_comment .user {
  float: left;
  width: 70px;
  height: 70px;
  margin: 5px 15px 5px 0;
}
.pane .rating_comment .text {
  float: left;
  width: 375px;
  margin-bottom: 5px;
}
.pane .rating_comment .time {
  float: right;
  color: #999;
}
.pane .video .vote {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pane .vote {
  float: right;
  margin: 0 5px 0 10px;
}
.pane .vote a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 0;
  width: 12px;
  height: 20px;
}
.pane .vote a.downvote {
  background: transparent url(/img/icons/thumbs.png) no-repeat scroll -12px top;
}
.pane .vote a.upvote {
  background: transparent url(/img/icons/thumbs.png) no-repeat scroll left 1px;
}
.pane .vote a.report {
  background: transparent url(/img/icons/thumbs.png) no-repeat scroll right top;
  margin-left: 6px;
}
.pane .vote a.downvote:hover {
  background: transparent url(/img/icons/thumbs.png) no-repeat scroll -12px bottom;
}
.pane .vote a.upvote:hover {
  background: transparent url(/img/icons/thumbs.png) no-repeat scroll left bottom;
}
.pane .vote a.report:hover {
  background: transparent url(/img/icons/thumbs.png) no-repeat scroll right bottom;
}
.pane .vote span {
  float: right;
  font-size: 13px;
  line-height: 13px;
  margin: 4px 5px 0 6px;
}
.pane .vote img {
  margin-left: 0;
}
.pane .pagination {
  text-align: center;
}
.pane .answers .pagination {
  height: 21px;
}

/* q_and_a-pane */
.pane.q_and_a .question {
  position: relative;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 10px;
  padding-bottom: 5px;
  min-height: 73px;
}
.pane .question.active {
  background-image: url(/img/icons/arrow_down.png);
}
.pane .question.active {
  background: #FAFAFA url(/img/bg_question.png) repeat-x scroll 0 0;
}
.pane .question .user_image {
  float: left;
  margin-right: 10px;
}
.pane .meta {
  clear: both;
}
.pane .question .equipmentLinks {
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 5px;
}
.pane .question .txt {
  font-size: 12px;
  line-height: 16px;
  margin-left: 60px;
  width: 330px;
  cursor: pointer;
}
.pane .timestamp {
  float: right;
  font-size: 11px;
  line-height: 11px;
  padding: 5px 15px 0;
  color: #999;
}
.pane .question .answers {
  padding: 0 0 0 15px !important;
  position: relative;
  overflow: hidden;
}
.pane .question.highlighted .marker {
  position: absolute;
  top: 0;
  left: -8px;
  height: 100%;
  border-left: 3px solid #fc0;
  width: 3px;
}
.pane .question .add_answer {
  margin: 3px 5px 0;
}
.pane .question .answers_count {
  position: relative;
  float: right;
  margin: 0px 0px 0 0;
  cursor: pointer;
}
.pane .question .answers_count span {
  position: absolute;
  color: #FC0;
  font-weight: bold;
  text-align: center;
  width: 29px;
  font-size: 13px;
}
.pane .question .answer .user_image {
  float: left;
  margin-right: 10px;
}
.pane .question .answer .txt {
  width: 375px;
  margin: 0 0 5px 60px;
}
.pane .answers .answer {
  clear: both;
}

/* video pane */
.pane .hr_10t {
  border-top: 1px solid #ddd;
  margin: 10px 0 0;
}
.pane .hr_5_10 {
  border-top: 1px solid #ddd;
  margin: 5px 5px 10px;
}
.pane .hr_20 {
  border-top: 1px solid #ddd;
  margin: 10px 5px;
}
.pane .answers .hr_20 {
  margin: 10px 5px 10px 0;
}
.pane .video .details {
  float: right;
  width: 314px;
  min-height: 70px;
}
.pane .video .play {
  cursor: pointer;
}
.pane .video .preview {
  line-height: 0;
  width: 133px;
  height: 100px;
}
.pane .video .preview-big {
  line-height: 0;
  width: 176px;
  height: 132px;
}
.video .details .equipmentLinks {
  width: 255px;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 7px;
}
.video .details .title {
  float: left;
  width: 175px;
  line-height: 1.1em;
  margin-bottom: 5px;
}
.video .details .description {
  margin: 0 10px 0 0;
}
.video .details .added_by {
  float: right;
  max-width: 130px;
  margin-right: 5px;
  text-align: right;
  font-size: 11px;
  line-height: 13px;
}
.video .details .added_by span {
  clear: right;
  float: right;
}
.video .details .added_by img {
  float: right;
  padding: 0 0 5px 8px;
}
.video .details .added_by img.rt {
  width: 50px;
}
.video a.delete {
  clear: right;
  float: right;
  cursor: pointer;
  padding-right: 14px;
  background: transparent url(/images/icons/cross_12.png) no-repeat scroll right center;
}
.pane .video .count {
  position: absolute;
  left: 146px;
  bottom: 5px;
  color: #ddd;
}
.pane .video .collapsible {
  width: 111px;
  color: #313131;
}
.pane .video .collapsed {
  display: none;
  padding: 12px 0 0;
}

/* pane reviews pane */
.pane.reviews h3 span.pro {
  left: 22px !important;
}
.pane.reviews h3 span.contra {
  left: 245px !important;
}
.pane.reviews div.pro, .pane.reviews div.contra {
  padding: 5px;
  padding-left: 25px;
}
.pane.reviews .reviews {
  margin-top: 5px;
}
.pane.reviews .reviews p {
  padding: 0 10px;
}
.pane.reviews .reviews .review {
  position: relative;
}

/* pane rating pane */
.pane .rating_criterion {
  position: relative;
  overflow: hidden;
}
.pane .rating_criterion .dropdown {
  float: left;
  width: 150px;
  padding: 2px;
  margin-bottom: 15px;
}
.pane .answers .dropdown {
  float: left;
  width: 150px;
  padding: 2px;
  margin-bottom: 10px;
}

/* pane price pane */
.pane .prices .dropdown {
  float: left;
  width: 150px;
  padding: 2px;
  margin-bottom: 15px;
}
.pane .price_item {
  position: relative;
  margin-bottom: 10px;
  padding: 5px 0;
}
.pane .price_item .logo {
  float: left;
  width: 160px;
  height: 40px;
  text-align: center;
}
.pane .price_item .name {
  float: left;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  text-decoration: none;
  width: 170px;
}
.pane .price_item .availability {
  position: absolute;
  top: 21px;
  right: 80px;
  background: green;
  width: 20px;
  height: 20px;
  opacity: 0.6;
}
.pane .price_item .price {
  position: relative;
  float: right;
  top: 20px;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

/* pane specs pane */
#slider_main .pane .catalog {
  width: 100%;
}

/* pane catalog pane */
.pane .catalog .show {
  cursor: pointer;
}


/* Cat-Slider 
-----------------------------------------*/


.slidable_track{
	background:transparent url(../img/vertical_slider/vertical_line.png) no-repeat scroll 0 0;
	width:4px!important;
	height:369px!important;	
	left:10px;
position:relative;
}


.slidable_handle {
	background:transparent url(../img/vertical_slider/fader_btn.png) no-repeat scroll 0 0 !important;
height:27px !important;
left:-7px;
position:absolute !important;
width:19px !important;
}
.slidable_handle .selected {
	background:transparent url(../img/vertical_slider/fader_btn.png) no-repeat scroll 0 0!
	}


/* Buttons
-------------------------------------------*/
/* normal-button TODO fix text color depending on button color
/  (white text for black buttons, so black buttons should have extra class) */
.nbutton {
  position: relative;
  top: 0;
  cursor: pointer;
  height: 23px;
  padding: 1px 11px;
}
.nbutton a {
  color: #313131;
  text-decoration: none;
}
.nbutton .left, .nbutton .right {
  position: absolute;
  top: 0;
  width: 52%;
  height: 23px;
}
.nbutton .left {
  background: transparent url(/img/buttons/gray.png) no-repeat scroll left top;
  left: 0;
}
.nbutton .right {
  background: transparent url(/img/buttons/gray.png) no-repeat scroll right top;
  right: 0;
}
.nbutton:hover .left {
  background: transparent url(/img/buttons/gray.png) no-repeat scroll left bottom;
  left: 0;
}
.nbutton:hover .right {
  background: transparent url(/img/buttons/gray.png) no-repeat scroll right bottom;
  right: 0;
}

.nbutton.yellow .left {
  background: transparent url(/img/buttons/yellow.png) no-repeat scroll left top;
  left: 0;
}
.nbutton.yellow .right {
  background: transparent url(/img/buttons/yellow.png) no-repeat scroll right top;
  right: 0;
}
.nbutton .text {
  position: relative;
  color: #111;
}
.nbutton.yellow .text {
  position: relative;
  color: #313131;
}

/* big-button */
.bbutton {
  position: relative;
  top: 0;
  float: right;
  cursor: pointer;
  height: 20px;
  padding: 6px 11px;
}
.bbutton .left, .bbutton .right {
  position: absolute;
  top: 0;
  width: 52%;
  height: 32px;
}
.bbutton .left {
  background: transparent url(/img/buttons/black.png) no-repeat scroll left top;
  left: 0;
}
.bbutton .right {
  background: transparent url(/img/buttons/black.png) no-repeat scroll right top;
  right: 0;
}
.bbutton.green .left {
  background: transparent url(/img/buttons/green2.png) no-repeat scroll left top;
  left: 0;
}
.bbutton.green .right {
  background: transparent url(/img/buttons/green2.png) no-repeat scroll right top;
  right: 0;
}
.bbutton .text {
  position: relative;
  color: #eee;
}

/* giga-button */
.gbutton {
  position: relative;
  top: 0;
  float: left;
  cursor: pointer;
  height: 22px;
  padding: 11px 14px;
}
.gbutton .left, .gbutton .right {
  position: absolute;
  top: 0;
  width: 52%;
  height: 44px;
}
.gbutton .left {
  background: transparent url(/img/buttons/green.png) no-repeat scroll left top;
  left: 0;
}
.gbutton .right {
  background: transparent url(/img/buttons/green.png) no-repeat scroll right top;
  right: 0;
}
.gbutton .text {
  position: relative;
  color: #eee;
  font-weight: bold;
  font-size: 16px;
}
/* the arrow for buttons with active/inactive ~ open/closed indicator */
.indicator span {
  float: left;
  width: 16px;
  height: 16px;
  background: url(/img/icons/arrow.png) no-repeat scroll left 3px;
}
/*.indicator:hover span {
  background: url(/img/icons/arrow.png) no-repeat scroll left -13px;
}
*/
.indicator span.active {
  background: url(/img/icons/arrow.png) no-repeat scroll left -13px;
}
/* needs to placed after the button definition */
.indicator {
  padding: 1px 10px 0 5px;
}
.nbutton .wheel {
  padding: 1px;
}


/* Functional Buttons */
#followers_button {
  cursor: pointer;
  float: right;
  margin-right: 15px;
  color: #FC0;
}
#followers_button.nofollowers {
  cursor: default;
}


/* Inline Overlays
-------------------------------------------*/
/* the basic overlayed element */
.simple_overlay {
  /* must be initially hidden */
  display:none;
  /* place overlay on top of other elements */
  z-index: 9000;
  /* styling */
  width:675px;
  min-height:200px;
  max-height: 1150px; /* due to limitations of background graphic */
  padding: 6px;
}
/* the image-tag where the overlay images get loaded into */
.simple_overlay .wrapper { position: relative; }
#gallery .wrapper { min-height: 300px; }
#img { display: none; }
/* overlay or sth. else sets "simple_overlay img" to "display: inline", hell i don't know where */
#img { display: block !important; }

/* close button positioned on upper right corner */
.simple_overlay .close {
  background-image: url(/img/icons/close_y.png);
  position:absolute;
  right:-15px;
  top:-15px;
  cursor:pointer;
  height:35px;
  width:35px;
}

/* "next image" and "prev image" links */
.simple_overlay .next, .simple_overlay .prev {
  /* absolute positioning relative to the overlay */
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
  display: block;
  padding: 0;
  color: #fff;
  /* upcoming CSS3 features */
}
.simple_overlay .prev {
  left:0;
  width: 33%;
}
.simple_overlay .next {
  right: 0;
  width: 33%;
}
.simple_overlay .prev .button {
  background: transparent url(/img/buttons/img_slider_w.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 13px;
  width: 24px;
  height: 61px;
}
.simple_overlay .next .button {
  background: transparent url(/img/buttons/img_slider_w.png) no-repeat 0 -61px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  right: 13px;
  width: 24px;
  height: 61px;
}
/* the hover is a class here as it's triggered by jquery, do not mistake with :hover */
.simple_overlay .prev .button.hover {
  background-position: -24px 0;
}
.simple_overlay .next .button.hover {
  background-position: -24px -61px;
}
.simple_overlay .prev .button.active {
  background-position: -48px 0;
}
.simple_overlay .next .button.active {
  background-position: -48px -61px;
}

/* when there is no next or previous link available this class is added */
.simple_overlay .disabled { visibility:hidden; }

/* the "information box" */
.simple_overlay .info {
  position:absolute;
  bottom:0;
  left:0;
  padding:10px 15px;
  color:#fff;
  font-size:11px;
  border-top:1px solid #666;
}

.simple_overlay .info strong {
  display: block;
}

/* progress indicator (animated gif). should be initially hidden */
.simple_overlay .progress {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
/*  display:none;*/
}
.simple_overlay.split .progress { top: 28%; }

/* styles for css based rounded corners for overlay */
.simple_overlay .tl, .simple_overlay .tr, .simple_overlay .bl, .simple_overlay .br {
  position: absolute;
  width: 52%;
  height: 50.5%;
}
.simple_overlay .tl, .simple_overlay .bl { left: 0px; }
.simple_overlay .tl, .simple_overlay .tr { top: 0px; }
.simple_overlay .tr, .simple_overlay .br { right: 0px; }
.simple_overlay .bl, .simple_overlay .br { bottom: 0px; }

/* gallery overlay background */
.simple_overlay .tl { background: url(/img/corner_22.png) no-repeat top left; }
.simple_overlay .tr { background: url(/img/corner_22.png) no-repeat top right; }
.simple_overlay .bl { background: url(/img/corner_22.png) no-repeat bottom left; }
.simple_overlay .br { background: url(/img/corner_22.png) no-repeat bottom right; }

/* lower area with dark background */
#overlay_content.wrapper, #overlay_content_split.wrapper {
  min-height: 115px;
  padding: 12px;
  overflow-y: auto;
}
.lower .tl, .lower .tr, .lower .bl, .lower .br {
  width: 15px;
  height: 15px;
}
.lower .tl { background: url(/img/corner_12.png) no-repeat top left; }
.lower .tr { background: url(/img/corner_12.png) no-repeat top right; }
.lower .bl { background: url(/img/corner_12.png) no-repeat bottom left; }
.lower .br { background: url(/img/corner_12.png) no-repeat bottom right; }

/* mainly for gallery */
.wrapper .tl, .wrapper .tr, .wrapper .bl, .wrapper .br {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #733;
}
.wrapper .tl { background: url(/img/corner_12.png) no-repeat top left; }
.wrapper .tr { background: url(/img/corner_12.png) no-repeat top right; }
.wrapper .bl { background: url(/img/corner_12.png) no-repeat bottom left; }
.wrapper .br { background: url(/img/corner_12.png) no-repeat bottom right; }


/* simple_overlay has some common classes TODO move to stylesheets so gallery overlay gets it too */
.simple_overlay .headerthumb {
  float: left;
  margin-right: 20px;
}
.simple_overlay hr {
  border-color: #ccc;
  margin: 15px 0;
}
.simple_overlay hr.big {
  clear: both;
  margin: 20px 0;
}

/* the inline overlay element. appearance is based on .simple_overlay and only modified here */
#inline_overlay {
  display: none;
  z-index: 9000;
  width: 582px;
  min-height: 149px;
  padding: 6px;
}
#inline_overlay_wide {
  display: none;
  z-index: 9000;
  width: 796px;
  min-height: 220px;
  padding: 6px;
}
#inline_overlay .wrapper {
/*  padding: 10px;*/
}
#inline_overlay .wrapper .wrapping {
  padding: 10px 10px 5px 10px;
}
/* a second overlay with a split background */
#inline_overlay_split {
  display: none;
  z-index: 9000;
  width: 700px;
  min-height: 300px;
  padding: 6px;
}
#inline_overlay_split .wrapper {
/*  min-height: 205px;*/
/*  padding: 10px;*/
}
#inline_overlay_split .progress {
  top: 28%;
}
#inline_overlay_split .tl, #inline_overlay_split .tr {
/*  height: 80%;*/
}
#inline_overlay_split .bl, #inline_overlay_split .br {
/*  height: 235px;*/
}
#inline_overlay_split .tl, #inline_overlay_split .tr, #inline_overlay_split .bl, #inline_overlay_split .br {
/*  background-image: url(/img/corner_22_split.png);*/
}
.lower {
  position: relative;
  height: 230px;
  background-color: #313131;
}
.lower .wrapping {
  padding: 25px 20px;
}
/* special case where .lower gets loaded into inline_overlay (not inline_overlay_split as would be normal) */
#inline_overlay .lower {
/*  background-color: #313131;*/
}
#inline_overlay .lower .wrapping {
/*  padding: 25px 20px;*/
}
#inline_overlay .lower .arrow {
/*  bottom: 210px;*/
}
/* special case end */

.lower .wrapping h2 {
  color: #eee;
  font-size: 18px;
}
.lower .wrapping p {
  color: #eee;
  margin: 10px 0;
}
.lower .wrapping label {
  color: #eee;
}
/* infieldlabel */
label.infield {
  position: absolute;
}
.lower label.infield {
  top: 0;
  left: 0;
  color: #666;
  z-index: 9999;
  margin-left: 110px;
}
.lower .loginbox .name label.infield {
  padding: 3px 7px;
}
.lower .loginbox .password label.infield {
  padding: 5px 7px;
}
/* beware, fits exactly a specific height of the lower area of split overlay: 230px */
.lower .arrow {
  background: url(/img/misc/white_arrow.png) no-repeat scroll center bottom;
  position: absolute;
  left: 492px;
  bottom: 210px;
  width: 24px;
  height: 20px;
}
.block_1 {
  float: left;
  width: 285px;
  padding-right: 30px;
  position: relative;
}


/* Inline Overlays - Special cases
-------------------------------------------*/
.rate_container {
}
.rate_container textarea {
  border: 1px solid #CCCCCC;
  width: 550px;
  margin-bottom: 15px;
  padding: 3px;
  font-size: 100%;
  font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
  height: 28px;
}

/* inline-display */
.inline_display {
  display: none;
  position: absolute;
  width: 205px;
  top: 32px;
  left: 405px;
  z-index: 999;
}
.above1 { z-index: 1010; }
.above2 { z-index: 1020; }
.above3 { z-index: 1030; }
.inline_display .kontent {
  position: relative;
  padding: 27px 20px 10px;
}
#front_menu .inline_display {
  top: 50px;
  left: -10px;
  width: 780px;
}
#front_menu .inline_display .kontent {
  width: 760px;
}

.inline_display .tl, .inline_display .tr, .inline_display .bl, .inline_display .br {
  position: absolute;
  width: 52%;
  height: 52%;
}
.inline_display .tl, .inline_display .bl { left: 0px; }
.inline_display .tl, .inline_display .tr { top: 0px; }
.inline_display .tr, .inline_display .br { right: 0px; }
.inline_display .bl, .inline_display .br { bottom: 0px; }

/* gallery overlay background */
.inline_display .tl { background: url(/img/inline-display.png) no-repeat top left; }
.inline_display .tr { background: url(/img/inline-display.png) no-repeat top right; }
.inline_display .bl { background: url(/img/inline-display.png) no-repeat bottom left; }
.inline_display .br { background: url(/img/inline-display.png) no-repeat bottom right; }

.actions li {
  line-height: 21px;
  padding: 0 10px 0 18px;
}
.actions li.title {
  line-height: 16px;
  padding-left: 0;
}
.actions li.follow {
  background: url(/img/icons/follow.png) no-repeat -2px 2px;
  margin-top: 5px;
}
.actions li.unfollow {
  background: url(/img/icons/follow.png) no-repeat -2px -13px;
  margin-top: 5px;
}
.actions li.add_rating, .actions li.edit_rating {
  background: url(/img/icons/follow.png) no-repeat -2px -30px;
}
.actions li.add_wishlist {
  background: url(/img/icons/follow.png) no-repeat -2px -62px;
}
.actions li.remove_wishlist {
  background: url(/img/icons/follow.png) no-repeat -2px -13px;
}

/* catalog stylings */
.wrapper.catalogs {
  padding-top: 5px;
  padding-bottom: 0;
}

li.catalog.item .thumb img {
}
.catalog h4 {
  font-size: 13px;
  line-height: 1.25em;
  padding-right: 20px;
}
.catalog .info {
  float: right;
  width: 290px;
}
.catalog .details {
  position: absolute;
  bottom: 20px;
  left: 163px;
  width: 290px;
}
.catalog .info .description {
  line-height: 1.25em;
  margin-bottom: 35px;
}
.catalog .preview img {
  border: 1px solid #ddd;
}
.catalog .details .date {
  float: right;
  font-size: 11px;
  padding-top: 6px;
}