﻿/* reset CSS default style*/

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}*/
.ProductLink
{
	text-decoration: none;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: White;
}
.ProductLink:hover
{
	text-decoration: underline;
}


h3
{
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	color: #555555;
	margin-top:-10px; 
}
h4
{
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
	color: #555555;
}

label
{
	color: #666666;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}
.label_message
{
	color: #555555;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}

.textbox-input
{
	width: 200px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	font-size: 13px;
	font-family: Arial;
	height: 20px;
}

.textbox-input-year
{
	width: 100px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	font-size: 13px;
	font-family: Arial;
	height: 20px;
}

.textbox-input-name
{
	width: 97px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	font-size: 13px;
	font-family: Arial;
	height: 20px;
}
.textbox-input-phone
{
	width: 129px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	font-size: 13px;
	font-family: Arial;
	height: 20px;
}
.textbox-input-areacode
{
	width: 65px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	font-size: 13px;
	font-family: Arial;
	height: 20px;
}

.label-input
{
	color: Gray;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}


.text-validation
{
	font-family: Verdana;
	font-size: 1em;
	color: Red;
	font-weight: bold;
}
.text-validation2
{
	font-family: Verdana;
	font-size: 1em;
	color: gray;
	font-weight: bold;
}
.text-align-left
{
	text-align: left;
}
.text-align-right
{
	text-align: right;
}
.control-content
{
	padding-left: 40px;
	padding-top: 30px;
}
.control-content-margin
{
	padding-left: 75px;
}
.control-label-width
{
	width: 200px;
}
.control-label-height
{
	height: 25px;
}
.page-control-content
{
	padding-left: 40px;
}
.link-button
{
	text-decoration: none;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}

.control-label1
{
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: #555555;
}
.control-label2
{
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	color: black;
}
.control-dropdownlist
{
	width: 203px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	font-size: 13px;
	font-family: Arial;
	height: 25px;
}
.link-next-prev
{
	text-decoration: none;
	font-family: Verdana;
	font-size: .9em;
}

/*-------- Account Setting  -------*/


#account-header
{
	padding-left: 40px;
}
#account-content
{
	width: 560;
	text-align: left;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	padding-left: 40px;
}
.account-label-width
{
	width: 200px;
}
.account-label-height
{
	height: 25px;
	width: 215px;
}
.account-button-size
{
	width: 75px;
}

/*-------- Register Control -----*/

#register-header
{
	padding-left: 60px;
}
#register-content
{
	width: 560;
	text-align: left;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	padding-left: 60px;
}
#register-submit
{
	padding-left: 340px;
}
.register-label-width
{
	width: 200px;
}



/*----LogIN Control----*/

.login-textbox-input
{
	width: 160px;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
	font-size: 13px;
	font-family: Arial;
	height: 15px;
}


/*--- Shopping Cart ---*/
#shopcart-header
{
	padding-left: 40px;
}
#shopcart-cost-content
{
	padding-left: 40px;
}
#shopcart-summary-content
{
	width: 560;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
}
.shopcart-cost
{
	color: Gray;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	text-align: right;
	width: 50px;
}
.shopcart-table-header
{
	background-color: #0c5cac;
	text-align: center;
	padding: 3px;
	color: White;
	font-weight: bold;
	height: 20px;
}
.shopcart-submit-buttons
{
	padding-left: 510px;
}


/*--- Error control Page---*/

#error-page
{
	padding-left: 40px;
}

/*---Navigation Menu --*/

#main-content-nav
{
	float: right;
}
#main-content-nav ul
{
	list-style: none outside none;
}
#main-content-nav ul li
{
	padding-top: 9px;
	background: url(         "../images/2010/generic/logmeout.png" ) no-repeat;
	height: 30px;
	width: 110px;
	float: left;
	display: inline;
	text-align: center;
}
#main-content-nav ul li a
{
	text-decoration: none;
	font-size: 1.3em;
	color: Gray;
	font-weight: bolder;
}
#main-content-nav ul li a:hover
{
	color: Blue;
}


/*---Main page content --*/

.text-content-div1
{
	text-align: justify;
	position: absolute;
	width: 300px;
	height: 90px;
	padding: 15px;
}
.text-content-div2
{
	border-right-style: solid;
	border-right-width: 1px;
	padding-left: 336px;
	padding-top: 50px;
	height: 30px;
	position: absolute;
	margin-top: 20px;
}
.text-content-div3
{
	text-align: justify;
	position: absolute;
	left: 365px;
	padding-right: 10px;
	top: 37px;
	width: 290px;
	height: 90px;
}
.text-content-div4
{
	text-align: justify;
	position: absolute;
	width: 650px;
	padding: 13px 25px 0px 8px;
	height: 90px;
}


/*---Web Only control page --*/

#webonly_header
{
	background: url(../images/webonly/webonly_header001.PNG) no-repeat;
}
#webonly_content
{
}
.webonly-item-header
{
	background: url(../images/webonly/webonly_item_background.PNG)no-repeat;
	width: 230px;
	height: 20px;
}
.webonly-item-text1
{
	color: #ffffff;
	text-align: left;
	font-family: Arial;
	font-weight: bold;
	font-size: .9em;
	padding: 2px 0px 0px 10px;
}
.webonly-item-image
{
	padding-top: 10px;
	width: 230px;
}
.webonly-price-header
{
	background: #adaabd;
	height: 20px;
	width: 230px;
	margin-top: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: .8em;
}
.webonly-item-prices
{
}
.webonly-item-grid
{
	font-size: .6em;
	font-family: Arial;
}


/*----Purchase confirmation ---*/
#purchase-confirm-logo
{
	float: left;
}
#purchase-confirm-text
{
	float: left;
	padding-left: 40px;
	padding-top: 10px;
}
#purchase-confirm-lowerimage
{
	float: right;
	padding-right: 120px;
}
.purchase-confirm-text1
{
	font-family: Arial;
	font-size: 3em;
	font-weight: bold;
	color: #5a595a;
	font-style: italic;
}
.purchase-confirm-text2
{
	font-family: Arial;
	font-size: 1.5em;
	color: #5a595a;
	padding-left: 60px;
}

/* ----- My LIV Account ------*/
.Summary_text1
{
	padding-left: 10px;
	float: left;
	padding-top: 15px;
	font-weight: bold;
	font-family: Verdana;
	font-size: 1.6em;
	color: white;
	position: relative;
	text-decoration: none;
}
.Summary_text2
{
	float: right;
	padding-right: 10px;
	padding-top: 10px;
	z-index: 100px;
	font-weight: bold;
	font-family: Verdana;
	font-size: 2.5em;
	color: white;
	position: relative;
	text-decoration: none;
}

.Summary-image
{
	width: 200px;
	height: 200px;
	margin-top: -50px;
}

/*----- Footer /Header page -------*/

.footer-body-text
{
	position: relative;
	font-family: Verdana;
	font-size: 12px;
	padding: 0px 16px 16px 16px;   	
	text-align: justify;
}
.content-body-text
{
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 5px;
	text-align: justify;
}

/*-----------------Modal PopUP --------------*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity= '0' );
	opacity: 0.7;
	height: 300px;
}
.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 500px;
	height: 300px;
}

.MyTest a
{
	font-family: Verdana;
	color: #4169e1;
	text-decoration: none;
}
/*--------About Livingstone--------*/
#sidebar_hdr
{
	background-color: #7b96ad;
	width: 230px;
	height: 20px;

}
.sidebar_title
{
	color: #fff;
	font-size: 1.1em;
	font-family: Verdana;
	font-weight: bold;
}
#sidebar_cont
{
	width: 230px;
	margin-top: 3px;
		margin-left:-30px; 	
}
#sidebar_cont ul
{
	list-style: none;
	
}

#sidebar_cont ul li
{
 padding-top:5px;  
}
#sidebar_cont ul li a
{
	color:#7b96ad;
	font-size: 1.1em;
	font-family: Verdana;
	font-weight: bold;
    text-decoration: none;
}

