/* these classes we can use everywhere */

.headline-info {
 height:100%;
 overflow:hidden;
 margin:0 0 10px 0;
}
.headline-info h1,
.headline-info h2,
.headline-info h3,
.headline-info h4,
.headline-info h5,
.headline-info h6 {
 display:inline;
}
.headline-info p {
	font-style:italic;
	margin:0 0 0 5px;
	display:inline;
}
input.normal{
	width:230px;
	padding:2px 3px;
	font-weight:normal;
	color:#000;
	font-size:12px;
	font-family: Arial;
}
input.short{
	font-size:12px;
	font-family: Arial;
	padding:2px 3px;
	font-weight:normal;
	color:#000;
}
select {font-size:12px;padding:1px 2px;}



/* SMART TEXT ELEMENTS
----------------------------------------------- */

/* no image template */

.noimagetemplate {
}

/* left image template */

.leftimagetemplate {
}
.leftimagetemplate img{
}

/* right image template */

.rightimagetemplate {
}
.rightimagetemplate img{
}



/* three classes for font colors */



.white {
  color:#fff;
}
.black {
  color:#000;
}
.light {
 color:#9b9b9b;
}
.medium {
 color:#666;
}
.dark {
 color:#393939; /* this value is as default in body */
}

/* headline */

.headline {
}

/* image gallery */

.imagegallery{
text-align:center;
}
.imagegallery img{
  width:80px;
  height:80px;
  margin:0 10px 20px 10px;
}

/* image */

.image{
}

/* embeddedmedia */

.embeddedmedia {
}


/* filegallery */

.filegallery {
 margin:0 0 5px 0;
}
.filegallery img {
 vertical-align:middle;
}
.filegallery .filename {
 margin:0 0 0 5px;
}
.filegallery .filesize {
 margin:0 0 0 5px;
 color:gray;
 font-size:11px;
}


/* BUTTONS
----------------------------------------------- */

a.button {
 background: transparent url('../../images/buttons/button-right.gif') no-repeat scroll top right;
 color:#fff;
 font-size:14px;
 font-weight:normal;
 display: block;
 float: left;
 height: 21px;
 margin:0 0 10px 0;
 padding:0;
 padding-right: 9px; /* width for button-right */
 text-decoration: none;

}
a.button span {
 background: transparent url('../../images/buttons/button-left.gif') no-repeat;
 display: block;
 line-height: 20px;
 padding: 0 11px 1px 19px;
}
a.button:hover {
 background-position: bottom right;
 color: #fff;
 outline: none;
}
a.button:hover span {
 background-position: bottom left;
}
a.button:hover {
 background-color:transparent;
 padding:0;
 padding-right: 9px;
 color:#fff;
 cursor:pointer; 
}
a.negativebtn:hover {
 color:#feb294 !important;
}
.left {
 float:left;
 margin-right:10px !important;
 position:relative;
}
.right {
 float:right !important;
 margin-left:10px !important;
 position:relative;  
}

/* small button */

a.smallbutton {
 background: transparent url('../../images/buttons/smallbutton-right.gif') no-repeat scroll top right;
 color:#fff;
 font-size:13px;
 font-weight:normal;
 display: block;
 float: left;
 height: 16px;
 margin:0 0 10px 0;
 padding:0;
 padding-right: 6px; /* width for button-right */
 text-decoration: none;

}
a.smallbutton span,
a.smallbutton em {
 background: transparent url('../../images/buttons/smallbutton-left.gif') no-repeat;
 display: block;
 line-height: 11px;
 padding: 2px 11px 3px 19px;
}
a.smallbutton:hover {
 background-position: bottom right;
 color: #fff;
 outline: none;
}
a.smallbutton:hover span,
a.smallbutton:hover em {
 background-position: bottom left;
}
a.smallbutton:hover {
 background-color:transparent;
 padding:0;
 padding-right: 6px;
 color:#fff;
 cursor:pointer; 
}

/* Headline info and bg for headline (rounded corners)
----------------------------------------------- */

.bg-headline {

 background-color:#c0cdd0;
 text-transform:uppercase;
 font-weight:bold;
 width:100%;
 display: block;
 float: left;
 margin:0 0 10px 0;
 padding:5px 10px 5px 10px;
 padding-right: 9px; /* width for button-right */
 text-decoration: none;
}
.bg-headline span {
 background: transparent url('../../images/bg-headline-left.gif') no-repeat;
 display: block;
 line-height: 27px;
 padding: 0 11px 1px 10px;
 /*width:165px;*/
 width:325px;
}


/* headline-info, we should use it when we want to make headline which has text on his right side */

.headline-info {
 height:100%;
 overflow:hidden;
 margin:0;
 padding:0;
}
.headline-info h1,
.headline-info h2,
.headline-info h3,
.headline-info h4,
.headline-info h5,
.headline-info h6 {
 display:inline;
}
.headline-info p {
	margin:0 0 0 5px;
	display:inline;
	font-size:12px;
}


/* STANDARD SMART TEXT ELEMENTS
----------------------------------------------- */

/* introduction - title, description and thumbnail */

.introduction{
}

/* no image template */

.noimagetemplate {
}

/* left image template */

.leftimagetemplate {
}

/* right image template */

.rightimagetemplate {
}



/* SUBFOOTER
----------------------------------------------- */

#subfooter {
 	background-image:url('../../images/bg-subfooter.gif');
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#a2b3b3;
	min-height:200px; /* height for bg image */
	/*_height:200px;*/
	color:#717b7c;
	font-size:11px;
 	line-height:16px !important;	/* normal element p has line-height:18px; */
 	margin-left:-30px; /* mainarea has padding:0 30px; so we have to put here for properly displaying bg gradient */
 	margin-right:-30px; /* mainarea has padding:0 30px; so we have to put here for properly displaying bg gradient */
 	padding:0 30px;
}
#subfooter h2 {
  padding:0;
  margin:0;
  line-height:normal;
}
#subfooter a {
  color:#69797d; /* color for the hyperlinks which are in subfooter */
}
#subfooter p {
 	line-height:16px !important; /* normal element p has line-height:18px; */
}
#subfooter h2 {
  color:#717b7c;
  font-size:15px;
  font-weight:bold;
}
#subfooter .noimagetemplate { 
}

.separator {
  margin:0 0 20px 0;
}

/* ruler image */

#ruler {
  background-image:url('../../images/ruler.png');
  background-repeat:no-repeat;
  width:128px;
  height:197px;
  position:absolute;
  right:50%;
  margin-right:-496px;
  *margin-right:-496px;
  _marign-right:-496px;
  margin-top:30px;
  behavior: url(/htc/iepngfix.htc);
}

	
/* styling unordered list for subfooter */

#subfooter ul {
  margin:0;
  padding:0;
}
#subfooter ul li {
  display:block;
}
#subfooter ul li a {
  text-decoration:underline;
	line-height:17px;
}
#subfooter ul li a:hover {
  text-decoration:none;
}



/* SITEMAP
----------------------------------------------- */



/* search */

.search
{
 color:#010101;
 font-size:12px;
 width:260px;
 float:left;
}
.search label{
}
.search .normal{
  border:1px #c9c9c9 solid;
  padding:5px;
  width:150px;
  margin:0 5px 0 0;
}
.search .short 
{
  border:1px #c9c9c9 solid;
  padding:5px;
  width:230px;
  margin:0 5px 0 0;
}
.search .submit {
  padding:2px;
}
/* hover effect */
/*
.search .effect {
 background-color:#f2f2f2;
 cursor:pointer;  
 border:1px #c4c4c4 solid;
}
.search input.normal:hover,
.search textarea:hover {
 background-color:#fff;
}
*/


/* sidebar search */

