/*
Fugue Icons
============================================================
Copyright (C) 2009 Yusuke Kamiyamane. All rights reserved.
The icons are licensed under a Creative Commons Attribution
3.0 license. <http://creativecommons.org/licenses/by/3.0/>
http://www.pinvoke.com/
------------------------------------------------------------
*/
@import url("reset.css");
/*@font-face {
	font-family: geosanslight;
	src: url("GeosansLight.ttf");
}*/
body{
	background: url("/Common/Grpx/BgSite.jpg") repeat top center #3b3b3b;
	/*background: url("/Common/Grpx/brownlattice2.gif") repeat top center #3b3b3b;*/
	color: #909090;
	font-family: verdana, sans-serif;
	/*font-family: "Segoe UI",Frutiger,Tahoma,"Helvetica","Helvetica Neue",Arial,sans-serif;*/
	font-size: 10px;
	min-width: 980px;
	line-height: 1.5em;
}
h1{
	color: #606060;
	font-family: sans-serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 5px;
}
h2{
	color: #606060;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 5px;
}
h3{
	color: #909090;
	/*font-family: geosanslight, arial, sans-serif;*/
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 0;
	/*clear: both;*/
}
p{ line-height: 1.5em; margin-bottom: 15px; font-size: 11px; }
a{ color: black; text-decoration: none; }
a:hover{ color: #a30b30; text-decoration: underline; }
hr{	display: none; }
#maincontainer ul { margin-left: 20px; }
.error { color: #a30b30 !important; }
.errorsummary { margin-bottom: 10px }
legend {
	color: #606060;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 0;
	margin-left: 0;
	text-indent: 0;
}
input.textbox, select, textarea {
	font-size: 10px;
	font-family: verdana, sans-serif;
	padding: 3px;
	border: 1px solid #ddd;
	/*-moz-border-radius: 5px;*/
}
input.textbox { padding: 4px; }

/* CUSTOM DROPDOWNS */
.dropdowncontainer { position: relative; display: inline-block; }
.dropdown { position: relative; z-index: 2; }
.dropdownsub { position: absolute; 	z-index: 1; }
.dropdowncontainer > .dropdownsub {	display: block; width: 100%; line-height: 16px;	color: #a30b30; }
.dropdowncontainer > .dropdownsub > span { display: block; padding-right: 20px;
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat scroll 100% -23px transparent;
}
.dropdowncontainer > .dropdownsub > span > span { display: block; padding: 2px 0 5px 8px;
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat scroll 0 0 transparent;
}

table{
	line-height: 1.4em;
}
.receipt table{
	line-height: inherit;
}
.receipt td{
	padding: 3px 5px;
/*	font-family: Verdana !important;*/
}
table.customerdata{
	float: left;
	margin-bottom: 15px;
}
table.customerdata th{
	color: #606060;
	padding-right: 15px;
	text-align: left;
	white-space: nowrap;
}
table.customerdata th em{
	font-style: normal;
	font-size: 9px;
	font-weight: normal;
}
table.customerdata th em{
	font-style: normal;
	font-size: 9px;
	font-weight: normal;
}
table.customerdata td{
	color: #303030;
	padding-right: 15px;
	text-align: left;
	white-space: nowrap;
}
table.customerform{
	float: left;
	margin-bottom: 15px;
	width: 65%;
}
table.customerform th{
	color: #606060;
	padding-right: 15px;
	text-align: left;
	white-space: nowrap;
}
table.customerform th em{
	color: #909090;
	display: block;
	font-style: normal;
	font-size: 9px;
	font-weight: normal;
}
table.customerform td{
	color: #303030;
	padding-right: 15px;
	padding-bottom: 5px;
	text-align: left;
}
table.customerform td#idnumbercontainer{
	padding-bottom: 0;
}
table.customerform td em{
	color: #909090;
	display: block;
	font-style: normal;
	font-size: 9px;
	font-weight: normal;
}
table.customerform td.checkboxcontainer input{
	float: left;
}
table.customerform td.checkboxcontainer label,
table.customerform td.checkboxcontainer em{
	float: left;
	margin-left: 5px;
}
table.customerform input.text{
	padding: 2px;
	width: 180px;
}
table.customerform select{
	padding: 2px;
	width: 188px;
}
table.alternating{
	clear: both;
	margin-top: 0;
	margin-bottom: 20px;
	width: 100%;
}
table.campaigntext{
	clear: both;
	margin-top: -10px;
	margin-bottom: 20px;
	width: 100%;
	color: #a30b30;
}
table.campaigntext td{
	padding-bottom: 3px;
}

table.alternating th{
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #606060;
	text-align: left;
	padding: 5px 0 5px 5px;
	white-space: nowrap;
}
table.alternating th em{
	color: #606060;
	display: block;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
}
table.alternating td{
	text-align: left;
	padding: 5px 0 5px 5px;
	/*white-space: nowrap;*/
	vertical-align: middle;
}
table.alternating tr.even td,
table.alternating tr.alt td{
	background-color: #f1f1f1;
}
table.alternating td.actions{
	text-align: center;
}
table.alternating td.cartimage{
	padding: 5px 0 5px 5px;
}
table.alternating td.cartimage img{
	height: 30px;
	width: 30px;
	vertical-align: middle;
	/*border: 1px solid #ddd;*/
}
table.alternating .removeaction{
	text-align: center;
}
table.alternating a.copyaction{
	background: url("/Common/Grpx/icons/copy.png") no-repeat transparent;
	display: inline-block;
	height: 16px;
	width: 16px;
}
table.alternating a.copyaction span{
	display: none;
}
table.alternating strong.total{
	color: #a30b30;
	font-size: 13px;
}
.button { display: none }

/* PRINTERLIST */
#maincontainer .printer-list h2 { border: none; margin-bottom: 0; }
.printer-list .alternating td { width: 1%; padding: 5px 0 5px 15px; vertical-align: top }
.printer-list .alternating td.price { width: 120px; white-space: nowrap; }
.printer-list .alternating td.product { width: 400px; padding-left: 5px }
.printer-list .alternating td.color { width: 80px; }
.printer-list .alternating td.id { width: 80px; }
.printer-list .alternating th { padding: 5px 0 5px 15px }

	

table.cartcontent td{
	width: 10%;	
}
table.cartcontent td.cartimage{
	width: 60%;	
}
table.campaigntext td.campaigntext{
	padding-left: 45px;
}
table.campaigntext td.campaignvalue{
	width: 20%;
	padding-left: 5px;
}
/* PURCHASE STEPS */
ul.purchasesteps{
	float: left;
	width: 100%;
}
ul.purchasesteps li{
	float: left;
	text-align: center;
	margin: -10px 0 10px 0;
	cursor: default;
}
ul.purchasesteps li a.active{
	font-weight: bold;
}
ul.purchasesteps li a{
	display: block;
}
ul.purchasesteps li a:hover{
	text-decoration: none;
	color: inherit;
}
ul.purchasesteps .stepsymbol{
	display: block;
	height: 26px;
	text-align: center;
	line-height: 25px;
	font-size: 11px;	
	font-weight: bold;
	color: White;
	background: url("/Common/Grpx/steps.png") no-repeat 50% -52px transparent;
	padding: 0 50px;
	margin-bottom: 5px;
}
ul.purchasesteps li a.active .stepsymbol{
	background-position: 50% -78px;
}
ul.purchasesteps li.first .stepsymbol{
	background-position: 50% 0px;
}
ul.purchasesteps li.first a.active .stepsymbol{
	background-position: 50% -26px;
}
ul.purchasesteps li.last .stepsymbol{
	background-position: 50% -104px;
}
ul.purchasesteps li.last a.active .stepsymbol{
	background-position: 50% -130px;
}

div.tableactions{
	margin-bottom: 10px;
}

.createcustomerform{
	clear: both;
}
fieldset{
	margin-bottom: 20px;
}
.required{
	color: #a30b30;
}
.error{
	color: #a30b30;
}
.formrow{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

.formrow .getaddress{
	text-align: right;
}
.formrow .radioinput input{
	margin-left: 20px;
}
/* LOGINFORM */
.loginform { float: left; clear: left; width: 47.5%; background-color: #F1F1F1; border: 1px solid #DDDDDD; padding: 10px; }
.loginform .actionrow {	text-align: right; }
.loginform label { float: left; font-weight: bold }
.loginform .textbox { float: right; width: 50% }
.loginform .login, .loginform .send { float: right; margin-top: 10px }
.loginform .lnk strong { background-color: #f1f1f1 }
#maincontainer .loginform h2 { margin: 0 0 10px 0 }
.loginform fieldset { margin: 0 }
.loginform .error { display: block; clear: both; text-align: right; width: 100% }
/* SEND LOGIN */
.sendloginform { clear: none; float: right; width: 45% }

.formfield { }
.rowlabel{
	width: 50%;
	float: left;
	padding: 5px 0;
	text-align: right;
	position: relative;
}
.rowlabel label{
	font-weight: bold;
	margin-right: 10px;
}
.rowlabel label em{
	color: #909090;
	display: block;
	font-weight: normal;
}
.rowlabel .required{
	position: absolute;
	top: 0px;
	right: 0px;
}
.rowinput{
	width: 50%;
	float: left;
}
.rowinput input.textbox{
	background-color: #fff;
	border: 1px solid #ddd;
	width: 90%;
	padding: 5px;
	margin-top: -1px;
	float: right;
}
.rowerror{
	color: white;
	margin-left: 50%;
	float: left;
	width: 47.5%;
	background-color: #a30b30;
}
.rowinput .error{
	color: white;
	background-color: #a30b30;
	padding: 5px;
	display: block;
	width: 90%;
	border: 1px solid #a30b30;
	margin-top: -1px;
	float: right;
	-moz-border-radius: 0 0 5px 5px;
}
.rowinput input.error{
	color: #a30b30;
	border: 1px solid #a30b30;
	-moz-border-radius: 0;
}
/* MESSAGEBOX */
.msgbox {
	padding-bottom: 5px;
	margin: 10px 0;
	font-size: 11px;
	background: url("/Common/Grpx/msgbox-arrow.gif") no-repeat scroll 30px 100% transparent;
	clear: both;
	height: 100%;
}
.msgbox div { padding: 5px 10px; color: #303030; background-color: #f1f1f1;	border: 1px solid #ddd;	height: 100%; }
.msgbox p{ margin: 0; }
.exception { background-image: url("/Common/Grpx/msgbox-ex-arrow.gif"); }
.exception div{	background-color: #a30b30; border: 1px solid #a30b30; color: White; }
.info em.warning { color: #a30b30; font-weight: bold; font-style: normal }

#pagecontainer{
	/*background: url("/Common/Grpx/page_bg.jpg") repeat-y top center transparent;*/
	height: 100%;
}
#pagewrapper{
	/*background: url("/Common/Grpx/BgTopGrad.jpg") repeat-x top center transparent;*/
	height: 100%;
	min-height: 300px;
}
#pagewrapper > #pageframe{
	background: url("/Common/Grpx/shadow_top.png") repeat-x top center transparent;
	height: 100%;
}
#pageframe > #page{
	background: url("/Common/Grpx/shadow_tile.png") repeat-y top center transparent;
	}
#pagehead{
	/*background: url("/Common/Grpx/head_top.jpg") no-repeat top center white;*/
	background-color: White;
	color: #7c7c7c;
	height: 130px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 980px;
	z-index: 2000;
}
#pagehead img#logo{
	position: absolute;
	top: 50px;
	left: 35px;
}
/* SIMPLESEARCH */
#simplesearch{
	/*background: url("/Common/Grpx/search_bg.png") no-repeat 0% 15px transparent;*/
	background: url("/Common/Grpx/simplesearch.gif") no-repeat transparent;
	height: 51px;
	left: 368px;
	position: absolute;
	top: 68px;
	width: 207px;
}
#simplesearch h2 { display: none }
#simplesearch .simplesearch_advanced{
	color: #909090;
	font-size: 9px;
	right: 20px;
	position: absolute;
	top: 0px;
	line-height: 1.5em;
}
#simplesearch .simplesearch_panel{ padding: 0; position: relative; }
#simplesearch .simplesearch_panel div { position: relative; }
#simplesearch .simplesearch_panel label{ position: absolute; top: 6px; left: 15px; text-transform: uppercase }
#simplesearch .simplesearch_panel .textbox{
	background-color: transparent;
	border: none;
	color: #303030;
	font-family: verdana, sans-serif;
	font-size: 11px;
	left: 10px;
	position: absolute;
	top: 2px;
	width: 160px;
	height: 15px;
	padding-top: 4px;
}
#simplesearch .simplesearch_panel .button { display: none; }
#simplesearch .simplesearch_panel .lnk {
	background: url("/Common/Grpx/simplesearch.gif") no-repeat -232px 0px transparent;
	height: 27px;
	position: absolute;
	right: 0px;
	text-align: left;
	top: 0;
	width: 25px;
	padding: 0;
	margin: 0;
}
#simplesearch .simplesearch_panel .lnk:hover{
	background-position: -207px 0px;
}
/* IE6 round error - http://www.positioniseverything.net/round-error.html */
* html #simplesearch .simplesearch_panel .lnk{
	margin-right: -1px;
}
/* jQuery AUTOCOMPLETE */
.ac_results {
	padding: 0px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #fff #ddd #909090 #fff;
	background-color: #f1f1f1;
	overflow: hidden;
	z-index: 9999;
	color: #303030;
}
.ac_results strong{
	color: black;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	border-top: 1px solid white;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-family: verdana, sans-serif;
	font-size: 10px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 12px;
	overflow: hidden;
	/*white-space: nowrap;*/
}
.ac_loading {
	background: white url("/Common/Grpx/spinner.gif") right center no-repeat;
}
.ac_odd {
	background-color: #f1f1f1;
}
.ac_over {
	background-color: #fff;
	color: #a30b30;
}
.ac_over strong {
	color: inherit;
}
.ac_results li div { padding: 5px; border-left: 5px solid #ddd }
.ac_results .division1 { border-color: #90c6f2 }
.ac_results .division3 { border-color: #c0aa93 }
.ac_results .division4 { border-color: #47acbb }
.ac_results .division5 { border-color: #c5d88b }
.ac_results .division7 { border-color: #c6507e }
.ac_results .division8 { border-color: #f2db9c }
.ac_results .division9 { border-color: #ba6650 }

/* SIMPLECART */
#simplecart{
	background: url("/Common/Grpx/bag.png") no-repeat transparent;
	height: 100px;
	left: 640px;
	position: absolute;
	top: 45px;
	width: 340px;
	z-index: -1;
}
#simplecart h2 { display: none }
#simplecart p.info{
	height: 50px;
	margin: 10px 20px 0 90px;
	border-bottom: 1px solid #ddd;
	font-size: 10px;
}
#simplecart strong{
	color: black;
	font-weight: normal;
}
#simplecart em{
	font-size: 9px;
}
#simplecart strong.diff,
#simplecart strong.currency{
	color: #a30b30;
	font-weight: bold;
}
#simplecart a.moreinfo{
	float: left;
	padding-right: 2px;
	margin: 2px 2px 0 0;
	display: block;
}
#simplecart strong.sum,
dt.sum, dd.sum{
	color: #a30b30;
	font-size: 12px;
	font-weight: bold;
}

#simplecart a.showcart{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 100% -92px transparent;
	color: black;
	display: inline-block;
	left: 80px;
	padding-right: 20px;
	position: absolute;
	top: 65px;
}
#simplecart a.showcart:hover{
	background-position: 100% -46px;
	text-decoration: none;
}
#simplecart a.showcart span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	display: block;
	/*padding: 5px 0 9px 10px;*/
	line-height: 20px;
}
#simplecart a.showcart:hover span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% 0px transparent;
	color: #a30b30;
}
#simplecart a.checkout{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 100% -92px transparent;
	color: black;
	display: inline-block;
	padding-right: 20px;
	position: absolute;
	top: 65px;
	right: 10px;
}
.delivery-item a.change{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 100% -92px transparent;
	color: black;
	display: inline-block;
	padding-right: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right: 0;
}
#simplecart a.checkout:hover,
.delivery-item a.change:hover{
	background-position: 100% -46px;
	text-decoration: none;
}
#simplecart a.checkout span,
.delivery-item a.change span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	display: block;
	/*padding: 5px 0 9px 10px;*/
	line-height: 20px;
}
#simplecart a.checkout:hover span,
.delivery-item a.change:hover span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% 0px transparent;
	color: #a30b30;
}
/* Payment alternatives */
.paymentalts{ float: left; width: 30%; margin-right: 3% }
#maincontainer .paymentalts ul { margin-left: 0px; }
.paymentalts li.paymentalt { clear: both; }
.paymentalts li.paymentalt-3{
	/*background: url("http://www.shopping4net.se/Common/Grpx/Img-PaymentAlt3.gif") no-repeat 50% 0%;*/
}
.paymentalts input { float: left; }
.paymentalts label { float: left; font-size: 11px; line-height: 19px; margin-left: 5px; }
.paymentalts li p {
	color: #909090;
	font-size: 9px;
	margin: 0 0 5px 26px;
	clear: both;	
}
.paymentalts .selected label{ font-weight: bold; }
.readmore{
	background: url("/Common/Grpx/Icons/information-balloon.gif") no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 3px 0 0 5px;
	float: left;
}
.readmore span{display: none;}
/* SUBSCRIPTION */
.subscription { float: left; width: 33%; }
.havesubscription{ clear: both; }
#maincontainer .subscriptioninfo ul { list-style: disc outside; }
.havesubscription .info {  }
.subscription fieldset {  }
.subscription .radio input { float: left }
.subscription .radio label { font-size: 11px; line-height: 19px; margin-left: 5px; float: left }
.subscription .yes label { font-weight: bold; }
.subscription br { display: none }
.subscription .subscriptionext { font-size: 9px; color: #909090; display: block; margin-left: 26px; clear: both; }
.subscription .no .subscriptionext { display: inline; margin-left: 5px; clear: none; }
.subscriptioninterval p { font-size: 9px; color: #909090; }
/* DELIVERYINFORMATION */
.deliveryinfo { float: right; width: 31%; margin-left: 3% }
/* CONFIRMATION BOXES */
.confirmationbox {
	clear: both; 
    background-color: #f1f1f1; 
    border: 1px solid #ddd; 
    color: #a30b30;
    float: left;
	font-size: 11px;
	margin-bottom: 10px;
	/*padding: 5px;*/
	width: 100%;
}
.checkboxcontainer { float: left; }
.checkboxcontainer input, .checkbox { float: left; }
.checkboxcontainer label { display: block; margin-left: 25px; margin-top: 2px }
.buyactions{
	border-top:1px solid #F1F1F1;
	clear: both;
	padding-top: 10px;
	text-align: center;
}

/* SIMPLECART (content) */
#simplecart #cartcontentcontainer {
	background-color: white;
	color: #303030;
	position: absolute;
	top: 100px;
	left: 0px;
	width: 320px;
	display: none;
}
#simplecart #cartcontent{
	border: 1px solid #ddd;
	border-top: none;
	padding: 10px;
}
#simplecart #cartcontent p{
	margin: 0;
}
/* _Countryselect_Support_Login CONTAINER */
#csl_container{
	background: url("/Common/Grpx/custserv.png") no-repeat top left transparent;
	height: 23px;
	padding: 6px 10px 5px 25px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#csl_container h2 {
	font: bold 11px/12px arial, sans-serif; 
	color: Black; 
	cursor: pointer; 
	float: left; 
	margin-top: 5px;
	padding: 0;
}
#csl_container .lnk span, #csl_container .lnk strong { background-color: #f1f1f1 }
/* SIMPLELOGIN */
#simplelogin { float: left; margin: 0 10px; display: inline; }
#simplelogin br { display: none; }
#simplelogin #logincontrols { float: left; display: none }
#simplelogin .loginfield { float: left; position: relative; margin-right: 5px }
#simplelogin label { position: absolute; top: 4px; left: 5px; cursor: text }
#simplelogin input { float: left; }
#simplelogin ul { float: left; }
#simplelogin li { float: left; margin-left: 10px }
#simplelogin a { float: left; }
#simplelogin li a { display: inline-block; padding: 3px; }
#simplelogin .logininfo { float: left; line-height: 22px; margin-right: 10px; }
#simplelogin .username { width: 20em; }
#simplelogin .password { width: 10em; }
#simplelogin .button { cursor: pointer; }
#simplelogin .login, #simplelogin .logout { margin-top: 1px; }
#simplelogin #loginheader { margin-right: 5px; background: url("/Common/Grpx/ArrowLeft.gif") no-repeat 0% 50% transparent; padding-left: 15px }
#simplelogin #loggedinheader { display: none; }

