/*-----------------------------------------------------------------+----------------------
 |  Synfel WHITE Cascading Style Sheet [PERPAGE]                   |                      |
 |  Version 0.1                                                    | STYLESHEET NOTES     |
 |  Created by Incordia                                            |                      |
 |-----------------------------------------------------------------+----------------------+-------------
 |  All content copyrighted (C),  www.incordia.se                  | COPYRIGHT            |
 |-----------------------------------------------------------------+----------------------|
 |                                                                 | TOC                  |
 |  X. Standard per-page layout                                    |                      |
 |   X.1 "Content Wrapper"                                         |                      |
 |   X.2 List                                                      |                      |
 |   X.3 Generic Content Area Settings                             |                      |
 |                                                                 |                      |
 |  1. Front Page                                                  |                      |
 |   1.1 General Design                                            |                      |
 |   1.2 Impact Image                                              |                      |
 |   1.3 News Area                                                 |                      |
 |   1.4 Most Wanted List                                          |                      |
 |                                                                 |                      |
 |  2. Article List                                                |                      |
 |   2.1 General Design                                            |                      |
 |   2.2 Element Overrides                                         |                      |
 |   2.3 Manufacturer Image                                        |                      |
 |   2.4 Article List                                              |                      |
 |                                                                 |                      |
 |  3. Article Details                                             |                      |
 |   3.1 General Design                                            |                      |
 |   3.2 Element Overrides                                         |                      |
 |   3.3 Buy Parameters                                            |                      |
 |   3.4 Info Parameters                                           |                      |
 |   3.5 "Single Price"                                            |                      |
 |   3.6 Price Sum                                                 |                      |
 |                                                                 |                      |
 |  4. Cart Page                                                   |                      |
 |   4.1 General Design                                            |                      |
 |   4.2 Element Overrides                                         |                      |
 |   4.3 Lenses                                                    |                      |
 |    4.3.1 Buy Parameters                                         |                      |
 |   4.4 Accessories                                               |                      |
 |   4.5 Various                                                   |                      |
 |   4.6 Order Summary                                             |                      |
 |   4.7 Customer Info                                             |                      |
 |   4.8 Password and Validation                                   |                      |
 |   4.9 Checkout puff (eg. sunglasses)                            |                      |
 |                                                                 |                      |
 |  5. Order History                                               |                      |
 |                                                                 |                      |
 |  6. FAQ                                                         |                      |
 |                                                                 |                      |
 |                                                                 |                      |
  -----------------------------------------------------------------+----------------------
                                                                   |
                                                                   |

	/********
	*********  Standard per-page layout
	****X****   Default recurring elements for pages
	*********
	********/

/*
  X.1 "Content Wrapper"
       A design element that is presented in modulepages.
	
*/
	.contentwrapper {
		margin: 0px 20px 20px 00px;
		position: relative;
	}
	
	.contentwrapper h2 {
		padding: 20px 0px 0px 0px;
		margin: 0px;
	}
	