.search-sidebar
{
 color:#010101;
 font-size:12px;
 float:none;

}
.search-sidebar label{
}
.search-sidebar .normal{
  border:1px #c9c9c9 solid;
  padding:5px;
  width:210px;
  margin:0 5px 0 0;
}
.search-sidebar .submit {
  padding:2px;
}
/* hover effect */
.search-sidebar .effect {
 background-color:#f2f2f2;
 cursor:pointer;  
 border:1px #c4c4c4 solid;
}
.search-sidebar input.normal:hover,
.search-sidebar textarea:hover {
 background-color:#fff;
}

/* search results */

.search-box
{
	background:#fff3a2;
	border-top:1px solid #c9c9c9;
	border-bottom:1px solid #c9c9c9;
	padding:10px;
}
.search-box{
}
.search-box .normal{
  border:1px #c9c9c9 solid;
  padding:5px;
  width:350px;
  margin:0 5px 0 0;
}

.search-box .submit {
  padding:2px;
}
/* other sections for subfooter */

.subfooter-articles{
  float:left;
  width:580px;
  margin:0 40px 0 0;
}


#latest-searches {
}
#featured-articles{
}



/* FRONTPAGE
----------------------------------------------- */

/* top banner on frontpage */
#frontpage .product-teaser .price {
  font-size:22px;
  color:#272727;
  font-weight:normal;
}
.frontpage_extender{
	margin-top:-5px;
	margin-bottom:5px;
	position:relative;
	_margin-right:-31px; /* ie6 hack */
}


.frontpage_extender .price{
	position:absolute;
	/*font-size:35px;*/
	font-size:24px;
	line-height:28px;
	font-family:Georgia;
	right:0;
	margin-right:-2px;
	_margin-right:2px;
	top:50px;
	width:100px;
	text-align:center;
}
.infolinks{
	/*width:140px;
	float:right;*/
	float:left; /* we need it for safari */
	}
.bottominfo 
{
	position:absolute;
	padding:5px 0 0 0;
	*padding:0;
	_padding:0;
}

/* slogan */

.slogan {
  background-color:#d6d6d6;
  padding:5px;
  margin-bottom:10px;
  border-top:1px #bebebe solid;
  border-bottom:1px #bebebe solid;
  text-align:center;
  display:none;
}
.slogan h2 {
  font-size:20px;
  color:#7d7d7d;
  
  margin:0;
  padding:0;
  line-height:normal;
}


/* frontpage box - learn how to ... */

.description {
}
.description .text {
  width:230px;
  float:left;
  color:#000;
}
.description .text p {
  font-size:13px;
  font-weight:normal;
}
.description .text span {
  color:#000;
}



.learn-box {
  height:100%;
  overflow:hidden;
  clear:both;
  background-color:#fff;
  background-color:#ffffc9;
  border-top:1px #efd28e solid;
  border-bottom:1px #efd28e solid;
  padding:15px;
}
.learn-menu{

}
.learn-menu ul{
  margin:0;
  padding:0;
  list-style-type:none;
}
.learn-menu ul li {
  display:block;  
  background-image:url('../../images/icons/arrow-menu.gif');
  background-repeat:no-repeat;
  background-position:left 5px;
  padding:0 0 0 20px;
}
.learn-menu ul li a {
  color:#3252b2;
  font-weight:normal;
  font-size:13px;
  line-height:22px;
  border-bottom:1px #3252b2 solid;
  text-decoration:none;
}
.learn-menu ul li a:hover {
  text-decoration:none;
  border-bottom:none;
}


/* product-teaser */

.product-teaser {
  width:140px;
  float:left;
  color:#666666;
}
.product-teaser .name {
  
  font-size:20px;
  line-height:24px;
  color:#656565;
}
.product-teaser .price {
  font-size:25px;
  color:#272727;
  font-weight:normal;
}


/* usefull articles */

.articles {
	width:500px;
	float:left;
}
.articles .article {

  margin:0 15px 20px 0;
  _margin:0 10px 15px 0;
  border-bottom:1px solid #e1e1e1;
}
.articles .article .text 
{
	position:relative;
	margin-left:115px;
	padding:0 0 5px 0;
}
.article .title
{
	font-weight:bold;
	color:Black;
	}
.article p
{
	color:#676767;
	}
	
/* product page footer stuff */

.columnleft .article p,
.columnleft .article
{
	color:#393939;
}
.columnleft .article h2 
{
	font-size:30px !important;
	line-height:normal;
}

/* PRODUCT OVERVIEW
----------------------------------------------- */

.product-overview{
}
.top-info{
  background-color:#e6e6e6;
  border-top:1px #c9c9c9 solid;
  border-bottom:1px #c9c9c9 solid;
  padding:0 0 0 10px;
  position:relative;
  height:100%;
  overflow:hidden;
  clear:both;
  margin:0 0 10px 0;
}
.top-info .title {
  font-size:15px;
  font-weight:bold;
  color:#000;
  margin:0 0 2px 0;
}
.top-info .shop-info {
}

.top-info .products-shop {
  float:left;
  width:230px;
  margin:0 20px 0 0;
  padding:5px 0 0 0;
  /*height:75px;*/
}

/*
.top-info .products-shop ul {
  font-size:13px;
  margin-left:-20px;
}
*/

/* ul list with green arrows for shopheader */
.products-shop{
}
.products-shop ul {
  margin:0;
  padding:0;
}
.products-shop ul li {
  display:inline;  
  background-image:url('../../images/icons/arrow-menu.gif');
  background-repeat:no-repeat;
  background-position:left 2px;
  padding:0 10px 0 17px;
}
.products-shop li a {
  color:#3252b2;
  font-weight:normal;
  font-size:13px;
  line-height:20px;
  border-bottom:none;
  text-decoration:none;
}
.products-shop ul li a:hover {
  text-decoration:none;
  border-bottom:1px #3252b2 solid;
}
.products-shop ul .current a{
  border-bottom:1px #33a90f solid;
  color:#33a90f !important;
  /*font-weight:bold;*/
}
.products-shop ul .current a:hover 
{
	text-decoration:none !important;
	border-bottom:none;
}
.top-info .secure {
  float:left;
  padding:5px 0 0 0;
}
.top-info .secure img {
  float:right;
  margin:0 0 0 30px;
}

.top-info .basket {
  background-color:#ffed59;
  width:270px;
  padding:5px 10px 10px 10px;
  *padding:5px 10px 0 10px;
  _padding:5px 10px 0 10px;
  float:right;
  height:55px;
  *height:65px;
  color:#000;
  position:relative;
}
.top-info .basket .leftbasket{
	  width:140px;
	  float:left;
}
.top-info .basket .rightbasket{
	  width:128px;
	  float:left;
}
.top-info .basket .rightbasket .button{
	  margin-top:10px;
	  margin-bottom:3px;
	  float:right;
}
.top-info .basket .rightbasket .viewitems{
	  padding-left:33px;
}


/* productheadline-transaction - we are using it in product overview and product page */

.productheadline-transaction {
  height:100%;
  overflow:hidden;
  clear:both;
  margin:0 0 5px 0;
}

.productheadline-transaction h2{
  font-size:25px;
  float:left;
}


/* products overview - exnteders */

