/*-----------------------------------------------------------------+----------------------.
 |  Synfel WHITE Cascading Style Sheet                             |                      |
 |  Version 0.8                                                    | STYLESHEET NOTES     |
 |  Created by Incordia                                            |                      |
 |-----------------------------------------------------------------+----------------------+-------------
 |  All content copyrighted (C),  www.incordia.se                  | COPYRIGHT            |
 |-----------------------------------------------------------------+----------------------|
 |                                                                 | TOC                  |
 |  1. Element Defaults                                            |                      |
 |   1.1 Standard element overrides                                |                      |
 |   1.2 Inputfield specifications                                 |                      |
 |   1.3 Simple element overrides                                  |                      |
 |                                                                 |                      |
 |  2. Core Design Elements                                        |                      |
 |   2.1 General Design                                            |                      |
 |   2.2 Header                                                    |                      |
 |   2.3 Navigation                                                |                      |
 |   2.4 Footer                                                    |                      |
 |   2.5 Help Box                                                  |                      |
 |   2.6 Calendar                                                  |                      |
 |                                                                 |                      |
 |  3. Right Menu                                                  |                      |
 |   3.1 General Design                                            |                      |
 |   3.2 Customer Zone                                             |                      |
 |   3.3 Cross Selling                                             |                      |
 |   3.4 Banners                                                   |                      |
 |                                                                 |                      |
 |  4. Editor Settings                                             |                      |
 |                                                                 |                      |
  -----------------------------------------------------------------+----------------------
                                                                   |
                                                                   |


	/********
	*********  1. Element Defaults
	****1****      Provides elements with their basic design, if nothing else is specified.
	*********
	********/


