/* 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 {
    background:none;
    border:none;
    width:227px;
    padding:6px 5px;
    font-weight:normal;
    background-image:url(../../images/inputNormal.gif);
    background-repeat:no-repeat;
    color:#fff;
}
input.short {
    background-image:url(../../images/inputNormalSmall.gif);
}
/* 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 {
    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 {
    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 {
}
.review .author {
    font-size:12px;
    color:#7f580e;
    font-weight:bold;
}
/* 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;
    border-spacing:51px;
    width:529px;
    text-align:left;
    font-size:14px;
    margin-left:1px; /* border-collapse is "eating" 1px from the top and left side in firefox so we have to add 1px and width-1px */
    margin-top:1px;
}
.table1 .first {
    text-align:left;
}
.table1 .second {
    text-align:left;
}
.table1 .third {
    text-align:right;
}
.table1 thead th,
.table1 td {
    padding:5px 6px;
}
.table1 td {
/*border-top:1px #c0c0c0 solid;*/
}
.table1 tr {
    background-color:#212121;/* bg color for normal tr - default */
    border-bottom:2px solid #232323;
}
.table1 thead tr {
    background-color:#1c1c1c; /* this tr will have the same bg color as we have in .table1 */
}
.table1 th {
    border-bottom: 1px #c0c0c0 solid;
}
.table1 .shipping {
    background-color:#1C1C1C;
}
/* 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 {
	padding:6px;
}
.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 boxes with image+description */

.sparepart {
    height:100%;
    overflow:hidden;
    clear:both;
    margin:0 0 10px 0;
}
.sparepart {
    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 .price {
    font-size:15px;
    color:#000;
    font-weight:bold;
    margin:0 0 5px 0;
}
.sparepart .title a {
    float:none;
    color:#656565;
    font-size:15px;
    font-weight:normal;
    text-decoration:none;
    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 {
    /*text-align:center;
	color:#7f7e7c;*/
	color:#799ac1;
}
.requiredfields {
    margin:0 0 5px 0;
}
.required {
    color:#d80a0a;
}
/*Shop flow box*/
.shopflowbox {
    background-color:#222222;
    height:100%;
    overflow:hidden;
    clear:both;
}
.shopflowbox table {
}
.shopflowbox table th {
    width:50%;
    padding:6px;
}
.shopflowbox table td {
    padding:6px;
}
.shopflowbox table td p {
    font-size:.9em;
}
.addressdiv {
    background-color:#222222;
    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 3px;
    padding:0 0 3px 20px;
}
#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;
}