.extenders {
  height:100%;
  overflow:hidden;
  clear:both;
  margin:0 0 10px 0;
  padding:0 1px;

}
.extenders .products-box {
  background-color:#fcf9df;
  border-top:1px #ead3ae solid;
  border-bottom:1px #ead3ae solid;
  height:100%;
  overflow:hidden;
  clear:both;
  /*padding:10px 0 10px 10px;*/
}
.extenders .extender {
  width:190px;
  float:left;
  padding:10px 11px;
}
.extenders .extender h2 {
  float:none;
  color:#333;
  font-size:15px;
}
.extenders .extender .price{
  font-size:22px;
  font-weight:normal;  
 font-family:  Georgia, 'Lucida Grande',  LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif;   
 font-style:italic;
 margin:0 0 10px 0;
}
.extenders .extender .info {
  height:100%;
  overflow:hidden;
  clear:both;
  border-bottom:1px #ead3ae solid;
  margin:0 0 5px 0;
  text-align:center;
}
.extenders .extender .info h2{
  font-size:15px;
  font-weight:bold;
}
.extenders .extender .smallstars {
  padding-bottom:5px;
  padding-right:0px;
  *margin-top:-10px;
}
.extenders .extender .moreinfo{
  padding:5px 0px 0px 0;
  text-align:center;
}
.extenders .centering
{
	padding:0 0 0 56px;
}
.extenders .product {
	height:250px;
	margin:0 8px 0 10px;
	cursor:pointer;
	cursor:hand;
}

