/*-----------------------------------------------------------------+----------------------
 |  LensStore 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
*******/

   div.newh3 {
      margin: 0px;
      padding: 5px 20px 6px 0px;
      font-size: 14px;
      font-family: Tahoma, Arial, serif;
      font-weight: Normal;
      background: #FFF 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;
      color: #000000;
   }
   td.contentblock {
      padding: 5px 5px;
      font-size: 10px;
      color: #000000;
   }
   table.contentblock {  }
   table.contentblock td {
	padding: 5px;
   }
   
   .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;
   }
   
   .fill { width: 100%; }








/*
  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: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color:#555555;
	/*background-color: #EBFB95;*/
}
form {
	margin: 0px;
	padding: 0px;
}

a {
	color: #0088CC;
	text-decoration: none;
	outline: none;
}
a:hover { color: #005A87; }

#footer a, .categorydesc a, #fp-info a {
	color: #555555;
}

#footer a:hover, .categorydesc a:hover, #fp-info a:hover {
	color: #555555;
	/*cursor: text;*/
}

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.listhead {
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 17px 0px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: normal;
	color: #97AF17;
	font-family: Arial, Helvetica, _sans-serif;
}

div#faq h2 {
	margin-top: 10px;
}
	
h2, .contentwrapper h1 {
	padding: 20px 0px 0px 0px;
	font-size: 17px;
	color: #97AF17;
	font-family: Arial, Helvetica, _sans-serif;
	font-weight:normal;
}

h3 {
	/*margin: 0px 01px 10px 10px;*/
	padding: 5px 0px 4px 0px;
	border-bottom: 1px solid #97af17;
	font-size: 110%;
	width: 100% !important;
	font-weight: normal;
	color: #97AF17;
	/*background-image: url(images/h3_doubletextbg.gif);*/
	/*background-position: -850px 0px;						/* "Width" of inner area will be 1000px - the first value of bg-position */
	position: relative;
	background-repeat: no-repeat;
}

div#faq h3 a {
	color: #97AF17;
}

BODY.default TABLE#main TD.topleft h3{
	margin-top: 2px;
	width: 95%;
}

h3.new {
	border-top: 1px solid #cc3333;
	background-image: url(images/h3_textbg_cc333333.gif);
	margin-top: 26px;
}
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: #000;
	background: #dedede;
	position: relative;
}

div#faq h4 {
	margin-top: 20px;
}

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;
}

/*
input.btn {
	border: 1px solid #999999;
	font-size: 90%;
	/* padding: 0px 7px; */
/*	margin: 0px;
	cursor: pointer;
}
*/

input.btn {
	border-top: 1px solid #28D1FF;
	border-bottom: 1px solid #0F4E5F;
	border-left: none;
	border-right: none;
	background: #21AED4;
	background: -webkit-gradient(linear, left top, left bottom, from(#21AED4), to(#1B8CAB));
	background: -moz-linear-gradient(top, #21AED4, #1B8CAB);
	padding: 2px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}

input.btn:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
}

input.btn:active {
	border-top-color: #1b435e;
	background: #1b435e;
}

input.cbox {}
input.radio {}
select {}

#campaigncode-apply {
	width: 48px;
}


/*
  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; }
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;
	/*margin: 16px 01px 10px 10px;*/
	padding: 5px 0px 4px 7px;
	border-bottom: 1px solid #97af17;
	font-size: 110%;
	width: 100% !important;
	font-weight: normal;
	color: #97AF17;
	/*background-image: url(images/h3_doubletextbg.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.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;
}
.helper {
	cursor: help;
	position: relative;
	top: 2px;
}
h3 .helper {
	position: absolute;
	right: 20px;
}
h4 .helper {
	position: absolute;
	right: 5px;
}
input.error, span.error, div.error {
	color: #ff0000;
}
/*
.required {
	color: #ff0000;
}*/
label.validationError{
	border-left:4px solid #FF6666;
	color:#FF3333;
	padding-left:4px;
}
input.validationError{ background-color: #FFE0E1; }
input[type="checkbox"].validationError{ border: 2px solid #FFE0E1; }

/* "Buy" buttons */
div.buy {
	vertical-align: bottom;
	width: 130px;
	height: 17px;
	background-image: url(images/kopknapp.png);
	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/kopknapp.png) no-repeat top left;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	border: 0px;
	padding-right: 39px;
}




/* 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: 0 auto;
	background-color: white;
	/*border: 1px solid #9CAF35;*/
}

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



/*
  2.2 Header
       The 'top bar'
	
*/
div#header {
	background-color: white;
	height: 90px;
	position: relative;	
	/* background-image: url(images/bgheader.jpg); */
	background-position: bottom right;
	background-repeat: no-repeat;
}

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

