@charset "utf-8";
@CHARSET "utf-8";


* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

html, body{
	height:100% !important;	
}

body {
	text-align: left;
	color: #000;
	/*background: #344d9f;*/
	font-size: 12px;
	font-family: 'Arial';	
	background: #baf4ce url('../img/body-bg.jpg') repeat-x top;
	
}


	
p{
	line-height: 16px;
}


a {
	color: #2f63b3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#content .middleContent a.blue_button {background: transparent url(../img/blue_shop_bt.gif) no-repeat left top; padding-top:2px; width:61px; height:20px; text-align:center; display:inline-block; color:#fff; font-weight: bold;}


h1 {
	color: #000;
	font-size:11px;
	margin-bottom:15px;
	padding-bottom:5px;		
	font-weight: bold;
	padding-top:10px;
}

h2{
	font-weight: bold;
	font-size: 11px;
	margin-bottom:20px;	
	color: #000;
}

h5{
	color: #fff;
	font-weight: normal;
	background-color: #D93D37;
	font-size: 11px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	float:none;
	height:14px;
}

h4{
	float:none;
}


ol{
	padding-left:10px;
}

h5.green{
	color: #fff;
	background-image: url(../img/boxHeaderGreen.gif);
}


div.dotted{
	background-image: url(../img/point.gif);
	background-repeat: repeat-x;	
	margin-top:20px;
	padding-bottom:20px;
	font-size: 1px;
	display:block;
	height:1px;
}


#outer-wrapper {
	width: 974px;
	margin:auto;
	height:100%;
}

#inner-wrapper {
	width: 100%;
	background-color: #fff;
	height:auto;
}

/* HEADER */
#header {
	height: 137px;
	margin-bottom:30px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
}


#header .headerNav{
	position: relative;
	top:118px;	
	left:22px;
	_margin-top:118px;
	_margin-left:22px;
}

#header ul{
	list-style: none;
	float:left;
	
}

#header ul li{
	display: inline;
	
}

#header ul li.active{
	/*background:#344d9f;*/
	color:#10bb55;	
	padding-top:4px;padding-bottom:4px;	
}

#header ul li.active a{
	text-decoration:underline;	
	color:#10bb55;	
	
}

#header ul a{
	font-size: 12px;
	font-weight: bold;
	color: #344d9f;
	padding-right:7px;
	padding-left:7px;
}

#header ul li a img{
	margin-bottom:-1px;
}

#header .headerNav ul.single{
	margin-right:20px;
	width:60px;
	text-align:center;
}

#header .headerNav ul.long{
	text-align:center;
	margin-right:20px;
	width:485px;
	overflow: hidden;
	white-space:nowrap;
}

#header .headerNav ul.short{
	text-align:center;
	width:135px;
}

#content{
	padding-left:20px;
	padding-right:20px;
}

#content .middle-container{
	background: #fff;
	
}

#content .middle-container .middle{
	background: #fff;
	padding: 0;
	position: static;	
} 




#content .leftContent{
	width:191px;
	float:left;
	background-color: #f1ddd9;
	padding-bottom:10px;
}

#content .leftContent ul{
	list-style: none;
	padding-bottom: 5px;
	background-color: #fff;
}

#content .leftContent ul li{
	padding-top: 3px;
}

#content .leftContent ul li a{
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-left: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	padding-left:10px;
	width:179px;
	display:block;
	text-decoration: none;
}

#content .leftContent ul li a:hover{
	background-color: #D93D37;
	color: #fff;
	font-weight: normal;
}

#content .leftContent ul li.active a{
	background-color: #D93D37;
	color: #fff;
	font-weight: bold;
}

#content .leftContent ul li{
	
}

#content .leftContent ul ul {
	padding-bottom: 0px;
}

#content .leftContent ul ul li a{
	padding-left: 25px;
	width:163px;
	background-color: #fff;
}

	
#content .leftContent ul ul li a:hover{
	background-color: #fff;
	color: #344d9f;
	background-image: url(../img/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 15px;
}