.extenders .product:hover
{
	border:3px solid white;
}
.extenders .product img{
  position:absolute;
  z-index:1;
}
.extenders .product .highlights{
  position:absolute;
  color:#000;
  font-size:12px;
  font-weight:bold;
  z-index:2;
  text-align:center;
  width:166px;
  padding:5px 0;
  /*margin:3px 0 0 3px; *//*because we have borders in .productpic */
  	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor:pointer;
  cursor:hand;
}
.extenders .product a 
{
	text-decoration:none !important;
	border-bottom: none !important;
}
.extenders .product .zoom {
  background-image:url('../../images/zoom.png');
  background-repeat:no-repeat;
  width:19px;
  height:18px;
  position:absolute;
  z-index:2;
  margin:225px 0 0 143px;	
  cursor:pointer;
  cursor:hand;
  behavior: url(/htc/iepngfix.htc);
}
.extenders .product .extendercolor1 { background-color:#e4f2c6; }
.extenders .product .extendercolor2 { background-color:#cae58d; }
.extenders .product .extendercolor3 { background-color:#b0d753; }
.extenders .product .extendercolor4 { background-color:#95ca1a; }

.money-back{
  height:100%;
  overflow:hidden;
  clear:both;
  margin:0 0 10px 0;
}


/* border for image */ 
/* important , #colors should be the same as .bgcolorextenders1,2,3,4 - below */
.extenders .border1 { border:3px solid #fdf9e0; }
.extenders .border2 { border:3px solid #faf7ce; }
.extenders .border3 { border:3px solid #fcf7c0; }
.extenders .border4 { border:3px solid #fff7af; }

/* background colors for extenders */
.bgcolorextender1 { background-color:#f6f2d6; }
.bgcolorextender2 { background-color:#ece5bc; }
.bgcolorextender3 { background-color:#e7dd9d; }
.bgcolorextender4 { background-color:#e0d174; }



/* bottom info simple - we are using it under product-overview */

.bottom-info-simple {
  background-color:#e6e6e6;
  border-top:1px #c9c9c9 solid;
  border-bottom:1px #c9c9c9 solid;
  padding:10px;
}
.bottom-info-simple h2 {
  font-size:15px;
  font-weight:bold;
}
.bottom-info-simple .box {
  float:left;
  width:250px;
  margin:0 40px 0 0;
}
.bottom-info-simple .last {
  margin:0;
}

/* product page */

.productpage{
}
.productpage h2 {
  float:none;
  /*color:#656565;*/
  font-size:17px;
}
.productpage .product-description {
  width:590px;
  float:left;
  height:100%;
  overflow:hidden;
  clear:both;
}
.productpage .product-image {
  float:right;
  width:250px;
  text-align:right;
}
.productpage .product-image a{
  text-decoration:none;
}
.zoomit {
	padding-right:5px;
  color:white;
  font-size:11px;
  margin-bottom:-20px;
	position:relative;
  z-index:10;
  font-style:italic;
}
.productpage .top-information {
  border-right:1px #d1d1d1 dashed;
  width:190px;
  padding:0 10px 0 0;
  float:left;
}
.productpage .top-information .box 
{
	border-bottom:1px #d1d1d1 dashed;
	padding:10px;
	margin:0 0 0 0;
	height:100%;
	overflow:hidden;
	clear:both;
}
.productpage .box h2 {
  font-size:14px;
  font-weight:bold;
  color:#000;
  padding:0 0 .2em 0;
}
.productpage .price{
  font-size:25px;
  color:#000;
  font-weight:bold;  
   font-family:  Georgia, 'Lucida Grande',  LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif;   
 font-style:italic;
}
.productpage .product-text 
{
	float:left;
	width:360px;
	_width:340px;
	padding:0 0 0 20px;
	font-size:14px;
}
.productpage .product-text p 
{
	line-height:22px !important;
}
 
.productpage .product-text ul{
  padding:0 !important;
  margin:0 !important;
  list-style-type:none !important;
  text-align:left;
}
.productpage .product-text ul li {
  display:block;  
  background-image:url('../../images/icons/mark.gif');
  background-repeat:no-repeat;
  background-position:left 3px;
  padding:0 0 3px 20px;
}

.productpage .rating
{
  width:170px;
	margin:10px 0 0 0;
 text-align:center;

 }


.productpage .rating h2 {
  font-size:14px;
  font-weight:bold;
  color:#000;
}



.productpage .product {
	height:200px;
	overflow:hidden;
	float:right;
	cursor:pointer;
	cursor:hand;
}
.productpage .product img{

   z-index:1;
}
.productpage .product .highlights{
  position:absolute;
  color:#000;
  font-size:12px;
  font-weight:bold;
  z-index:2;
  text-align:center;
  width:230px;
  padding:5px 0;
float:right;
  	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor:pointer;
	cursor:hand;
}

.productpage .product .zoom {
  background-image:url('../../images/zoom.png');
  background-repeat:no-repeat;
  width:19px;
  height:18px;
  position:absolute;
  z-index:2;
  margin:175px 0 0 200px;
  cursor:pointer;
	cursor:hand;
	behavior: url(/htc/iepngfix.htc);
}
.productpage .product .extendercolor1 { background-color:#e4f2c6; }
.productpage .product .extendercolor2 { background-color:#cae58d; }
.productpage .product .extendercolor3 { background-color:#b0d753; }
.productpage .product .extendercolor4 { background-color:#95ca1a; }

/* bottom info simple - we are using it under product-page */

.bottom-info-advanced {
  background-color:#e6e6e6;
  border-top:1px #c9c9c9 solid;
  border-bottom:1px #c9c9c9 solid;
  padding:10px;
}
.bottom-info-advanced h2 {
  font-size:15px;
  font-weight:bold;
  line-height:18px;
}
.bottom-info-advanced .box {
  float:left;
}
.bottom-info-advanced .video {
  width:350px;
  margin:0 30px 0 0;  
}
.bottom-info-advanced .middlebox {
  width:400px;
  margin:0 20px 0 0;  
}
.bottom-info-advanced .entry {
  margin:0 0 10px 0;
}
.bottom-info-advanced .last {
  width:140px;
  margin:0;
}

/* customer reviews */

.review {
margin-top:20px;
}
.review .author {
 font-size:12px;
 color:#7f580e;
 font-weight:bold;
}
.review h3 {
font-size:16px;
}




/* misc etc... */

/* border-bottom for headlines */




/* CODA SLIDER FOR PRODUCT TOUR
----------------------------------------------- */


.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		/* THE IMPORTANT STUFF STARTS HERE */
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			width: 100%;
			position: relative;
			margin: 0 0 60px 0;
		}

		/* These 2 lines specify style applied while slider is loading */
		.svw {width: 50px; height: 20px; background: #fff; overflow: hidden;}
		.svw ul {position: relative; left: -999em;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #39c;*/ /* this is the border. should have the same value for the links */
			border-left:1px #e6e6e6 solid;
			border-right:1px #e6e6e6 solid;
			/*border-top:1px #c9c9c9 solid;*/
			border-bottom:1px #c9c9c9 solid;
			margin: auto;
			width: 850px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			_width: 848px; /* hack for IE6 */
			height: 400px;
			clear: both;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */


		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			width: 850px; /* Also specified in  .stripViewer  above */
			_width:848px; /* hack for IE6 */
			height: 100%;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		div.stripNav {
      /*background-image:url(../../images/panelBgTop.gif);
      background-repeat:repeat-x;*/
      width:850px;
      _width:848px;
  		border-top:1px #e6e6e6 solid;   
  		text-align:center;
  		margin:0 auto;  		
  		height:100%;
  		overflow:hidden;
  		clear:both;
  		height:60px;	
  		border-left:1px #e6e6e6 solid;
			border-right:1px #e6e6e6 solid;

}
		.stripNav ul { /* The auto-generated set of links */
			list-style: none; 
			border-bottom: 2px solid #c4c4c4; 
       padding: 0 0 46px 0;
      background-color:#e6e6e6;

		}
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
     font-weight: normal;
     text-decoration: none;
     background-image:url('../../images/shopflow/dot.gif');
     background-repeat:no-repeat;
     background-position:center 38px;
     height:60px;
		}

		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: normal;
			text-align: center;
			color: #3252b2;
			/*border-bottom:1px #c9c9c9 solid;*/
			display: block;
			padding: 0 10px;
			line-height:15px;		
			padding-bottom:40px; /* line-height + padding-bottom should have height = 60px */
			padding-top:5px;
			text-decoration:none;		     
			width:99px;	
		}
		
		.stripNav a:hover {
		color: black;
		}
		
		.stripNav a.current {

		 color: black;
     background-image:url('../../images/shopflow/dothover.gif');
     background-repeat:no-repeat;
     background-position:center 38px; 
		 font-weight:normal;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 483px;
			/*text-indent: -9000em;*/
		}
		
		

		
		.arrowsnav {
  	  position: absolute;
			top: 463px;
			height:60px;
			overflow:	hidden;
			clear:both;
			height:60px;
      background-color:#e6e6e6;
      width:852px;
      _width:850px;
  		border-bottom:1px #c9c9c9 solid;   
    }
		.gotostore {
		  position: absolute;
			top: 480px;

      margin:4px 0 0 355px;
    }
		
		.stripNavL a, .stripNavR a, .buyNowLink a {
			display: block;
			height: 25px;
			width: 30px;
			font-size:20px;
			text-decoration:underline;
			line-height:22px;
		}
		
		.buyNowLink a 
		{
			color:Green;
			width:100px;
		}
		
		.stripNavL {
			left: 160px;
		}
		
		.buyNowLink {
			position:absolute;
			top: 22px;
			left: 350px;
		}
		
		.stripNavR 
		{
			right:140px;
			_right: 120px;
		}
		.wrapper .leftside
		{
			
			width:500px;
			padding:10px;
			float:left;
			}
		.wrapper .rightside
		{
			float:left;
			width:230px;
			}
		.wrapper .full
		{
			float:left;
			padding:10px;
			}
		

		





/* test
----------------------------------------------- */
.topbanner{

  	border-bottom:1px #8fc4c9 solid;
  	background-image:url(../../images/topbannerbg.gif);
  	background-repeat:repeat-x;
	background-color:#e4f5f7;
	position:relative;
	padding:10px;
	height:410px;
}

.topbanner .bubble
{
	background-image:url(../../images/bubble.gif);
  	background-position:590px -120px;
  	background-repeat:no-repeat;
  	padding:10px;
	height:100%;
	overflow:hidden;
	clear:both;
}
.flash-container 
{
	position:absolute;
	width:511px;
	height:310px;
	bottom:0;
	padding-top:10px;
	background-image:url(../../images/flashframeBg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.flash-container .content 
{
	margin:30px 40px;
	width:300px;
	height:240px;
	color:White;
	overflow-y:scroll
	
}

.topbanner h2{
	
}
.topbanner .refund{
	background:url(../../images/doubleRefund.png);
	width:154px;
	height:91px;
	position:absolute;
	right:0;
	top:0;
	behavior: url(/htc/iepngfix.htc);
}
.topbannerflash
{
	position:absolute;
	/*bottom:0px;*/
	margin:10px 0 10px 0;
	}
.topbannerflash:hover
{
	cursor:pointer;
	}
.topbanner .box1{
	width:300px;
	float:left;
	padding-left:10px;
	font-size:13px;
	color:#565656;
}
.topbanner .box1 .product-teaser{
	margin-top:20px;
}
.topbanner .box1 img{
	padding-right:20px;
	/*padding-top:25px;*/
}
.topbanner .box2{
	width:220px;
	float:left;
	padding-left:15px;
}
.topbanner .box3{
	margin-top:0px;
	width:250px;
	float:right;
	position:absolute;
	text-align:right;
	top:0;
	right:0;
	padding-top:15px;
}
.topbanner .box3 h2{
	font-size:30px;
	color:#272727;

}
.topbanner .percent{
	float:right;
	margin-top:-15px;
	padding-left:10px;
}
.topbanner .biglink
{
	font-size:16px;
	width:200px;
	position:absolute;
	right:0;
	top:75px;
	text-align:center;
	}
.columnleft{
	width:580px;
	float:left;
	margin-right:40px;
	_margin-right:20px;
}
.columnright{
	width:210px;
	float:right;
	background-color:#e6e6e6;
	border-top:1px #c9c9c9 solid;
    border-bottom:1px #c9c9c9 solid;
    padding:10px;
}
#subpage #sidebar .columnright {
  width:270px;
}
.columnright .review{
	font-size:11px;
	border-bottom:1px #c9c9c9 solid;
	margin:0 0 10px 0;
}
.columnright h2 {
  font-size:15px;
  font-weight:bold;
}
.columnleft h2 {
  font-size:15px;
  font-weight:bold;
}
.specs{
	margin-bottom:15px;
}
.specs ul{
	/*list-style-position:inside;*/
	background-color:#fbfbfb;
	padding:0 !important;
    margin:0 !important;
    list-style-type:none !important;
}
.specs li{
	background-image:url(../../images/icons/check.gif);
  background-repeat:no-repeat;
  background-position:left center;
	font-weight:bold;
	padding:6px;
	padding-left:20px;
	margin-left:10px;
}


/* searchresult */

.searchresult{
}


/* subscribe */

.subscribe {
 background-color:transparent;
}
.subscribe label{
 font-size:11px;
 width:170px;
}
.subscribe input.normal{
 margin:2px 0 0 0;
 padding:5px;
 width:180px;
 border:1px #c0c0c0 solid;
}
.subscribe .left-input{
 float:left;
 margin:0 10px 0 0;
 *margin:0 5px 0 0;
 _margin:0 5px 0 0;
}
.subscribe .right-input {
 float:left;
 margin:0 10px 0 0;
 *margin:0 5px 0 0;
 _margin:0 0px 0 0;
}
.subscribe .submit {
 margin:22px 0 0 5px;
}


/* Other products
----------------------------------------------- */

.other-products{
  background-color:#e6e6e6;
  border-top:1px #c9c9c9 solid;
  border-bottom:1px #c9c9c9 solid;
  padding:10px;
  height:100%;
  overflow:hidden;
  clear:both;
}
.hline {
 border-bottom:1px #c9c9c9 solid;
 padding:15px 0 0;
 margin:0 0 15px 0;
 height:100%;
 overflow:hidden;
 clear:both; 
}
.prod {
  width:165px;
  padding:0px 0px 0 0px;
  margin:0 0 0 0;
  float:left;
  text-align:center;
}
.prod h2{
  font-size:14px;
  line-height:18px;
  height:38px;
}
.prod .price {
  font-size:18px;
  font-weight:bold;
  /*float:left;
  margin:0 10px 0 0;*/
}


/* SHOP FLOW
----------------------------------------------- */

/* general */


#topnav {
 /*margin: 0 0 40px 0;
 padding: 0 0 27px 0;
 border-bottom: 2px solid #c4c4c4;*/
 height:100%;
 overflow:hidden;
 clear:both;
 
 background-image:url('../../images/shopflow/topnavline.gif');
 background-repeat:repeat-x;
 background-position:left 28px;
}

#topnav ul, #topnav li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
}

#topnav li  {
 float: left;
 font-weight: normal;
 margin: 0 80px 0 0;
 text-decoration: none;
 color: #565656;
 background-image:url('../../images/shopflow/dot.gif');
 background-repeat:no-repeat;
 background-position:center 19px;
 height:50px;
 line-height:16px;
}
#topnav li.first {
 background-position:left 19px !important;
 margin:0 60px 0 0 !important;
}
#topnav #current {
 padding-bottom: 2px;
 background: transparent;
 color: #434343;
 background-image:url('../../images/shopflow/dothover.gif');
 background-repeat:no-repeat;
 background-position:center 19px; 
 font-weight:bold;
}
#topnav li.checkout {
	background-image:none;
	font-weight:bold;
	font-style:italic;
	margin-right:10px;
}


/* bottomnav */

#bottomnav{
 border-top:1px #dadada solid;
 border-bottom:1px #dadada solid; 
 padding:10px 10px 0 10px;
 margin:0;
  height:100%;
  overflow:hidden;
  clear:both;
  background-color:#ffed59;
}


.lock-secure {
 color:#676565;
 font-size:11px;
 font-weight:normal;
 line-height:22px;
 background-image:url('../../images/icons/lock.gif');
 background-repeat:no-repeat;
 background-position:right top;
 padding:0 25px 0 0;
 float:left;
 height:22px; /* height of image */
} 
.safarifix {
 width:200px;
}

/* bgstyle - sidebarelement style, border-top and border-bottom, background grey color inside */

.remove {
  color:#e40000;
  font-size:11px;
}
.remove:hover {
  color:#e40000; 
}
.basket-ups-logo {
 vertical-align:middle;
 margin:0 10px 0 0;
}




/* basket */


.table1 {
 border-collapse:collapse;
 width:529px;
 text-align:left;
 font-size:14px;
}
.table1 .first {
 text-align:left;
}
.table1 .second{
 text-align:left;
}
.table1 .third{
 text-align:right;
}

.table1 thead th,
.table1 td {
  padding:5px 2px 5px 2px;  
}
.table1 td {
 /*border-top:1px #c0c0c0 solid;*/
}
.table1 tr {
   background-color:#C4E1E5;
}
.table1 thead tr {
  background-color:#92C4CC;
}
.table1 th {
  /*border-bottom: 1px #c0c0c0 solid;*/
}
.table1 .shipping {
  background:#C4E1E5 url(../../images/zebra2.gif) repeat 0 0;
}

/* table for calculation */

.calculation {
 border-collapse:collapse;
 width: 50%;
 text-align:right;
 color:#353535;
 font-size:14px;
 margin-top:20px;
}
.calculation td {
  padding:2px 5px;
}
.calculation td.summary {
 background-color:#ffed59;
 border-top:1px #c0c0c0 solid;
 line-height:26px;
 text-align:right;
}


/* address */

.footnote {
 font-size:11px;
 color:#5a5a5a;
 margin:0 0 10px 0;
}

.form {
 height:100%;
 overflow:hidden;
}
.form .left-side {
 float:left;
 width:250px; 
 margin:0;
 padding:0;
}
.form .right-side {
 float:right;
 width:250px; 
 margin:0;
 padding:0;
}
.form label{
 color:#565656;
 font-size:12px;
}
.form input{
 margin:2px 0 10px 0;
 padding:5px;
 width:235px;
}
.form .textarea {
 width:100%;
 height:120px;
 width:605px;
 margin:2px 0 0 0;
}
.form input,
.form .textarea {
 border:1px #c0c0c0 solid;
}
.form .required {
}
.form .select{
 margin:0 0 10px 0;
 width:110px;
}
/* adresse */

.two-inputs {
}
.two-inputs .first{
 width:70px;
 float:left;
 margin:0;
}
.two-inputs .second {
 float:left;
}
.two-inputs .first input {
 width:50px;
}
.two-inputs .second input {
 width:165px;
}


/* payment */

/* checkout steps */

.payment {

}
.payment label{
 height:100%;
 overflow:hidden;
 clear:both;
}
.payment input.short {
	width:40px;
}
.payment .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.radio {
	margin-right:5px;
}
.radio-2 {
 margin:0 5px 0 10px;
}

.select {
 margin:2px 0 10px 0;
}
.select-2 {
 margin:2px 10px 10px 0;
 display:inline;
}
.bottom-navigation {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:20px 0 0 0;
}
.check-creditcard {
 background-image:url('../../images/shopflow/creditcard.png');
 background-repeat:no-repeat;
 width:303px;
 height:206px;
 behavior: url(/htc/iepngfix.htc);
}


/* negative */

.negative {
 height:100%;
 overflow:hidden;
 background-color:#ffe5e5;
 border-top:1px #e05c39 solid;
 border-bottom:1px #e05c39 solid; 
 padding:15px 20px 10px 80px;
 background-image:url('../../images/icons/negative.gif');
 background-repeat:no-repeat;
 background-position:20px 10px;
}
.negative p {
 font-size:14px;
 color:#3d3d3d;
}
.negative .title {
 font-size:20px;
 color:#af3919;
}
.negative p span {
 font-weight:bold;
 color:#ae3311;
}

/* positive */

.positive {
 height:100%;
 overflow:hidden;
 background-color:#d7f895;
 border-top:1px #659b00 solid;
 border-bottom:1px #659b00 solid; 
 padding:15px 20px 10px 80px;
 background-image:url('../../images/icons/positive.gif');
 background-repeat:no-repeat;
 background-position:20px 10px;
}
.positive p {
 font-size:14px;
 color:#3d3d3d;
}
.positive .title {
 font-size:20px;
 color:#659b00;
}
.positive p span {
 font-weight:bold;
 color:#659b00;
}



/* receipt */

.receipt {
 height:100%;
 overflow:hidden;
 background-color:#fefff5;
 border:1px #a8a8a8 solid;
 padding:10px 10px 0 10px;
 
 color:#222121;
 font-size:14px;
}
.receipt p {
 margin:0;
 line-height:21px;
}
.receipt h1 {
 font-size:23px;
 font-weight:bold;
}
.receipt .order-data {
 font-size:14px;
 font-weight:bold;
}

.table2 {
 border-collapse: collapse;
 width: 100%;
 text-align:left;
 color:#222121;
 font-size:14px;
 margin:60px 0 0 0;
}
.table2 thead th {
 color:#000000;
 line-height:31px;
 font-weight:normal;
 padding:0;
 border-bottom:1px #c0c0c0 solid;
}

.table2 tbody td {
 color:#353535;
 padding:2px 0;
}
.table2 tr.calc{
}
.table2 .calculation-space {
 border-top:1px #c0c0c0 solid;
}
.table2 tbody .calc td {
 color:#010101;
 border:none;
 padding:0;
 margin:0;
}
.table2 tbody .calc td.summary {
 border-top:1px #c0c0c0 solid;
 line-height:30px;
 text-align:right;
}

.receipt .footnote {
 border-top:1px #c0c0c0 solid;
 font-size:11px;
 color:#484848;
 margin:40px 0 0 0;
 text-align:center;
}
.receipt .footnote p {
 margin:0;
}


/*typography */

.headline
{
	border-bottom:1px solid #396a77;
	padding:2px 5px 0px 5px;
	margin-bottom:10px;
	background-image:url(../../images/headlinebg.gif);
	border-bottom:1px solid #363636;
	text-shadow: #1a4551 2px 2px 1px;
	color:white;
	font-size:16px;
	font-weight:bold;
	}
	
	
/* contactform */

.contactform{
 background-color:#e6e6e6;
  border-top:1px #c9c9c9 solid;
  border-bottom:1px #c9c9c9 solid;
 padding:20px;
 
}
.contactform label{
 width:100px;
 float:left;
 margin:8px 0 0 0;
}
.contactform .normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
 border:1px #c9c9c9 solid;
}
.contactform .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.contactform .textarea {
 margin:2px 0 10px 0;
 padding:5px;
 width:375px;
 _width:370px; /* for IE6 -5px, don't ask why :) */
 height:150px;
 border:1px #c9c9c9 solid;
}
.contactform .submit {
 padding:2px;
 float:right; 
}


/* products overview - accessories */

.accessories {
  height:100%;
  overflow:hidden;
  clear:both;
  margin:0 0 10px 0;
}
.accessories .products-box {
  background-color:#fcf9df;
  border-top:1px #ead3ae solid;
  border-bottom:1px #ead3ae solid;
  height:100%;
  overflow:hidden;
  clear:both;
  padding:10px 0 10px 10px;
}
.accessories .item {
  width:190px;
  float:left;
  margin:0 9px 30px 9px;
  *margin:0 9px 15px 9px;
  _margin:0 8px 15px 8px;
  padding:0 0 20px 0;
  border-bottom:1px #cacaca solid;
}
.accessories .item img{
  background-color:#fff;
  padding:4px;
  border:1px #cacaca solid;
}
.accessories .item .price{
  font-size:15px;
  color:#000;
  font-weight:bold;  
  margin:0 0 5px 0;
}
.accessories .item .title a{
  float:none;
  color:#656565;
  font-size:15px;
  font-weight:normal;
  text-decoration:none;
}
.accessories .item .more-info {
  color:#33a90f;
  float:left;
  margin:0 10px 0 0;
}
.accessories .item .more-info a,
.accessories .item .more-info a:hover {
 color:#33a90f;  
}
.accessories .item .info {
  height:100%;
  overflow:hidden;
  clear:both;
  margin:0 0 10px 0;
  text-align:center;
}
.accessories .item .title 
{
  font-size:14px;
  line-height:18px;
  height:38px;
  margin:0;
}



/* product-overview spareparts */

.none {
  display:none;
}
.spareparts {
  float:left;
  margin:40px 0 0 0;
  padding:0 0 0 20px;
}
.spareparts-image {
  float:right;
  margin:40px 10px 80px 0;
}
.spareparts-image .title{
  float:none;
  color:#656565;
  font-size:16px;
  font-weight:normal;
  text-align:right;
  padding:0 0 10px 0;
}
.sparepart .info {
	overflow:hidden;
	margin-bottom:10px;
}


/* sparepart boxes with image+description */

.sparepart {
  height:100%;
  overflow:hidden;
  clear:both;
  width:330px;
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  /*border-bottom:1px #cacaca solid;*/
}

.sparepart img{
  background-color:#fff;
  padding:4px;
  border:1px #cacaca solid;
}
.sparepart .sparepartimage 
{
	height:100%;
	overflow:hidden;
	clear:both;
}
.sparepart p{
  font-size:15px;
  color:#000;
  font-weight:bold;  
  margin:0 0 5px 0;
}
.topborder 
{
	border-top:1px #cacaca solid;
	padding:10px 0 0 0;
	width:290px;
}
.tip {
  background-image:url('../../images/tipimage.gif');
  background-repeat:no-repeat;
  background-position:220px center;
  
  border:1px #c9bf6d solid;
  background-color:#fff6a6;
  padding:10px;
  color:#a9762e;
  font-size:11px;
  width:270px;
}
.tip p {
  margin:0;
}
.tip span {
  color:#302f2b;
}


/* new version */

/* big stars */

.big-stars{
  background-image:url('../../images/stars/big_stars.gif');
  background-repeat:no-repeat;
  width:166px;
  height:29px;
  float:left;
}
.big-stars .stars {
 background-image:url('../../images/stars/big_stars_fill.gif');
 background-repeat:no-repeat;
 float:left;
 height:29px; 
}
.big-stars .half       { width:15px; }
.big-stars .one        { width:30px; }
.big-stars .one-half   { width:49px; }
.big-stars .two        { width:64px; }
.big-stars .two-half   { width:83px; }
.big-stars .three      { width:98px; }
.big-stars .three-half { width:117px; }
.big-stars .four       { width:132px; }
.big-stars .four-half  { width:151px; }
.big-stars .five       { width:166px; }

/* small stars */

.small-stars{
  background-image:url('../../images/stars/small_stars.gif');
  background-repeat:no-repeat;
  width:78px;
  height:14px;
  float:left;
  margin:0 10px 0 0;
}
.small-stars .stars {
 background-image:url('../../images/stars/small_stars_fill.gif');
 background-repeat:no-repeat;
 float:left;
 height:14px; 
}
.small-stars .half       { width:7px; }
.small-stars .one        { width:14px; }
.small-stars .one-half   { width:23px; }
.small-stars .two        { width:30px; }
.small-stars .two-half   { width:39px; }
.small-stars .three      { width:46px; }
.small-stars .three-half { width:55px; }
.small-stars .four       { width:62px; }
.small-stars .four-half  { width:71px; }
.small-stars .five       { width:78px; }



/* filegallery PH */

/* press table */
.filegallery
{
	width:100%;
	background:#fdfdfd;
}
.filegallery td
{
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #c9c9c9;
}
.filegallery tr:hover
{
	background-color:#fef8bf;
}
.filegallery .header:hover
{
	background-color:#c0cdd0;
}
.filegallery .uppercase
{
	text-transform:uppercase;
	font-style:normal;
	font-weight:bold;
	}
.filegallery .header
{
	background-color:#c0cdd0;
	font-style:italic
}

.filegallery .last
{
	text-align:right;
}



/* SIDEBAR ELEMENTS for blog
----------------------------------------------- */

.list{
}
.list ul{
 margin:0;
 padding:0;
}
.list ul li {
 margin:0 0 1px 0;
 background-color:#f6f6aa;
 border-bottom:1px #e3e37c solid;
}
.list ul li a{
 display:block;
 line-height:25px;
 width:100%;
 font-size:12px;
 color:#515151;
 text-decoration:none;
}
.list ul li a:hover{
 text-decoration:none;
 background-color:#e3e37c;
 color:#515151;
}
.list .number {
 width:34px; 
 text-align:center;
 margin:0 10px 0 0;
 float:left;
 color:#515151;
 font-size:11px;
 background-color:#e3e37c; /* background color for number area */
}



/* BLOGPOST
----------------------------------------------- */

.blogpost{
}

.blogpost .top-info {
 height:100%;
 overflow:hidden;
 clear:both;
 border:1px #cfcfcf solid;
 border-left:none;
 border-right:none;
 padding:10px;
 margin:10px 0 20px 0;
 font-size:11px;
}
.blogpost .author {
}
.blogpost .tags {
}

/* rounded bubble comments */

div.bubble {
}

div.bubble blockquote {
 margin: 0px;
 padding: 0px;
 border: 1px solid #c9c2c1;
 background-color: #fff;
}

div.bubble blockquote p {
 margin: 10px;
 padding: 0px;
}

div.bubble cite {
 position: relative;
 margin: 0px;
 padding: 7px 0px 0px 15px;
 top: 4px;
 background: transparent url(../../images/tip.gif) no-repeat 20px 0;
}

/* post a comment for blogpost */

.post-comment {
}
.post-comment label{
 width:80px;
 float:left;
 margin:8px 0 0 0;
}
.post-comment .normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:250px;
}
.post-comment .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.post-comment .textarea {
 margin:2px 0 10px 0;
 padding:5px;
 width:525px;
 height:150px;
}
.post-comment .submit {
 padding:2px;
 float:right; 
}
/* hover effect */
.post-comment .effect {
 background-color:#f2f2f2;
 cursor:pointer;  
 border:1px #c4c4c4 solid;
}
.post-comment input.normal:hover,
.post-comment textarea:hover {
 background-color:#fff;
}


/* BLOGLIST
----------------------------------------------- */

.bloglist {
}
.bloglist h2 a {
  text-decoration:none;
}
.bloglist h2 a:hover {
  text-decoration:underline;
}
.bloglist .information {
 height:100%;
 overflow:hidden;
 clear:both;
 border:1px #cfcfcf solid;
 border-left:none;
 border-right:none;
 padding:10px 0;
 margin:10px 0 20px 0;
 font-size:11px;
}
.bloglist .information .comment {
 background-image:url('../../images/icons/comment.gif');
 background-repeat:no-repeat;
 padding:0 0 0 20px;
}
.bloglist .bottomnav {
}
.bloglist .bottomnav ul {
}
.bloglist .bottomnav ul li {
  margin:0 1px 0 0;
  float:left;
}
.bloglist .bottomnav ul li a {
  color:#515151;
  padding:10px;
  background-color:#f6f6aa;
  text-decoration:none;
  line-height:30px;
}
.bloglist .bottomnav ul li a:hover {
  background-color:#e3e37c;
  text-decoration:none;
}
.bloglist .bottomnav .last {
  float:right;
}

.calculate-footer 
{
	background-color:#e6e6e6;
	border-top:1px #c9c9c9 solid;
	border-bottom:1px #c9c9c9 solid;
	height:100%;
	overflow:hidden;
	clear:both;
}
.calculate-footer .whiteline 
{
	border-top:1px #fff solid;
}
.calculate-footer .gotostorebutton 
{
	padding:20px 0 10px 374px;
}


/* checkout flow */
.shophead
{
    color:#06637c;
}
.requiredfields 
{
	margin:0 0 5px 0;
}
.required{
	color:#d80a0a;
}
.shopflowbox 
{
  background-color:#C4E1E5;
  padding:10px;
  height:100%;
  overflow:hidden;
  clear:both;
}
.addressdiv 
{
  background-color:#C4E1E5;
  padding:10px;
}
.address {
  width:510px;
  margin:0 0 20px 0;
}
.address .right-side {
  padding:0 0 0 15px;
}
.address thead th {
  font-size:16px;
  font-weight:bold;
  padding:0 0 10px 0;
  text-align:left;
}
.address label {
 font-size:12px;
}
.address .normal{
 margin:2px 0 10px 0;
}

.address .select {
 margin:2px 0 10px 0;
 padding:4px 0;
 width:245px;
 border:1px #c0c0c0 solid; 
}
.checkbox 
{
	width:10px !important;
	border:none !important;
	margin:0 !important;
	padding:0 !important;
}

/* choose payment method */


.choosepayment
{
}
.choosepayment .image 
{
	margin:0 0 0 20px;
	vertical-align:middle;
}
.choosepayment ul 
{
  border-top:1px #c0c0c0 solid; 
  width:530px;
}
.choosepayment ul.second 
{
  border-top:none; 
}

.choosepayment li:hover {
  background-color:#faee5a;
  cursor:pointer;
  cursor:hand;
}
.choosepayment ul li 
{
  background-color:#fff;
	padding:10px 0 10px 60px;
	display:block;
	border-bottom:1px #c0c0c0 solid; 
	width:470px;
}
.choosepayment ul .selected {
 background-image:url('../../images/icons/mark.gif');
 background-repeat:no-repeat;
 background-position:20px center;
 background-color:#e6f1f3 !important;
}
.choosepayment ul .arrow {
 background-image:url('../../images/icons/arrow-menu.gif');
 background-repeat:no-repeat;
 background-position:20px center;
}


/* negative */

.negative {
 height:100%;
 overflow:hidden;
 background-color:#ffe5e5;
 border-top:1px #e05c39 solid;
 border-bottom:1px #e05c39 solid;
 padding:15px 20px 10px 80px;
 background-image:url('../../images/icons/negative.gif');
 background-repeat:no-repeat;
 background-position:20px 10px;
 margin:0 0 20px 0;
}
.negative p {
 font-size:14px;
 color:#3d3d3d;
}
.negative .title {
 font-size:20px;
 color:#af3919;
}
.negative p span {
 font-weight:bold;
 color:#ae3311;
}

/* Customer statement */

.customer-statement {
 height:100%;
 overflow:hidden;
 clear:both;
 border-bottom:1px #e6e5e5 solid;
 padding:0 0 20px 0;
}

.customer-statement blockquote {
 background: transparent url(../../images/quoteUp.gif) left top no-repeat;
 float:left;
 padding:20px 0 0 0;
}
.customer-statement blockquote div {
 padding:0 0 1px 0;
 margin:0 0 5px 0;
 background: transparent url(../../images/quoteDown.gif) right bottom no-repeat;
}
.customer-statement blockquote div p {
 font-size:11px;
 padding:0 20px 0 30px;
}
.customer-statement .author {
 margin:10px 0 0 0;
 float:right;
 font-size:11px;
}
.customer-statement .author strong {
 font-size:13px;
 font-weight:bold;
}

/* rounded bubble comments */

.bubble-review 
{
	/*padding:0 0 20px 0;*/
	

}
.bubble-review .top {
  background-image:url('../../images/bubble-review-top.gif');
  background-repeat:no-repeat;
  width:325px;
  height:10px;
  display:block;  
}
.bubble-review .bottom {
  background-image:url('../../images/bubble-review-bottom.gif');
  background-repeat:no-repeat;
  width:280px; /* should be 325px, but we have to deduct padding */
  height:13px; /* should be 33px, but we have to deduct padding */
  display:block;
  padding:20px 45px 0 0;
  text-align:right;
  font-weight:bold;
  font-size:12px;
}
.bubble-review .review-content /* borders */ {
  background-image:url('../../images/bubble-review-content-borders.gif');
  background-repeat:repeat-y;
  width:325px;
  display:block;
  height:100%;
  overflow:hidden;
  clear:both;
  _margin-top:-5px; /* under IE6 we have space between top corner and content so we have to "eat this space :)"  */
}
.bubble-review .review{
  background-image:url('../../images/bubble-review-content.gif');
  background-repeat:no-repeat;
  background-position:center bottom;
  width:281px; /*full width without borders width 321px */
  padding:0 20px;
  /*_padding:0 18px;*/
  margin:0 0 0 1px;
  min-height:85px;
  _height:85px;
  display:block;
  background-color:#fff;
  /* style for the review */
  font-size:13px;
  font-style:italic;
  font-family:Georgia,'Lucida Grande',  LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif; 
}
.bubble-review a 
{
	color:#808080;
	text-decoration:none;
}
.bubble-review a:hover 
{
	color:#292929;
	text-decoration:underline;
}

/* new bubble-customer-reviews */

.bubble-customer-reviews {
  font-size:12px;
  
  font-family:Georgia,'Lucida Grande',  LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif; 
  text-align:center;
  width:285px;
  padding:0 20px;
}

.bubble-customer-reviews .description {
  color:#000;
  font-size:16px;
  font-style:normal;
  font-weight:normal;
}
.bubble-customer-reviews .author {
  color:#6e592b;
  font-size:14px;

}
.bubble-customer-reviews a 
{
	color:#808080;
	text-decoration:none;
}
.bubble-customer-reviews a:hover 
{
	color:#292929;
	text-decoration:underline;
}
.bubble-customer-reviews .middle {
  clear:both;
  height:100%;
  overflow:hidden;
  clear:both;
  padding:0 0 10px 100px;
}
.highslide-html-content .bubble-customer-reviews a 
{
	color:#000;
	text-decoration:none;
}
.highslide-html-content .bubble-customer-reviews a:hover 
{
	color:#000;
	text-decoration:underline;
}

/* slideshow for productpage */


#navproductimages { 
  width: 200px; 
  height:100%;
  overflow:hidden;
  clear:both;
  float:right;
  *float:left;
  _float:left;
   margin:0 0 0 20px;
  *margin:0 0 0 40px;
  _margin:0 0 0 20px;
  padding:0;
}
#navproductimages ul {
  padding:0 !important;
  margin:0 !important;
  list-style-type:none !important;
}
#navproductimages li { 
  width: 45px; 
  float: left; 
  margin: 0 9px 9px 9px; 
  _margin:0 5px 8px 5px;
  list-style: none 
}
#navproductimages a { 
  width: 45px; 
  padding: 3px; 
  display: block; 
  border: 1px solid #ccc; 
}
#navproductimages a.activeSlide { 
  background: #88f 
}
#navproductimages a:focus { 
  outline: none; 
}
#navproductimages img {
  border: none; 
  display: block 
}

