@charset "UTF-8";
/* CSS Document */
html { 
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	overflow:hidden;
	}
hr {
	color: #CCCCCC;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
	
body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}

#background {
	height: 100%;
	width: 100%;
	position:absolute;
	color: white;
	z-index: -10;
	right: 15px;
	}
	
#Header {
	background-color: #000000;

	height: 100px;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 15px;
}
.HeaderLogo {
	position: absolute;
	background-position: left;
	height: 100px;
	width: 250px;
	z-index: 110;
	margin-left: -440px;
	left: 50%;
}
.HeaderAd {
	position: absolute;
	top: 12px;
	height: 75px;
	width: 600px;
	z-index: 15;
	margin-left: -150px;
	left: 50%;
	}
	
#Content {
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
overflow:auto; /* add scroll bars as required */
position:relative; /* set up relative positioning so that z-index will work */
z-index:50; /* allocate a suitable z-index */
}

#Banners {
	width: 800px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 50;
	}

#Buttons {
	width: 800px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 50;
	height: 135px;
	margin-top: 10px;
}
#PageContent {
	width: 800px;
	position: relative;
	top: 10px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;
}
#PageContent2 {
	width: 820px;
	position: relative;
	top: 10px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;
}
#TextBGTop {
	width: 800px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	position: relative;
	padding: 0px;
	clear: both;
	
	}
#Copy {
	width: 800px;
	background-image: url(/Images/TextBG.png);
	background-repeat: repeat-y;
	padding: 0px;
	position: relative;
	margin: 0px;	
	}
#TextBGBot {
	width: 800px;
	height: 10px;
	padding: 0px;
	margin-bottom: 0px;
	position: relative;
	
}

#ProductContent {
	width: 820px;
	position: relative;
	top: 10px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;
}
#ProductContentList {
	float: left;
	width: 192px;
	height:228px;
	z-index: 75;
	padding-left: 10px;
	margin-left: 0px;	
}

#Product {
	width: 192px;
	height: 227px;
	background-image: url(/Images/ProductBG.png);
	background-repeat: no-repeat;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 75;
}
#PDetailBanner {
	width: 820px;
	height: 227px;
	position: relative;
	top: 35px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 35px;
	margin-left: auto;
	overflow: visible;
	}	
/*#PDetailImage {
	width: 395px;
	height: 227px;
	float: left;
	background-image: url(/Images/ProductBG_LG.png);
	background-repeat: no-repeat;
	margin-left: 0px;	
	z-index: 75;
	}*/
#PDetailImage {
	width: 385px;
	height: 220px;
	float: left;
	margin-left: 0px;
	z-index: 75;
	border: 1px solid #999999;
	padding: 0px;
	}
#PDetailText {
	width: 395px;
	height: 220px;
	background-image: url(/Images/ProductBG_LG.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 405px;
	z-index: 75;
}

#Footer {
	background-color: #000000;
	height: 50px;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	z-index: 100;
	right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
}
#Footer   A {text-decoration: none; color: #CCCCCC;}
#Footer   A:Hover {text-decoration: none; color: #FFCC00;}
#Footer   A:Visited {text-decoration: none; color: #CCCCCC;}
#Footer   A:Visited:Hover {text-decoration: none; color: #FFCC00;}

.pad1 {
	display:block;
	height:125px; /* height to miss header and footer */
}

.pad2 {
	display:block;
	height:70px; /* height to miss header and footer */
	clear: both;
}
.pad3 {
	display:block;
	height:10px; /* height to miss header and footer */
	clear: both;
}

/*
#navigation ul, #navigation ul li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

#navigation ul {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
 }
#navigation ul A {text-decoration: none; color: #000000;}
#navigation ul  A:Hover {text-decoration: none; color: #FFFFFF;}
#navigation ul  A:Visited {text-decoration: none; color: #000000;}
#navigation ul  A:Visited:Hover {text-decoration: none; color: #FFFFFF;}
 
 

 #navigation ul li {
	display: inline;
	margin-right: 18px;
 }

 #navigation ul li.last {
     margin-right: 0;
 }
 */
 #navigation  {
	text-align: center;
	font-size: 12px;
	line-height: normal;
 }

.navigation2
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 400;
}
.navigation2   A {text-decoration: none; color: #000000;}
.navigation2   A:Hover {text-decoration: none; color: #FFFFFF;}
.navigation2   A:Visited {text-decoration: none; color: #000000;}
.navigation2   A:Visited:Hover {text-decoration: none; color: #FFFFFF;}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: none;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}
p   A {text-decoration: none; color: #FFCC00;}
p   A:Hover {text-decoration: none; color: #FFFFFF;}
p   A:Visited {text-decoration: none; color: #FFCC00;}
p   A:Visited:Hover {text-decoration: none; color: #FFFFFF;}

#Text ul {
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#Text  li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-right: 0px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-position: inside;
}
.ProductName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	font-style: italic;
	line-height: 14px;
}
.ProductName  A {text-decoration: none; color: #FFCC00;}
.ProductName  A:Hover {text-decoration: none; color: #FFFFFF;}
.ProductName  A:Visited {text-decoration: none; color: #FFCC00;}
.ProductName  A:Visited:Hover {text-decoration: none; color: #FFFFFF;}

.ProductModel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	line-height: 12px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 3px;
	margin-left: 4px;
}
.ProductModel  A {text-decoration: none; color: #FFCC00;}
.ProductModel  A:Hover {text-decoration: none; color: #FFFFFF;}
.ProductModel  A:Visited {text-decoration: none; color: #FFCC00;}
.ProductModel  A:Visited:Hover {text-decoration: none; color: #FFFFFF;}

.ProductNameDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.ImageBoarder {
	border: 1px solid #CCCCCC;
}
.ProductTable {
	padding: 5px;
	margin-left: 10px;
}
.ProductTableText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding: 5px;
}
.FormTitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#BackButton {
	position: absolute;
	top: 77px;
	right: 40px;
	z-index: 400;
}