#content .leftContent ul ul li.active a{
	background-color: #fff;
	color: #344d9f;
	background-image: url(../img/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 15px;
}


#content .leftContent ul ul ul li a{
	padding-left: 40px;
	width:148px;
	background-color: #fff;
}

#content .leftContent ul ul ul li a:hover{
	background-color: #fff;
	color: #344d9f;
	background-image: url(../img/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 30px;
}

#content .leftContent ul ul ul li.active a{
	background-color: #fff;
	color: #344d9f;
	background-image: url(../img/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 30px;
}


#content .leftContent .languageNav{
	padding:10px;
	padding-right:0px;
	padding-top:10px;
	background-color: #fff;
}


#content .leftContent .languageNav a{
	margin-right:18px;
}


#content .leftContent .csc-header{
	/*padding:5px;
	padding-top:15px;
	padding-bottom: 0px;*/
	padding:0;
	border-bottom:2px solid #FFF;
	border-top:2px solid #FFF;
}

#content .leftContent .csc-textpic-text{
	padding-left:10px;
	padding-right:10px;
}

#content .leftContent .csc-textpic-text ul {
	padding-left:12px;
	list-style-type: disc;
	background:transparent;
}

#content .leftContent .csc-header h5 {
	margin:0;
	font-weight:bold;
	/*color:#D93D37;*/
	background-color:#D93D37;
}


#content .middleContent{
	float:left;
	width: 497px;
	_overflow:hidden;
	margin-left:15px;
	padding-left:15px;
	margin-right:15px;
	padding-right:10px;
	display:block;
	background-color: #f1ddd9;
	padding-bottom:10px;
}

#content .middleContent img{
	float:left;
	margin-right: 25px;
}

#content .middleContent img.imageLoop{
	margin-left: -15px;
	margin-bottom:20px;
}

#content .middleContent a{
	color: #344d9f;
}

#content .middleContent ul{
	padding-left:15px;	
}

#content .middleContent .middleContentTop{
	background: #d93d37;
	height:16px;
	margin-left:-15px;
	width:506px;
	border-bottom:2px solid #fff;
	padding-left:16px;
	padding-top:2px;
	color:#fff;
	font-weight: bold;
}

#content .middleContent .middleContentBottom{
	background: #d3f1cb url(../img/content_bottom_green.gif) no-repeat top left;
	height:10px;
	margin-left:-15px;
	width:522px;
	display:none;
}

#content ul.breadcrumbs a{
	color: #000;
	text-decoration: underline;
}

#content ul.breadcrumbs a:hover{
	font-weight: bold;
}



#content .rightContent{
	width:191px;
	float:left;
	background-color: #d5ffc3;
	padding-bottom:10px;
}

#content .rightContent .box{
	width:191px;
	padding-bottom:10px;
	border-bottom:2px solid #fff;
}

#content .rightContent .box div.blue{
	margin-top:3px;
	padding-top: 5px;
}

#content .rightContent .box div.green{
	margin-top:3px;
	padding-top:5px;
}

#content .rightContent h5{
	background: #10BB55 none;
	padding-top:3px;
	padding-right:5px;
	height:13px;
	font-weight: bold;
	padding-left:10px;
	border-bottom:2px solid #fff;
}

#content .rightContent .box p{
	line-height: 14px;
	margin-left:10px;
	margin-right:10px;
}

#content .rightContent .box h4{
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
	font-size:11px;
	font-weight: normal;
	line-height: 1.2em;
}

#content .rightContent .box ol{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

#content .rightContent .box ul{
	padding-left:20px;
	padding-right:10px;
	margin-bottom:10px;
}

#content .rightContent .box img{
	margin: 10px;
	margin-bottom:0px;
}

#content .rightContent .box img.imageLoop{
	margin: 0px;
	margin-bottom:10px;
}

#content .rightContent .box .blue .footer{
	background-image: url(../img/boxButtomBlue.gif);
	background-repeat: no-repeat;
	height:10px;
	margin:0px;
	padding: 0px;
	position: static;
	display:none;
}

