﻿DIV#content
{
	font-family:verdana,helvetica,arial,sans-serif;
}

H1
{
	color: #414141;
	font-size:1.5em;
	font-weight: bold;
	margin-bottom: 18px;
}

H2
{
	color: #414141;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 13px;	
	padding-top: 5px;
	font-size:1.4em;
}

H3
{
	font-size:1.4em;
}

h4, h5, h6 {font-size:1em;}

P
{
	color: #414141;
	margin-bottom: 12px;	
	padding-left: 3px;
	line-height: 1.5em;
	font-size:1em;	
	letter-spacing: normal;
}

P STRONG
{
	font-weight: bold;
}

UL
{
	padding-left: 20px;
	color: #414141;
}

UL LI
{
	color: #414141;
}

.highlight
{
	background-color: #d5f7fe;
}

A
{
	color: #2b73a4;
	text-decoration: underline;
}

A:hover
{
	text-decoration: none;
}

TABLE.categoryGrid
{
	width: 100%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 40px;
}

TABLE.categoryGrid TR TD
{
	width: 25%;
}

DIV.singleProduct
{
	width: 140px;
	height: 170px;
	border: solid 1px #D8D9D9;	
	margin-bottom: 10px;
	margin-left: 6px;
}

DIV.singleProductTitle
{
	background-color: #E0E0E0;	
	height: 18px;
	padding-top: 4px;
	overflow: hidden;
	text-align: center;
}

DIV.singleProductImage
{
	height: 148px;
	vertical-align: middle;	
	display: table-cell;
	width: 140px;	
}

DIV.singleProductTitle A
{
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}


/* contact form */
DIV#contactForm
{
	border: solid 1px #D8D9D9;	
	padding-left: 10px;
	padding-top: 10px;
	width: 415px;
	margin-top: 15px;
}

TABLE.contactForm
{
	margin-top: 10px;
}

TABLE.contactForm TR TD.labelCell
{
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}

TABLE.contactForm TR TD.sendButton
{
	padding-top: 10px;
	text-align: right;
}

/* end contact form */


/* product page */


DIV#productPage H1
{
	font-size:1.4em;	
	text-align: center;
	margin-top: 10px;
}

DIV#productPage DIV#mainImage
{
	text-align: center;
	width: 100%;
}

DIV.productDescription
{
	margin-top: 20px;
	margin-right: 7px;
	margin-left: 7px;
	border: solid 1px #D8D9D9;	
	padding-top: 7px;	
	padding-right: 7px;
	padding-left: 7px;		
}

DIV.discountMessage
{
	margin-top: 20px;
	margin-right: 130px;
	margin-left: 130px;
	border: dashed 2px #2b73a4;
	padding-top: 7px;	
	padding-right: 7px;
	padding-left: 7px;	
	padding-bottom: 8px;
	text-align: center;	
}

DIV.discountMessage P
{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;	
}

DIV#productOptions
{
	margin-right: 7px;
	margin-left: 7px;	
	margin-top: 20px;
	border: solid 1px #D8D9D9;	
	color: Black;		
}

DIV#productOptions TABLE
{
	width: 100%;
}

DIV#productOptions P
{
	text-align: center;
	color: Black;	
	background-color: #E0E0E0;	
	height: 18px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-bottom: 0px;		
}

DIV#productOptions TABLE
{
	margin-top: 0px;
	margin-bottom: 0px;
}

DIV#productOptions TABLE TR TD
{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: Gray;
	border-left: solid 1px #d8d9d9;	
}

DIV#productOptions TABLE TR TD.productCode
{
	padding-left: 6px;
	font-weight: bold;
	border-left: none;
}


DIV#productOptions TABLE TR.even TD
{
	background-color: white;
}

DIV#productOptions TABLE TR.odd TD
{
	background-color: #f3f4f4;
}

DIV#productOptions TABLE TR.gpRowSpecificMatch
{
	border: solid 2px #2b73a4;
}

DIV#productOptions TABLE TR.gpRowSpecificMatch TD
{
	background-color: White;
}

DIV#productOptions A
{
	text-decoration: none;
}

P#paymentSecurityMessage
{
	background-color: White;
	border: solid 1px #d8d9d9;	
	margin-left: 15px;
	margin-right: 15px;
	padding: 5px 10px 5px 10px;	
}

P#shoppingBasketContainsHeader
{
	text-align: center;
	padding-top: 10px;
}

/* this is the div that contains the shopping basket tables */
.basketItemsContainer
{
	background-color: White;
	border: solid 1px #d8d9d9;	
	margin: 0px 15px 0px 15px;
	padding: 0;
}

P#shoppingBasketContainsHeader
{
	text-align: center;
	color: Black;	
	background-color: #E0E0E0;	
	height: 18px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-bottom: 0px;	
	margin-left: 15px;	
	margin-right: 15px;
}

/* this is the table that will contain the child tables that each appear as one row of the shopping basket */
TABLE.basketItems
{
	margin: 0;
	width: 100%;
}

/* this is one row of the shopping basket */
TABLE.shoppingBasketRow
{
	width: 100%;
	margin: 0;
}

TABLE.basketItems TR.evenRow TD TABLE.shoppingBasketRow
{
	background-color: white;
}