ul#moduleslist {
	position: absolute;
	right: 0px;
	top: 5px;
	margin: 0px;
	list-style: none;
	padding: 0px;
	line-height:20px;
}

ul#moduleslist li {
	float: left;
	padding-right: 9px;
	padding-left: 8px;
	/*border-right: 1px solid #FFF;*/
}

ul#moduleslist li.first{
	padding-left: 0px;
}

ul#moduleslist li.last{
	border: none;
	margin-left: 40px;
}

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

ul#moduleslist a:hover {
	color: #9A9A9A;
}

div#quickbuy{
	position:absolute;
	left: 280px;
	top: 46px;
}

a#btnLogin,
a#btnLogout{
	background: url(/images/header/login.gif) no-repeat left;
	padding-left:30px;
	display:block;
	height:20px;
}

div#basket{
	border-left: 1px solid #B5CB44;
	padding: 0 0 2px 7px;
	position: absolute;
	right: 0;
	top: 40px;
	width: 100px;
}

div#basket img{
	margin-left: 3px;
	vertical-align:left;
}
div#basket #viewbasket{
	float: right;
	position: relative;
	top: 5px;
}
div#basket #items{
	margin-top: 5px;
	float: left;
}
div#basket #total{
	float: right;
	margin-top: 5px;
	position: relative;
	right: 8px;
}

div#basket a {
	font-weight: bold;
}

div#loginpanel{
	border-bottom: 2px solid #B5CB44;
	display:none;
	/*padding:15px;*/
}
div#loginpanel h2{
	padding-top: 0px;
	margin-top:0px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: normal;
	color: #97AF17;
	text-transform: uppercase;
}

#btnContactList{
	background: url(/images/bg/bg_select_contacts.gif) no-repeat;
	height:16px;
	width:212px;
	display:block;
	font-size: 1.1em;
	padding: 3px 5px;
	cursor:pointer;
}

#contact-list-panel{
	border-bottom: 2px solid #B5CB44;
	display:none;
}

#contact-list-panel #columns-wrapper{ margin: 10px 0px 10px 0px; }

#contact-list-panel .btnClose{ float:right; margin-bottom:10px; font-size:1.3em; font-weight:bold; color:#333; }
#contact-list-panel .btnClose span{ cursor:pointer; color:#97AF17; text-decoration:underline; } 

#contact-list-panel .contact-list-column{
	float:left;
	line-height:1.6em;
	margin-left:49px;
	font-family:tahoma;
	font-size:10px;
}

#contact-list-panel .contact-list-column .article .article-link{
	
}

#contact-list-panel a{
	color: #000000;
}

#contact-list-panel a:hover{
	color: #9A9A9A;
}

/*
  2.3 Navigation
       The navigation bar, quickbuy to category listing.
	
*/
/*
div#navwrap {
	height: 25px;
	background-image: url(images/bgnavwrap.gif);
	background-repeat: no-repeat;
}
*/
div#navwrap {
	height: 5px;
	background-color: #B5CB44;
}

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: 0px 0px 0px 0px;
	padding: 1px 0px;
	height: 10px;
	font-size: x-small;
}
ul#nav li.item,
ul#nav li.lastitem {
	background: url(images/menudiv.gif) no-repeat;
	background-position: bottom right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 9px;
	_padding-bottom: 5px;
}

ul#nav li.lastitem{
	background-image: none;
}

ul#nav li.quickbuy {
	margin: 0px;
	height: 20px;
	padding: 1px 14px 0px 42px;
	background: url(images/pointer.jpg) no-repeat 5px 3px;
	/*border-right: 1px solid #FFF;*/
}

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

ul#nav li a {
	color: #000;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
}

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


/*
  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-bottom: 1px;
	padding-top: 7px;
	padding-bottom: 7px;
	/*background-image: url(images/bgcontact.gif);*/
	Border-top:5px solid #B5CB44;
	background-position: 0 22px;
	background-repeat: no-repeat;
}

#footer table.editor td {
	padding-left: 15px;
}

#footer table.editor td p {
	width: 100%;
}

#footer table.editor td.cookielink {
	padding-right: 20px;
}

#footer table.editor_borderoff td p {
	padding-top: 10px;
}