/*
  X.2 List
       A default listing element, ex: for article details parameters

*/
	table.list {
		width: 100%;
	}
	table.list th {
		background-color: #EEEEEE;
		font-weight: Bold;
		font-size: 10px;
		color: #000000;
		text-align: left;
		padding-left: 5px;
	}
	table.list td {
		padding: 5px 0px 5px 5px;
	}
	table.list tr {
	}
	table.list tr.list_even {
		background-image: url(images/horizdotted.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
	table.list tr.list_odd {
		background-image: url(images/horizdotted.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
	table.list tr.list_first {background-image: url(none);}
	table.list tr.list {
		background-image: none;
	}
	table.list tr.sum {
		background-color: #EEEEEE;
		height: 30px;
	}
	



/*
  X.3 Generic Content Area Settings
       Sets the standard design of the 'meat' of pages

*/
	#maincontent {
		padding: 0px;
		width: 765px;
	}
	


/* contact lens choser */
	#lens_picker { background:url(images/lens_picker4.png); width:186px; height:25px; font-size:1.1em; padding-left:8px; padding-top:4px; margin-top:15px; cursor:pointer; }

	#contact_choser{
		position:absolute;
		width:975px;
		top:110px;
		left:0px;
		z-index:999;
		display:none;
	}
	#contact_choser .contact_choser_content{
		margin:0;
		background: url(images/contact_choser_middle.png) repeat-y;
		padding:0px;
		font-size:1.1em;
	}
	#contact_choser .contact_choser_top{
		height:23px;
		background: url(images/contact_choser_top.png) no-repeat;
		margin:0;
	}
	#contact_choser .contact_choser_bottom{
		height:5px;
		background: url(images/contact_choser_bottom.png) no-repeat;
		margin: 0;
	}

	#contact_choser #columns-wrapper{ padding: 1px 0px 0px 0px; background-color:#fcfcfc; border:1px solid #ccc; border-top:none; }


	#contact_choser .contact-list-column{
		float:left;
		line-height:1.6em;
		margin-left:35px;
		font-family:tahoma;
	}
	#contact_choser .contact-list-column label{
		font-weight:bold;
		color:#6391B5;
	}

	#contact_choser a{
		color: #000000;
	}

	#contact_choser a:hover{
		color: #9A9A9A;
	}
	
	#contact_choser .close_bar { background-color:#9A9A9A; cursor:hand; margin-top:5px; border-top:1px solid #ccc; }
	#contact_choser .close_bar span.searchClose{ display:block;cursor:pointer;color:#fff;font-size:1.4em;text-align:center;margin:0px 17px; }
	
	#contact_choser span.searchClose{ display:block;cursor:pointer;color:#6391B5;font-size:1.4em;text-align:right;margin:5px 17px; }



	/********
	*********  Front Page
	****1****   Design for the 'index' page.
	*********
	********/

/*
  1.1 General Design
       Overlying design for the front page
       
*/
	BODY.default {}
	BODY.default TABLE#main {	border-collapse: collapse; }
	BODY.default TABLE#main TD.mainitem { vertical-align: top; }




/*
  1.2 Impact Image
       The 'eye-catcher' of the front page

*/
	BODY.default DIV#impactarea {
		/* height: 225px; */
		width: 768px;
		/* overflow: hidden; */
	}
	BODY.default DIV#impactarea IMG {
	}
	BODY.default DIV#impactarea TABLE {
		border-collapse: collapse;
	}
	BODY.default DIV#impactarea TABLE TD {
		padding: 0px;
	}
	BODY.default DIV#impactarea P {
		padding: 0px;
		margin: 0px;
	}




/*
  1.3 News Area
       Design for the news module, as per default.

*/
	BODY.default TABLE#main TD#news { width: 485px; }
	BODY.default TABLE#main TD#news .container .image { padding-top: 0px;vertical-align: bottom; }
	BODY.default TABLE#main TD#news .container .content { vertical-align: top; color: #686868; }
	BODY.default TABLE#main TD#news .container .seperator { width: 10px; }
	BODY.default TABLE#main TD#news .container .content .caption { font-weight: bold; }
	



/*
  1.4 Most Wanted List
       A listing of the most popular products in the site

*/
	BODY.default TABLE#main TD.mainitem.topright {
		width: 244px;
		padding-left: 15px;
	}
	
	#mostwantedlist {
		width: 244px;
		margin-left: 15px;
		margin-top: 16px;
		color: #686868;
	}
	#mostwantedlist td {
		padding: 1px;
	}
	#mostwantedlist .item {
		width: 112px;
		height: 85px;
		margin-bottom: 14px;
	}
	#mostwantedlist .image {
		height: 60px;
		vertical-align: bottom;
	}
	#mostwantedlist .buy span {
		padding-top: 1px;
	}
	#mostwantedlist .image div img {
		position: absolute;
		bottom: 0px;
	}
	#mostwantedlist .image div {
		height: 60px;
		position: relative;
		overflow: hidden;
		vertical-align: bottom;
	}
	#mostwantedlist .content {
		height: 28px;
	}
	
	






	/********
	*********  Article List
	****2****   A list of each article belonging to a specified category
	*********
	********/	

/*
  2.1 General Design
       Design for the article list
  
*/
	BODY.articlelist div#main {
		padding-bottom: 22px;
		background: url(images/horizdotted.gif) repeat-x 100% 100%;
	}
	

/*
  2.2 Element Overrides
       General overrides of the default elements

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


/*
  2.3 Manufacturer Image
       Image showing the manufacturers, as a seperator in the list
  
*/
	BODY.articlelist DIV.manufacturer {
		margin-top: 15px;
		background-image: url(images/articlelist_manufacturer.gif);
		background-repeat: repeat-x;
		background-position: 0px 50%;
		margin-bottom: 11px;
		padding-left: 20px;
	}
	BODY.articlelist DIV.manufacturer .manufacname {
		background: #FFFFFF;
		padding: 0px 5px;
		display: inline;
	}