.pics {
	padding:0;
	margin:0; 
	/*overflow: hidden; */
	clear:both;
	width: 200px; 
	*width:10px;
	height: 290px;
	float:right;
	*float:left;
}
.pics img {
	margin:10px 0 4px 10px;
	*margin:10px 0 4px 40px; 

	width:178px;
}


/*highslide */


.highslide-html-content 
{
	overflow:hidden;
	clear:both;
	background-image:url(../../images/topbannerbg.gif);
  	background-repeat:repeat-x;
  	background-color:#e4f5f7;
	/*padding:30px 20px 0px 20px;*/
	width:850px;


	
}
.highslide-html-content .navbar 
{
	height:20px;
	padding:5px 20px;
	text-align:right;
	background-color:#e5e5e5;
	/*margin:-30px -30px 40px -20px;*/
	margin:0 0 20px 0;
	width:810px;	
}
.highslide-html-content .highslide-body 
{
	/*padding:30px 20px 0px 20px;*/
	padding:25px 15px 0 15px;
	width:810px;
}
.highslide-html-content .navbar a
{
	position: relative;
	
}

.highslide-html-content .bigimage
{
	float:left;
	margin:0 40px 0 0;
}
.highslide-html-content .modelname 
{
	font-size:30px !important;
	margin:0 0 10px 0;
}
.highslide-html-content .description 
{
	float:left;
	width:300px;
}
.highslide-html-content .rightside 
{
	float:left;
	width:500px;
}
.highslide-html-content .price 
{
	 font-family:  Georgia, 'Lucida Grande',  LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif; 
}