#footer br.aftereditor {
	display: none;
}


/*
  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: 202px;
	padding: 0px;
	margin: 0px;
	padding-top:10px;
}

td#rightmenu table{
	margin: 0px;
	padding: 0px;
}

td#rightmenu input.cbox{
	height: 15px;
	width: 15px;
	border: none;
	background: none;
}

td#rightmenu a,
td#rightmenu a:visited{
	color: #555555;
}
td#rightmenu a:hover{
	color: #000;
}

#rightmenu ul#categories{
	padding:0; 
	margin:5px;
}

#rightmenu ul#categories li{
	background: url(images/gt_blue.gif) left 7px no-repeat;
	list-style-position: inside;
	list-style-type:none;
	line-height: 18px;
	font-size: 12px;
	padding: 1px 0px 1px 10px ;
}

#rightmenu h2{
	padding-top: 0px;
	margin-top:15px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #97AF17;
}

.bannerLink{
	display:block;
	margin-top:25px;
	text-align:center;
}

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

/** Logged Out **/
#customerlist-loggedout {
	padding-top: 35px;
	background: #5c6d07;
	width: 202px;
	color: #FFF;
	background-image: url(images/medlem_inloggning.gif);
	background-repeat: no-repeat;
	position: relative;
}
td#rightmenu #login {
	padding-left: 8px;
}
td#rightmenu #login .frmlabel.Password { margin-top: 2px; margin-bottom: 0px;}
td#rightmenu #login input.txt {
	border: 1px solid #bebebe;
	width: 175px;
	color: #565656;
	font-size: 100%;
	padding: 2px;
	margin-bottom: 4px;
}
td#rightmenu #login input.btn {
	margin-top: 6px;
	border: none;
	background-image: url(images/medlem_btns.gif);
	background-repeat: no-repeat;
	width: 86px;
	height: 23px;
	padding-bottom: 1px;
	color: #FFF;
	font-weight: bold;
}
td#rightmenu #login input.btn.register { margin-left: 6px; }

/** Logged In **/
#customerlist-loggedin {
	position: relative;
	padding-top: 35px;
	background: #5c6d07;
	width: 202px;
	color: #FFF;
	background-image: url(images/medlem_inloggad.gif);;
	background-repeat: no-repeat;
}
td#rightmenu UL.customer {
	padding: 0px;
	padding-left: 5px;
	list-style: none;
	margin: 0px;
	margin-right: 14px;
	margin-bottom: 10px;
	font-size:12px;
}
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
*/

#banners{
	float: left;
}

td#rightmenu div#banners img{
	margin-top: 2px;
}

td#rightmenu div#banners div.c14 {margin-top: 19px;}
td#rightmenu div#banners div.c13 {margin-top: 31px;}
td#rightmenu div#banners span.c12 {color: #97af17; font-size: 26px;}
td#rightmenu div#banners span.c11 {color: #21aed4; font-size: 26px;}
td#rightmenu div#banners div.c10 {margin-top: 20px;}
td#rightmenu div#banners a.c9 {display: block;}
td#rightmenu div#banners span.c8 {color: #97af17; font-size: 13px;}
td#rightmenu div#banners span.c7 {color: #21aed4; font-size: 15px;}
td#rightmenu div#banners span.c6 {color: #97af17; position: relative; font-weight: bold; font-size: 16px;}
td#rightmenu div#banners div.c5 {margin-top: 16px;}
td#rightmenu div#banners span.c4 {color: #97af17; font-size: 21px; position: relative; top: -14px;}
td#rightmenu div#banners span.c3 {color: #97af17; letter-spacing: 2px; font-size: 21px; position: relative; top: -12px;}
td#rightmenu div#banners span.c2 {font-weight: bold; color: #21aed4; font-size: 35px; position: relative; top: -10px;}
td#rightmenu div#banners span.c1 {color: #21aed4; font-size: 44px; font-weight: bold; letter-spacing: 20px;}

/*
  3.5 Card List
       A little out of its place, perhaps.. But, the cards under the customer zone.
       
*/
#cardlist {
	width: 100%;
	text-align: right;
	padding: 7px 0px 4px 0px;
	margin-top: 0px;
	overflow: auto;
	background-image: url(images/bgcardlist.gif);
}
#cardlist img {
	margin: 0px;
}







	/********
	*********  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 #5c6d07;
	border-top: 1px solid  #5c6d07;
}
TD.editor_borderon {
	border-right: 1px solid  #5c6d07;
	border-bottom: 1px solid  #5c6d07;
	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;
}



/* Top flags */

