﻿
/* CSS classes for the top header of the products.aspx page */

SELECT	{	list-style-type: none; font-size: 11px; padding-left: 10px; color:#680001;}

.MainProductContent
{
	float:left;
	margin-right:0px;
}

.MainProductContent :after { content: ""; display: block; height: 0; clear: both; }

/* CSS classes for the DataList that provides the product listing */

#product
{
	width:550px;
}

.productrow
{

	clear:both;
	width:550px;
	background-color: #fcf9f2;
	border: solid 1px #cccc9a;
  margin: 0px auto;
}
.productrow :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.productrow2
{
	clear:both;
	width:550px;
	background-color: #faf3e2;
	border: solid 1px #cccc9a;
  margin: 0px auto;
}
.productrow2 :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.productimage
{
	width:50px;
	padding:10px;
	float:left;
	text-align:center;
}


.productdetails
{
	float:left;
	width:320px;
	padding:10px;
}
.producttitle { font-size: 14px; color:#680001; font-weight:bold; text-decoration: none;}

.ProductListHead
{
	width:320px;
}
.ProductListSpecs
{
	float:left;
	width:320px;
}

.productaddbutton
{
	text-align: center;
	float: left;
	width:130px;
	padding-left:10px;
	padding-top:30px;
}

.salesprice { font-size: 14px;}

/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	width:550px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:160px;
	margin-left: 2px;
	text-align:left;
}

#rightnav 
{
	float:right;
	width:160px;
	margin-right:2px;
	text-align:right;
}

#numnav
{
	width: 200px;
	text-align:center;
}



.salesiteminfo_row
{
	clear:both;
	width:550px;
	background-color: #fcf9f2;
	border: solid 1px #cccc9a;
  margin: 0px auto;
	padding: 10px;
}
.salesiteminfo_row :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.salesiteminfo_row2
{
	clear:both;
	width:550px;
	background-color: #faf3e2;
	border: solid 1px #cccc9a;
  margin: 0px auto;
	padding: 10px;
}
.salesiteminfo_row2 :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.seperator {clear:both; width:550px; height:20px; margin: 0px auto;}
.seperator:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#salesiteminfo_row1_name
{
	width:345px;
	float:left;
}

#salesiteminfo_row1_image
{
	width:80px;
	float:left;
}

#salesiteminfo_row1_order
{
	width:125px;
	float:left;
}

.clear { clear: both;}

.salesiteminfo_row2_order_item1
{
	width:150px;
	font-weight:bold;
	float:left;
}

.salesiteminfo_row2_order_item2
{
	float:left;
	width:200px;
}

.salesiteminfo_row2_order_item3
{
	width:200px;
	float:right;
}

.salesiteminfo_row2_order_item1and2
{
	font-weight:bold;
	width:350px;
	float:left;
}

.salesiteminfo_row2_order_item2and3
{
	width:400px;
	float:left;
}

.salesiteminfo_row3_order_item
{
	width:550px;
	float:left;
}

.salesiteminfo_row4_order_item1
{
	width:150px;
	float:left;
	text-align:center;
}
.salesiteminfo_row4_order_item2
{
	width:250px;
	float:left;
	text-align:center;
}
.salesiteminfo_row4_order_item3
{
	width:150px;
	float:left;
	text-align:center;
}

.clearleft {clear:left;}

.imageborder { padding: 1px; border: solid 1px #D2D2D2; background-color:#D2D2D2; margin:10px;}

.salesiteminfo_mainitem { float:left; font-size: 12px; color:#680001; font-weight:bold; text-decoration: none; padding-bottom:10px;}


#ShoppingCartContent
{
	clear:both;
	width:550px;
  margin: 15px auto;
  padding: 5px;
  float:left; font-size: 12px; color:#680001; text-decoration: none; padding-bottom:10px;
}
#ShoppingCartContent :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingCartHeader
{
	clear:both;
	width:535px;
	color:#000000;
	background-color: #DFDFD5;
	border: solid 1px #cccc9a;
  margin: 0px auto;
	font-weight: bold;
  background: url('/App_Themes/KLM/images/shop_headerbg.jpg');
}
.ShoppingCartHeader :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingCartItem1
{
	width:245px;
	float:left;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
}

.ShoppingCartItem2
{
	width:45px;
	float:left;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.ShoppingCartItem3
{
	width:45px;
	float:left;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.ShoppingCartItem4
{
	width:75px;
	float:left;
	text-align: right;
	vertical-align: middle;
	padding: 5px;
}

.ShoppingCartItem5
{
	width:55px;
	float:left;
	text-align: right;
	vertical-align: middle;
	padding: 5px;
}

.ShoppingCartItem6
{
	width:5px;
	float:left;
	text-align: right;
	vertical-align: middle;
	padding-top:3px;
}

.ShoppingCartRow
{
	clear:both;
	width:535px;
	color:#680001;
	font-size: 12px;
	background-color: #fcf9f2;
	border-left: solid 1px #cccc9a;
	border-right: solid 1px #cccc9a;
  margin: 0px auto;
  background: url('/App_Themes/KLM/images/shop_mainbg.jpg');
}
.ShoppingCartRow :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingCartRowSubTotal
{
	clear:both;
	width:536px;
	color:#000000;
	font-size: 12px;
	border-top: solid 1px #cccc9a;
	border-right: solid 1px #cccc9a;
  margin: 0px auto;
	font-weight:bold;
}
.ShoppingCartRowSubTotal :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingCartSubTotal1
{
	width: 290px;
	float:left;
	text-align: right;	
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}

.ShoppingCartSubTotal2
{
	width:29px;
	float:left;
	border-left: solid 1px #cccc9a;
	border-right: solid 1px #cccc9a;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom: solid 1px #cccc9a;
	background-color: #DFDFD5;
  background: url('/App_Themes/KLM/images/shop_sub1bg.jpg');

}

.ShoppingCartSubTotal25
{
	width: 11px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

.ShoppingCartSubTotal3
{
	width:75px;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;
	border-left: solid 1px #cccc9a;
	border-bottom: solid 1px #cccc9a;
	background-color: #fcf9f2;
  background: url('/App_Themes/KLM/images/shop_sub1bg.jpg');
}

.ShoppingCartSubTotal4
{
	width:62px;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;	
	padding-right:25px;
	border-bottom: solid 1px #cccc9a;
	background-color: #fcf9f2;
  background: url('/App_Themes/KLM/images/shop_sub2bg.jpg');
}

.ShoppingCartRowDelivery
{
	clear:both;
	width:536px;
	color:#000000;
	font-size: 12px;
	border-right: solid 1px #cccc9a;
  margin: 0px auto;
}
.ShoppingCartRowSubTotal :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingCartDelivery0
{
	width:60px;
	font-size: 10px;
	float:left;
	text-align: right;
	background-color: #FFFFFF;
}

.ShoppingCartDelivery01
{
	width:20px;
	font-size: 10px;
	float:left;
	text-align: center;
	background-color: #FFFFFF;
}

.ShoppingCartDelivery02
{
	width:90px;
	font-size: 10px;
	float:left;
	text-align: left;
	background-color: #FFFFFF;
}


.ShoppingCartDelivery1
{
	width:191px;
	float:left;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
}


.ShoppingCartDelivery2
{
	margin-left: 11px;
	width:75px;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: solid 1px #cccc9a;
	border-left: solid 1px #cccc9a;
	background-color: #fcf9f2;	
	height:30px;
  background: url('/App_Themes/KLM/images/shop_sub1bg.jpg');
}

.ShoppingCartDelivery3
{
	width:63px;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;	
	padding-right:25px;
	border-bottom: solid 1px #cccc9a;
	background-color: #fcf9f2;
	height:30px;
  background: url('/App_Themes/KLM/images/shop_sub2bg.jpg');
}

.ShoppingCartRowTotal
{
	clear:both;
	width:536px;
	color:#000000;
	font-size: 12px;
	border-right: solid 1px #cccc9a;
  margin: 0px auto;
	font-weight:bold;
}
.ShoppingCartRowSubTotal :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.ShoppingCartTotal0
{
  float: left;
	width: 11px;
	float: left;
}

.ShoppingCartTotal1
{
	width:75px;
	float:left;
	text-align: right;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: solid 1px #cccc9a;
	border-left: solid 1px #cccc9a;
	background-color: #DFDFD5;
  background: url('/App_Themes/KLM/images/shop_sub1bg.jpg');
}

.ShoppingCartTotal2
{
	width:63px;
	float:left;
	text-align: right;
	padding-top:10px;
	padding-bottom:10px;	
	padding-right:25px;
	border-bottom: solid 1px #cccc9a;
	background-color: #DFDFD5;
  background: url('/App_Themes/KLM/images/shop_sub2bg.jpg');
}

#ShoppingCartDivDelivery0
{
	width: 6px;
	float: left;
}

#ShoppingCartDivDiscount
{
	width: 300px;
	float: left;
}




#ShoppingCartDivDelivery
{
  clear:both;
	padding:5px;
	float: left;
	width: 245px;
	margin-left:6px;
	margin-top: 25px;
	margin-right: 5px;
	border: solid 1px #cccc9a;
  background: url('/App_Themes/KLM/images/shop_mainbg.jpg');
}

#ShoppingCartDivTransport
{
	padding:5px;
	float: left;
	width: 264px;
	margin-top: 25px;
	padding-bottom: 31px;
	border: solid 1px #cccc9a;
  background: url('/App_Themes/KLM/images/shop_mainbg.jpg');
}


#ShoppingCartDivConditions
{
	padding:5px;
	float: right;
	width: 264px;
	margin-top: 5px;
	margin-right:6px;
	border: solid 1px #cccc9a;
  background: url('/App_Themes/KLM/images/shop_mainbg.jpg');
}

.ShoppingAddressRow
{

	clear:both;
	width:550px;
	background-color: #fcf9f2;
	border: solid 1px #cccc9a;
  margin: 0px auto;
  padding: 10px;
}
.ShoppingAddressRow :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingAddressRow2
{
	clear:both;
	width:550px;
	background-color: #faf3e2;
	border: solid 1px #cccc9a;
  margin: 0px auto;
  padding: 10px;
}
.ShoppingAddressRow2 :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingAddressSubRow
{
	clear:both;
}
.ShoppingAddressSubRow :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingAddressSubItem1
{
	float: left;
	width: 200px;
	vertical-align: middle;
}

.ShoppingAddressSubItem2
{
	float: left;
	width: 350px;
	vertical-align: middle;
}

.ShoppingCartPaymentRow
{
	clear:both;
	width:536px;
  margin: 0px auto;
  padding: 5px;
}
.ShoppingCartPaymentRow :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingCartPaymentRow2
{
	clear:both;
	width:536px;
	background-color: #f1e9b3;
  margin: 0px auto;
  padding: 5px;
  cursor: pointer;
}
.ShoppingCartPaymentRow2 :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ShoppingCartPayment1
{
	float: left;
	width: 30px;
	padding-top: 8px;
}

.ShoppingCartPayment2
{
	float: left;
	width: 320px;
}


.ShoppingCartPayment3
{
	float: left;
	width: 100px;
	text-align:center;
}

.ShoppingCartPayment4
{
	float: left;
	width: 60px;
	text-align:right;
}

.nomargin 
{  margin: 0px auto;
}



.FBAuthenticate
{
	width:345px;
	height:110px;
	color:#680001;
	font-size: 12px;
	background-color: #fcf9f2;
	border: solid 1px #cccc9a;
	margin: 0px auto;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.FBAuthenticate :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.FBAuthenticate2
{
	width:345px;
	height:110px;
	font-size: 12px;
	background-color: #faf3e2;
	border: solid 1px #cccc9a;
  margin: 0px auto;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.FBAuthenticate2 :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.FBItem1 
{ 
  float: left;
  width:105px;
	text-align:left;  
}

div.FBItem2
{ 
  float: left;
  width:245px;
	text-align:left;  
}