/*
  2.4 Article List
       The list. ^^
  
*/
	BODY.articlelist TABLE.article {
		width: 100%;
		border-collapse: collapse;
		margin-top: 10px;
	}
	BODY.articlelist TABLE.article .image {
		padding-left: 20px;
		width: 160px;
		text-align: center;
	}
	BODY.articlelist TABLE.article TR.article_last TD {
		padding: 5px 0px 20px 0px;
	}
	BODY.articlelist TABLE.article TR.article_normal TD {
		background-image: url(images/horizdotted.gif);
		background-repeat: repeat-x;
		background-position: 50% 100%;
		padding: 5px 0px 20px 0px;
	}
	
	/* Article Name */
	BODY.articlelist TABLE.article .title {
		font-weight: bold;
		padding-bottom: 6px;
	}
	BODY.articlelist TABLE.article .title a {
		color: #737373;
		font-size: 1.2em;
		text-decoration: none;
	}
	
	/* Article Short Description */
	BODY.articlelist TABLE.article .descript .text {
		width: 357px;
	}
	BODY.articlelist TABLE.article .descript .info {
		font-weight: bold;
		color: #4c4c4c;
		margin: 3px 0px;
	}
	BODY.articlelist TABLE.article .descript .info a {
		color: #4c4c4c;
		text-decoration: none;
	}
	
	/* Article Purchase text */
	BODY.articlelist TABLE.article .purchase {
		vertical-align: bottom;
	}



	/********
	*********  Article List 2
	*********   A list of each article belonging to a specified category
	*********	With the new grid layout (designed primarily for sunglasses)
	********/	
	
	BODY.articlelist2 DIV.articleGrid div.article {
		display:block;
		width: 150px; 
		height: 120px; 
		margin:10px; 
		float:left; 
		background:#fff; 
		border: solid 1px #BABABC; 
		overflow: hidden; 
		position: relative;
		padding: 8px;
		/* Border radius and box-shadow for browsers that support it */
		-moz-border-radius: 10px 10px 10px 10px;
		-khtml-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
		-khtml-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);

	}
	
	BODY.articlelist2 DIV.articleGrid div.article .prodimg {
		position: relative;
		top: 20px;
		max-height: 80px;
	}
	
	BODY.articlelist2 DIV.articleGrid div.article span {
		display: none;
		padding: 2px 3px;
		width: 136px;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #9F9F9F;
		color: #4F4F4F;
		font-family: arial;
		left: 11px;
		position: absolute;
		text-align: center;
		top: -1px;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
		-khtml-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
		-khtml-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
	}
	
	BODY.articlelist2 DIV.articleGrid div.article:hover span {
		display: inline;
	}
	
	BODY.articlelist2 DIV.articleGrid div.article p { 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}

	BODY.articlelist2 DIV.articleGrid .boxcaption { 
		top: 130px;
		left: 0;
		position: absolute; 
		background: transparent; 
		height: 60px; 
		width: 100%; 
	}
	
	BODY.articlelist2 DIV.articleGrid .displayprice {
		bottom: 11px;
		color: #B81F25;
		font-family: arial;
		font-size: 16px;
		font-weight: bold;
		left: 15px;
		position: absolute;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}
	BODY.articlelist2 DIV.articleGrid .oldPrice {
		bottom: 11px;
		color: #999;
		font-family: arial;
		font-size: 16px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		text-decoration:line-through;
	}
	
	BODY.articlelist2 DIV.articleGrid .infobuy {
		bottom: 6px;
		left: 6px;
		position: absolute;
		width:155px;
		overflow:hidden;
		white-space:nowrap;
	}
	
	BODY.articlelist2 DIV.articleGrid .caption .boxcaption H2 {font-size: 10px; font-family: Verdana; margin: 0px 0px 6px 0px; padding: 0px;	}
	BODY.articlelist2 DIV.articleGrid DIV.article H3{ margin-top: 0px; }
	
	
	/********
	*********  Article Details
	****3****   A detailed information page for selected articles
	*********
	********/
	
	/*
	
		3.1 This needs.. restructuring
	
	*/

