html {
    margin:             0;
    padding:            0;
    height:             100%;
}
body {
    margin:             0 0 10px 0;
    padding:            0;
    background:         #F0F0F0;
    color:              #2D2D2D;
	font: 11px Arial, Verdana, sans-serif;
	position:relative;
}

/* ----------------------------------------------  GENERAL  ---------------------------------------------- */

a, a:link, a:visited {
    color:              #2D2D2D;
	text-decoration:    none;
	outline:none;
}
.mainbody p a{
	text-decoration:    underline;
}

a:active, a:hover {
    color:              #CE0E15;
}
a.arrow, .arrow-wrap a {
    padding:            0 0 0 15px;
    background:         url('../img/layout/home/arrow_inactive.gif') no-repeat left top;
}
a.arrow:hover, .arrow-wrap a:hover {
    background:         url('../img/layout/home/arrow_active.gif') no-repeat left top;
}
a.block {
	display:block;
}
a.gray {
	background-color:#f3f3f3;
}

a, a:focus, object, input{
	-moz-outline-style: none;
}

img {
    border:             none;
}
h1, h2, h3 {
    margin:             0;
    padding:            0;
    font-style:         normal;
    font-weight:        normal;
}
h1 {
    margin:             10px 0 10px 0;
    font-size:          18px;
    font-weight:        normal;
}
h2 {
    margin:             0 0 5px 0;
    font-size:          16px;
    font-weight:        bold;
}
h3 {
    margin:             0 0 5px 0;
    font-size:               12px;
    font-weight:        bold;
}
p {
    margin:             0 0 10px 0;
    padding:            0 15px 0 0;
    line-height:        1.2em;
	font-size:11px;
	color:#666666;
}
em {
    color:              #CE0E15;
    font-style:         normal;
    font-weight:        bold;
}


	.rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px;  }	
	
/*****************************************************************************
                              ALIGN
*****************************************************************************/

.align-right {
    text-align:         right;
}
.align-left {
    text-align:         left;
}
.align-justify {
    text-align:         justify;
}
.bold {
    font-weight:        bold;
}
.red {
    color:              #CE0E15;
}
#content-left ul li {
	line-height:		150%;
}
div.error {
    margin:             10px 0 10px 0;
    padding:            10px;
    border:             1px solid #CE0E15;
    color:              #CE0E15;
    font-weight:        bold;
}
div.error p {
    margin:             0;
}
.nounderline {
text-decoration:none;
}
	
	
	#topbar-footer{
		width:100%;
		height:20px;
		float:left;
		margin:0 auto;
		background: url(../img/layout/gradient.png) top center no-repeat;
	}
	
	/*****************************************************************************
                          Allgemeine Seitenelemente
*****************************************************************************/


#header-image,
#header-image img {
    display:            block;
}
/** #topbar **/
#topbar-wrapper {
    padding:            0 0 3px 0;
    background:         #FFFFFF url('../img/layout/bg_topbar.png') repeat-x left bottom;
	position:relative;
	z-index:99999;
}
#topbar {
    margin:             0 auto;
    width:              990px;
    font-size:          11px;
    position:           relative;
	z-index:99999;
}
/** globalsearch **/
#globalsearch {
    margin:             0 10px 0 10px;
    float:              right;
	position:relative;
	z-index:99999;
}


#globalsearch input.g-prettysearch {
    margin:             3px 5px 0 0;
    padding:            0px 3px;
    float:              left;
    width:              170px;
	height:16px;
    border:             1px solid #E2E2E2;
    font-size:          10px;
	color:#666666;
}
#globalsearch input.g-prettysearch:hover, #globalsearch input.g-prettysearch:focus {
	border: 1px solid #ccc;
}
#globalsearch input.search-submit {
    margin:             3px 0 0 0;
    padding:            0;
    float:              left;
    border:             none;
}

#sp-search-spinner { position: absolute; top: 6px; left: 164px; z-index: 10; }
#sp-search-clear { position: absolute; top: 6px; left: 164px; z-index: 10; cursor:pointer;}

#searchpanel {
	color: #999999;
	top:21px;
	left:-10px;
	overflow: hidden;
	position: absolute;
	z-index: 9999999999;
	display: none;
	/*border-bottom:1px solid #d0d0d0;*/
	background: transparent url(../../img/layout/search_top_bg.png) top left no-repeat;
	width: 238px;
}
#searchpanel a.link-seeall{
	float:right;
}
hr.dotted{
	background: #ffffff url(../../img/layout/hr_dotted.gif) bottom left repeat-x;
	margin-bottom:10px;
}
#searchpanel-content {
	padding: 5px 11px;
	border: 1px solid #e6e6e6;
	border-top:none;
	float:left;
	position:relative;
	z-index: 9999999999;
	margin-top:5px;
	background-color: #fff;
	width:207px;
	/*border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #2D2D2D;*/
}
#suggestionsList ol{
	/*list-style:none;*/
	margin:10px 0;
	padding:0;
	list-style-type: decimal;
	
}
#suggestionsList ul{
	list-style:none;
	margin:10px 0;
}
#suggestionsList ul li{
	font-size:11px;
	margin:2px 0;
}
#suggestionsList ol li{
	margin-left:20px;
	font-size:11px;
}
#suggestionsList ul li a, #suggestionsList ol li a{
	/*background: transparent url(../../img/layout/arrow-green.gif) no-repeat left center;
	padding-left:10px;*/
	font-size:11px;
}
#suggestionsList ol li a span{
	font-size:11px;
}
#suggestionsList ul li a span{
	font-size:1.0em;
}
#suggestionsList ul li img{
	float:left;
}
.search-details{
	float:left;
	margin-left:10px;
	padding-top:6px;
}
.search-details span{
	font-size:11px;
	color:#FFA201;
}
#searchpanel-content h2{
	margin-bottom:10px;
	padding:2px;
	background: #ffffff url(../../img/layout/hr_dotted.gif) bottom left repeat-x;
}
#searchpanel-content h3{
	background-color:#FAFAFA;
	padding:2px;
	font-size:11px;
}
#suggestionsList .noresults{
	width:100%;
	text-align:center;
	margin:10px 0;
	font-size:11px;
}

