/*-----------------------------------------------------------------+----------------------
 |  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;
      font-size: 10px;
      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: Verdana, sans-serif;
	font-size: x-small;
	/*background-color: #EBFB95;*/
}
form {
	margin: 0px;
	padding: 0px;
}

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

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: 20px 0px 0px 0px;
	margin: 18px 0px 17px 0px;
	font-size: 210%;
	color: #5c6d07;
	font-family: Arial, Helvetica, _sans-serif;
}

div#faq h2 {
	margin-top: 20px;
}
	
h2, .contentwrapper h1 {
	padding: 20px 0px 0px 0px;
	font-size: 210%;
	color: #5c6d07;
	font-family: Arial, Helvetica, _sans-serif;
}

h3 {
	/*margin: 0px 01px 10px 10px;*/
	padding: 5px 0px 6px 7px;
	border-bottom: 1px solid #97af17;
	font-size: 110%;
	width: 100% !important;
	font-weight: bold;
	color: #FFFFFF;
	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: #fff;
}

BODY.default TABLE#main TD.topleft h3{
	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.cbox {}
input.radio {}
select {}

#campaigncode-apply {
	background: transparent url(/images/cart/okbtn.gif) center no-repeat;
	width: 48px;
	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; }
input.xlong { width: 350px !important; }
input.cloaked { color: #676767; }

/* Size overrides when applied to the h3 tag */

h3.smaller {
	font-size: 10px !important;
}

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 6px 7px;
	border-bottom: 1px solid #97af17;
	font-size: 110%;
	width: 100% !important;
	font-weight: bold;
	color: #FFFFFF;
	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; 
}

h3.smaller {
	font-size: 10px;
}

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

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

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

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

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

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

ul#moduleslist 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;
}

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: 16px;
	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 37px;
	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: 216px;
}

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

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

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

td#rightmenu a{
	color: #FFF;
}

/* 
  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: 14px;
	list-style: none;
	margin: 0px;
	margin-right: 14px;
	margin-bottom: 10px;
}
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;
}

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

#fp-topboxes {margin-top: 19px; 	height: 141px;}

#fp-info {
	color: rgb(128, 128, 128);
	margin:0;
	padding:0;
	width: 730px;
}

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

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

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

a.fp-lensprice {
	background-image:url(images/kopknapp.gif);
	background-position:center center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:right;
	font-size:10px;
	font-weight:bold;
	height:20px;
	padding:6px 0 0 18px;
	width:92px;
}

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

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

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

.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: 110px;
	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: 11px;
}

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

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


/* Märkesguide */

#brands {
	margin: 10px;
	height: 320px;
	background: transparent url('/css/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 */

#recept-quicknote {
	background: none repeat scroll 0 0 #C6DB52;
	float: left;
	padding: 10px;
	width: 352px;
	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;
}

/* Clear */

.clear {height:0; clear:both;}

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

#a12, #a36, #a37, #a55, #a103, #a119, #a105, #a169, #a159 {display: none !important;}


/* ______________________________________________________________________________*/