/* COUNTRYSELECT */
#countryselect { float: left; margin-right: 10px; position: relative; display: inline }
#countryselect h2{
	padding-left: 25px;
	background: url("/Common/Grpx/flags.png") no-repeat 5px 1px transparent;
}
#countryselect h2 span { display: block; background: url("/Common/Grpx/ArrowDown.gif") no-repeat 100% 50% transparent; padding-right: 20px }
#countryselect ul{
	position: absolute;
	border: 1px solid #ddd;
	border-bottom: none;
	background-color: white;
	top: 27px;
	right: -20px;
	z-index: 5;
	display: none;
	-moz-box-shadow: 0px 2px 3px #909090; 
}
#countryselect li { border-bottom: 1px solid #ddd; padding: 5px 0; }
#countryselect a{
	display: block;
	background: url("/Common/Grpx/flags.png") no-repeat 5px 1px;
	padding: 0px 5px 0px 25px;
	white-space: nowrap;
	line-height: 12px;
}
#countryselect .country-da-DK { background-position: 5px -19px; }
#countryselect .country-nb-NO {	background-position: 5px -39px; }
#countryselect .country-sv-FI {	background-position: 5px -59px; }
#countryselect .country-fi-FI {	background-position: 5px -79px; }
#countryselect .country-de-DE { background-position: 5px -99px; }
#countryselect .country-de-AT { background-position: 5px -119px; }
#countryselect .country-en-GB { background-position: 5px -139px; }
#countryselect .country-de-CH {	background-position: 5px -159px; }
#countryselect .country-nl-NL {	background-position: 5px -179px; }
#countryselect .country-en-IE { background-position: 5px -199px; }
#countryselect .country-fr-FR { background-position: 5px -219px; }
#countryselect li a:hover {
	color: #a30b30;
	text-decoration: underline;
}
/* SUPPORT */
#support { float: left; margin: 0 5px 0 10px; position: relative; display: inline }
#support .phone { float: left; display: block; padding-left: 20px; background: url("/Common/Grpx/Icons/mobile-phone-off.png") no-repeat 0 50%; height: 16px; line-height: 16px; margin:3px 10px; }
#support ul  {
	position: absolute; 
	left: 0; 
	top: 27px; 
	z-index: 99;
	background-color: White; 
	border: 1px solid #ddd; 
	border-bottom: none; 
	display: none;
	-moz-box-shadow: 0px 2px 3px #909090; 
}
#support li { border-bottom: 1px solid #ddd; }
#support a { padding: 5px; display: block; white-space: nowrap }
#support h2 { background: url("/Common/Grpx/ArrowDown.gif") no-repeat 100% 50% transparent; padding-right: 20px }