span.highlight{
	/*background-color:#B6D404;*/
	color:#EE1C23!important;
}

a.basket_close {
			position: absolute;
			top:10px;
			right:24px;
			color: #B1B1B1;
			font-size: 10px;
			background-image: url(../img/layout/icon_cross_grey.gif);
			background-repeat: no-repeat;
			background-position: right center;
			padding-right: 14px;
			line-height: 18px;
			z-index:900000;
			}

		a.basket_close:hover {
			text-decoration: underline;
			}
			
.result{
	clear:left;
	position:relative;
	margin:0 0 5px 0;
	border-bottom:1px dotted #E2E2E2;
	padding:0 0 15px 0;
}		
.result img{
	float:left;
	margin-right:10px;
}	
.result h3{
	position:relative;
	padding-top:15px;
}	
			
/** #page **/
#page {
    margin:             0 auto;
	margin-top: 17px;
    padding:            0 0 20px 0;
    width:              990px;
	background-color:	#FFFFFF;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #f1f1f1;
	position:relative;
	z-index:1;
}
/** Logo **/

#header {
    margin:             0 0 0px 0;
    position:           relative;
	height:82px;
}
#logo {
    margin:             19px 0 0 23px;
    float:              left;
}
/** #main **/

#main {
    width:              752px;
    float:              left;
}

body.no-sidebar #main {
    width:              990px;
}


/** Content **/

#content {
    /*margin:             30px 0 0 0;*/
}

body.sidebar-right #content {
    background:         url('../img/layout/bg_content.gif') repeat-y left top;
}

#content-left, #content-left-product {
    width:              471px;
    float:              left;
    padding:			0 15px 0 0;
}

#content-right, #content-right-product {
    padding:            0 10px 0 15px;
    width:              240px;
    float:              right;
}

/** Footer **/

#footer {
    margin:             0 auto;
    padding:            0;
    width:              990px;
	height:34px;
    border-top:         1px solid #E2E2E2;
    background:         #FFFFFF url('../img/layout/bg_topbar.png') repeat-x left bottom;
    font-size:          10px;
    line-height:        30px;
}

#footer #copyright {
    margin:            0 0px 0 24px;
    float:              left;
}

#footer #disclaimer {
    margin:            0 24px 0px 0;
	float:right;
    text-align:         right;
}

#contactinfo{
	clear:both;
	text-align: center;
	margin-top:10px;
	font-size: 10px;
}

#modules{
	float:left;
	width:220px;
	min-height:300px;
	border-top:1px solid #F2F2F2;
	
}
#modules h2{
	padding:5px 0 5px 23px;
	background-color:#E4E4E4;
	margin:0 0 1px 0;
	font-size:12px;
	letter-spacing:1px;
	background: url(../img/layout/bg_light.png) repeat-x #f0f0f0; 
}
#modules p{
	padding:20px 10px 5px 23px;
}
#maincontent{
	float:left;
	width:752px;
	margin:0;
	padding:0;
	min-height:548px;
	background: #fff url(../img/layout/back-content.jpg) no-repeat 0 174px;
	
	/*border-left:1px solid #DEDEDE;*/
}
#breadcrumb{
	float:left;
	width:766px;
	height:25px;
	padding:0px 0 0px 3px;
	background: url(../img/layout/bg_light.png) repeat-x #f0f0f0; 
	border-top:1px solid #F2F2F2;
	border-left:1px solid #fff;
	margin:0 0 1px 0;
	letter-spacing:1px;
}
#breadcrumb a{
	display:block;
	float:left;
	height:15px;
	padding:6px 10px 4px 10px;
	border-right:1px solid #ffffff;
	/*font-weight:bold;*/
	font-size:10px;
}
#breadcrumb a.home:hover{
	 color: #CE0E15;
}
#breadcrumb a:hover{
	background: url(../img/layout/bg_dark.png) repeat-x #f0f0f0;
	color:#fff;
}
#breadcrumb a.home{
	padding-left:20px;
	background: transparent url(../img/layout/home.gif) no-repeat 0 5px;
}
.mainbody{
	position:relative;
	float:left;
	padding:15px 23px 10px 23px;
	width:724px;
	background: transparent url('../img/layout/bg_shadow.png') repeat-x left top;
}
#nav{
	padding:0px 0 0px 0px;
	margin:0 0 0px 0;
	background-color:#F0F0F0;
}

ul#nav li a{
	display:block;
	/*padding:4px 0;*/
}


/** #quickfinder **/

/*PRODUKTSUCHE Footer Begin*/

#quickfinder {
    padding:            0 0 0 10px;
    float:              left;
    position:           relative;
}

#quickfinder a {
    float:              left;
}

#quickfinder img {
    display:            none;
    position:           absolute;
    
    z-index:            2;
    
    top:                -144px;
}