#content .rightContent .box .green .footer{
	background-image: url(../img/boxButtomGreen.gif);
	background-repeat: no-repeat;
	height:10px;
	margin:0px;
	padding: 0px;
	position: static;
	width: 191px;
	display:none;
}

#content .rightContent .box a.checkout{
	background-image: url(../img/more_empty.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	height:18px;
	width:102px;	
	display:block;
	color:#000;
	margin-left:10px;
	padding-left:20px;
	font-size:11px;
	text-decoration: none;
}


#footer{
	text-align: center;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
}

#footer ul{
	list-style: none;	
	color: #344d9f;
}

#footer ul li{
	display: inline;	
}

#footer ul li a{
	color: #344d9f;	
}







#content .middleContent .add-to{
	display:none;	
}

#content .middleContent .view-by{
	display:none;	
}

#content .middleContent table.pager{
	background: #fff;	
	width:99%;
}

#content .middleContent table.pager img{
	float:none;	
}
#content .middleContent table.pager td{
	border:0px;	
}
	
#content .middleContent .catalog-listing{
	margin-bottom:30px;
	margin-top:10px;
}

#content .middleContent .catalog-listing table.generic-product-grid{
	width:480px;
}

#content .middleContent .catalog-listing table.generic-product-grid td{
	border:0px solid;	
	width:100px;
	
}
#content .middleContent .catalog-listing table.generic-product-grid td.margin{
	border:0px solid;	
	width:60px;
	
}

#content .middleContent .catalog-listing table.generic-product-grid td.empty-product{
	background: #fff;	
}

#content .middleContent .catalog-listing h5{
	background: #fff;
}

#content .middleContent .catalog-listing img{
	float: none;
}

#content .middleContent .listing-item{
	width: 145px;	
	border:0px;
	padding: 0px;
} 

#content .middleContent .listing-item .product-shop{

}

	
#content .middleContent .product-info-box{
	border:0px;
}

#content .middleContent .product-info-box .product-img-box{
	float:none;
	width:100%;	
}

#content .middleContent .product-info-box .main-product-img img{
	float:none;
	clear:both;	
}
	
#content .middleContent .product-info-box .product-essential{
	background: #fff;
	padding:0px;	
}

#content .middleContent .product-info-box .product-essential .product-shop{
	width:100%;
	float:left;
}

#content .middleContent .product-info-box .product-collateral{
	background: #fff;
	padding:0px;
	margin-top:10px;
	
}

#content .middleContent .product-collateral .collateral-box h4{
	float: none;
}


/* Contact Form */

label {width: 150px;display:block;float:left;}
input {border: 1px solid #ccc; margin-bottom:5px;width:300px;}
select {border: 1px solid #ccc; margin-bottom:5px;width:80px;}
textarea {border: 1px solid #ccc; margin-bottom:5px;width:300px;}

input.csc-mailform-submit{margin-left: 150px}





/* CONTACT FORM */
#contactForm fieldset.group-select{
	background: #fff;
	border:0px;
	
}
#contactForm .group-select h4.legend{
	display:none;
	height:1px;
	float:none;
	clear:both;
}


#contactForm .group-select .input-box{
	float:none;
	clear:both;	
	width: 525px;
}

#contactForm .group-select .input-box input{
	width:525px;
}
/* CONTACT FORM */

#content .middle-container .button-level{
	text-align: left;
}

#content .middle-container .button-level h3{
	float:none;	
}

#opc-login .button-set a.left{
	margin-right:20px;
}

.group-select li{
	clear:both;
} 
	
.one-page-checkout .button-set{
	padding-bottom:10px;
} 
	
#content .middleContent .product-image{
	height:100px;	
}

#content .middle-container {
	width:700px;
	float:left;
	padding-right:30px;	
}

#content .middleContent .add-to-box{
	display:none;
}


#content .middleContent .product-collateral .head {
	clear:both;
	text-align: left;	
}



#content .middle-container table.shopping-cart{
	border:0px;
}