#contentcontainer{
	border-bottom: 5px solid #b84a75;
	margin: 0 auto;
	width: 980px;
}
.shop1 #contentcontainer { border-color: #90c6f2 } /* Lenses */
.shop3 #contentcontainer { border-color: #c0aa93 } /* Printer */
.shop4 #contentcontainer { border-color: #47acbb } /* Fitness */
.shop5 #contentcontainer { border-color: #c5d88b } /* Health */
.shop6 #contentcontainer { border-color: #a30b30 } /* Shopping4net */
.shop7 #contentcontainer { border-color: #c6507e } /* Beauty */
.shop8 #contentcontainer { border-color: #f2db9c } /* Toys */
.shop9 #contentcontainer { border-color: #ba6650 } /* Entertainment */

#content{
	/*background: url("/Common/Grpx/menufade.png") repeat-x 0px 28px white;*/
	background-color: White;
	height: 100%;
	position: relative;
}
/* MENU */
#menucontainer{
	position: relative;
	/*width: 100%;*/
	padding-left: 20px;
	z-index: 1000;
}
#shopsmenu{
	font-size: 12px;
	font-family: arial, sans-serif;
	/*left: 20px;
	position: absolute;
	top: 1px;
	z-index: 2;*/
	float: left;
	width: 940px;
}
#shopsmenu ul{}
#shopsmenu ul li{
	float: left;
	margin-right: 2px;
}
#shopsmenu ul li.active{
	
}
#shopsmenu ul li.active a,
#shopsmenu ul li.active a:hover{
	background-position: 0% 0px;
	color: black;
}
#shopsmenu ul li.active a strong,
#shopsmenu ul li.active a:hover strong{
	background-position: 100% 0px;
}
#shopsmenu ul li a:hover{
	background-position: 0% -58px;
	color: white;
	text-decoration: none;
}
#shopsmenu ul li a:hover strong{
	background-position: 100% -58px;
	text-decoration: underline;
}
#shopsmenu ul li.last{}	
#shopsmenu ul li a{
	background: url("/Common/Grpx/tabs.png") no-repeat 0% -29px transparent;
	color: white;
	display: inline-block;
	line-height: 29px;
	padding-left: 10px;
}
#shopsmenu ul li.first a{}
#shopsmenu ul li a strong{
	background: url("/Common/Grpx/tabs.png") no-repeat 100% -29px white;
	display: block;
	padding-right: 10px;
	font-weight: bold;
}
#shopsmenu ul li.first a strong{}
/* (SUBMENUS) */
#submenuscontainer{
	/*background: url("/Common/Grpx/submenus_bg.png") repeat-y white;*/
	/*margin: 0px 15px;*/
	background: url("/Common/Grpx/submenus_bottom.gif") no-repeat bottom left #f1f1f1;
	clear: both;
	height: 100%;
	position: relative;
	font-size: 12px;
	font-family: arial, sans-serif;
	/*left: 20px;*/
	width: 940px;
	/*padding: 5px 0px 5px 20px;
	border-bottom: 1px solid #ddd;*/
}
/* TREEMENU v4 */
#submenus { position: relative; left: 0px; width: 940px; height: 100%; overflow: hidden; font-family: Verdana, Sans-Serif; font-size: 11px; }
#submenus .levelcontainer { position: relative; display: none; border-left: 1px solid white; z-index: 1 }
#submenus .level-0 { display: block; border-left: none }
#submenus ul { white-space: nowrap; padding: 5px 0; overflow: visible; float: left; display: block; position: relative; }
#submenus a { padding: 3px 5px; margin: 1px 5px; display: inline-block; border-style: solid; border-width: 1px 0; }
#submenus a.has-children { padding-right: 20px; background: url("/Common/Grpx/arrow_right_black.png") no-repeat 100% 50% transparent; }
#submenus a:hover, #submenus a.active, #submenus a.has-children:hover {
	background-color: #ddd;
	color: white;
	text-decoration: none;
	border-color: White;
}
#submenus a.has-children.active, #submenus a.has-children:hover {
	background: url("/Common/Grpx/arrow_right_white.png") no-repeat 100% 50% transparent;
}
#submenus .marker { display: none; }

.shop1 #submenuscontainer { background-color: #c0e2ff; } /* Lenses */
.shop1 #submenuscontainer a { border-color: #c0e2ff; } /* Lenses */
.shop1 #submenuscontainer a.active, .shop1 #submenuscontainer a:hover { background-color: #90c6f2; border-color: white }
.shop3 #submenuscontainer { background-color: #d9cbbd } /* Printer */
.shop3 #submenuscontainer a { border-color: #d9cbbd } /* Printer */
.shop3 #submenuscontainer a.active, .shop3 #submenuscontainer a:hover { background-color: #c0aa93; border-color: white }
.shop4 #submenuscontainer { background-color: #85d1dd } /* Fitness */
.shop4 #submenuscontainer a { border-color: #85d1dd } /* Fitness */
.shop4 #submenuscontainer a.active, .shop4 #submenuscontainer a:hover { background-color: #47acbb; border-color: white }
.shop5 #submenuscontainer { background-color: #d4e1aa } /* Health */
.shop5 #submenuscontainer a { border-color: #d4e1aa } /* Health */
.shop5 #submenuscontainer a.active, .shop5 #submenuscontainer a:hover { background-color: #c5d88b; border-color: white }
.shop6 #submenuscontainer { background-color: #a30b30 } /* Shopping4net */
.shop7 #submenuscontainer { background-color: #e37ea5 } /* Beauty */
.shop7 #submenuscontainer a { border-color: #e37ea5 } /* Beauty */
.shop7 #submenuscontainer a.active, .shop7 #submenuscontainer a:hover { background-color: #c6507e; border-color: white }
.shop8 #submenuscontainer { background-color: #fff1ca } /* Toys */
.shop8 #submenuscontainer a { border-color: #fff1ca } /* Toys */
.shop8 #submenuscontainer a.active, .shop8 #submenuscontainer a:hover { background-color: #f2db9c; border-color: white }
.shop9 #submenuscontainer { background-color: #d48470 } /* Entertainment */
.shop9 #submenuscontainer a { border-color: #d48470 } /* Entertainment */
.shop9 #submenuscontainer a.active, .shop9 #submenuscontainer a:hover { background-color: #ba6650; border-color: white }

#shopsmenu { font-family: Verdana, Sans-Serif; font-size: 11px; letter-spacing: -1px }
.shop6 #shopsmenu { border-bottom: 1px solid #ddd }
#shopsmenu ul li {  }
#shopsmenu ul li a { background-image: url(/Common/Grpx/tabs.gif); background-position: 0% -224px; line-height: 28px; border-bottom: 1px solid white; color: white }
.shop6 #shopsmenu ul li a { border-bottom: none }
#shopsmenu ul li a:hover strong { text-decoration: none; color: black }
#shopsmenu ul li a.active { color: black; border-bottom: none; margin-top: 1px }
#shopsmenu ul li a strong { background-image: url(/Common/Grpx/tabs.gif); background-position: 100% -224px; background-color: transparent }
#shopsmenu ul li#shopsmenu1 a:hover, #shopsmenu ul li#shopsmenu1 a.active { background-position: 0% 0px }
#shopsmenu ul li#shopsmenu1 a:hover strong, #shopsmenu ul li#shopsmenu1 a.active strong { background-position: 100% 0px }
#shopsmenu ul li#shopsmenu3 a:hover, #shopsmenu ul li#shopsmenu3 a.active { background-position: 0% -28px }
#shopsmenu ul li#shopsmenu3 a:hover strong, #shopsmenu ul li#shopsmenu3 a.active strong { background-position: 100% -28px }
#shopsmenu ul li#shopsmenu4 a:hover, #shopsmenu ul li#shopsmenu4 a.active { background-position: 0% -56px }
#shopsmenu ul li#shopsmenu4 a:hover strong, #shopsmenu ul li#shopsmenu4 a.active strong { background-position: 100% -56px }
#shopsmenu ul li#shopsmenu5 a:hover, #shopsmenu ul li#shopsmenu5 a.active { background-position: 0% -84px }
#shopsmenu ul li#shopsmenu5 a:hover strong, #shopsmenu ul li#shopsmenu5 a.active strong { background-position: 100% -84px }
#shopsmenu ul li#shopsmenu7 a:hover, #shopsmenu ul li#shopsmenu7 a.active { background-position: 0% -112px }
#shopsmenu ul li#shopsmenu7 a:hover strong, #shopsmenu ul li#shopsmenu7 a.active strong { background-position: 100% -112px }
#shopsmenu ul li#shopsmenu8 a:hover, #shopsmenu ul li#shopsmenu8 a.active { background-position: 0% -140px }
#shopsmenu ul li#shopsmenu8 a:hover strong, #shopsmenu ul li#shopsmenu8 a.active strong { background-position: 100% -140px }
#shopsmenu ul li#shopsmenu9 a:hover, #shopsmenu ul li#shopsmenu9 a.active { background-position: 0% -168px }
#shopsmenu ul li#shopsmenu9 a:hover strong, #shopsmenu ul li#shopsmenu9 a.active strong { background-position: 100% -168px }

/* /TREEMENU v4 */
/* DIVISION MENU */
#divisionmenu {
	position: relative; width: 940px; 
	font-size: 12px; 
	border-bottom: 1px solid white; 
	padding: 5px 0; 
	z-index: 3;
	float: left;
	background: url("/Common/Grpx/divisionmenu_top.gif") no-repeat top right;
}
.shop1 #divisionmenu { background-color: #90c6f2 } /* Lenses */
.shop3 #divisionmenu { background-color: #c0aa93 } /* Printer */
.shop4 #divisionmenu { background-color: #47acbb } /* Fitness */
.shop5 #divisionmenu { background-color: #c5d88b } /* Health */
.shop6 #divisionmenu { background-color: #a30b30 } /* Shopping4net */
.shop7 #divisionmenu { background-color: #c6507e } /* Beauty */
.shop8 #divisionmenu { background-color: #f2db9c } /* Toys */
.shop9 #divisionmenu { background-color: #ba6650 } /* Entertainment */
#divisionmenu .quickselect {  }
#divisionmenu .quickselect h2 {
	font: normal 10px/12px verdana, sans-serif; 
	color: Black; 
	cursor: pointer; 
	float: left; 
	padding: 2px 20px 2px 5px;
	margin: 1px 5px; 
	background: url("/Common/Grpx/arrow_down_black.gif") no-repeat 95% 50%;
}
#divisionmenu .dropdowncontainer {
	position: absolute; top: 28px; left: 0px; height: 25em; overflow: auto;
	background-color: White;
	display: none;
	font-size: 11px;