/******
	NEW HEADING
*******/
	#errors { margin-bottom: 16px; }
   table.trimtable tr td { border: 0px; padding-bottom: 0px; }
   span.infotxt { color: #ffcc33; } 
   div.newh3 {
      margin: 0px;
      padding: 5px 20px 6px 0px;
      font-size: 15px;
      font-family: Tahoma, Arial, serif;
      font-weight: Normal;
      background: #9b9b9b url(images/header_tr.gif) no-repeat top right;
      color: #fafafa;
   }
   div.newh3 div.number {
   	 float: left; 
   	 width: 32px; 
     background: url(images/no1.gif) no-repeat top left;
   	 height: 28px; 
   	 margin-top: -5px;
   }
	div.newh3 div.no1 {}
	div.newh3 div.no2 {background-image: url(images/no2.gif);}
	div.newh3 div.no3 {background-image: url(images/no3.gif);}
   
   .contentblock {
      border: 1px solid #a8a8a8;
      margin-top: 1px;
   }
   
   div.contentblock {
      padding: 5px 5px;
      font-size: 10px;
      color: #000000;
   }
   td.contentblock {
      padding: 5px 5px;
      font-size: 10px;
      color: #000000;
   }
   table.contentblock {  }
   table.contentblock td {
	padding: 3px;
   }
   
   .long {
      width: 440px;
   }
   
   
   input.text {
	  behavior: url(../css/ie_fixes.htc);
      border: 1px solid #999999;
      width: 120px;
      font-family: Verdana;
      font-size: 10px;
   }
   input.cmt:hover, input.text.hover {
      border: 1px solid #000000;
   }
   /*input.cmt:focus, input.text.focus {
      border: 1px solid #446644;
      background-color: #EEFFEE;
   }*/
   
   div.register { padding-left: 13px; }
   .required { color: #ff0000; }
   .dim { color: #CCCCCC; }
   .dim:focus, .dim.focus {
      color: #000000;
   }
   
   .error {
      /*background-color: #FFDDDD;
      border: 1px solid #FF0000;
      display: inline-block;*/
		color: #F33;
		padding-left: 4px;
		border-left: 4px solid #F66;
   }
   .info {
      /*background-color: #FFDDDD;
      border: 1px solid #FF0000;
      display: inline-block;*/
		color: #33F;
		padding-left: 4px;
		border-left: 4px solid #737373;
   }
   
   .fill { width: 100%; }
   div.buttons { padding: 12px 0px; }







/*
  1.1 Standard element overrides.
       These definitions are for setting up the base environment of the page, how each unclassed element should behave per default.
  
*/
html, body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: x-small;
}
form {
	margin: 0px;
	padding: 0px;
}

a {
	color: #555555;
	text-decoration: none;
	outline: none;
}
a:hover { color: #000000; }

*:focus, *:active { 
	outline: none; 
	}
*::-moz-focus-inner { 
	border: none; 
	}

label { display: block; }
div.frmhead { font-weight: bold; } /* For compatibility */

table {	border-collapse: collapse; }

td { padding: 0px; }

select, input {
	padding: 1px;
	font-family: Verdana;
	font-size: 110%;
}

img { border: 0px; }

/*
h1 {
	margin: 5px;
	font-size: 150%;
}
*/
h1{
color:#999999;
font-family:Arial,Helvetica,_sans-serif;
font-size:150%;
margin:5px;
}

h1.listhead {
	padding: 20px 0px 0px 0px;
	margin: 18px 0px 17px 30px;
	font-size: 210%;
	color: #999999;
	font-family: Arial, Helvetica, _sans-serif;
}	

h2 {
	padding: 20px 0px 0px 30px;
	font-size: 210%;
	color: #999999;
	font-family: Arial, Helvetica, _sans-serif;
}

h3 {
	margin: 16px 0px 10px 0px;
	padding: 2px 0px 3px 7px;
	border-top: 1px solid #969696;
	font-size: 110%;
	width: 100% !important;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(images/h3_textbg.gif);
	background-position: -850px 0px;						/* "Width" of inner area will be 1000px - the first value of bg-position */
	position: relative;
	background-repeat: no-repeat;
}

h3.new {
	border-top: 1px solid #cc3333;
	background-image: url(images/h3_textbg_cc333333.gif);
	margin-top: 26px;
}

div#faq h3 a {
color:#FFFFFF;
}

span.newsticker {
	display: block;
	position: absolute;
	left: 105px;
	top: -19px;
	width: 70px;
	height: 38px;
	background-image: url(images/sticker.gif);
	background-repeat: no-repeat;
}

h4 {
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px;
	font-weight: bold;
	font-size: 90%;
	text-indent: 8px;
	color: #646464;
	background: #DEDEDE;
	position: relative;
}

h5 {
	margin: 0px;
	padding: 0px 0px 6px 0px;
	font-weight: bold;
	font-size: 130%;
}


/*
  1.2 Inputfield specifications
       To control the default behaviour of ex: text areas, buttons.
	
*/
input.txt {
	border: 1px solid #999999;
	width: 150px;
}
a.btn
{  
	padding: 1px 7px; 
	color: #000000; 
	cursor: default; 
	background: #d4d0c8; 
}
.btn {
	border: 1px solid #999999;
	font-size: 90%;
	/* padding: 0px 7px; */
	margin: 0px;
	cursor: pointer;
	/*height: 17px;*/
}
input.cbox {}
input.radio {}
select {}

#campaigncode-apply {
	background: transparent url(/images/cart/okbtn.gif) center no-repeat;
	width: 48px;
	height: 16px;
	border: none;
	color: #FFF;
	font-weight: bold;
	letter-spacing: -0.2px;
}


/*
  1.3 Simple element overrides
       General overrides that are often applied, such as input field width.

*/
input.xshort { width: 50px !important; }
input.shorthalf { width: 84px !important; }
input.half { width: 100px !important; }
input.short { width: 150px !important; }
input.long { width: 250px !important; }
input.double { width: 340px !important; }
.bouble { width: 128px !important; }
input.xlong { width: 350px !important; }
input.cloaked { color: #676767; }

/* Size overrides when applied to the h3 tag */
h3.xshort { 
	background-repeat: no-repeat;
	background-position: -975px 0px; 
	width: 100% !important; 
}
h3.half { 
	background-repeat: no-repeat;
	background-position: -950px 0px; 
	width: 100% !important; 
}
h3.short { 
	background-repeat: no-repeat;
	background-position: -900px 0px; 
	width: 100% !important; 
}
h3.long { 
	background-repeat: no-repeat;
	background-position: -775px 0px; 
	width: 100% !important; 
}
h3.double { 
	background-repeat: no-repeat;
	background-position: -750px 0px; 
	width: 100% !important; 
}
h3.xlong { 
	background-repeat: no-repeat;
	background-position: -725px 0px; 
	width: 100% !important; 
}


/* Generic element functionality extensions, such as to make an element 'clickable' */
.clickable {
	cursor: pointer;
	cursor: hand;
}
a.helptip { cursor: help; }
a.helper {
	position: absolute;
	/*top: 2px;*/
	margin-left: 2px;
	
}
h3 .helper {
	position: absolute;
	right: 20px;
}
h4 .helper {
	position: absolute;
	right: 5px;
}
input.error, span.error, div.error {
	/*color: #ff0000;*/
}
.required {
	color: #ff0000;
}

/* "Buy" buttons */
div.buy {
	vertical-align: bottom;
	width: 90px;
	height: 17px;
	background-image: url(images/prislapp.gif);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: x-small;
}
div.buy span {
	display: block;
	text-align: right;
	width: 51px;
}

input.buy {
	vertical-align: bottom;
	width: 90px;
	height: 17px;
	background: transparent url(images/prislapp.gif) no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	border: 0px;
	padding-right: 37px !important;
	text-align: right;
}




/* Dividers */
div.divider {
	background-image: url(images/horizdotted.gif);
	background-repeat: repeat-x;
	background-position: 50% 0px;
	font-size: 0px;
	height: 1px;
	padding: 5px 0px 20px 0px;
	width: 100%;
}
div.slimdivider {
	background-image: url(images/horizdotted.gif);
	background-repeat: repeat-x;
	font-size: 0px;
	height: 1px;
	width: 100%;	
}
.seperator {
	width: 20px;
}



	/********
	*********  Core design elements
	****2****   Design for wrapping areas, and the general site design
	*********	
	********/

/*
  2.1 General
       Overlying design control
	
*/
div#wrapper {
	width: 975px;
	margin-left: 15px;
}

#main {
	position: relative;
}
#content {
	width: 976px;
	margin-top: 1px;
	vertical-align: top;
	border-collapse: collapse;
}
#content td {
	vertical-align: top;
}