.highslide-html-content .pictures 
{

}
.highslide-html-content .pictures img
{
	float:left;
	margin:0 10px 10px 0;
}



/* highslide-html-content for produtpage imagegallery */

.highslide-html-content .image 
{
	width:480px;
	height:300px;
	background-image:url('../../images/highslide-gradient-imagegallery.gif');
	background-repeat:repeat-x;
	
	background-position:center top;
	float:left;
	text-align:center;

}
.highslide-html-content .price{
  font-size:25px;
  color:#000;
  font-weight:bold;  
   font-family:  Georgia, 'Lucida Grande',  LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif;   
 font-style:normal;
}

.highslide-html-content .imagegallery2 
{
	width:260px;
	float:left;
	margin:20px 0 0 30px;
}
.highslide-html-content .imagegallery2 img 
{
	/*width:50px;
	height:50px;*/
	float:left;
	margin:0 10px 10px 0;
}

/* ul li for product overview */

.listing ul{
  margin:0;
  padding:0;
}
.listing ul li {
  display:block;  
  background-image:url('../../images/icons/mark.gif');
  background-repeat:no-repeat;
  background-position:left 5px;
  padding:0 0 3px 8px;
}


	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
	
	
	
	
/* image gallery */
.image-gallery 
{
	float:left;
	margin:0 10px 0 0;
	width:410px;
}
.bigpicture 
{
	height:250px; 
	/* we need this because when we click on 
product image while the website is still loading 
then highslide popup content will have scrollbar
because popup will have too less heigh */
}
.image-gallery .thumb 
{
	width:410px;
}
.image-gallery .thumb ul li 
{
	float:left;
}
.image-gallery .thumb img 
{
	float:left;
	margin:4px 4px 0 0;
}