/*	white-space: nowrap;*/
}
#divisionmenu #quickselectlist { }
#divisionmenu #quickselectlist li { border-bottom: 1px solid white }
#divisionmenu #quickselectlist a { display: block; background-color: #f1f1f1; padding: 2px 5px; }
#divisionmenu #quickselectlist a:hover { background-color: #fff; text-decoration: none; }
#divisioninfo { float: right }
#divisioninfo li { float: left; margin-right: 5px; font-size: 10px; }
#divisioninfo a {
	font: normal 10px/12px verdana, sans-serif; 
	color: Black; 
	cursor: pointer; 
	float: left; 
	padding: 2px 15px 2px 5px;
	margin: 1px 0; 
	background: url("/Common/Grpx/arrow_right_black.png") no-repeat 100% 50%;
	-moz-border-radius: 5px;
}
#divisioninfo a:hover, #divisionmenu h2:hover { text-decoration: underline }


/* SHOP DESCRIPTION */
#submenus #shopdesccontainer{
	float: right;
	width: 315px;
	line-height: 1.2em;
}
#submenus #shopdesc{
	border-left: 1px solid #ccc;
	padding: 0 15px;
	margin: 10px 0;
}
#submenus #shopdesc h1{
	color: #b84a75;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#submenus #shopdesc p{
	font-size: 9px;	
	line-height: 1.4em;
	margin-bottom: 0;
}
/* MY PROFILE */
#submenus ul#custmenu{
	float: left;
	padding: 20px 15px 0 15px;
}
#submenus ul#custmenu li{
	background: url("/Common/Grpx/icons/customer.png") no-repeat transparent;
	float: left;
	margin-right: 35px;
	padding: 10px 0 25px 45px;
}
#submenus ul#custmenu li#submenu_profile{ padding-left: 60px; }
#submenus ul#custmenu li#submenu_service{ background-image: url("/Common/Grpx/icons/tools.png"); }
#submenus ul#custmenu li#submenu_ask{ background-image: url("/Common/Grpx/icons/talk_big.png"); }
#submenus ul#custmenu li#submenu_suggest{ background-image: url("/Common/Grpx/icons/wand_big.png"); }
#submenus ul#custmenu li a{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	color: black;
	display: inline-block;
	line-height: 12px;
	padding-right: 25px;
	font-family: arial, sans-serif;
	font-size: 13px;
}
#submenus ul#custmenu li a:hover,
#submenus ul#custmenu li.active a{
	background-position: 100% -23px;
	text-decoration: none;
}
#submenus ul#custmenu li a span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	display: block;
	padding: 4px 0 6px 10px;
}
#submenus ul#custmenu li a:hover span,
#submenus ul#custmenu li.active a span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% 0px transparent;
	color: #a30b30;
}



a.btn_int,
a.btn_orderby,
a.btn_select{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	color: black;
	display: inline-block;
	line-height: 10px;
	padding-right: 22px;
	white-space: nowrap;
}
a.btn_select{
	background-position: 100% -23px;
}
a.btn_select:hover{
	text-decoration: none;
}
#submenus div.submenu ul li a:hover,
#submenus div.submenu ul li a.active,
a.btn_int:hover,
a.btn_orderby:hover{
	background-position: 100% -46px;
	text-decoration: none;
}
#submenus div.submenu ul li.last a:hover,
#submenus div.submenu ul li.last a.active{
	background-position: 100% -23px;
}
#submenus div.submenu ul li a span,
a.btn_int span,
a.btn_orderby span,
a.btn_select span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	display: block;
	padding: 5px 0 8px 8px;
}
a.btn_select span{
	background-position: 0% 0px;
}
#submenus div.submenu ul li a:hover span,
#submenus div.submenu ul li a.active span,
a.btn_int:hover span,
a.btn_orderby:hover span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% 0px transparent;
	color: #b84a75;
}
a.btn_int:hover span,
a.btn_orderby:hover span,
a.btn_select span{
	color: #a30b30;
}
.listcontrol .listcontrolgroup{
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #f1f1f1;
	height: 23px;
}
.listcontrol a.btn_orderby{
	
}
.listcontrol a.btn_orderby span,
.listcontrol a.btn_orderby:hover span{
	background-position: 0% -46px;
	color: #606060;
	padding-left: 0px;
}
.listcontrol .listcontrolgroup a.active,
.listcontrol .listcontrolgroup a.desc:hover{
	background-position: 100% -69px;
	/*border-bottom: 1px solid #a30b30;*/
}
.listcontrol a.btn_orderby:hover{
	background-position: 100% -69px;
}
.listcontrol .listcontrolgroup a.desc,
.listcontrol .listcontrolgroup a.asc:hover{
	background-position: 100% -115px;
}
.listcontrol a.active span,
.listcontrol a.active:hover span{
	background-position: 0% -46px;
	color: #a30b30;
	text-decoration: underline;
}
.listcontrol label{
	display: inline-block;
	line-height: 20px;
	font-weight: bold;
}
/*#submenus #submenu1 ul li a:hover span,
#submenus #submenu1 ul li a.active span{
	color: #b84a75;
}*/
#submenus #submenu1.submenu{
	display: block;
}
#submenus div.submenu2{
	background: url("/Common/Grpx/submenus_sep.png") repeat-y transparent;
	padding-left: 5px;
}
#submenus div.submenu3{
	background: url("/Common/Grpx/submenus_sep.png") repeat-y transparent;
	padding-left: 5px;
}
#submenus div.submenu4{
	background: url("/Common/Grpx/submenus_sep.png") repeat-y transparent;
	padding-left: 5px;
}
/* MAIN CONTENT (default) */
#maincontainer .maintop{
	margin-bottom: 15px;
	position: relative;
	clear: both;
	height: 100%;
}
/* CAMPAIGN ROTATOR */
.campcontainer { float: left; }
.campspace { padding: 0; background-color: white; position: relative; width: 620px; }
.camplink { position: relative; height: 235px; width: 620px; display: block; border: 1px solid #ddd; background-color: white }
.campspace img { }
#maincontainer .camplist { margin: 0; }
.campitem { float: left; margin: 5px 2px 0 0; display: block; width: 16px; height: 15px; background: url("/Common/Grpx/dots.png") no-repeat 100% 0% }
.campitem span { display: none }
.campspace a.active { background-position: 0% 0% }

#Campaign1 a, #Campaign2 a, #Campaign3 a {margin: 10px 0; display: block;}
#Campaign1 img, #Campaign2 img, #Campaign3 img { border: 1px solid #ddd !important; }
#Campaign1 a:hover img, #Campaign2 a:hover img, #Campaign3 a:hover img { border-color: #909090 !important; }

/* INTROTEXT MAINPAGE */
.maintop .intro {
	color: #606060;
	width: 300px;
	float: right;
}
.maintop .intro h1 {
	color: #606060;
	font-family: "Arial", Sans-Serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 32px;
	margin-bottom: 10px;
}
.maintop .intro h1 strong
{
	color: #303030;
	font-size: 40px;
	font-weight: normal;
	line-height: 46px;
}
.maintop .intro p{
	margin-right: 20px;
}
.maintop .intro ul li{
	float: right;
	clear: both;
}
.maintop .intro ul li a{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 100% -92px transparent;
	color: black;
	display: inline-block;
	line-height: 9px;
	font-size: 10px;
	padding-right: 20px;
}
.maintop .intro ul li a:hover{
	background-position: 100% -46px;
	text-decoration: none;
}
.maintop .intro ul li a span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	display: block;
	padding: 5px 0 9px 10px;
}
.maintop .intro ul li a:hover span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% 0px transparent;
	color: #a30b30;
}
/* SHOPSLIST S4 MAIN */
#shopslistcontainer { background-color: #f1f1f1; clear: both; margin-bottom: 10px; padding: 5px 10px 10px 10px;	height: 100%; }
#maincontainer #shopslistcontainer h2 { border: none; margin: 5px 0; }
#shopslistwrapper {	background-color: white; border: 1px solid #ddd; margin-top: 5px; }
#shopslist { padding: 5px 0; }
#shopslist .shopitem {
	margin: 0 15px; 
	width: 265px; 
	padding-left: 160px;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	height: 100%;
}
#shopslist .shopimage {
	float: left;
	background: url("/Common/Grpx/shopslist_frame.png") no-repeat transparent;
	width: 92px;
	height: 137px;
	margin-top: 20px;
}
#maincontainer #shopslist .shopitem h2 { margin: 0; padding: 0 }
#shopslist .shopimage img {	margin: 6px; }
#shopslist .shopitem p { color: #606060; font-style: normal; font-size: 10px; }
#shopslist .shopitem h2 a {
	background: url("/Common/Grpx/shoparrows.png") no-repeat 0px 8px transparent;
	display: block;
	padding: 10px 0 10px 30px;
	font-size: 18px;
}
/* Avdelningspilar S4 MAIN */
#shopslist .shop7 h2 a { background-position: 0px 8px; }	/* Skönhet */
#shopslist .shop5 h2 a { background-position: 0px -72px; }	/* Hälsokost */
#shopslist .shop4 h2 a { background-position: 0px -152px; }	/* Fitness */
#shopslist .shop1 h2 a { background-position: 0px -232px; }	/* Kontaktlinser */
#shopslist .shop8 h2 a { background-position: 0px -312px; }	/* Leksaker */
#shopslist .shop9 h2 a { background-position: 0px -392px; }	/* Film */
#shopslist .shop11 h2 a { background-position: 0px -472px; }/* Förbrukning */
#shopslist .shop3 h2 a { background-position: 0px -552px; }	/* Skrivartillbehör */
#shopslist .shop10 h2 a { background-position: 0px -632px; }/* Böcker */
/* Avdelningsbilder S4 Main */
#shopslist .shop7 { background: url("/Common/Grpx/MainPage/S4IndexAvdC4.jpg") no-repeat 0% 50%; }
#shopslist .shop5 { background: url("/Common/Grpx/MainPage/S4IndexAvdH4.jpg") no-repeat 0% 50%; }
#shopslist .shop4 { background: url("/Common/Grpx/MainPage/S4IndexAvdF4.jpg") no-repeat 0% 50%; }
#shopslist .shop1 { background: url("/Common/Grpx/MainPage/S4IndexAvdL4.jpg") no-repeat 0% 50%; }
#shopslist .shop8 { background: url("/Common/Grpx/MainPage/S4IndexAvdT4.jpg") no-repeat 0% 50%; }
#shopslist .shop9 { background: url("/Common/Grpx/MainPage/S4IndexAvdD4.jpg") no-repeat 0% 50%; }
#shopslist .shop3 { background: url("/Common/Grpx/MainPage/S4IndexAvdP4.jpg") no-repeat 0% 50%; }