/*
  2.2 Header
       The 'top bar'
	
*/
div#header {
	background-color: #9A9A9A;
	height: 78px;
	position: relative;	
}

div#sitelogo {
	position: absolute;
	left: 10px;
	top: 8px;
}

ul#moduleslist {
	position: absolute;
	left: 460px;
	bottom: 12px;
	margin: 0px;
	list-style: none;
	padding: 0px;
}

ul#moduleslist li {
	float: left;
	padding-right: 14px;
}

ul#moduleslist a {
	color: #F9F9F9;
	text-decoration: none;
}

ul#moduleslist a:hover {
	color: #555555;
}




/*
  2.3 Navigation
       The navigation bar, quickbuy to category listing.
	
*/
div#navwrap {
	height: 25px;
}

ul#nav {
	border-top: 1px solid #FFFFFF;
	background-color: #9a9a9a;
	color: #ffffff;
	list-style: none;
	height: 24px;
	margin: 0px;
	padding: 0px;
}

ul#nav li {
	float: left;
	margin: 4px 0px 4px 0px;
	padding: 1px 6px;
	height: 14px;
	font-size: small;
	font-family: tahoma;
}
ul#nav li.item {
	background: url(images/dotted.gif) repeat-y 100%;
}

ul#nav li.quickbuy {
	margin: 0px;
	height: 23px;
	padding: 1px 5px 0px 30px;
	background: #9A9A9A url(images/pointer.jpg) no-repeat 5px;
	border-right: 1px solid #FFF;
}

ul#nav li.quickbuy select {
	margin-top: 3px;
	font-weight: normal;
	border: none;
	font-size: x-small;
}

ul#nav li a {
	color: #ffffff;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #fee300;
}