/* step boxes */

.landingtopbanner {
	margin:10px 0 50px 0;
	height:100%;
	overflow:hidden;
	clear:both;
}
.stepbox {
	margin:0 0 60px 0;
	height:100%;
	overflow:hidden;
	clear:both;
}
.stepbox .leftpart {
	width:300px;
	float:left;
	height:100%;
	overflow:hidden;
	clear:both;
}
.stepbox .rightpart {
	width:510px;
	float:right;
	height:100%;
	overflow:hidden;
	clear:both;
}
/* blue formatting */
.stepbox_1 {
	background-image:url('../../images/stepbox_1bg.gif');
	background-position:center bottom;
	background-repeat:repeat-x;
	padding:20px;
	min-height:293px; /* should be 333px but - padding  */
	_height:293px;
	border-bottom:1px #8fc4c9 solid;
	background-color:#c7e4e7;
}
/* green formatting */
.stepbox_2 {
	background-image:url('../../images/stepbox_2bg.gif');
	background-position:center bottom;
	background-repeat:repeat-x;
	padding:20px;
	min-height:293px; /* should be 333px but - padding  */
	_height:293px;
	border-bottom:1px #9bc98f solid;
	background-color:#cde7c7;
}
.stepbox-product-tour {
}
.stepbox-extenders {
}
.stepbox-shop {
}
.stepbox-compare 
{
}