/* MAIN CONTENT */
#maincontainer{
	color: #303030;
	padding: 0 20px 10px 20px;
	/*margin-top: 15px;*/
	clear: both;
}
#maincontainer #mainhead  {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 10px;
	margin-top: 20px;
	position: relative;
	width: 100%;
}
#maincontainer #mainhead  h2{}
#maincontainer #mainhead  h2 em{
	border-left: 1px solid #ddd;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	padding-left: 8px;
	margin-left: 5px;
}
/* BREADCRUMBS */
#breadcrumbs { float: left; width: 100%; }
#breadcrumbs .breadcrumbs { color: #4b4b4b; padding: 5px 20px; line-height: 12px; font-size: 9px; float: right }
#breadcrumbs .breadcrumbs strong { color: black; }
#breadcrumbs .breadcrumbs em.youarehere { color: #909090; font-style: normal; font-weight: bold; margin-right: 5px; display: none }
#breadcrumbs .breadcrumbs a { color: #606060; }	
#breadcrumbs .breadcrumbs a:hover { color: #a30b30; }
#breadcrumbs .breadcrumbs .seperator { color: #909090; padding: 0 2px; }

/* LIST CONTROLS */
#maincontainer div.pagecontrol,
#maincontainer div.listcontrol{
	border-bottom: 1px solid #f1f1f2;
	border-top: 1px solid #f1f1f2;
	float: left;
	margin-bottom: 10px;
	padding: 10px 0;
	width: 100%;
}
#maincontainer #bottomcontrols.pagecontrol{
	border-bottom: none;
	border-top: 1px solid #f1f1f2;
	margin: 10px 0 0 0;
	padding-top: 10px;
	padding-bottom: 0;
}
#maincontainer div.pagecontrol .pages, 
#maincontainer div.listcontrol .pages{
	float: right;
}
#maincontainer div.pagecontrol .pages a,
#maincontainer div.listcontrol .pages a{
	background: url("/Common/Grpx/paging_bg.png") no-repeat 50% 0px transparent;
	color: white;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 23px;
	line-height: 21px;
	text-align: center;
	width: 27px;
	letter-spacing: -2px;
	text-indent: -2px;
}
#maincontainer div.pagecontrol .pages a:hover,
#maincontainer div.pagecontrol .pages a.active,
#maincontainer div.listcontrol .pages a:hover,
#maincontainer div.listcontrol .pages a.active{
	background-position: 50% -23px;
	color: #a30b30;
	text-decoration: none;
}
#maincontainer div.pagecontrol .pages a span,
#maincontainer div.listcontrol .pages a span{
	display: block;
	letter-spacing: -1px;
	margin-left: -2px;
	text-align: center;
}
#maincontainer #maincontent{
	float: left;
	line-height: 1.4em;
/*	margin-top: 10px;*/
	width: 620px;
	overflow: visible;
	position: relative;
}
/* #maincontainer #maincontent { z-index: auto; } */
.producttabs { float: right; width: 620px; overflow: visible; position: relative; margin-top: 10px }
#productextra { float: left; margin: 10px 0 0 0; width: 300px; display: inline; }
#maincontainer #maincontent.paging{
	width: 100%;
}
#maincontainer h2 {
	clear: both;
	margin: 15px 0 10px 0;
	border-bottom: 1px solid #ddd;
	line-height: 20px;
}
h2.sIFR-replaced{
	padding-bottom: 0;
	height: 20px;
	padding-bottom: 10px;
}
#maincontainer #extra h3{
	clear: both;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
	line-height: 20px;
}
#maincontainer #maincontent .brandlist{
	height: 100%;
	width: 100%;
	margin: 10px 0 30px 0;
}
#maincontainer #maincontent .brandlist ul{
	float: left;
	font-size: 11px;
	line-height: 1.5em;
	width: 155px;
	margin-bottom: 15px;
}
#maincontainer #maincontent .brandlist .actions{}
/* PRODUCT DETAILS */
#maincontainer #proddetails{
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
}

/* GALLERY */
#maincontainer #proddetails .productgallery{
	float: left;
	/*margin-bottom: 20px;*/
	position: relative;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
#maincontainer #proddetails .productgallery td.gallery-image{
	text-align: center;
	vertical-align: middle;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
#maincontainer #proddetails img#prodimage{
	
}
.gallery-select {
	color: #909090;
}
.gallery-select .gallery-item{
	float: left;
	margin-right: 0px;
}
.gallery-select .gallery-item a{
	display: inline-block;
	width: 20px;
	height: 15px;
	background: url("/Common/Grpx/dots.png") no-repeat -20px 0px transparent;
	margin-bottom: 5px;
}
.gallery-select .gallery-item a.gallery-active,
.gallery-select .gallery-item a:hover{
	background-position: 0px 0px;
}
.gallery-select .gallery-item a span{
	display: none;
}
.gallery-select .gallery-summary{
	line-height: 15px;
	margin-left: 5px;
}

#proddetails #proddata{
	color: #909090;
	font-size: 10px;
	float: left;
	width: 620px;
	margin: 35px 0 10px 20px;
	display: inline;
	height: 100%;
}
#proddetails #proddata h1.productname{
	color: #606060;
	font-size: 24px;
	margin: 0;
	line-height: 30px;
	border-bottom: none;
}
#proddetails #proddata .manufacturer{
	color: #909090;
	font-size: 14px;
	line-height: 16px;
}
#proddetails #proddata .article{
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
}
#proddetails #proddata .article-info{
	float: left;
	width: 40%;
}
#proddetails #proddata .article-select { float: right; white-space: nowrap }

/* Lenses table */
.article-select table {	margin-top: -20px; float: right; }
.article-select table select {
	width: 10em;
}
.article-select thead th {
	color: black;
	text-align: left;
	padding: 0 0 5px 10px;
}
.article-select tbody th {
	font-weight: normal;
	text-align: left;
	padding: 0 5px 5px 0;
}
.article-select tbody td {
	font-weight: normal;
	text-align: left;
	padding: 0 0 5px 10px;
}
#proddetails #proddata .info { float: left;	clear: left; white-space: nowrap }
#proddetails #proddata .info p{
	margin: 10px 0 0 0;
}
#proddetails #proddata .artselect{
	/*bottom: 0px;
	position: absolute;
	right: 0px;*/
	float: right;
}

#proddetails #proddata .artselect form{
	float: left;
}
#proddetails #proddata .artselect .formfield{
	float: left;
	margin: 0px 0px 0px 10px;
	display: inline;
}
#proddetails #proddata .artselect .formfield label{
	float: left;
	margin-bottom: 3px;
}
#proddetails #proddata .artselect .formfield select{
	clear: both;
	float: left;
	font-size: 10px;
}
#proddetails #proddata .artselect .formfield select#slct_article{
	/*width: 100px;*/
}
#proddetails #proddata .submitfield{
	clear: right;
	/*text-align: right;*/ 
	margin-top: 15px;
	float: right;
}
#proddetails #proddata .submitfield .submit{
	background-position: 0% -42px;
}
#proddetails #proddata .submitfield .submit input{
	background-position: 100% -42px;
	background-color: white;
}
#proddetails #proddata .submitfield .submit:hover{
	background-position: 0% -63px;
}
#proddetails #proddata .submitfield .submit input:hover{
	background-position: 100% -63px;
}
#proddetails #proddata strong{
	color: #303030;
	font-weight: normal;
}
#proddetails #proddata .submitfield strong{
	color: white;
	font-weight: bold;
}
#proddetails #proddata .prices{
	float: left;
	display: inline;
}
#proddetails #proddata strong.price{
	color: #a30b30;
	font-family: arial, sans-serif;
	/*font-size: 30px;*/
	font-weight: normal;
	/*line-height: 30px;*/
}
#proddetails #proddata .price .amount{
	font-size: 30px;
	line-height: 30px;
}
#proddetails #proddata strong.price .currency,
dd.sum .currency{
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
}
#proddetails #proddata em.recommended { display: block; }
#proddetails #proddata .prices em{
	font-style: normal;
}
#proddetails #proddata .colormap{
	border-top: 1px solid #f1f1f2;
	clear: both;
	float: left;
	margin-top: 15px;
	padding-top: 10px;
	width: 100%;
}
#proddetails #proddata .colormap ul li{
	color: #303030;
	float: left;
	margin-right: 10px;
	text-align: center;
}
#proddetails #proddata .colormap ul li span{
	display: block;
}
#proddetails #proddata .overallratingmanushowall{
	border-top: 1px solid #f1f1f2;
	border-bottom: 1px solid #f1f1f2;
	float: left;
	width: 100%;
	height: 100%;
	margin: 10px 0 40px 0;
	padding: 10px 0;
	display: inline;
}
#proddetails #proddata #overallrating{
	clear: left;
	float: left;
	display: inline;
	width: 50%; /* IE6 */
}
#proddetails #proddata #overallrating img{
	margin-right: 10px;
	vertical-align: bottom;
}
#proddetails #proddata #overallrating .reviewoverall{
	background: url("/Common/Grpx/stars.png") no-repeat transparent;
	height: 20px;
}
#proddetails #proddata #overallrating a{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	margin-left: 108px;
	background-color: White;
}
#proddetails #proddata .manushowall{
	clear: right;
	float: right;
	display: inline;
}
#proddetails #proddata .manushowall a{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 100% -92px transparent;
	color: black;
	display: inline-block;
	line-height: 10px;
	font-size: 10px;
	padding-right: 25px;
}
#proddetails #proddata .manushowall a:hover{
	background-position: 100% -46px;
	text-decoration: none;
}
#proddetails #proddata .manushowall a span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -69px transparent;
	display: block;
	padding: 5px 0 9px 10px;
}
#proddetails #proddata .manushowall a:hover span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% 0px transparent;
	color: #a30b30;
}
#proddetails #proddata .manushowall a span strong{
	font-weight: bold;
}
/* PRODUCT TABS */
/* TABS */
#producttabsnav { font-size: 11px; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0 0 20px 0; float: left; clear: both; width: 100% }
#producttabsnav ul { float: left; clear: both; margin-left: 10px }
#producttabsnav ul li { float: left; margin-left: 5px; border: 1px solid #ddd; border-bottom: 0 }
#producttabsnav ul li a { display: block; padding: 5px 10px; background-color: #ddd }
#producttabsnav ul li .active { position: relative; top: 1px; background-color: white }
.producttabs .tab { display: none }
.producttabs .tabactive { display: block }
/* PRODUCTINFO */
#prodinfo { clear: both; }
#prodinfo h2 { display: none }
#prodinfo h2.productname { display: block; padding-bottom: 0; border-bottom: none; margin-top: 0; }
#prodinfo h3 {
	font-weight: bold;
	font-family: Verdana, Sans-Serif;
	color: Black;
	font-size: 11px;
	margin-top: 1.5em;
}
#prodinfo ul { list-style: disc outside none; padding-left: 20px; margin: 15px 0; }
/* INFOHMTL (table from DB)*/
.htmlinfo { clear: both; float: left; border: 1px solid #ddd; margin: 10px 0; width: 100%; }
.htmlinfo table { width: 100%; }
.htmlinfo td { padding: 5px; line-height: inherit; color: Black; font-size: 11px; vertical-align: middle }
.htmlinfo td td { padding: 0 }
.htmlinfo td img { vertical-align: middle }
.htmlinfo .dashedBottomLineGrey { border-bottom: 1px dashed #f1f1f1; }
/* RATINGS */
#prodratings { margin: 20px 0; clear: both }
#prodratings h2 { margin-bottom: 0; display: none }
#prodratings h2 em { font-style: normal; }
#prodratings .rating{
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	height: 100%;
	position: relative;
}
#prodratings .alt { background-color: #fff; }
#prodratings .rating strong { font-size: 11px; }
#prodratings .rating .stars{
	float: right;
	margin-top: -3px;
	width: 108px;
	height: 20px;
	background: url("/Common/Grpx/stars.png") no-repeat  transparent;
	overflow: hidden;
	margin-bottom: 5px;
	display: inline;
}
#prodratings .sumreviews{
	display: inline-block;
	width: 108px;
	height: 20px;
	background: url("/Common/Grpx/stars.png") no-repeat  transparent;
	overflow: hidden;
	position: relative;
	top: 3px;
}
#prodratings .rating .rating4,
#prodratings h2 .rating4,
#proddetails #proddata #overallrating .rating4 { background-position: -22px 0px; }
#prodratings .rating .rating3,
#prodratings h2 .rating3,
#proddetails #proddata #overallrating .rating3 { background-position: -44px 0px; }
#prodratings .rating .rating2,
#prodratings h2 .rating2,
#proddetails #proddata #overallrating .rating2 { background-position: -66px 0px; }
#prodratings .rating .rating1,
#prodratings h2 .rating1,
#proddetails #proddata #overallrating .rating1 { background-position: -88px 0px; }
#prodratings .rating .rating0, 
#prodratings h2 .rating0, 
#proddetails #proddata #overallrating .rating0 { background-position: -110px 0px; }
#prodratings .rating .stars span, #prodratings .sumreviews strong { display: none }
#prodratings .rating p { clear: both; margin-top: 0; margin-right: 25%; }
#prodratings .rating .ratingby {  }
#prodratings .rating .ratingby em{
	color: #909090;
	font-style: normal;
	position: absolute;
	right: 15px;
}
/* REVIEWFORM */
#reviewform { margin: 20px 0; }
#reviewform .formrow { }
#reviewform label { float: left; font-weight: bold; }
#reviewform br { display: none }
#reviewform .required { float: left }
#reviewform .textbox { float: right; width: 50%; }
#reviewform .textarea { float: right; width: 50%; height: 10em; padding: 4px }
#reviewform select { float: right; }
#reviewform #starsselect {
	display: inline-block; width: 108px;
	height: 20px;
	background: url("/Common/Grpx/stars.png") no-repeat 100% 0px transparent;
	margin-right: 5px;
	float: right;
}
#reviewform .formrow #starsselect a{
	display: inline-block;
	width: 21px;
	height: 20px;
}
#reviewform .save { float: right }
/* NOTIFY A FRIEND */
#notifyfriend { margin: 20px 0; }
#notifyfriend h2 { display: none }
#notifyfriend label { float: left; font-weight: bold; }
#notifyfriend .textbox { float: right; width: 50%; }
#notifyfriend .textarea { float: right; width: 50%; height: 10em; padding: 4px }
#notifyfriend .required { float: left }
#notifyfriend .send { float: right }
/* CART */
#pagedescription { width: 50%; float: left; }
#pagedescription.signin, #pagedescription.create, #pagedescription.edit { width: 90% }
.cartcontainer { float: left; width: 100%; }
.cartactions{
	clear: both;
	float: left;
	margin: 20px 0;
	width: 100%;
}
.cartactions a.clear{
	float: left;
}
.cartactions a.checkout{
	float: right;
}
.cartactions p{
	color: #909090;
	font-style: italic;
	text-align: center;
	margin-bottom: 0;
}
dl.cartsummary{
	float: right;
	width: 100%;
	margin-top: 0px;
	clear: both;
}
dl.cartsummary dt{
	padding: 0;
	width: 75%;
	text-align: right;
}
dl.cartsummary dd{
	margin-left: 80%;
	padding: 0 5px;
}
.payment-item{
	float: left;
	width: 33%;
}
.delivery-item{
	position: relative;
}
.deliveryAlt{
	background: url("/Common/Grpx/icons/posten_20x20.png") no-repeat 100% 50% white;
	padding-right: 30px;
	line-height: 20px;
	height: 20px;
	display: inline-block;
}
/* CODE ACTIVATION */
.activatecode{
	margin: 20px 0;
	float: right;
	width: 33%;
}
.activatecode .formrow{	float: left; position: relative; }
.activatecode .textbox{ width: 20em; margin-right: 5px; float: left; }
.activatecode label { position: absolute; top: 3px; left: 5px; cursor: text }
.activatecode .activate { float: right }