body.articledetails div.image { text-align: center; }
body.articledetails div.image img { margin: 0px auto; }
body.articledetails table.infoparams { margin-top: 10px; width: 250px;  }
body.articledetails table.infoparams td { padding: 2px 4px;  }
body.articledetails table.infoparams tr.infoitem.even { background-color: #DDDDDD; }
body.articledetails table.infoparams tr.infoitem.odd { background-color: #E7E7E7; }
body.articledetails table.infoparams tr.infoitem td.name { color: #333; font-weight: bold;  text-align: right; }
body.articledetails table.infoparams tr.infoitem td.value {}

body.articledetails table.infoparams tr.displayrow { text-align: center; }
body.articledetails table.infoparams tr.displayrow div#displayinfo_pre { margin: 0px auto; }
body.articledetails table.infoparams tr.displayrow div#displayinfo_LEFT { float: left; margin-left: 5px; }
body.articledetails table.infoparams tr.displayrow div#displayinfo_RIGHT { float: right; margin-right: 5px; }


/*body.articledetails table.buyparams td, body.articledetails table.buyparams th { border: 1px solid teal; }*/

body.articledetails td.spacer { width: 15px; }

body.articledetails table.buyparams {}
body.articledetails table.buyparams tr.paramheaders th span { padding: 2px 0px 2px 2px; margin-right: 5px; margin-bottom: 10px; background-color: #dedede; color: #646464; width: 200px; display: block; }
body.articledetails table.buyparams tr.paramheaders th { padding: 0px; text-align: left; }

body.articledetails table.buyparams tr.paramrow td.name { color: #666666; padding: 4px 3px 0px 3px; }
body.articledetails table.buyparams tr.paramrow td.name.price { color: #995555; }
body.articledetails table.buyparams tr.paramrow td { padding-bottom: 3px; }
body.articledetails table.buyparams tr.paramrow td.value { padding-left: 5px; }
body.articledetails table.buyparams select { width: 135px; }

body.articledetails div.artname div.caption { display: inline; color: #666666; font-weight: bold; font-size: 13px; }
body.articledetails div.artname table.singleprice { float: right; height: 17px; }
body.articledetails div.artname table.singleprice td.pt { background: #b81f25; padding: 2px 4px; font-weight: bold; color: #ffffff; }
body.articledetails div.artname table.singleprice td.pt_left { background: url(images/prislapp_simple_left.gif) no-repeat top right; width: 3px; }
body.articledetails div.artname table.singleprice td.pt_right { background: url(images/prislapp_simple_right.gif) no-repeat top left; width: 3px; }

body.articledetails div.description { margin: 13px 8px 26px 8px;}

body.articledetails div.pricing { padding-top: 10px; background: url(images/horizdotted.gif) repeat-x top left; height: 100px; width: 100%; margin-top: 10px; }
body.articledetails div.pricing input#showSum { right:0px; position:absolute; }
body.articledetails div.pricing div.caption { font-size: 14px; color: #666; font-weight: bold; }

b.jtag { font-weight: normal; }



.klarnaKontoBox { float:right; border: 1px solid #cccccc; -moz-border-radius: 4px; border-radius: 4px; padding:5px; font-size:1.1em; color:#666; text-align:center; margin-top:20px;}
.klarnaKontoBox  img {margin-top:5px; position:relative; top:4px; margin-right:20px;}
.klarnaKontoBox  .fromPrice { font-size:1.2em; }






	/********
	*********  Cart Page
	****4****   Where the customers make their order decisions
	*********
	********/
		
.cartStepContainer { margin-bottom:30px; border: 1px solid #cccccc; -moz-border-radius: 0px;	border-radius: 0px; background-color:#f9f9f9; }
.cartStepContainer h2 { color:#6391B5; }
.cartStepContainer h3 { color:#666; font-weight:normal; margin-top:20px; margin-bottom:5px; }
	
#recipeLink { display:block; float:left; text-decoration:none; color:#6391B5 }
#recipeLink:hover { color:#6391B5 }

#step1_Articles{ float:left; width:740px; }
#step1_RightColumn{ float:right; width:140px; text-align:center;  }
#step1_PuffArea { float:left; width:477px; margin-top:10px; line-height:75px; text-align:center;}

#step1_OrderTotal{ float:right; width:300px; }
#step1_OrderTotal .tblTotals  {width:190px;}
#step1_OrderTotal .tblTotals  .rowname {text-align:left; font-size:1.2em; white-space:nowrap;}
#step1_OrderTotal .tblTotals  .rowvalue {text-align:right; font-size:1.2em}
#step1_OrderTotal .tblTotals .totalsum.rowname { font-size:1.4em; vertical-align:middle; }
#step1_OrderTotal .tblTotals .totalsum.rowvalue { font-size:2.2em; color:#b20000;  }

#step1_Articles  .headers  { text-align:right; border-bottom:1px solid #CCCCCC; margin-bottom:20px; line-height:31px; }
#step1_Articles  .headers span { font-size:1.2em; color:#666; display:block-inline; margin-left:43px; }
#step1_Articles  .articleRow { margin-bottom: 20px; padding-bottom:0px; border-bottom: 1px solid #ccc; }
#step1_Articles  .newArticleSelect { margin-bottom:20px; margin-left:120px; width:285px; }
#step1_Articles .article { position:relative; }
#step1_Articles #articles .article { position:relative; margin-bottom:20px; }
#step1_Articles .article .helpstringsContainer { font-size:0.9em; color:red; font-style:italic; }
#step1_Articles .article .articleImage { margin-right:20px; width:100px; text-align:center; }
#step1_Articles .article .articleImage img { max-height:60px; max-width:100px; }
#step1_Articles .article .articlePriceTag  { position:absolute; width:45px; height:44px; top:-10px; left:60px; line-height:42px; text-align:center; color:#b20000; background:url(images/PriceTagSmall.png); }
#step1_Articles .article .articleBtnInfo{  }
#step1_Articles .article .articleBtnRemove{  }
#step1_Articles .article .articleSelect { position:absolute; top:0px; left:120px; }
#step1_Articles .article .articleSelect select { position:relative; top:-4px; width:285px; }
#step1_Articles .article .articleParameter{ padding-top:23px; }
#step1_Articles .article .articleParameter.articleCount  { padding-top:0px; float:right; }
#step1_Articles .article .articleParameter { float:left; margin-right:5px; }
#step1_Articles .article span.articlePrice { display:block; float:right; margin-right:40px; font-size:1.2em; }
#step1_Articles .article .articleParameter label{ display:block; color:#777; font-size:0.9em; font-style:italic; }
#step1_Articles .article .articleParameter select { font-size:1em }
#step1_Articles .article .articleParameter.articleCount select { width:50px; }
#step1_Articles .article .articleSubTotal { float:right; font-size:1.2em; width:60px; text-align:right; }

#step1_Articles  #campaigncode {width:100px;}
#step1_Articles  #campaign-code-label {color:#777; font-weight:bold;line-height: 21px;}
#step1_Articles  #campaignerror {color:#b20000;}
#step1_Articles  #campaignBubble {margin-left: 0px; opacity: 1; top: 0px; position: absolute; display: block;}	

/* Validation */
.validationErrors label { display:block; }
.validationErrors{
	border-left:3px solid red;
	color:red;
	padding-left:5px;
}
.required { color:red; }
input.error, select.error  { background-color:#FFE2E2; }
label.error { color:red; }

.paymentHeader { border-bottom:1px solid #cccccc; margin-top:20px; }
/*
Overrides
*/
.cartlist label {display:block;}
.cartlist .paymentOption label {display:inline;}
.cartlist h2 {padding:0px;}
.cartlist .helper { position:relative; margin-left: 0px; }

#step4_BtnConfirm { float:left; margin-top:20px; }
#step4_BtnConfirm input { margin: 0px; padding: 0px; }

.customerInfoElement { float:left; width:116px; margin-right:15px; margin-top:10px; }
.customerInfoElement label { display:block; } 
.customerInfoElement input,
.customerInfoElement textarea { border:1px solid #ddd; padding:2px; -moz-border-radius:2px; border-radius:2px; font-family:helvetica, arial; font-size:1.2em; } 
.customerInfoElement input { width:110px; } 

.paymentOption { width:140px; margin-top:5px; } 

a.btnAdd {
	text-decoration:none; 
	margin-right:20px;
	height:16px; 
	background:url(images/btnAdd.gif) no-repeat; 
	display:inline-block;
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
	line-height:16px;
	padding-left:22px;
	color:#777;
}	
	
	div#campaignerror
	{
		color: red; text-align: center;
	}
	
	div.active-validation-error
	{
		color: #F33;
		padding-left: 4px;
		border-left: 4px solid #F66;
	}
	
	input.invalid-error
	{
		background: #FEE;
	}
	
	body table.articletable select.article-select { width: 200px; }
	body div#lenses table.contentblock { border-collapse: separate }

	table.additems,    table.articletable {width: 100%;}
	table.additems th, table.articletable th {
		background-color: #EEEEEE;
		color: #111;
		text-align: left;
	}
	table.articletable th select { font-weight: normal; position: relative; top: -2px; width: 200px; }
	table.articletable th input.img { position: relative; top: 3px; }
	table.articletable th img { position: relative; top: 2px; }
	table.articletable .name {
		width: 70px;
		padding: 0px 6px 0px 12px;
		vertical-align: top !important;
		padding-top: 7px !important;
	}
	table.articletable tr.param .sel select {
		width: 64px;
	}
	table.articletable tr.param .sel select.ldouble {
		width: 98px;
	}
	table.articletable tr.param .sel select.double {
		width: 128px;
		color: #C40008;
	}
	
	table.articletable tr.param td {
		padding-top: 4px;
		padding-bottom: 3px;
	}
	table.articletable td.prodimg img { max-width: 110px; }
	table.articletable td.smallprodimg { width: 60px; padding-left: 10px; }

	.register td {
		padding-top: 6px;
		padding-bottom: 2px;
	}

	.options {
		margin-top: 13px;
	}
	.options td {
		background-color: #e4e4e4;
		padding: 3px 3px 6px 3px;
		border: 2px solid #fff;
	}
	tr.subscribe .subinactive { color: #999; }
	tr.subscribe .subinactive * { color: #999; }
	.options tr.subscribe td {
		border: 0px;
		background-color: #D9D9D9;
	}
	.options tr.subscription td {
		border-bottom: 0px;
	}
	.options tr.subscription.subscriptionselected td {
		background-color: #D9D9D9;		
	}

	.options td.l { border-left: 0px; }
	.options td.r { border-right: 0px; }
	.options td input {
		position: relative;
		top: 1px;
	}

	div.orderinfo {
		background-color: #d3d3d3;
		padding: 10px;
	}
	
	tr.subscribe_subscriptionNOTselected { display: none; }


	div.okbutton {
		background-color: #d3d3d3;
		padding: 10px;
		text-align: right;
	}
	div.okbutton img { margin-left: auto; }



	div.orderinfo td {
		padding: 4px 0px;
		border-bottom: 1px dashed #999;
	}
	div.orderinfo td.sum {
		padding-top: 0px;
	}

	div.orderinfo td.rebate {
		color: #B44;
	}

	div.orderinfo td.rowvalue {
		width: 100px;
		text-align: right;
	}

	div.orderinfo td.totalsum {
		font-weight: bold;
	}

				
				
	
	div.paymentmethod {
		margin: 2px 0px;
		padding: 5px 0px 0px 5px;
		background-color: #E4E4E4;
				}
	div.paymentmethod div.label {
		color: #666;
		font-weight: bold;
		}
	div.paymentmethod table.methods { margin-top: 4px; line-height: 23.5px;}
	div.paymentmethod table.methods td {
		padding: 1px 0px;
	}
	
	div.paymentmethod table.methods input.paymentbtn  {margin-top: 6px;}

/*
  4.1 General Design
       Overlying design of the cart page
	
*/

	BODY.cartlist .rowname { white-space: nowrap; }

	.helpstrings { color: #ff0000; }

	BODY.cartlist div#main {
		width: 755px;
		padding-top: 15px;
	}
	body.cartlist div.articlearea { width: 100%; }
	body.cartlist div.articlearea table.articlearea { width: 725px; }
	body.cartlist .infoarea label { text-indent: 2px; }
	body.cartlist td.image {
		vertical-align: bottom;
		width: 150px;
	}

	.param .sel { position: relative; }
	.param .name { vertical-align: top !important;  }
	body.cartlist img.paramimage 
	{
		height: 18px; 
		position: absolute; 
		border: 1px solid #999; 
	}


/*
  4.2 Element Overrides
       Any elements that have been altered from default for this page
	
*/
	body.cartlist .seperator { width: 30px; }
	body.cartlist input.txt { width: 157px; }
	body.cartlist input.short { width: 120px; }
	body.cartlist input.long { width: 194px; }
	body.cartlist input.double { width: 341px; }
	BODY.cartlist h3 .lensname {
		color: #646464;
		padding-left: 60px;
	}





/*
  4.3 Lenses
       Information about the ordered lenses
	

 
   4.3.1 Buy Parameters
          Chosen buy parameters on lenses
	
 */
	body.cartlist table.buyparams { 
		width: 500px; 
	}
	body.cartlist table.buyparams th h4 {
		margin: 0px 0px 5px 0px;
		padding: 1px 0px;
		font-weight: bold;
		font-size: 90%;
		text-indent: 8px;
		color: #646464;
		background: #DEDEDE;
		text-align: left;
	}
	body.cartlist table.buyparams th {
		width: 235px;
	}
	body.cartlist table.buyparams td.name {
		padding: 5px 0px 0px 12px;
		margin: 0px;
		width: 95px;
	}
	body.cartlist table.buyparams td.img {
		height: 23px;
		background: #FFFFFF;
	}
	body.cartlist table.buyparams td.img img {
		float: left;
		position: relative;
		left: 4px;
		height: 23px;
	}
	body.cartlist table.buyparams td.value {
		padding: 1px 0px;
		width: 115px;
	}
	body.cartlist table.buyparams td.value select { width: 115px; }



/*
  4.4 Accessories
       For cases and lensfluid
	
*/
	body.cartlist table.ACCESSORYarea .articlecontent { margin-left: 8px; }	
	body.cartlist table.ACCESSORYarea .image { padding-left: 20px; }
	/*body.cartlist table.ACCESSORYarea select { width: 180px; }*/




/*
  4.5 "Various"
       Order 'various' area, rebates and packaging
	
*/
	td.subscribe-check
	{
		width: 143px;
		color: #CC0000;
		font-weight: bold;
		padding-top: 8px;
		padding-left: 0px;
	}
	.options-cb { float: left; }
	#spacingToMatchTop {
		margin-top: 16px;
	}
	body.cartlist .camp { 
		width: 75px !important;
		margin-left: 10px;
	}
	body.cartlist div.rebatetxt { padding: 0px 0px 7px 5px; }



/*
  4.6 Order Summary
       Display of ordered items and their total sum
	
*/
	body.cartlist div.ordersum {
		margin-top: 15px;
		background: #F4F4F4;
		border: 1px solid #1F8517;
		width: 354px;
	}
	body.cartlist div.ordersum div.content { 	padding: 8px 8px 14px 8px; }
	
	/* Per article, amounts and sums */
	body.cartlist table.mainsum { width: 100%; }
	body.cartlist table.mainsum td.count {
		padding-right: 6px;
		width: 13px;
		text-align: right;
	}
	body.cartlist table.mainsum td.oneprice { text-align: right; } /* Price for a single item of the article */
	body.cartlist table.mainsum td.allprice { text-align: right; } /* Total price for the article */

	/* Button to delete the article */
	body.cartlist table.mainsum td.delete { width: 10px; }
	body.cartlist table.mainsum td.delete img {
		float: right;
		position: relative;
		top: 2px;
	}

	/* Total price for the order */
	body.cartlist div.ordersum div.sum {
		font-weight: bold; 
		margin-top: 3px; 
		padding-top: 5px; 
		background: url(../css/images/horizdotted.gif) repeat-x;
		color: #696969;
		font-size: 104%;
	}
	body.cartlist div.ordersum div.sum div.sumprice { float: right; padding-right: 10px; }





/*
  4.7 Customer Information
       Required information to be recieved from the customer
	
*/
	body.cartlist td.customerinfo {
		width: 349px;
		padding-left: 8px;
	}
	body.cartlist td.customerinfo .first {
		float: left;
		margin-right: 20px;
	}	



/*
  4.8 Password and Validation
       For creating a new customer, as well as agreeing to the terms of service
	
*/
	body.cartlist h4.spawncustomer { margin-top: 12px; }	
	BODY.cartlist TABLE.prescribed TD.text {
		padding: 4px 0px 0px 2px;
		font-size: 0.9em;
	}

/*
  4.9 Checkout puff (eg. sunglasses)
       For creating a new customer, as well as agreeing to the terms of service
	
*/
	body.cartlist .checkout_puff_container{
		border: 1px solid #A8A8A8;
		-moz-border-radius: 0px 0px 4px 4px;
		-khtml-border-radius: 0px 0px 4px 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px;
		padding: 5px 5px 5px 200px;
		background: url(images/checkout_puff_bg.png) no-repeat 0px 0px;
		margin-top:1px;
	}
	
	body.cartlist .checkout_puff_container .puff_article{
		width: 104px;
		float:right;
		margin-left: 5px;
		text-align:center;
	}
	
	body.cartlist .checkout_puff_container .puff_article .puff_article_image{
		border: 1px solid #A8A8A8;
		background-color: #fff;
		-moz-border-radius: 4px 4px 4px 4px;
		-khtml-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		padding: 2px;
		margin-bottom:3px;
		height:65px;
	}

/*
  4.10 Subscription box
	
*/

body.cartlist #subscription-box{ background:url(images/subscription_banner.png); width:755px; height:142px; position:relative; margin-bottom:15px; }
body.cartlist #subscription-box  #subscription-checkbox-container{ position:absolute; left: 395px; top:18px; width:100px; height:30px; font-size:14px; color:#125687; font-weight:bold; }
body.cartlist #subscription-box  #subscription-form-box{ position:absolute; left: 395px; top:44px; width:385px; height: 100px; }
body.cartlist #subscription-box #subscription-info{ margin-top:5px; line-height:15px; }
body.cartlist #subscription-box #custom-days-until-delivery { width: 33px !important; }
body.cartlist #subscription-box .dim,
body.cartlist #subscription-box .dim span,
body.cartlist #subscription-box .dim input { color:#999 !important; border-color:#ddd; }  















	/********
	*********  Order History
	****5****   A list of the customers previous orders
	*********
	********/

BODY.orderhistory TABLE.list TD.ordersum, BODY.orderhistory TABLE.list TH.ordersum {
	padding-right: 20px;
	text-align: right;
}
BODY.orderview TABLE.orderdata { margin-top: 10px; }
BODY.orderview TABLE.orderdata TD.header { font-weight: Bold; }
BODY.orderview TABLE.orderarticles TD.name { font-weight: Bold; }
BODY.orderview TABLE.orderarticles TD.rowsum { font-weight: Bold; }




	a.histlink { padding-right: 5px; }
	a.histlink:hover span.chg { color: #F00; }
	BODY.orderhistory td.historysub {
		background-color: #F8F8FF;
		display: none;
	}
	BODY.orderhistory td.showhistorysub {
		background-color: #F8F8FF;
		display: table-cell;
	}


	/********
	*********  FAQ
	****6****   Frequently Asked Questions
	*********
	********/

table#faq {
	width: 100%;
}
table#faq table.list {
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}
table#faq table.list tr.list_even, 
table#faq table.list tr.list_odd {
	background: none;
	padding: 0px; 
	margin: 0px;
}
table#faq td.image {
	width: 0px;
	display: none;
	margin: 0px;
	padding: 0px;
}
table#faq td.empty {
	margin: 0px;
	padding: 0px;
	display: none;
}
table#faq div.productintroduction {
	display: none;
	width: 0px;
	margin: 0px;
	padding: 0px;
}


table#FAQ td.content {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
table#FAQ p {}

table#faq h4.product {
	font-size: x-small;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
	border: 0px;
	text-indent: 0px;
	margin: 0px;
	margin-left: 0px;
	background: url(images/horizdotted.gif) repeat-x 0% 100%; 
	background-color: #fff;
}

table#faq .back {
	display: none;
}

td#question {
	width: 330px;
	padding-right: 20px;
}

table#faq a.backlink {
	font-weight: bold;
}

td#answer h2{
	font-size: small;
}

body.product td#answer{
	display: none;
}

body.detail td#answer{
	display: block;
	width: 360px;
	padding-left: 20px;
}



body.module15717 div.frmhead {
	width: 100px;
	float: left;
	position: relative;
	top: 3px;
}




/*** #CALENDAR */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #003C78;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #003C78;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
        color: #003C78;
        text-align: center;
      }
      .date_selector td.today a {
        background: #FFFEB3;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }

		.date_selector td.too_early a
		{
			color: #c88;
		}
	    .date_selector td.unselected_month a
	    {
	      color: #ddd;
	    }