#quickfinder form {
    margin:             7px 0 0 20px;
    float:              left;
}


#quickfinder form input.search-query {
    margin:             0 5px 0 0;
    padding:            1px 3px;
    
    float:              left;
    width:              100px;
    
    border:             1px solid #E2E2E2;
    
    font-size:          11px;
}

#quickfinder form input.search-submit {
    float:              left;
    border:             none;
}

.quickfinder-list ul {
list-style:none;
margin:0px;
padding:0px;
}
.quickfinder-list li {
line-height:30px;
padding-bottom:0px;
float:left;
display:inline;
padding-left:5px;

}
.quickfinder-list form {
padding:0px;
margin:0px;
}
.product-search-textfield {
float:left;
margin:5px 0 0;
}
.product-search-submit {
margin:5px 0;
margin-bottom:2px;
float:left;
border:none;
}




/*PRODUKTSUCHE Footer end*/




div#tools-footer {
}

div#tools-footer ul {
    margin:             0;
    padding:            0 10px 0 10px;
    
    text-align:         center;
    list-style-type:    none;
}

div#tools-footer li {
    padding:            0 25px 0 25px;
    display:            inline;
    position:           relative;
    
    border-right:       1px solid #E2E2E2;
}

div#tools-footer li.last {
    padding:            0 30px 0 30px;
    border-right:       none;
}

div#tools-footer li a {
    padding:            0 0 0 15px;
    display:            inline;
    background:         url('../img/layout/home/arrow_inactive.gif') no-repeat left center;
}

div#tools-footer li a:hover {
    background:         url('../img/layout/home/arrow_active.gif') no-repeat left center;
}

div#tools-footer img {
    display:            none;
    position:           absolute;
    top:                -140px;
	z-index:			20;
}


	
/* ----------------------------------------------  NAV  ---------------------------------------------- */
	
	.nav { 
		width: 720px;
		height: 76px;
		float: right;  
		line-height: 90px;
		margin-right:20px;
		position:relative;
		}
		
	.nav a { 
		color: #333; 
		background: #f0f0f0; 
		background: url(../img/layout/bg_light.png) repeat-x #f0f0f0; 
		text-decoration: none; 
		display: block; 
		padding:0 12px;
		font-weight: bold;
		letter-spacing:1px;
		-moz-border-radius: 4px; -webkit-border-radius: 4px; 
		}
	.nav a.selected { 
		background: url(../img/layout/bg_red.png) repeat-x #f0f0f0;
		color:#fff;
	}
	
	.nav a:hover { 
		background: url(../img/layout/bg_dark.png) repeat-x #f0f0f0;
		color:#fff;
	}
		
	.nav ul { 
		width: 720px; 
		margin: 0px; 
		padding: 0px; 
		margin-top: 28px; 
		list-style-type: none; 
		}
		
	.nav li { 
		height: 25px; 
		line-height: 25px; 
		background: url(../img/layout/bg_light.png) repeat-x #f0f0f0; 
		display: block; 
		float: right; 
		text-align: center;
		margin: 0px 4px; 
		padding: 0px !important; 
		-moz-border-radius: 4px; -webkit-border-radius: 4px;
		}
		
		/** Top **/

#top-nav {
    margin:             0;
    padding:            0;
    float:              right;
    list-style-type:    none;
}

#top-nav li {
    margin:             0;
    padding:            0 10px;
    display:            block;
    float:              left;
    border-right:       1px solid #E2E2E2;
    line-height:        23px;
}

#top-nav li a {
    padding:            0;
    display:            inline;
    
    background:         none;
}

#top-nav li.active a {
    color:              #CE0E15;
    font-weight:        bold;
}

#language-switcher {
	padding-left: 20px !important;
	background: url('../img/layout/home/arrow_inactive.gif') no-repeat 4px center;
}
.language-switcher-active {
	background: url('../img/layout/bg_secondary_nav_active_down.png') no-repeat 4px center !important;
}
#top-nav #language-switcher a:hover {
    background:         url('../img/layout/flags/de-on.gif') no-repeat left center;
}

#top-nav #language-switcher a {
    padding:            0 0 0 20px;
    background:         url('../img/layout/flags/de-off.gif') no-repeat left center;
}


/** User **/

#user-nav {
    margin:             0;
    padding:            0;
    float:              right;
    list-style-type:    none;
}

#user-nav li {
    margin:             0;
    padding:            0 10px;
    display:            inline;
    border-left:        1px solid #E2E2E2;
    line-height:        23px;
}

#user-nav li a {
    padding:            0;
    display:            inline;
    background:         none;
}

#user-nav li a.arrow {
    padding:            0 0 0 15px;
    background:         url(../img/layout/home/arrow_inactive.gif) no-repeat left top;
    color:              #2D2D2D;
}

#user-nav li a span.username {
    color:              #CE0E15;
}


#user-nav .not-empty a {
    color:              #CE0E15;
}

#cart span a{
	background: transparent url(../img/layout/cart.gif) no-repeat 0 -2px!important;
	padding-left:20px;
}



/** LINKS **/

ul.links li {
    margin:             0 0 5px 0;
    list-style-type:    none;
}

ul.links li a {
    padding:            0 0 0 15px;
    background:         url('../img/layout/home/arrow_inactive.gif') no-repeat left top;
}

ul.links li a:hover {
    padding:            0 0 0 15px;
    background:         url('../img/layout/home/arrow_active.gif') no-repeat left top;
}


#aktuelles-search-form {
	background:			#CCCCCC;
}