/* PROFILE */
/* CUSTOMER DATA */
dl {
	line-height: 1.5em;
	margin: 20px 0;	
}
dl.customerdata{
	float: left;
	width: 100%;
	padding-bottom: 20px;
	margin: 0;
}
dl dt{
	font-weight: bold;
	float: left;
	clear: left;
	color: #606060;
}
dl dd{
	margin: 0 0 0 33%;
}
dl.lensproperties dd,
dl.entertainmentproperties dd {
	/*margin-left: 25%; */
}
/* DivisionInfo */
.information { font-size: 11px }
.information h2 { background-color: #f1f1f1; padding: 4px 8px }
.information ul { list-style: disc; margin: 20px }
#maincontainer #extra ul, #maincontainer #intro ul { list-style: disc }
.information dl dt { float: none; color: Black;	font-size: 12px; }
.information dl dd { margin: 10px 0px 20px 0px; }
/* FAQ Questions/Answers */
.faqqa dl dt {
	background: url("/Common/Grpx/Icons/balloon-left.png") no-repeat;
	padding-left: 25px;
}

/* nested */
dl dd dl { float: left; margin-top: 0 }
dl dd dl dt { float: none }
dl dd dl dd { margin: 0 0 1em 0 }
/* contact */
#contactinfo { float: left; width: 45% }
#contactform { float: right; width: 52.5% }
#contactform .formrow label, #contactform .formrow .required { float: left; font-weight: bold }
#contactform .formrow input.textbox, 
#contactform .formrow select.dropdown, 
#contactform .formrow textarea.textarea { float: right; width: 65% }
#contactform .formrow textarea.textarea { height: 10em; padding: 4px }
#contactform br { display: none }

/* product request */
#productrequestform { float: left; width: 80%; margin-top: 20px; }
#productrequestform .formrow label, #contactform .formrow .required { float: left; font-weight: bold }
#productrequestform .formrow input.textbox, 
#productrequestform .formrow select.dropdown, 
#productrequestform .formrow textarea.textarea { float: right; width: 60% }
#productrequestform .formrow textarea.textarea { height: 10em; padding: 4px }
#productrequestform br { display: none }
#productrequestform .send {float: right;}
/* CUSTOMER DATA FORM */
.customerform {	height: 100%; float: left; width: 100%; position: relative }
.customerform .maincustomerdata { float: left; width: 50%; }
.customerform .textinput label { float: left; font-weight: bold; }
.customerform .textbox { float: right; width: 50% }
.customerform .getaddress { margin-top: 5px; text-align: right }
.customerform .nopersonalnumber { padding-left: 50% }
.customerform .nopersonalnumber input { float: left; }
.customerform .nopersonalnumber label {	margin-left: 25px; display: block; }
.customerform .gender {	padding-left: 50%; width: 22em;	margin: 10px 0; }
.customerform .gender .genderoption { display: block; width: 33%; float: left; }
.customerform #customerinterests { float: right; width: 47.5%; }
.customerform #customerinterests label { width: 20em; display: inline-block }
.customerform #postouts { float: right; width: 47.5%; }
.customerform .save, .customerform .create { position: absolute; bottom: 20px; right: 0; }
.customerform .error { margin-left: 5px; }

.customerform .formrow input.invalid{
	border-color: #a30b30;
}

.customerform .formrow .validerroritem{
	float: left;
	line-height: 20px;
	margin-left: 5px;
	color: #a30b30;
}
.customerform .personalnumber{
	margin: 0;
}
.customerform .formrow label em{
	display: block;
	color: #909090;
	font-style: normal;
	font-size: 9px;
	font-weight: normal;
}
.customerform .password{
	margin-top: 20px;
}

#myprofile .showhidecontainer{
	height: 100%;
	position: relative;
}
#myprofile div.customerdatacontainer{
	background: url("/Common/Grpx/icons/customer_large.png") no-repeat transparent;
	padding-bottom: 0;
	padding: 0 0 0 100px;
}
#myprofile div.customerdatacontainer div.buttoncontainer{}
#myprofile div.customerdatacontainer #customerdataextended{
	border-top: 1px solid #ddd;
	padding-top: 15px;
}
#myprofile div.orderdatacontainer{
	background: url("/Common/Grpx/icons/orders_large.png") no-repeat 15px 2px transparent;
	padding: 0 0 30px 100px;
}
#myprofile div.accountdatacontainer{
	background: url("/Common/Grpx/icons/briefcase.png") no-repeat 12px 3px transparent;
	padding: 0 0 30px 100px;
}
#myprofile div.subscriptiondatacontainer{
	background: url("/Common/Grpx/icons/calendar.png") no-repeat 16px 3px transparent;
	padding: 0 0 30px 100px;
}
#myprofile .showhidecontainer .showhidecontrol{
	position: absolute;
	left: 0px;
	top: 20px;
}
#myprofile .showhidecontainer .showhidecontrol a{
	color: #909090;
	display: inline-block;
	font-size: 9px;
	padding-top: 5px;
	width: 940px;
}
#myprofile div.customerdatacontainer .showhidecontrol a,
#myprofile div.orderdatacontainer .showhidecontrol a,
#myprofile div.accountdatacontainer .showhidecontrol a,
#myprofile div.subscriptiondatacontainer .showhidecontrol a{
	padding-top: 35px;
}
#myprofile .showhidecontainer .showhidecontrol a span{
	background: url("/Common/Grpx/showhide.png") no-repeat top right transparent;
	display: block;
	padding-right: 20px;
	text-align: right;
}
#myprofile .showhidecontainer .showhidecontrol a.hide span{
	background-position: bottom right;
}
#myprofile .showhidecontainer .showhidecontrol a:hover{
	color: #a30b30;
}
#myprofile .showhidecontainer h3{
	color: black;
	border-bottom: 1px solid #ddd;
	margin: 30px 0 15px 0;
	padding-bottom: 1px;
}
#myprofile .showhidewrapper{
	height: 100%;
	float: left;
	width: 100%;
}
/* BUTTONS */
span.submit{
	background: url("/Common/Grpx/buttons.png") 0% 0px no-repeat transparent;
	display: inline-block;
	padding-left: 10px;
}
span.submit input{
	background: url("/Common/Grpx/buttons.png") 100% 0px no-repeat #f1f1f1;
	border: none;
	color: white;
	height: 21px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-align: center;
	overflow: visible;
}
#maincontent span.submit input{
	background-color: white;
}
span.submit:hover{
	background-position: 0% -21px;
	cursor: pointer;
}
span.submit:hover input{
	background-position: 100% -21px;
	cursor: pointer;
}
a.btn_normal,
a.lnkbtn,
a.lnk{
	background: url("/Common/Grpx/buttons.png") 100% 0px no-repeat transparent;
	color: white;
	display: inline-block;
	padding-right: 15px;
	position: relative;
	white-space: nowrap;
}
a.btn_normal strong,
a.btn_normal span,
a.lnkbtn strong,
a.lnkbtn span,
a.lnk strong,
a.lnk span{
	display: block;
	background: url("/Common/Grpx/buttons.png") 0% 0px no-repeat white;
	line-height: 16px;
	padding-left: 13px;
	padding-bottom: 5px;
}
a.btn_normal:hover,
a.lnkbtn:hover,
a.lnk:hover{
	background-position: 100% -21px;
	color: white;
	text-decoration: none;
}