#content .middle-container .shopping-cart thead tr{
	background: #10bb55 !important;
}

#content .middle-container .shopping-cart thead th{
	color:#fff;
}

#content .middle-container .shopping-cart th,
#content .middle-container .shopping-cart td{
	border-right: 2px solid #fff;	
	border-bottom: 2px solid #fff;
}

#content .middle-container .shopping-cart tr,#content .middle-container .shopping-cart tr.even{
	background: #d3f1cb !important;
}

#content .middle-container .shopping-cart tfoot tr,
#content .data-table tfoot tr {
	background: #d3f1cb !important;
}

#content .middle-container .shopping-cart tfoot td{
	border-top: 0px solid #fff;		
}

#content .middle-container .shopping-cart-totals{
	background: #d3f1cb;
	border:0px;	
} 

#content .middle-container .shopping-cart .form-button-alt{
	border:0px;
	width:150px;
	height:18px;
	color: #000;
	padding-bottom: 2px;
	font-weight: normal !important;
	text-align:left;
	padding-left:15px;
}



.login-box .col-1, .login-box .col-2, .login-box .content{
	background: #d3f1cb;
	border:0px;	
}


.login-box h4, .login-box .new-users h4, .login-box .registered-users h4 {
	border:0px;
	background: #10bb55;
	padding-left: 20px;
	padding-top:5px;
	color: #fff;
	font-weight: bold;
		
}

.login-box .button-set{
	border:0px;	
	background: #d3f1cb;
}

.login-box .button-set .form-button{
	background: url(../img/buttonLong.gif) no-repeat;
		background-position: 0px 2px;
	width:150px;
}
	

.one-page-checkout .active .head {
	background: #10bb55;
	border:0px;
}

.one-page-checkout .active .head h3{
	color: #fff;
}



.one-page-checkout .step-count {
	background: #eee;
}

.one-page-checkout .allow .step-count{
	background: #D0DCE1;
}

.one-page-checkout .active .step-count{
	background: #10bb55;
	border:0px;
	color:#fff;	
	font-size: 1.0em;
}

.one-page-checkout .box-no-padding{
	background: #d3f1cb;
	border:0px;
}
	
.one-page-checkout .active .box {
	background: #d3f1cb;
	border:0px;
}

.form-button, .form-button-alt, button-long{
	background: url(../img/more_empty.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	width:102px;
	height:18px;
	padding-bottom:0px;
	text-align: left;
	padding-left:20px;
	border:0px;
	color: #000;
	font-weight: normal !important;
}

.button-long{
	background: url(../img/buttonLong.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	width:150px;
}



.form-button-alt:hover {
	color: #000;	
}

#content .group-select h4.legend{
	background: #10bb55;
	color:#fff;
	border:0px;
}


#content .rightContent .base-mini .head{
	background: url(../img/boxHeaderBlue.gif);
	background-repeat: no-repeat;
	border:0px;
	margin:0px;
	padding:0px;
	border-bottom:5px solid #fff;
	width:191px;
}

#content .rightContent .base-mini{
	background: #b3d9ef;
	border:0px;
	padding: 0px;
	margin-bottom: 20px;
}

#content .rightContent .base-mini .head h4{
	background: #344d9f;
	color:#fff;
	min-height: 10px;
	padding:0px;
	text-transform: none;
	padding-bottom: 2px;
	padding-top: 2px;
}

#content .rightContent .base-mini table{
	margin-left:10px;

}



#content .rightContent .base-mini .actions {
	background: #b3d9ef url(../img/boxButtomBlue.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height:20px;
	margin:0px;
	padding: 0px;
	position: static;
	padding-bottom:5px;	
	padding-left:10px;
}

#content .rightContent .base-mini .content, #content .rightContent .base-mini ol, 
#content .rightContent .base-mini ol li.even, #content .rightContent .base-mini ol li.odd{
	background: #b3d9ef;
	padding:0px;
	padding-bottom:5px;
	padding-top:5px;		
}