/*
  2.4 Footer
       All sites must come to an end, and this is where we present just that.

*/
#footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #BDBDBD;
}




/*
  2.5 Help Box
       The helpful text when a ? is mouseovered

*/
div#helper {
	display: none;
	z-index: 2;
	padding: 2px;
	border: 1px solid #000000;
	position: absolute;
	background: #FFFFE1;
	width: 170px;
}

div#helper.showimage {
	width: 100px;
	border: none;
}

iframe#helperBG {
	display: none;
	z-index: 1;
	position: absolute;
}


/*
	2.6 Calendar
		 The calendar function needs a sense of style as well.
*/
table.calendar {
	cursor: default;
	margin: 0px;
	margin: 0px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.calendar th {
	text-align: center;
	padding-bottom: 3px;
}
table.calendar th.s {
	color: #ff0000;
}
div.calendarWrap div.datelabel { white-space: nowrap; text-align: center; background-color: #fff; }
div.datelabel div.prevdate { 
	display: inline-block; 
	font-size: 0px;
	margin: 2px 5px 0px 0px; 
	margin-right: 10px; 
	width: 10px; 
	height: 10px; 
	background-image: url(images/cal_l.gif); 
	cursor: pointer; 
	cursor: hand; 
	position: absolute;
	left: 5px;
	top: 0px;
}
div.datelabel div.nextdate { 
	display: inline-block; 
	font-size: 0px;
	margin: 2px 0px 0px 5px; 
	width: 10px; 
	height: 10px; 
	background-image: url(images/cal_r.gif); 
	cursor: pointer; 
	cursor: hand; 
	position: absolute;
	right: 5px;
	top: 0px;
}
div.calendarWWrap {
}
div#cal {
	position: relative;
	z-index: 100;
	left: 350px;
}
div.calendarWrap {
	width: 150px;
	text-align: center;
	border: 2px solid #CCC;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	background-color: #ffffff;
}
.sund {
	color: #ff0000;
}
.day {
	text-align: center;
	width: 15px;
	height: 15px;
	background-color: #fff;
	border: 1px solid #fff;
	font-size: 10px;
}
.datebuttons {
	margin-bottom: 10px;
}
.row {}
.day.nonempty {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
.hover {
	background-color: #eee;
}
.selected {
	background-color: #cce;
}




	/********
	*********  Right Menu
	****3****   Elements in the right menu, such as cross-selling, banners, login
	*********	
	********/

/*
  3.1 General Design
       Overlying design for the right menu
	
*/
td#rightmenu {
	width: 205px;
	padding: 0px;
}




/* 
  3.2 Customer Zone
       Customer menu, login and loggedin zone
	
*/


.customerdata td { padding-bottom: 8px; }

/** Logged Out **/
#customerlist-loggedout {
	padding-top: 30px;
	background: #D8D8D8;
	width: 205px;
	height: 195px;
	color: #565656;
	background-image: url(images/medlem_inloggning.gif);
	background-repeat: no-repeat;
	background-position: 14px 8px;
	margin-bottom: 17px;
	position: relative;
}
td#rightmenu #login {
padding-left: 8px;
	/*width: 175px;*/
}
td#rightmenu #login .frmlabel.Password { padding-top: 6px; }
td#rightmenu #login input.txt {
	border: 1px solid #bebebe;
	width: 175px;
	color: #565656;
	font-size: 100%;
	padding: 2px;			
}
td#rightmenu #login input.btn {
	margin-top: 10px;
	border: none;
	background-image: url(images/medlem_btns.gif);
	background-repeat: no-repeat;
	width: 79px;
	height: 18px;
	padding-bottom: 2px;
	color: #fff;
	font-weight: bold;
}
td#rightmenu #login input.btn.register { margin-left: 13px; }