a.btn_normal:hover strong,
a.btn_normal:hover span,
a.lnkbtn:hover strong,
a.lnkbtn:hover span,
a.lnk:hover strong,
a.lnk:hover span{
	background-position: 0% -21px;
}
a.btn_imp{
	background: url("/Common/Grpx/buttons.png") 100% -42px no-repeat transparent;
	color: white;
	display: inline-block;
	padding-right: 15px;
	position: relative;
	white-space: nowrap;
}
a.btn_imp strong,
a.btn_imp span{
	display: block;
	background: url("/Common/Grpx/buttons.png") 0% -42px no-repeat white;
	line-height: 16px;
	padding-left: 13px;
	padding-bottom: 5px;
}
a.btn_imp:hover{
	background-position: 100% -63px;
	color: white;
	text-decoration: none;
}
a.btn_imp:hover strong,
a.btn_imp:hover span{
	background-position: 0% -63px;
}
/* PRODUCTLIST */
div.productlist td{
	vertical-align: top;
	width: 150px;
	line-height: 1.4em;
}
#maincontainer .paging div.productlist td{
	width: 160px;
}
#maincontainer #extra div.productlist td{
	width: 150px;
}
div.productlist td .product{
	background: url("/Common/Grpx/hoverFrame150.png") no-repeat top center white;
	height: 100%;
}
div.productlist td .product img{}
div.productlist td .product a{
	background-color: white;
	color: black;
	display: block;
	height: 100%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
div.productlist td .product a:hover {
	background: url("/Common/Grpx/hoverFrame150_bottom.png") no-repeat bottom center transparent;
	color: black;
	text-decoration: none;
}
#maincontainer #extra div.productlist td .product a:hover{
	background-image: none;
	background-color: white;
}
div.productlist td .product .prices{
	border-bottom: 1px solid #f1f1f2;
	text-align: left;
	display: block;
}
div.productlist td .product strong.price{
	color: #a30b30;
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}
div.productlist td .product strong.price .currency{
	font-family: verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
div.productlist td .product .info{
	text-align: left;
	display: block;
}
div.productlist div.product .recommended,
div.productlist div.product .desc,
div.productlist div.product .manufacturer{
	color: #909090;
	font-size: 9px;
}
div.productlist div.product .manufacturer{
	display: block;
	margin-bottom: -8px;
}
#maincontainer div.productslist ul {
	margin: 0;
}

/* PRODUCTSLIST */
/* ICON VIEW */
/* Cross-browser inline-block http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
.iconview li.product{
	width: 206px;
    /*min-height: 250px;
    border: 1px solid #000;*/
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    /*margin: 5px;*/
    zoom: 1;
    *display: inline;
    /*_height: 250px;*/
    /* background: url("/Common/Grpx/hoverFrame150.png") no-repeat top center white; */
	height: 100%;
}
.iconview li.product a{
	background-color: white;
	color: black;
	display: block;
	height: 100%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
}
.iconview li.product a:hover {
	/*background: url("/Common/Grpx/hoverFrame150_bottom.png") no-repeat bottom center transparent;*/
	color: black;
	text-decoration: none;
	border-color: #ddd;
}
.iconview li.product .prices{
	border-bottom: 1px solid #f1f1f2;
	text-align: left;
	display: block;
}
/*
div.iconview li.product strong.price{
	color: #a30b30;
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}
*/
.iconview li.product strong.price .currency{
	font-family: verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
.iconview li.product .info{
	text-align: left;
	display: block;
}
.iconview li.product strong.name{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
.iconview li.product .recommended,
.iconview li.product .desc,
.iconview li.product .manufacturer{
	color: #909090;
	font-size: 9px;
	text-align: left;
	display: inline;
	margin-bottom: -8px;
}
/* Popular products */
.popular li.product{width: 100%;}
.popular li.product .manufacturer{ margin-bottom: 0px; display: block}
.popular li.product img {
	width: 60px;
	margin-right: 10px;
	float: left;
}
#maincontainer .popular ul {margin-left: 0px;}
/* Search results */
.searchresult li.product { width: 188px; }
.searchresult li.product .prices {  }
.searchresult li.product .manufacturer { display: block }
.searchresult h2 {
	padding: 2px 5px; 
	border-bottom: 0; 
	border-left: 5px solid #909090; 
	background-color: #f1f1f1;
/*	text-transform: uppercase;*/
}
#maincontainer .searchresult h2 { border-bottom: 0; height: 100% }
.searchresult h2.division1 { border-color: #90c6f2 }
.searchresult h2.division3 { border-color: #c0aa93 }
.searchresult h2.division4 { border-color: #47acbb }
.searchresult h2.division5 { border-color: #c5d88b }
.searchresult h2.division7 { border-color: #c6507e }
.searchresult h2.division8 { border-color: #f2db9c }
.searchresult h2.division9 { border-color: #ba6650 }

/* DETAILS VIEW */
div.detailsview li.product{
	border-top: 1px solid #ddd;
	width: 100%;
	float: left;
	position: relative;
}
div.detailsview li.first{
	border-top: none;
}
div.detailsview li.product a{
	color: black;
	display: block;
	height: 100%;
	padding: 10px 0;
	text-decoration: none;
	float: left;
	width: 100%;
}
div.detailsview li.product a:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
div.detailsview li.product img{
	float: left;
	margin-right: 10px;
}
div.detailsview li.product .prices{
	display: block;
	margin-left: 130px;
	margin-top: 10px;
}
/*
div.detailsview li.product .prices{
	display: block;
	margin-left: 130px;
	margin-top: 10px;
	color: #a30b30;
}
div.detailsview li.product strong.price{
	font-family: arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}
div.detailsview li.product strong.price .currency{
	font-family: verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
*/
div.detailsview li.product .info{
	display: block;
	margin-left: 130px;
}
div.detailsview li.product strong.name{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
div.detailsview li.product .recommended,
div.detailsview li.product .manufacturer{
	color: #909090;
	font-size: 9px;
}
div.detailsview li.product .manufacturer{
	display: inline-block;
	margin-left: 5px;
}
/* LIST VIEW */
div.listview table{
	width: 100%;
}
div.listview th,
div.listview td{
	text-align: left;
	padding: 3px 5px 3px 0px;
}
div.listview tr.alt td{
	background-color: #f1f1f1;
}
div.listview td.manufacturer{
	color: #909090;
}
div.listview td.price{
	color: #a30b30;
	padding-right: 0px;
}
/* COLUMNS VIEW (Product selection) */
.productselection { clear: left }
div.columnview{
	width: 50%;
	float: left;
}
div.columnview li.product{
	width: 300px;
    /*min-height: 250px;
    border: 1px solid #000;*/
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    /*margin: 5px;*/
    zoom: 1;
    *display: inline;
    /*_height: 250px;*/
    /* background: url("/Common/Grpx/hoverFrame150.png") no-repeat top center white; */
	height: 100%;
}
div.columnview li.product img{
	float: left;
	width: 100px;
}
div.columnview li.product a{
	background-color: white;
	color: black;
	display: block;
	height: 100%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
	border: 1px solid #fff;
	float: left;
	width: 280px;
	-moz-border-radius: 5px;
}
div.columnview li.product a:hover {
	/*background: url("/Common/Grpx/hoverFrame150_bottom.png") no-repeat bottom center transparent;*/
	color: black;
	text-decoration: none;
	border-color: #ddd;
}
div.columnview .prices{
	margin-left: 110px;
}
.prices{
	text-align: left;
	display: block;
	margin-top: 5px;
}
strong.price{
	color: #a30b30;
	font-family: arial, sans-serif;
	font-weight: normal;
}
strong.price .amount{
	font-size: 24px;
	font-weight: normal;
	line-height: 20px;
}
strong.price .currency{
	font-family: verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
div.columnview li.product .info{
	text-align: left;
	display: block;
	margin-left: 110px;
}
div.columnview li.product strong.name{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
div.columnview li.product .recommended{
	font-style: normal;
	margin-left: 5px;
}
div.columnview li.product .recommended,
div.columnview li.product .desc,
div.columnview li.product .manufacturer{
	color: #909090;
	font-size: 10px;
	text-align: left;
}
div.columnview li.product .manufacturer{
	display: block;
	margin-left: 110px;
}
/* CAMPAIGNS (DivisionMain) */
#Campaign2 { float: left; }
#Campaign3 { float: right; margin-left: 10px }
/* INFOBOXES */
.infoboxcontainer {
	height: 100%; 
}
.infoboxwrapper { clear: both;	height: 100%; }
.infobox img { border: 1px solid #ddd !important; margin-bottom: 4px; }
.infobox a:hover img { border-color: #909090 !important }
#maincontainer #extra{
	float: right;
	margin: 0 0 0 20px;
	width: 300px;
	display: inline;
	clear: right;
}

#maincontainer #intro {	float: right; width: 300px;	display: inline; }
/* #maincontainer #intro .info { min-height: 267px }
* html #maincontainer #intro .info { height: 267px; }  IE6 "min-height" */
#maincontainer #intro h1 { font-size: 20px; line-height: 140%; }
#maincontainer #intro p { font-size: 10px; color: #606060; }
#maincontainer #intro p br { display: none; }

.imgboxcontainer{ background-color: #f1f1f1; height: 100%; padding: 10px; }
.imgboxcontainer .imgboxwrapper{ background-color: white; border: 1px solid #ddd; clear: both; height: 100%; }
.imgboxcontainer .imgboxwrapper .imgbox{ height: 100%; padding: 10px; }

#interact{
	float: right;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #f1f1f1;
	margin-top: 10px;
}
#interact ul{
	float: right;
}	
#interact li{
	float: left;
}
#interact li a{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 100% -92px transparent;
	color: #909090;
	display: inline-block;
	line-height: 10px;
	font-size: 10px;
	padding-right: 25px;
}
#interact li a:hover{
	background-position: 100% -46px;
	text-decoration: none;
}
#interact li a span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -69px transparent;
	display: block;
	padding: 5px 0 9px 10px;
}
#interact li a:hover span{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% 0px transparent;
	color: #a30b30;
}

#extra .puff{
	border-top: 1px solid #ddd;
	margin: 0 10px;
	padding: 20px 0 1px 0;
}
#extra .firstpuff{
	border-top: none;
	padding-top: 10px;
}
#extra .puff a:hover{
	display: block;
	text-decoration: none;
}
#extra .puff img{
	float: left;
}
#extra .puff h3{
	color: black;
}
#extra .puff p{
	color: #606060;
	margin-top: 10px;
	font-size: 9px;
	font-style: italic;
	line-height: 12px;
}
#extra .puffimg h3,
#extra .puffimg p{
 	margin-left: 100px;
}
#maincontainer #extra h2, #maincontainer #productextra h2{
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#maincontainer #extra h2.topheader{
	border-bottom: none;
	/*padding-bottom: 0;*/
}
#maincontainer #brandline{
	border-top: 1px solid #f1f1f1;
	clear: both;
	display: inline-block;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	width: 100%;
}
/* FOOT */
#footcontainer{
	/*background: url("/Common/Grpx/footer_bg.jpg") repeat-y top center transparent;*/
	clear: both;
	min-width: 980px;
	padding-bottom: 23px;
}
#pagecontainer > #footcontainer{
	background: url("/Common/Grpx/foot_bottom.png") no-repeat bottom center transparent;
}
#footwrapper{
	/*background: url("/Common/Grpx/footer_top.jpg") no-repeat top center transparent;*/
	padding-top: 12px;
}
#footcontainer > #footwrapper{
	background: url("/Common/Grpx/foot_top.png") no-repeat top center transparent;
}
#footframe{
	/*background: url("/Common/Grpx/footer_bottom.jpg") no-repeat bottom center transparent;*/
}
#footwrapper > #footframe{
	background: url("/Common/Grpx/foot_tile.png") repeat-y top center transparent;
}
#footfin{
	margin: 0 auto;
	width: 980px;
	background-color: #4d4e4e;
}
#footframe > #footfin{
	background-color: transparent;
}
#foot{
	color: #ddd;
	padding: 20px;
	padding-bottom: 80px; /* 50 w.o. NewsLetter SignUp */
	height: 100%;
	border: 1px solid #606060;
	position: relative;
}
#footfin > #foot{
	border: none;
}
/* BENEFITS */
#benefits ul { float: left; width: 100%; }
#benefits li { float: left; width: 24.9%; font-size: 20px; line-height: 1.4em; }
#benefits li div { margin-right: 25px; font-size: 10px; line-height: 1.4em; color: #909090; height: 100%; }
#benefits strong { display: block; font: normal 20px/28px arial, sans-serif; color: white }
#benefits a, #benefits a:hover { color: #909090; text-decoration: none; display: inline-block }
#benefits a strong, #benefits a:hover strong { color: white; }
#benefits .freefreight div {
	background: url("/Common/Grpx/foot_boxes.png") no-repeat 100% 0 transparent; 
	padding-right: 71px; 
	height: 52px; 
	overflow: visible 
}
#benefits .safepayment div { margin-right: 0 }
/* PAYMENT TECHNOLOGIES */
#paymenttechs { position: absolute; bottom: 10px; right: 20px; }
/* NEWSLETTER SIGNUP */
.newslettersignup { float: left; margin: 20px 0 }
.newslettersignup h2 { float: left; font: normal 20px/24px arial, sans-serif; color: #909090; margin-right: 20px }
.newslettersignup .newsletterfield {
	float: left; 
	background: url("/Common/Grpx/newslettersignup.gif") no-repeat transparent; 
    width: 277px;
    height: 27px;
    position: relative;
}
.newslettersignup label { position: absolute; top: 6px; left: 10px; color: #606060; cursor: text }
.newslettersignup .textbox {
	border: none; 
	background-color: transparent; 
	position: relative; 
	top: 3px; 
	left: 6px; 
	width: 235px 
}
.newslettersignup .button { display: none }
.newslettersignup .lnk {
	position: absolute; right: 0; top: 0; width: 25px; height: 27px;
	background: url("/Common/Grpx/newslettersignup.gif") no-repeat transparent -252px 0; 
	padding: 0; margin: 0;
	display: block;
}
.newslettersignup .lnk:hover { background-position: 100% 0 }
/* FOOT EXTRA (absolute bottom) */
#footextra{
	color: #909090;
	margin: -5px auto 0px auto;
	padding-bottom: 20px;
	/*width: 980px;*/
	text-align: center;
	white-space: nowrap;
}
#footextra .seperator{
	padding: 0 5px;
}
#footextra a{
	color: #909090;
}
#footextra a:hover{
	text-decoration: underline;
}
.clear { clear: both; }
.hidden { display: none; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/

#pagehead #search_popup {
	position: absolute;
	top: 100px;
	left: 350px;
	z-index: 100;
}
#search_popup .header{
	border-bottom: 1px solid #ddd;
	padding-right: 20px;
}
#search_popup.loading .header{
	background: url("/Common/Grpx/spinner.gif") no-repeat 100% 2px transparent;
	padding-bottom: 5px; 
}
#search_popup li.odd a{
	background-color: #f1f1f1;
}
#search_popup li a{
	line-height: 1.4em;
	display: block;
	padding: 5px;
	height: 1%;
	width: auto;
}
#search_popup li a:hover{
	background-color: #a30b30;
	color: White;
	text-decoration: none;
}