#content .rightContent .base-mini .base-mini ol li{
	padding:0px;
	padding-bottom:5px;
	padding-top:5px;	
}

#content .rightContent .mini-related-items ol li{
	clear:both;
}
	
#content .rightContent .base-mini fieldset.content{
	
	margin-left:10px;
	padding-bottom:10px;
	margin-top:10px;
}
	
#content .rightContent .base-mini .content h5{
	background: #b3d9ef;
	font-weight: bold;
	font-size: 11px;
	margin-bottom:10px;	
	color: #000;	
	padding:0px;
	margin-left:10px;
}

#content .rightContent label{
	color: #000;
	font-weight: normal;
}

#content .rightContent .base-mini .product-details{
	margin:0px;
}

#content .rightContent .base-mini .form-button{
	margin-left:10px;
}


#content .rightContent .one-page-checkout-progress h3{
		background: #10bb55;
		color:#fff;
		padding-left:10px;
}

#content .rightContent .one-page-checkout-progress ol{
	margin-left:0px;
	margin-right:0px;
}

#content .rightContent .one-page-checkout-progress li{
	background: #d3f1cb;
	border:0px;
	margin-bottom: 1px;
}

#content .rightContent .one-page-checkout-progress h4 {
	background: #d3f1cb;
	border:0px;
	margin-left:0px;
}

#content .rightContent .one-page-checkout-progress h4.complete {
	color:#000;

}



#content .rightContent div.csc-textpic-intext-right div.csc-textpic-imagewrap dl.csc-textpic-image{
	float:none;
}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}


/********* NEWS ****************/

.news-latest-item h3{
	display:inline;
	font-size:11px;
	font-weight:normal;
}

/********** NEWS END ***********/


/********** CONTACT ****************/
.tx_powermail_pi1_fieldwrap_html{
	clear:both;
}

.tx-powermail-pi1_fieldset legend{
		display:none;
}

.powermail_mandatory_js{
	color:#cc0000;
	margin-left:150px;
	margin-top:-5px;
	margin-bottom:10px;
}

.validation-failed{
	border:1px dashed #cc0000;	
}

.tx_powermail_pi1_fieldwrap_html_label{
	margin-bottom:10px;
	margin-left:150px;	
}

.powermail_textarea{
	height:100px;	
}

.powermail_submit{
	margin-left:150px;	
}

.tx_powermail_pi1_fieldwrap_html_43{
	height:35px;	
}

.tx_powermail_pi1_fieldwrap_html_44{
	height:80px;	
}

.powermail_radio{
	width:15px;	
	border:0px;
}

.tx_powermail_pi1_fieldwrap_html_radio_title{
	float:left;
	width:150px;
}

.powermail_radio_inner{
	width:70px;
	float:left;
}

.powermail_radio_inner label{
	float:right;
	width:40px;	
}

/********** CONTACT END ***********/



#uid118, #uid117, #uid116{
        width:302px;
}

html*#header .headerNav {
	top:108px;	
	left:-20px;
}
* html #header .headerNav {
	top:118px;	
	left:22px;
}
*+html #header .headerNav {
	top:118px;	
	left:22px;
}
html*#header .headerNav ul.long{
	margin-left:-30px;
}
* html #header .headerNav ul.long{
	margin-left:0;
}
*+html #header .headerNav ul.long{
	margin-left:0;
}
html*#header .headerNav ul.short{
	margin-left:-50px;
}
* html #header .headerNav ul.short{
	margin-left:0;
}
*+html #header .headerNav ul.short{
	margin-left:0;
}
* html #content .leftContent ul li a {
	width:190px;
	overflow:hidden;
}
html*#content .leftContent ul {
	padding-left:0;
	margin:0;
}
html*#content .leftContent h5 {
	margin:0;
}
html*#content .rightContent h5 {
	margin:0;
}

span.rot {color:ff0000;}

h1.extra_gross {font-size:14px}
span.p12 {font-size:12px}
span.p14 {font-size:14px}
span.p16 {font-size:16px}