/** Logged In **/
#customerlist-loggedin {
	position: relative;
	padding-top: 45px;
	background: #D8D8D8;
	width: 205px;
	height: 180px;
	padding-bottom: 30px;
	color: #565656;
	background-image: url(images/medlem_inloggad.gif);
	margin-bottom: 17px;
	background-repeat: no-repeat;
	background-position: 14px 15px;
}
td#rightmenu UL.customer {
	padding: 0px;
	padding-left: 14px;
	list-style: none;
	margin: 0px;
}
td#rightmenu UL.customer LI {
	margin: 0px;
	background: url(images/horizdottedwhite.gif) repeat-x 0px 100%;
	height: 14px;
	padding: 3px 0px;
}
td#rightmenu UL.customer LI.welcome {
	font-weight: bold;
	background: none;
	padding: 0px 0px 7px 0px;
}



/*
  3.3 Cross Selling
       Area for showing products related to the curently selected product
*/
td#rightmenu div#crossell {
	padding: 40px 15px;
	background-color: #ffffff;
	background-image: url(images/crossell.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
td#rightmenu div#crossell TABLE TD {
	padding: 1px;
}




/*
  3.4 Banners
       Advertisement banners
*/
td#rightmenu div#banners {
	margin-top: 10px;
}

/*
  3.5 Card List
       A little out of its place, perhaps.. But, the cards under the customer zone.
       
*/
#cardlist {
	width: 100%;
	text-align: center;
	padding: 7px 0px 6px 0px;
	margin-top: 7px;
	border-top: 1px solid #FFFFFF;
	
	/*position: absolute;
	bottom: 0px;*/
}
#cardlist img {
	margin: 0px auto;
}







	/********
	*********  4. Editor Settings
	****4****      
	*********
	********/

table.editor, table.editor p {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

/* From SSP */
/* Elements containing content from the editor */
TABLE.editor {
	width: 100%;
}
TABLE.editor_borderon {
	border-left: 1px solid #999999;
	border-top: 1px solid  #999999;
}
TD.editor_borderon {
	border-right: 1px solid  #999999;
	border-bottom: 1px solid  #999999;
	vertical-align: top;
}
TABLE.editor_borderoff {}
TD.editor_borderoff {
	vertical-align: top;
}
IMG.left {
	margin-right: 10px;
}
IMG.right {
	margin-left: 10px;
}
IMG.free {
	margin-bottom: 5px;
}

/* Text above normal input fields */
DIV.frmhead {
	font-weight: bold;
	margin-bottom: 2px;
}

/* Longer explanation of the text above */
SPAN.frmheaddesc {
	font-weight: normal;
}

/* Asterisk (*) above a field that is mandatory */
SPAN.required {
	color: #CC0000;
}

/* Text that comes when something is not right. (wrong password, incorrect e-mail etc.) */
SPAN.error {
	/*color: #CC0000;*/
}

/* Text next to a checkbox */
INPUT.box {
	vertical-align: middle;
}
TD.content {
	vertical-align: top;
}

tr#countset select {
	color: #C40008;
}

#orderstatus li{
	border: 1px dotted #9A9A9A;
	width: 70%;
	padding: 5px;
	margin: 15px;
}

#orderstatus ul{
	list-style-type: none;
}

/* Dropdown */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  text-decoration: none;
}

.nav li a:hover {
  color: #FEE300;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  color: #FEE300;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #9A9A9A;
  color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  color: #FEE300;	
}

.nav ul {
  background: #9A9A9A;
  list-style: none;
  margin: 0;
  width: 107px;
  position: absolute;
  top: -999em;
  left: 0px;
  padding-top: 2px;
  padding-bottom: 4px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 17px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {
  color: #000;
}

.nav a.drop {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/images/dropdown_arrow.gif);
	background-position:100% 65%;
	background-repeat:no-repeat;
	padding-right:8px;
}

.nav a.drop:hover {
	background-image:url(/images/dropdown_arrow-hover.gif);
}


/* Frontpage */

#fp-top {height: 267px}

.fp-topbox {float: left; color: #999999}

.fp-topbox h3 {margin: 18px 0px}

.fp-topbox h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 21px;
	letter-spacing: -0.5px;
	word-spacing: 3px;
	margin: 7px 0px !important;
}

.fp-topleft {width: 500px}

.fp-topright {
	height: 241px;
	width: 240px;
	margin-top: -1px;
	position: relative;
	left: 12px;
	background: transparent url(/include/style/images/nykund.jpg) no-repeat scroll center;
}