#aktuelles-search-form .content {
	padding:			5px 10px;
}

#aktuelles-search-form p {
	margin:				0;
	line-height:		25px;
}

/*
 * Markup free clearing
 * Details: http://www.positioniseverything.net/easyclearing.html
 */
.clear-block:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}

.clear-block {
    display:            inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
    height:             1%;
}
.clear-block {
    display:            block;
}
/* End hide from IE-mac */
.center, .centered {
text-align:center;
}

.float-right {
float:right;
}
.float-left {
float:left;
}
.align-left {
text-align:left;
}
.align-right {
text-align:right;
}

.float-right-distance {
margin-right:20px;
float:right;
}

.clear, .clearer {
clear:both;
}

/*
############################################

Stylesheet start page only, screen

############################################
*/

body.home{
	position:relative;
}
body.home #footer {
    margin:             0 auto;
}

body.home #page {
    padding:            0;
	position:relative;
}

body.home div#entry {
    padding:            25px 0 15px 25px;
	border-top:1px solid #E0E0E0;
    background:         url('../img/layout/bg_shadow1.png') repeat-x left top;
}

body.home div#entry h2 {
    font-size:          13px;
}


body.home div.entrypoint {
    margin:             0 14px 0 0;
    padding:            0 0 0px 0;
    float:              left;
    width:              225px;
    height:             165px;
	background-image:	url('../img/layout/home/bg_home.jpg');
}

body.home div.entrypoint img {
    border:           none;
	padding: 8px 10px 0px 7px;
	width:210px;
}

body.home div.entrypoint h3 {
    margin:             5px 0 5px 0;
    font-size:          10px;
}

body.home div.entrypoint h2 {

	line-height:14px;
	margin:8px 0px 0px 10px;

}

body.home div.entrypoint h3 a {
    padding:            0 0 0 20px;
    background:         url('../img/layout/home/arrow_inactive.gif') no-repeat left top;
}

body.home div.entrypoint p {
	margin:8px 0px 0px 10px;
}

body.home div.entry-details {
	background:         url('../img/layout/bg_shadowd.png') repeat-x left bottom;
}

body.home div.entry-details-first,
body.home div.entry-details-last {
	float:				left;
    width:				33.33%;
	border-top:			1px solid #E2E2E2;
}

body.home div.entry-details-first h2,
body.home div.entry-details-last h2 {
	font-size:			13px;
	padding:			10px 0 0 0;
}

body.home div.entry-details-first .content {
	padding:			0 15px 10px 25px;
	border-right:		1px solid #E2E2E2;
}

body.home div.entry-details-last .content {
	padding:			0 15px 0 25px;
}


body.home div.entry-details-first .link h3 a,
body.home div.entry-details-last .link h3 a {
	padding:			0 0 0 20px;
	background-repeat:	no-repeat;
	float:				right;
	font-size:10px;
}


.homebanner{
	float:left;
	width:100%;
	border-top:1px solid #F2F2F2;
}
#scroll_menu{ 
	float:left;
	width:220px;
}
#scroll_menu li.active a{
	background:#F0F0F0 url(../img/layout/arrow-red.gif) no-repeat 95% 50%;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
#scrollable{ 
    /* required settings */ 
	float:left;
	position:relative;
    overflow:hidden; 
    width:470px;
    height:220px; 
	/*border:1px solid #ccc;*/
	z-index:1;
}
#scrollable img{ 
    float:left;
}  

#scrollable p{ 
    padding-top:10px;
} 

#menu_bg{
	background:transparent url(../img/layout/route-insetshadow.png) center left no-repeat;
	position:absolute;
	width:4px;
	height:220px;
	z-index:2;
} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#scrollable .items{ 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	z-index:1;
} 

/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
#scrollable .items div { 
    float:left; 
	width:770px;
	height:273px;
	padding: 0px 0 0 0px;
	position:relative;
	z-index:1;
	/*border:1px solid #ccc; */
} 

#scrollable .items div a img{
	width:770px;
	height:220px;
} 

/* you may want to setup some decorations to active item */ 
#scrollable .items div.active { 
    /*border:1px inset #ccc; 
    background-color:#fff; */
	position:relative;
	z-index:1;
}
.side_menu ul{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
.side_menu li{
	margin:0;
	padding:0;
	border-bottom:1px solid #F2F2F2;
}
.side_menu li a{
	background: #ffffff url(../img/layout/arrow-grey.gif) no-repeat 95% 50%;
	color: #000000;
	display: block;
	font-size: 90%;
	height: 48px;
	width:161px;
	padding: 5px 35px 1px 24px;
	text-decoration: none;
	/*text-align:justify;*/
}
.side_menu li a:hover{
	background:#F0F0F0 url(../img/layout/arrow-red.gif) no-repeat 95% 50%;
}
.side_menu li a strong{
	display: block;
	font-size: 1.1em;
	font-weight:normal;
	text-shadow: #ccc 0px 1px 1px;
}
.side_menu li.active a{
	background:#f0fae3 url(../img/layout/arrow-green.gif) no-repeat 95% 50%;
}


#banner{
margin:10px 20px 0px 0px;
width:490px;
height:195px;
float:right;
border:1px solid #e1e1e1;
	 -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#banner1{
margin:1px 0px 0px 1px;
width:488px;
height:193px;
}