/* POPUP w. PNG DROPSHADOW */
.popup_container {
	position: relative;
	top: -11px;
	right: -10px;
}
* > .popup_container { background: url("/Common/Grpx/popup.png") no-repeat top right transparent; }
.popup_wrapper { position: relative; top: 11px; }
.popup_container > .popup_wrapper {	background: url("/Common/Grpx/popup.png") no-repeat bottom right transparent; }
.popup_frame { position: relative; right: 10px; }
.popup_wrapper > .popup_frame {	background: url("/Common/Grpx/popup.png") no-repeat bottom left transparent; }
.popup_finish {	position: relative;	bottom: 11px; }
.popup_frame > .popup_finish { background: url("/Common/Grpx/popup.png") no-repeat top left transparent; }
.popup_content {
	background-color: White;
	border: 1px solid #a30b30;
	padding: 5px;
	position: relative;
	left: 5px;
	top: 3px;
}
.popup_finish > .popup_content {
	border: none;
	background-color: transparent;
}



/* CAMPAIGNS */
.camp-pre{
	position: absolute;
	z-index: 9;
	background: url("/Common/Grpx/camp-pre-bg.png") no-repeat top right transparent;
	top: 5px;
	left: -20px;
	padding: 8px 10px 0 40px;
	height: 35px;
}
.camp-pre a{
	color: #ddd;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -2px;
	text-transform: uppercase;
}
.camp-list{
	color: #ddd;
	margin-bottom: 20px;	
	position: relative;
}
* > .camp-list {
	left: -20px;
	width: 320px;
}
.campaignitem{
	float: left;
	margin: 5px 5px 0 0;
}
#maincontainer h2.camp-header{
	background: url("/Common/Grpx/camp-pre-bg.png") repeat-x center center transparent;
	text-align: right;
	border: none;
	margin: 0;
	padding: 5px 10px;
	height: 100%;
}
#maincontainer h2.camp-header span{
	color: #ddd;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -1px;
}
.camp-items{
	background: url("/Common/Grpx/camp-bg.png") no-repeat bottom right #424242;
	padding-bottom: 10px;
}
.camp-item{
	padding: 10px 20px;
	border-top: 1px solid #404040;
	font-size: 11px;
}
.camp-item a, .camp-item a:hover { color: White; text-decoration: underline }
#maincontainer .camp-item h3{
	color: #fff;
	font-weight: bold;
}
#maincontent div.brandscontainer {
	background-color: #f1f1f1;
	border-bottom: 1px solid #DDDDDD;
	position: absolute;
	width: 590px;
	top: -20px;
	padding: 0 0 10px 10px;
	z-index: 1;
	-moz-box-shadow: 0 5px 10px #909090;
	-webkit-box-shadow: 0 5px 10px #909090;
}
#maincontent div.brandscontainer .btn_normal {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#maincontent div.brandscontainer .btn_normal strong{
	background-color: #f1f1f1;
}
/* FILTER MANUFACTURER */
.filtermanufacturer { float: left; margin-right: 20px; }
.filtermanufacturer .dropdownwrapper { float: left; position: relative; z-index: 2; overflow: visible }
#maincontainer .filtermanufacturer h2 { float: left; margin: 0 5px 0 0; font-family: Verdana, Sans-Serif; font-size: 10px; font-weight: bold; color: Black; border: none; }
.filtermanufacturer .lnk, .filtermanufacturer .lnk:hover { display: inline-block; padding-right: 25px; color: #a30b30;
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat scroll 100% -23px transparent;
}
.filtermanufacturer .lnk span, .filtermanufacturer .lnk:hover span { display: block; padding: 2px 0 5px 8px;
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat scroll 0 0 transparent;
}
.filtermanufacturer .dropdowncontainer {
	position: absolute; top: 21px; left: 0px; height: 25em; overflow: auto;
	background-color: White;
	display: none;
	font-size: 11px;
	width: 20em;
}
#maincontainer .filtermanufacturer .dropdowncontainer ul {	margin: 0; }
.filtermanufacturer .dropdowncontainer li {	border-bottom: 1px solid white; }
.filtermanufacturer .dropdowncontainer a { background-color: #F1F1F1; display: block; padding: 2px 5px; }
.filtermanufacturer .dropdowncontainer li.showall a { background-color: #ddd; }
.filtermanufacturer .dropdowncontainer a:hover { background-color: #ffffff; text-decoration: none }
.filtermanufacturer .active { display: block }


/* PRODUCT COLORS */
.product-colors{
	float: left;
	margin-top: 10px;
	border-top: 1px solid #f1f1f1;
	width: 100%;
	padding-top: 10px;
}
.product-color{
	float: left;
	margin-right: 10px;
}

a.checkout{
	background-position: 100% -42px;
}
a.checkout strong{
	background-position: 0% -42px;
}
a.checkout:hover{
	background-position: 100% -63px;
}
a.checkout:hover strong{
	background-position: 0% -63px;
}

/* POPUPS */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmOverlay { background-color: #000; }	
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #f1f1f1;
    color: #303030;
    padding: 20px;
    font-size: 11px;
    border: 1px solid white;
    border-color: #fff #ddd #ddd #fff;
    z-index: 9999;
}
.jqmWindow ul { list-style: disc outside none; margin-left: 20px }
.jqmWindow h2 { margin-top: 0px }
.jqmWindow a, .jqmWindow a:hover { color: #a30b30; text-decoration: underline }
.jqmClose {
	position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; 
	display: block;
	background: url("/Common/Grpx/Icons/cross.gif") no-repeat transparent;
}
.jqmClose span { display: none }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* PRINTER SELECTION */
#maincontainer .printer-families, #maincontainer .printer-models { float: left; width: 100%; }
#maincontainer ul.last { border-right: none; }

/* Ver.2 */
#maincontainer .splitcolumn { float: left; margin: 0 10px 20px 0; border-right: 1px solid #f1f1f1; padding-right: 10px; font-size: 11px; }
.splitcolumn a { color: #a30b30; }
.printer-models-families h3 {
	height: 100%; 
	clear: left; 
	border-left: 5px solid #c0aa93; 
	padding: 2px 5px; 
	background-color: #f1f1f1; 
	color: #606060; 
	margin-bottom: 10px
}
.printer-models .splitcolumn a,
.printer-models-families .splitcolumn a{
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 100% -92px transparent;
	color: black;
	display: block;
	padding-right: 20px;
	white-space: nowrap; 
}
.printer-models .splitcolumn a:hover,
.printer-models-families .splitcolumn a:hover { background-position: 100% -46px; text-decoration: none; }
.printer-models .splitcolumn a span,
.printer-models-families .splitcolumn a span {
	background: url("/Common/Grpx/buttons_submenus.png") no-repeat 0% -46px transparent;
	display: block;
	line-height: 20px;
}
.printer-models .splitcolumn a:hover span,
.printer-models-families .splitcolumn a:hover span { background-position: 0% 0px; color: #a30b30; }

.printerimage{
	float: left;
	margin-right: 5px;
}

/* Clearfix
****************************************************************************************/
.clearfix:after
{
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
html[xmlns] .clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}