#flashwrap {height:226px;width:522px;margin-left:-15px;margin-bottom:10px;background: url(../img/Hopp-Xmas_DE.jpg) no-repeat}
#flcont {position:relative;top:1px;left:297px;}



div.newsbox { border-bottom:2px solid #fff; padding-bottom:10px; }
div.newsbox h5.green { background-color: #10bb55;border-bottom:2px solid #fff; font-weight:bold; height:13px; padding: 3px 5px 3px 10px; color:#fff; }
div.newsbox div.green { margin-top:3px; padding-top:5px; }
div.newsbox p { margin: 5px 10px; }
div.newsbox p.news-title a { color: #000; font-weight:bold; }
div.newsbox .news-latest-gotoarchive { margin: 5px 10px; text-align: right;  }

div.news-single {}
div.news-single h2.news-single-title { color: #a40505; font-family: georgia,times new roman,verdana; font-size:1.5em; margin: 12px auto; font-weight: 100; }
div.news-single h3 { color: #6f6f6f; }
div.news-single div.news-single-timedata { border-bottom:1px solid #f0d5d0; border-top:1px solid #f0d5d0; margin-bottom: 12px; padding: 4px 10px; background-color: #faefec; clear: both; color: #909090; text-align: right; }
#content .middleContent p.news-single-author a { color: #820000; }
div.news-single div.news-related {}
div.news-single .news-single-backlink { margin: 20px auto; text-align: right; }
#content .middleContent div.news-single-backlink a { color: #e17474; }

div.news-list-container { padding: 12px 0; }
div.news-list-container .news-list-item { margin-bottom: 5px; border-bottom: 1px solid #f0d5d0; padding: 5px 12px 12px; clear: both; overflow: hidden; position: relative; }
div.news-list-container .news-list-item h3 { font-weight: 100; clear: both; overflow: hidden; }
div.news-list-container .news-list-item h3 span.news-list-title { float: left; font-size: 12px; }
#content .middleContent .news-list-item img { margin: 4px 10px 4px 0;  }
#content .middleContent .news-single-img { position: relative; float: left; }
#content .middleContent .news-single-img img { margin: 10px 24px 10px 0; float: none; }
#content .middleContent .news-single-img p.news-single-imgcaption { position: relative; float: none; } 
#content .middleContent h3 span.news-list-title a { color: #c33; font-weight: 800; }
#content .middleContent h3 span.news-list-title a:hover { color: #f00; }
div.news-list-container .news-list-item h3 span.news-list-date { float: right; font-size: 10px; font-family: Verdana; }
div.news-list-container .news-list-item p.bodytext { padding: 5px 12px; color: #6a6a6a; }
#content .middleContent .inline-link { text-align: right; }
#content .middleContent .inline-link a { display: inline-block; padding-left: 10px; background: url(../img/more_red.gif) 0 50% no-repeat; position: absolute; right: 10px; bottom: 4px; }
div.news-list-container div.news-list-browse { padding: 12px; text-align: center; }
.tx-ttnews-browsebox p { text-align: left; font-weight: 800; color: #303030; }
.tx-ttnews-browsebox .tx-ttnews-browsebox-strong { color: #c00; }
.tx-ttnews-browsebox table { margin: 0 auto; }
#content .middleContent td a { padding: 2px 6px; background-color: #fcfcfc; border: 1px solid #f0d5d0; color: #c00; font-size: 12px; }
#content .middleContent td a:hover { background-color: #c00; color: #fff; }
.news-amenu-container h2 { display: none; }
.news-amenu-container ul { clear: both; overflow: hidden; padding-top: 8px; background-color: #faefec; border: solid #e9bbb4; border-width: 0 1px 1px;  }
.news-amenu-container ul li.news-amenu-item-year { display: none; visibility: hidden; }
.news-amenu-container ul li { list-style: none; float: left; margin: 0 15px 8px 0; }
#content .middleContent .news-amenu-container ul li a { color: #303030; }
#content .middleContent div.news-single ul, #content .middleContent div.news-single li { list-style: none; line-height: 18px; }