/*Contact Styles */
#contactform, #loginform{
	padding:0px;
}
#contactform h3, #loginform h3{
	color:#333;
	margin:5px 0 5px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:1em;
}
#contactform input, #contactform textarea, #loginform input, #loginform textarea{
	height: 19px;
	padding: 3px;
	background-color:#F0F0F0;
	background: url(../img/layout/bg_light.png) repeat-x #F0F0F0;
	margin-bottom:5px;
	border:1px solid #E0E0E0;
	color:#333;
	width:260px;
	 -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#contactform input, #loginform input{
	width:192px;
}
#contactform input.chkbox{
	width:20px;
	vertical-align:middle;
	padding:0 0px 0 0;
	margin:0 5px 0 0!important;
}
#contactform textarea, #loginform textarea{
	width:402px;
	height:100px;
	background-color:#E6E6E6;
}
#contactform input:hover, #contactform textarea:hover, #loginform input:hover, #loginform textarea:hover  {
	border:1px solid #EE1C23;
}
#contactform input:focus, #contactform textarea:focus, #loginform input:focus, #loginform textarea:focus {
	border:1px solid #EE1C23;
}
input.submitbtn{
	background: url(../img/layout/bg_dark.png) repeat-x #f0f0f0!important;
	color:#fff!important;
	border:none!important;
	height:25px!important;
	cursor:pointer;
	width:160px;
	font-size:1.0em;
	padding: 0px 0px 4px 0px!important;
	font-weight:bold;
	text-align: center!important;
	border:none;
}
input.submitbtn:hover{
	background: url(../img/layout/bg_red.png) repeat-x #f0f0f0!important;
	color:#fff;
	border:none;
}
.contactsub{
	float:left;
	margin:10px 0 0 0;
	padding:0px 0 0 0px;
	width:210px;
}
.contactsub p{
	padding-top:15px;
}

div.contactsub{
	vertical-align:middle;
}
.validation-advice {
	margin: 0px 0 0 0px;
	padding: 2px 2px 2px 2px;
	color:#F78320;
	font-size:11px;
}
#captcha{
	position:relative;
	top:-30px;
	left:55px;
}
img.thumb{
	float:left;
	padding:2px!important;
	margin:0 5px 5px 0px!important;
	border:1px solid #1C1C1C!important;
}
.contactmodule{
	float:left;
	width:430px;
}
.mapmodule{
	float:left;
	width:288px;
	margin-left:0px;
	border:3px solid #F0F0F0;
}
.mapmodule p{
	line-height:21px;
}
.mapmodule p img{
	float:left;
	clear:left;
	margin:0 5px;
}

/* Product Preview */
.product_preview{
	border:1px solid #E0E0E0;
	float:left;
	padding:0px;
	width:170px;
	height:258px;
	display:block;
	margin:4px;
}
a.productthumb{
	display:block;
	width:168px;
	height:195px;
}
.category{
	height:128px!important;
}
.brochure{
	height:286px!important;
}
.product_preview span{float:right;font-size:11px;padding:3px 5px 0 0;color:#999999;width:10px;}
.product_preview span a:link{float:right;font-size:11px;padding:3px 5px 0 0;color:#999999;}
.product_preview span a:active{float:right;font-size:11px;padding:3px 5px 0 0;color:#999999;}
.product_preview span a:hover{float:right;font-size:11px;padding:3px 5px 0 0;color:#999999;}
.product_preview img{
	border:1px solid #fff;
	/*width:168px;*/
}

.product_preview h3{float:left;width:100%;margin:0;padding:0;} 
.product_preview h3 a{
	background:url(../img/layout/bg_light.png) repeat-x;
	height:25px;
	display:block;
	font-size:11px;
	color:#333;
	font-weight:bold;
	line-height:24px;
	margin:0;
	text-align:center;
}
.product_preview h3 a:hover{
	background:url(../img/layout/bg_dark.png) repeat-x;
	color:#fff;
}
.product_preview .product_text{
	margin:0 10px 4px 10px;
}
.product_preview .price {
	float:left;
	margin:3px 0 0 10px;
	font-weight:bold;
	color:#EE1C23;
}
.product_preview .buy {
	text-align:right;
	padding:2px 10px 2px 0;
	border-top:1px solid #E0E0E0;
}
.product_preview .buy a {
	font-size:10px;
    padding:            0 0 0 15px;
    background:         url(../img/layout/home/arrow_inactive.gif) no-repeat left top;
}

.product_preview .buy a:hover {
    background:         url(../img/layout/home/arrow_active.gif) no-repeat left top;
}

.product_related{
	float:left;
	margin:1px;
	border:1px solid #E0E0E0;
	width:126px;
	height:110px;
	text-align:center;
}
.product_related h4{
	margin:0;
	padding:0;
	font-size:12px;
}
.product_related p, .product_related p a img{
	margin:0;
	padding:0;
}

/* Company Preview */
.company_preview{float:left;padding:5px 5px 5px 10px;background:url(../img/layout/companybg.jpg) no-repeat;width:162px; height:70px; display:block}
.company_preview span{float:right;font-size:11px;padding:3px 5px 0 0;color:#999999;width:10px;}
.company_preview img{padding:3px 0 5px 0;}

#modules .news{
	position:relative;
	margin:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #E0E0E0;
}
#modules .news h3{
	width:100%;
	font-size:11px;
}
#modules .news img{
	float:left;
	width:60px;
	margin-right:5px;
	padding:1px;
	border:1px dotted #E0E0E0;
}
#modules .news p{
	margin:0 0 6px 0;
	padding:0;
}
a.more {
	font-size:10px;
    padding:            0 0 0 15px;
    background:         url(../img/layout/home/arrow_inactive.gif) no-repeat left top;
}

a.more:hover {
    background:         url(../img/layout/home/arrow_active.gif) no-repeat left top;
}

/*Product view*/
#productview {
	clear:right;
	width:320px;
	height:100%;	
	margin-bottom:0px;
	margin-top:10px;
	/*background:#fff url(../img/layout/bg_contentMiddle.gif) repeat-y;*/
	float:right;
}
#product_info{
	float:left;
	width:390px;
	padding-right:10px;
	margin-top:10px;
	border:1px solid #F0F0F0;
	border-top:none;
}
#product_info h3{
	background: #FFFFFF url(../img/layout/bg_topbar.png) repeat-x left bottom;
	height:23px;
	width:390px;
	line-height:23px;
	font-size:1.1em;
	margin:0;
	padding:0 0 0 10px;
	border-top:1px solid #F0F0F0;
}
#product_info p{
	padding:10px;
}
#productview .preview{
	width:320px;
	float:left;
	margin:0px 0 0px 0px;
}
#productview .preview #previewimg{
	border:1px solid #F0F0F0;
	text-align:center;
	padding:0px;
}
#productview .preview #previewimg a img{
	border:0;
}
#productview .details{
	width:320px;
	padding:0px 0px 0 0px;
	float:left;
	margin:20px 0 0 0px;
}
#productview .details table{
	text-align:left;
	margin:0 0 30px 0!important;
	padding:0!important;
	border-bottom:1px solid #F0F0F0;
	border-left:1px solid #F0F0F0;
}
#productview .details table th{
	width:50%;
	border-top:1px solid #F0F0F0;
	border-right:1px solid #F0F0F0;
	background: #FFFFFF url(../img/layout/bg_topbar.png) repeat-x left bottom;
	height:23px;
	line-height:23px;
	font-size:1.1em;
	margin:0;
	padding:0 0 0 10px;
}
#productview .details table td{
	border-right:1px solid #F0F0F0;
	margin:0;
	padding:10px;
	color:#666666;
}
#productview .details table td p{
	margin-bottom:0;
}
#productview .details p{
	
}
#productview .details h3{
	border-top:1px solid #F0F0F0;
	background: #FFFFFF url(../img/layout/bg_topbar.png) repeat-x left bottom;
	height:23px;
	line-height:23px;
	font-size:1.1em;
	padding-left:10px;
	margin:1px 0 1px 0;
}
#productview .preview img{
	/*width:350px;
	height:263px;*/
}