#fp-info {text-align: justify}

a.nykund-klick {
	left: 125px;
	position: relative;
	top: 190px;
}

#fp-products {
	width: 500px; 
	height: 116px;
	text-align: center;
}

.fp-lensbox {
	float: left;
	height: 116px;
	padding-bottom: 3px;
}

.fp-lensboxfirst {width: 147px}

.fp-lensboxmiddle {margin: 0 27px; width: 170px}

.fp-lensboxlast {float: right; width: 110px;}

.fp-lensimage {height: 77px}

.fp-lensname {
	font-size: 14px;
	margin-bottom: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.fp-lensname a {color: #999999 !important;}

.fp-lensname a:hover {color: #555555 !important;}

a.fp-lensbuy {
	background-image: url(images/prislapp.gif);
	background-position: center center;
	background-repeat: no-repeat;
	color:  #FFFFFF;
	font-weight:bold;
	padding: 3px 14px;
}

a.fp-lensbuy:hover {color: #FFFFFF !important}

span.fp-lensprice  {padding-right: 26px}

#fp-bottom {
	clear: both; 
	position: relative; 
	top: -4px;
	width: 760px;
	height: 306px;
}

#fp-categories {height: 191px; margin-top: 17px;}

.fp-catbox {
	float: left;
	border: 1px solid #BABABC;
	padding: 10px;
	width: 116px;
	margin-right: 16px;
}

.fp-catbox:hover {border: 1px solid #99999B}

.fp-catboxlast {
	margin: 0 !important;
}

.fp-catname { 
	font-size: 18px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.fp-catname a {color: #999999 !important;}

.fp-catname a:hover {color: #555555 !important;}

.fp-catimg {
	text-align: center;
	margin: 15px 0;
	height: 86px;
}

.fp-catprice {
	color: #B81F25;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 8px;
}

#fp-more {
	clear: both;
	width: 760px;
	margin-top: 5px;
}

.fp-morebox {
	float: left;
	height: 72px;
	border: 1px solid #BABABC;
	margin-right: 17px;
	width: 238px;
}

.fp-morebox:hover {border: 1px solid #99999B}


.fp-moreboxlast {margin-right: 0px}


/* "Gör oss bättre"-rutan */

textarea.forslag {
	height: 65px; 
	border: 1px solid rgb(153, 153, 153);
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	background: #fff url(/include/style/images/tips.gif) no-repeat scroll top right;
	position: relative;
	z-index: 99;
}

textarea.forslag:focus, textarea.forslag:active, textarea.forslag:hover {
	color: #000;
	background-image: none;
}


/* Märkesguide */

#brands {
	margin: 10px;
	height: 320px;
	background: transparent url('/include/style/images/easyvision-airoptix.jpg') bottom right no-repeat scroll;
}

#brands ul {
	border-left: 1px solid #D8D8D8;
	list-style: none outside none;
	padding-left: 10px;
	display: block;
	margin: 0;
}

span.header {
	color: #9A9A9A;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

li.manufacturer {
	float: left;
	margin-left: 32px;
	max-width: 200px;
}

li.first {
	margin-left: 0;
}

/* Beställningsguide */

#orderguide H1 {
	font-size: 21px;
	letter-spacing: -0.5px;
	margin-bottom: 7px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 28px;
}

#recept-quicknote {
	background: none repeat scroll 0 0 #DEDEDE;
	float: left;
	padding: 10px;
	width: 289px;
	float: left;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#recept-quicknote, #ordergirl {
	margin-top: 5px;
}

#orderguide h3 strong {
	font-size: 17px;
	margin-right: 5px;
}

#ordergirl {
	float: right;
}


/* FAQ */

#fragor {
	position: absolute;
	right: 20px;
	top: 0;
}

/* Hide buy-button in listing for deprecated lenses. Also hides their "options" in quickbuy select, atleast in Firefox */

#a12, #a36, #a37, #a55, #a103, #a134, #a171 { display: none; }

/* ______________________________________________________________________________*/