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



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

*/
	table.list {
		width: 100%;
	}
	table.list th {
		background-color: #dedede;
		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: #dedede;
		height: 30px;
	}
	
	table.list tr.sum td{
		font-weight: bold;
	}
	
	table.list tr.list td.rowsum
	table.list tr.list_even td.rowsum,
	table.list tr.sum td.ordersum{
		width: 80px;
	}
/*
	body.profile div.contentwrapper{
		background-color: #dedede; 
	
	}
	
	body.profile input.btn{
		margin-left: 5px;
		margin-bottom: 8px;
	}
	
*/	

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

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

	body.default td#maincontent {
		width: 767px;
	}
	






	/********
	*********  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 {
		margin-left: 5px;
	}


/*
  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 {
		padding-left: 14px;
		padding-top: 2px;
	}
	
	#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: 135px;
	height: 26px;
	background-image: url(images/kopknapp.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	padding: 0px 42px 4px 4px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: x-small;
}
BODY.articlelist .buy span {
	display: block;
	text-align: right;
	width: 90px;
}


/*
  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: #5c6d07;
		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 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: #b5cb44; color: #000; 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: #5c6d07; 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: #97af17; 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 { float: right; height: 26px; width: 138px; padding-right: 89px; padding-bottom: 4px; }
body.articledetails div.pricing div.caption { font-size: 14px; color: #5c6d07; font-weight: bold; }

b.jtag { font-weight: normal; }










	/********
	*********  Cart Page
	****4****   Where the customers make their order decisions
	*********
	********/

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: #DEDEDE;
		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: #DDDDDD;
		padding: 10px;
	}
	
	tr.subscribe_subscriptionNOTselected { display: none; }


	div.okbutton {
		background-color: #DDDDDD;
		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: #DDD;
				}
	div.paymentmethod div.label {
		color: #666;
		font-weight: bold;
		}
	div.paymentmethod table.methods { margin-top: 4px; }
	div.paymentmethod table.methods td {
		padding: 1px 0px;
	}


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


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














	/********
	*********  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 td.sections {
	width: 330px;
	padding-right: 20px;
}
table#FAQ td.contentwrap {
	padding-top: 24px;
}
table#FAQ td.contentwrap div.content {
	padding-top: 11px;
	border-top: 1px solid #97af17;
	margin-top: 2px;
	line-height: 1.5em;
}
table#FAQ td.contentwrap div.content strong {
	display: block;
	font-weight: bold;
	font-size: 110%;
	color: #5c6d07;
	margin: 0px 0px 5px 0px;
}


table#FAQ table.list {
	margin: 0px 0px 0px 5px;
	width: 98%;
	padding: 0px;
	border-collapse: collapse;
}
table#FAQ tr.list_even, table#FAQ 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: 5px 0px 8px 5px;
	border: 0px;
	text-indent: 0px;
	margin-left: 5px;
	background: url(images/horizdotted.gif) repeat-x 0% 100%;
}

table#FAQ .back {
	display: none;
}
*/

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.module19379 div.frmhead {
	width: 100px;
	float: left;
	position: relative;
	top: 3px;
}

br.aftereditor{
	display: none;
}