#flags {
	left: 267px;
	position: relative;
	top: 11px;
	width: 40px;
}


/* Frontpage lensboxes */

#impactarea h1 {
	/*border-bottom: 1px solid #97AF17;*/
	color: #97AF17;
	font-size: 17px;
	/*letter-spacing: -1px;*/
	margin: 7px 11px 8px 0;
	/*word-spacing: 6px;*/
	font-weight:normal;
}

#fp_top_left{
width:500px;
float:left;
}

#fp_top_right{
margin-left:30px;
width:200px;
float:left;
}

#fp-topboxes {margin-top: 20px; 	/*height: 182px;*/}

#fp-info {
	margin:0;
	padding:0;
	/*width: 730px;*/
}

.fp-lensbox {
	float:left;
	margin-right:20px;
	width:170px;
}

.fp-lensboxlast {
	margin-right: 0;
}

.fp-lensname {
	color:#97AF17;
	/*float:left;*/
	font-size:14px;
	font-weight:normal;
	letter-spacing:-1px;
	margin-top:7px;
	margin-bottom: 4px;
}

a.fp-lensprice {
	background-image:url(images/kopknapp.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	/*float:right;*/
	display:block;
	font-size:12px;
	font-weight:normal;
	height:20px;
	padding:5px 0 0 10px;
	Margin-left:0px;
	width:92px;
}

a.fp-lensprice:hover {
	color: #5C6D07 !important;
}

#lensboxes-container {width: 735px; height: 206px}

#lensboxes-container .lensbox {
	/*border: 1px solid #97af17;*/
	float: left;
	width: 221px;
	height: 91px;
	padding: 0px;
	margin-bottom:30px;
}

.lensboxTopLeft {
	/*border: 1px solid #97af17;*/
	float: left;
	width: 210px;
	height: 91px;
	padding: 0px;
}

.lensboxTopRight {
	border: 1px solid #97af17;
	float: right;
	width: 232px;
	height: 91px;
	padding: 4px;
}

.lensboxBottomLeft {
	border: 1px solid #97af17;
	float: left;
	width: 232px;
	height: 91px;
	margin-top: 4px;
	padding: 4px;
}

.lensboxBottomRight {
	border: 1px solid #97af17;
	float: right;
	width: 232px;
	height: 91px;
	margin-top: 4px;
	padding: 4px;
}

.lensboxImage {
	float: left;
	width: 85px;
	height: 91px;
	margin: 0;
	padding: 0;
}

.lensboxImage img {
	margin: 0;
	padding: 0;
}

.lensInfo {
	float: right;
	text-align: right;
	color: #97af17;
	font-size: 10px;
	font-weight: bold;
	width: 122px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 15px;
	right: 19px;
}

a.lensBuy {
	background-image: url(images/kopknapp.png);
	background-position: center center;
	background-repeat: no-repeat;
	color: #FFFFFF !important;
	float: right;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	margin-top: 26px;
	padding: 6px 0 0 18px;
	width: 91px;
	position:relative;
	right:4px;
}

a.lensBuy:hover {
	color: #5C6D07 !important;
}


/* "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(/css/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 {
	background: url("/include/style/images/easyvision-airoptix.jpg") no-repeat scroll right bottom transparent;
	height: 352px;
	margin-top: 10px;
}

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


/* Beställningsguide */

#recept-quicknote {
	background: none repeat scroll 0 0 #C6DB52;
	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 {
	margin-right: 5px;
}

#ordergirl {
	float: right;
}

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

/* Hide buy-button in listing for deprecated lenses. Also hides their "options" in quickbuy, atleast in Firefox */
#a12, #a36, #a37, #a55, #a103, #a119, #a134 {display: none !important;}
#n12 , #n36, #n37, #n55, #n103, #n119, #n134 {display: block !important; color:red; font-size:14px;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Typografi etc */

.blue{ color: #21AED4; }
.green{	color:#97AF17; }

.b{ font-weight:bold; }

.fl{ float:left; }
.fr{ float:right; }

.mr36 { margin-right: 36px; }

.s30{ font-size: 30px; }
.s28{ font-size: 28px; }
.s24{ font-size: 24px; }
.s20{ font-size: 20px; }
.s18{ font-size: 18px; }
.s15{ font-size: 15px; }
.s12{ font-size: 12px; }
.s11{ font-size: 11px; }


/* ______________________________________________________________________________*/