#productview input.buy{
	height:25px;
	line-height:23px;
	margin:0;
	letter-spacing:1px;
	font-family:arial!important;
	font-weight:bold;
	color:#fff!important;
	float:right;
}
#productview input.buy:hover{
	background:url(../img/layout/bg_red.png) repeat-x!important;
}
.multiplePrices {width: 210px; margin: 0; padding: 10px 0 15px 0px; float: left; display: inline;}
.statusicon{
	width:48px;
	float:left;
}
.options{
	margin-bottom:10px;
	clear:both;
}

.options select{
	margin:5px 0 5px 0;
	background-color:#F0F0F0;
	border:2px solid #E2E2E2;
	width:130px;
	padding:2px;
}
.option{
	width:50%;
	float:left;
}
.option h4{
	margin:0;
}
.multiplePrices p.cost {color: #F58120; font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.multiplePrices p.cost small{
	font-size:0.6em;
}
.multiplePrices p.was {color: #a9a9a9; padding:0; font-size: 10px; font-weight: normal; margin: 0; }

.multiplePrices p.was span.lineThrough {text-decoration: line-through;}

.multiplePrices p.was span.save {color: #0059AA; font-size: 10px; font-weight: bold; margin-left: 10px;}

a.action_next, a.action_previous {
	display:block;
	overflow: hidden;
	margin: 0px 0 0px 0;
	height:11px;
	width:90px;
	float:right;
	font-weight:bold;
	outline: none;
	border:0;
	padding:0px 0 0 0px;
	text-align:center;
	background: transparent url(../img/layout/nextarrow.gif) no-repeat 80px 0px;
}
a.action_previous {
	float:left;
	padding:0 0 0 10px;
	background: transparent url(../img/layout/previousarrow.gif) no-repeat 0 0;
}
a.action_next:hover  {background-position: 80px -11px !important}
a.action_previous:hover  {background-position: 0px -11px !important}

.enlargeImages {margin: 5px auto 0px auto; padding: 0; width: 180px;height:18px;}

.enlargeImages p {line-height:10px;background: url(../img/layout/zoomIcon.gif) no-repeat left 1px; color: #a6a6a6; font-size: 10px; font-weight: normal; padding: 0 0 2px 18px;}
.enlargeImages p a{
	line-height:10px; color: #a6a6a6; font-size: 10px; text-decoration:none;
}

.product_upper{
	float:right;
	margin:10px 0 0 10px;
}
ul.bookmarklet{
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}	
ul.bookmarklet li{
	float:left;
	margin:0 2px;
}
ul.bookmarklet li a{
	display:block;
}

ul.pdf{
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
}
ul.pdf li{

}
ul.pdf li a{
	display:block;
	padding-left:20px;
	margin:2px 0;
	height:18px;
	background: url(../img/layout/pdf.gif) no-repeat left center;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:30px 0 0 0; 
	padding:0;
	border:1px solid #e6e6e6;	
	background:url(../img/layout/bg_light.png) repeat-x;
	height:25px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:11px;
	display:block;
	height: 25px;  
	line-height:25px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px 10px;
	margin:0px;	
	position:relative;
	top:1px;

	border-right:1px solid #E2E2E2;	
	font-weight:bold;
	color:#666666;
	/*text-shadow: #ccc 0px 1px 1px;*/
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#FFF;
	background:url(../img/layout/bg_dark.png) repeat-x;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	/*background: transparent url(../../img/layout/tabSelected.png) repeat-x top left;	*/
	background:url(../img/layout/bg_red.png) repeat-x;
	cursor:default !important; 
	color:#fff;	
}

/* initially all panes are hidden */ 
div.panes div.tab {
	display:none;		
	position:relative;
	padding:10px 10px 0 10px;
	border:1px solid #E2E2E2;
	background-color:#F0F0F0;
	margin-bottom:10px;
}

#replace{
	float:left;
	width:427px;
}
.dealer_details{
	float:left;
	width:290px;
	margin-top:20px;
	text-align:center;
}
.dealer_details img{

}
.dealer_details h3{
	margin:20px 0;
}
.dealer_details .dealer_details_more{
	text-align:left;
	float:left;
	width:260px;
	margin:40px 0 0 44px;
	border:1px solid #F0F0F0;
	border-top:none;
	background-color:#F0F0F0;
}
.dealer_details .dealer_details_more h4{
	margin:10px 0;
	background: #FFFFFF url(../img/layout/bg_topbar.png) repeat-x left bottom;
	height:23px;
	width:250px;
	line-height:23px;
	font-size:1.1em;
	margin:0;
	padding:0 0 0 10px;
	border-top:1px solid #F0F0F0;
}
.dealer_details .dealer_details_more p{
	padding:10px;
}
.dealer{
	position:relative;
	margin:0px 0 0px 0;
	border-bottom:1px dotted #E2E2E2;
	padding:15px 0 15px 0;
}
.dealer h3{
	letter-spacing:1px;
}
.dealer span{
	font-weight:bold;
	width:150px;
	position:relative;
}

/**************   PAGINATION ********************/

/* Page Numbers */
.pagination {	
	font-family:Tahoma!important;
	font-size:10px;
	color: #666666;
	clear: both;
	float: left;
	width: 700px;
	margin: 0px 0px 10px 4px;
	padding:0 5px 0 5px;
	text-align: center;
	height:56px;
	border:1px solid #e6e6e6;
	background: #FAFAFA url(../img/layout/tabTile.png) repeat-x top left;
}
.bottom{
	width: 700px;
	height:36px;
	margin:10px 0 0 4px;
}
.pagination .pages{	
	padding: 9px 0px 0px 0px;
	height:28px;
}
.pagination .pages  span.current {
    display: block;
	float: left;
    text-decoration: none;
	font-size:11px;
	padding: 2px 4px;
    margin-right: 2px;
	background-color:#EE1C23;
    font-weight: normal;
    color: #333;
	border: 1px solid #e6e6e6;
	/*-moz-border-radius:7px;*/
}

.pagination .pages .stats {
	float:left;
	margin:3px 30px 0 6px;
	border:none;
	font-size:11px;
	color:#333;
}

.pagination .pages a {
    background-color:#fff;
	display: block;
	float: left;
    text-decoration: none;
	font-size:11px;
	padding: 2px 4px;
    margin-right: 2px;
	border: 1px solid #e6e6e6;
	/*-moz-border-radius:7px;*/
}
.pagination .pages a.first{
	padding: 2px 4px;
    margin: 0 5px 0 4px;
}
.pagination .pages a.first img{
	margin:2px 0 1px 0;
}
.pagination .pages a.last{
	
}
.pagination a:hover {
    border-color: #EE1C23;
	text-decoration:none;
}

.pagination .disabled {
    display:none;
}

.pagination a.next, .pagination a.prev {
    float: right;
	padding: 2px 4px;
	margin-left:4px;
	width:95px;
	height:16px;
}
.pagination a.next{
	text-align:right;
}
.pagination a.next img{
    float: right;
}
.pagination a.prev img{
    float: left;
}
.pagination .extra {
	height:15px;
	clear:both;
	float:left;
	width:100%;
	padding:2px 0;
}
.pagination .extra a{
	font-size:10px;
}
.pagination .extra .order{
	float:left;
	width:60%;
	font-size:10px;
	text-align:left;
}
.pagination .extra .order img{
	margin:4px 0 0 0px;
	float:left;
}

.pagination .extra .resultsperpage img{
	margin:4px 0 0 0px;
}
.pagination a.active{
	 color: #EE1C23;
}
.pagination .extra .order strong, .pagination .extra .resultsperpage strong{
	padding:0 0 0 5px;
	margin:0px 3px 0 0;
	border:none;
	font-size:11px;
	font-weight:normal;
	/*background: transparent url(../../img/layout/arrow.gif) no-repeat left 3px;*/
	color:#333;
}
.pagination .extra .resultsperpage span{

}
.pagination .extra .resultsperpage{
	float:left;
	width:40%;
	font-size:10px;
	text-align:right;
}
#yw-forecast{clear:both;position:relative;width:550px;min-height:130px;height:10.6154em;*height:10.2632em;margin-bottom:15px;/*background:#CCE1FF url(../img/layout/crntcondbg_day.gif) repeat-x;*/border:1px solid #5182ce;border-left:none;border-right:none;margin-top:20px;}
#yw-forecast.night{border:1px solid #8e8e8e;border-left:none;border-right:none;background:#DFDDE2 url(../img/layout/crntcondbg_night.gif);}
#yw-forecast em{display:block;font-size:77%;padding:5px 0 0 5px;margin:0;}
#yw-forecast h5{color:#333;font-size:129%;font-weight:bold;padding:5px 0 5px 15px; margin:0;}
#yw-forecast dl{color:#000;font-size:85%;padding:0 0 14px 15px;*padding-bottom:10px;float:left;width:156px;}
#yw-forecast dt{float:left;min-width:70px;width:5.3846em;*width:5.2548em;}
#yw-forecast dd{margin-bottom:2px;}
#yw-forecast .forecast-temp{position:absolute;top:45px;right:20px;min-width:200px;width:190px;height:67px;*width:22.0138em;background:url(../img/layout/wdgt_day.png) no-repeat;}
#yw-forecast .forecast-temp h5{float:right;color:#fff;text-shadow:#315895 0 -1px 1px;font-weight:bold;font-size:260%;margin:0 15px 0 0;}
#yw-forecast .forecast-temp p{margin:0; clear:right;text-align:right;padding:5px 17px 0 0;color:#fff;font-size:85%;text-shadow:#315895 0 -1px 1px;}
#yw-forecast .forecast-temp ul{color:#039;list-style:none;margin:17px 0 50px 0;}
#yw-forecast .forecast-temp ul li{line-height:1.1em;}
#yw-forecast .forecast-temp ul a{color:#039;font-size:85%;}
#yw-forecast .forecast-icon{position:absolute;top:0;left:290px;width:250px;height:130px;background-repeat:no-repeat;}

#yw-fivedayforecast{margin-bottom:5px;}
#yw-fivedayforecast table{color:#000;text-align:center;border-bottom:1px solid #c2daff;border-top:1px solid #4f83ce;background:#ebf3fe;}
#yw-fivedayforecast th{color:#fff;width:131px;padding:1px 0 3px;text-transform:uppercase;text-align:center;font-weight:bold;font-size:85%;background:#5F90D9 url(../img/layout/frcstbg_day.gif) repeat-x top right;}
#yw-fivedayforecast tr.fiveday-icons td{text-align:center;padding-top:10px;vertical-align:top;font-weight:bold;font-size:92%;color:#333;}

#yw-fivedayforecast tr.fiveday-icons div {
    background-repeat:no-repeat;
    /*width:100%;
    /**width:61px;*/
    padding-top:34px;
    background-position: 50% 0px;
}

#yw-fivedayforecast tr.fiveday-icons td a{font-weight:bold;font-size:92%;}
#yw-fivedayforecast tr.fiveday-icons td a:link{color:#01329b;text-decoration:underline;}
#yw-fivedayforecast tr.fiveday-icons td.extended{vertical-align:middle;padding:0 0 8px 0;}
#yw-fivedayforecast tr.fiveday-titles td{vertical-align:top;padding:0 2px;font-weight:bold;font-size:92%;color:#333;}
#yw-fivedayforecast tr.fiveday-temps td{padding:5px 0 10px;color:#333;font-weight:bold;font-size:92%;padding:5px 0 5px 0;}
#yw-fivedayforecast tr.fiveday-temps div{font-weight:normal;font-size:92%;padding:2px 0 0 0;}
#yw-fivedayforecast td{}
#yw-fivedayforecast td.nobg{border:none;}

.intro p{
	font-size:12px;
	font-weight:bold;
}
#bulk-search{
	margin-bottom:10px;
	position:relative;
	float:left;
}
#bulkupdate{
	clear:both;
}
#bulk-searchtext{
	width:300px;
}
#bulk-search-spinner { position: absolute; top: 7px; left: 290px; z-index: 10; }
#bulk-search-clear { position: absolute; top: 7px; left: 290px; z-index: 10; cursor:pointer;}