TABLE.basketItems TR.oddRow TD TABLE.shoppingBasketRow
{
	background-color: #f7f8f8;
}

TABLE.shoppingBasketRow TR TD
{
	padding-top: 5px;
	padding-bottom: 5px;
}

TABLE.shoppingBasketRow TR TD.sbProductCode
{
	padding-left: 15px;

}

TABLE.shoppingBasketRow TR TD.sbProductQuantity
{
	text-align: center;
	width: 65px;
	padding-right: 10px;
}

TABLE.shoppingBasketRow TR TD.sbTotalCost
{
	width: 70px;
	text-align: center;
}

TABLE.shoppingBasketRow TR TD.lastRow
{
	width: 80px;
	padding-right: 15px;
	padding-left: 5px;
}

/* a message to the customer asking them if they are interested in any additional items */
DIV.additionalOptions
{
	background-color: White;
	border: solid 2px #2b73a4;	
	margin: 10px 15px 0px 15px;
	padding: 10px 5px 0px 5px;
}

DIV.additionalOptions P
{
	margin-bottom: 0;
}

DIV#additionalOptionsAddToCart
{
	text-align: right;
	width: 100%;
	padding-bottom: 5px;
}

/* the totals table below the shopping cart table */

DIV.totals
{
	background-color: White;
	border: solid 2px #2b73a4;	
	width: 220px;
	margin-top: 15px;
	margin-right: 15px;
	padding-top: 0px;
	padding-right: 5px;
}

P#basketTotalsHeader
{
	text-align: center;
	width: 95%;
	color: Black;
	font-size: x-small;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

TABLE.totals
{
	width: 100%;
}

TABLE.totals TR TD
{
	padding-top: 2px;
	padding-bottom: 2px;
}


TABLE.totals TR TD.label
{
	width: 50%;
	text-align: right;
	padding-right: 5px;
}

TABLE.totals TR TD.amount
{
	width: 50%;
	padding-right: 40px;
	text-align: right;
}

TABLE.totals TR.totalRow TD
{
	padding-top: 5px;
	font-weight: bold;
	padding-bottom: 0px;
}

/* the payment buttons */
DIV.payNowButtons
{
	text-align: center;
	background-color: White;
	border: solid 2px #2b73a4;	
	width: 220px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 5px;
}

DIV#totalsAndPaymentContainer
{
	float: right;
}

TABLE#paymentOptions
{
	width: 100%;
}

TABLE#paymentOptions TR TD
{
	padding-top: 7px;
	padding-bottom: 7px;
}

TABLE#paymentOptions TR TD#creditCardImages
{
	padding-bottom: 0px;
}

TD.orSection
{
	font-weight: bold;	
}

/* payByCreditCard page */
TABLE#customerDetails_Billing
{
    width: 450px;
    margin-top: 7px;            
}

TABLE#customerDetails_Shipping
{
    width: 450px;
    margin-top: 7px;            
}

TABLE#customerDetails_creditCard
{
    width: 450px;
    margin-top: 7px;      
}

DIV#payByCreditCard TABLE TR TD
{
    padding-top: 5px;
    padding-bottom: 5px;   
}       

DIV#payByCreditCard TABLE TR TD.columnFields INPUT
{
	border: solid 1px #d8d9d9;		
}

DIV#payByCreditCard H2
{
    margin-bottom: 7px;
    margin-top: 7px;
}

#lblCreditCardFailure
{
    color: red;
    font-weight: bold;
}

TABLE TR TD.columnLabels
{
   width: 140px;
   text-align: right;
   padding-right: 10px;
}

TABLE TR TD.columnFields
{
    width: 250px;
}   

TABLE TR TD.columnFields INPUT.singleLineText
{
    width: 247px;
    padding-left: 3px;
}                 

TABLE TR TD.columnFields INPUT.cc_expiryDateMonth
{
    width: 22px;
    margin-right: 5px;
    padding-left: 3px;
}   
        
TABLE TR TD.columnFields INPUT.cc_expiryDateYear
{
    width: 22px;
    margin-left: 5px;
    padding-left: 3px;
}   

TABLE TR TD.columnFields INPUT.cc_startDateMonth
{
    width: 22px;
    margin-right: 5px;
    padding-left: 3px;
}   

TABLE TR TD.columnFields INPUT.cc_startDateYear
{
    width: 22px;
    margin-left: 5px;
    padding-left: 3px;
}        

TABLE TR TD.columnFields INPUT.cc_cvc 
{
    width: 35px;
    padding-left: 3px;
}      

TABLE.navigationButtons
{
    width: 100%;
}   

TABLE.navigationButtons TR TD.prevButtonCell
{
    text-align: left;
}

TABLE.navigationButtons TR TD.nextButtonCell
{
    text-align: right;
}    

DIV#payByCreditCard UL LI
{
    padding-left: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
}            

.faded
{
    color: gray;
} 

.requiredField
{
    color: red;
}

#cvcExplanation
{
	font-size: x-small;
    color: gray;
    margin-left: 10px;
}

/* paypal login confirmed */

.standardView
{
    height: 300px;
}

.sbProductCode
{
	width: 120px;
}