/* numbers */

.stepnumber {
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 70px;
	height:60px;
	margin:0 0 15px 0;
}

.step1 { background-image:url('../../images/step1.gif'); }
.step2 { background-image:url('../../images/step2.gif'); }
.step3 { background-image:url('../../images/step3.gif'); }
.step4 { background-image:url('../../images/step4.gif'); }
.step5 { background-image:url('../../images/step5.gif'); }

.stepnumber h2 {
	font-weight:normal;
	color:#020202;
	padding:0;
	margin:0;
	font-size:32px;
	line-height:60px; /* it should be the same height like we have on .stepnumer class */
}

/* styles for things which we have inside boxes */

.step1style {
	color:#020202;
	font-size:13px;
}
.flash-container-landing 
{
	position:absolute;
	width:511px;
	height:310px;
	bottom:0;
	background-image:url(../../images/flashframeBg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.checkmarks 
{
	margin:5px 0 0 0;
}
.checkmarks ul{
	margin:0;
	padding:0;
}
.checkmarks ul li {
	display:block;  
	background-image:url('/images/icons/mark.gif');
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:0 0 6px 25px;
	font-size:13px;
}

/* search results - gotopage */

.gotopage 
{
	width:530px;
	float:left;
	clear:both;
}
.gotopage ul 
{
	margin:0;
	padding:0;
	list-style-type:none;
}
.gotopage ul li 
{
	display:inline;
	float:left;
}
.gotopage .nextpage a 
{
	color:#393939;
}

/* style for local currency */

.localcurrency 
{
	margin:5px 0;
}