table.bulk{
	text-align:center;
	margin:0 0 30px 0!important;
	padding:0!important;
	border-left:1px solid #F0F0F0;
}
table.bulk th{
	border-top:1px solid #F0F0F0;
	border-right:1px solid #F0F0F0;
	background: #FFFFFF url(../img/layout/bg_topbar.png) repeat-x left bottom;
	height:23px;
	line-height:23px;
	font-size:1.1em;
	margin:0;
	padding:0 4px;
}
table.bulk td{
	border-right:1px solid #F0F0F0;
	border-bottom:1px solid #F0F0F0;
	margin:0;
	padding:2px 4px;
	color:#666666;
	vertical-align:middle;
}
table.bulk td a img{
	margin:0;
	padding:0;
}

.buttonwrap {
	text-align:center;
}
.buttonwrap input {
	margin:0 1px 0 0;
	padding:0;
	height: 23px;
	width:112px;
	/*text-indent: -999em;*/
	line-height:19px;
	text-align:center;
	font-size:9px;
	border:none;
	background: transparent url(../img/layout/bg_dark.png) repeat-x left top;
	color:#fff;
	padding:0 14px;
	font-weight: bold;
	letter-spacing:1px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.buttonwrap input.removebtn{
	width:30px!important;
	padding:0 4px;
}
.buttonwrap input:hover {
	background: transparent url(../img/layout/bg_red.png) repeat-x left top;
	cursor:pointer;
}
.buttonwrap input.redbtn {
	background: transparent url(../img/layout/bg_red.png) repeat-x left top;
	width:80px;
}
.buttonwrap input.redbtn:hover {
	background: transparent url(../img/layout/bg_dark.png) repeat-x left top;
}
span.message { 
	float: left;
	width: auto;
	margin: 0px 40px 0 0;
}