/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {
	font-size: 62.5%; 
	margin: 0px auto; 
	padding: 0px; 
	background-image: url('bg.gif');
	background-repeat:repeat-x;
	background-color: #f2f5fe;
	font-family: arial, sans-serif;
}
.page-container {
	width: 778px; 
	margin: 0px auto; 
	padding: 0px; 
}

/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/

/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.img-header {
	clear: both; 
	float: left; 
	width: 778px; 
	margin: 0px; 
	padding: 0px;
}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 778px; top: 4px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 20px 0px 0px; border-left: solid 1px rgb(115,162,182); /*background-color: rgb(255,255,255);*/ font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(115,162,182); color: #4462de; text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}

/*----------------------------*/
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
.nav2-container {
	clear: both;
	border-top: solid 1px rgb(54,83,151); 
	border-bottom: solid 1px rgb(54,83,151); 
	background-color: #4559a9;
	background-image: url('header_menu.gif');
	background-repeat:repeat-x;
	font-weight: bold;
	width: 100%;
	height: 30px;
}
.nav2, .nav2b {
	margin: 0px; 
	padding: 0px; 
	font-family: verdana, arial, sans serif; 
	font-size: 1.0em;
}

.nav2 span, .nav2b span {
	display: inline; 
	margin: 0px; 
	padding: 0px;
}

.nav2 span a {
	display: block; 
	float: left; 
	margin: 0; 
	padding: 5px 10px 5px 10px; /*border-right: solid 1px rgb(54,83,151);*/ 
	color: rgb(255,255,255); /*text-transform: uppercase; */
	text-decoration: none; 
	font-size: 12px;
}
.nav2b span a {
	display: block; 
	float: right; 
	margin: 0; 
	padding: 5px 10px 5px 10px;
	color: rgb(255,255,255);
	text-decoration: none; 
	font-size: 12px;
}
.nav2 a:hover, .nav2 a.selected, .nav2b a:hover, .nav2b a.selected {
	color: rgb(50,50,50); 
	text-decoration: none;
}

.buffer {
	clear: both; 
	height: 30px; 
	margin: 0; 
	padding: 10px 0 0 10px; 
	color:#458CCC;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/*----------------------------*/
/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.login-message {
		color: red;
}
		
.login-label {
	font-size: 9px;
}
.login-input {
	width: 90%;
}
#login-box {
	border: solid 1px #C3D9FF;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#register-link a:visited, a:link{
	color: #4462DE;
	text-decoration: none;
}
#register-link a:hover{
	text-decoration: underline;
}

.nav3 {overflow: hidden; clear: both; float: left; width: 160px; min-height: 500px; margin: 0px; padding: 0 0 0 5px; color: rgb(75,75,75); font-size: 1.0em;}
.nav3 ul {
	width: 160px; 
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
	border-bottom: solid 1px rgb(216,206,159); 
	background-color: rgb(219,230,241);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 2px 15px; 
	background-color: rgb(156,186,214); 
	color: rgb(255,255,255); 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 120%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 10px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px rgb(156,186,214);  color: rgb(100,100,100); text-decoration: none;}

/******************************************************************************/
/* SECTION 3 - Main content*/
/******************************************************************************/
.main-container {
	background: #fff;
	/*-moz-box-shadow: 0 0 20px #649DC5;
	-webkit-box-shadow: 0 0 20px #649DC5;*/
	border: solid 0px #bbb;
}
.promotion {
	color: #0ff;
}
.text-container {
	float: left;
	width: 570px;
}
/******************************************************/
/* SECTION 4 - SPECIFIC CLASSES FOR LAYOUTS #2 and #3 */
/******************************************************/

.content2 {float: left; width: 580px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: rgb(75,75,75); font-size: 1.0em; background: #fff;}

.content2-container-2col-left, .content3-container-2col-left {
	overflow: hidden; 
	float: left; 
	width: 220px; 
	margin: 0px; 
	padding: 0px;
}
.content2-container-2col-right, .content3-container-2col-right {
	overflow: hidden; 
/*	float: right; */
	width: 272px; 
	margin: 0px; 
	padding: 0px;
}

.content2-pagetitle, .content3-pagetitle {
	overflow: hidden; 
	width: 569px; 
	margin: 20px 0px 10px 0px; 
	padding: 0px 0px 2px 0px; 
	border-bottom: solid 3px rgb(88,144,168); 
	color: rgb(88,144,168); 
	font-weight: bold; 
	font-size: 180%;
}

.filter-box-container {
	padding: 10px;
	background:#9CBAD6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 90%;
}

.filter-box {
	border: none;
}
.filter-title {
	color: #5890A8;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}

.page-link-container {
	text-align: center;
	margin: 10px 5px;
	clear: both;
	margin-left: -50px;
}

.page-link a {
	text-decoration: none;
	color: #777;
	font-size: 12px;
	padding: 0 .2em;
}
.page-link-container a.selected {
	color: #222;
	font-weight: bold;
}
.page-link a:hover{
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

#parts-table {
	float: left;
}

#parts-table td {
	vertical-align: top;
	text-align: center;
}

.icon-link {
}
.icon-img {
	border: 0;
}


.item {
	min-width: 120px;
	min-height: 180px;
	float: left;
	margin: 10px 5px;
}

.item-label {
	color: #5890A8;
	width: 120px;
}

.item-price {
	color: #5890A8;
	width: 120px;
}

.promotion-container {
	border: 2px solid #C3D9FF;
	min-height: 220px;
	padding: .5em;
	margin-right: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.promotion {
	margin: 0px; 
	padding: 1em 0 1em 0; 
	color: rgb(256,0,0); 
	font-weight: bold; 
	font-size: 160%;
}

/*********************************/
/* SECTION 6 - COMMON PARAMETERS */
/*********************************/

/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/

/* Titles and textboxes*/

.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color: rgb(0,0,0); text-decoration: none;}

.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 110%;}
.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
.content-txtbox-shade {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(235,235,235);}

/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%; color: rgb(115,162,182); }
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p {margin: 0px 10px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }

/*--------------------*/
/* 6.2 - Sidebar Area */
/*--------------------*/
.sidebar {overflow: hidden; float: right; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75);}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}

/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 778px; height: 4.1em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(128,161,202); color: rgb(255,255,255); font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}

#message-box-container {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 100%;
    text-align: center;
}

#message-box {
    background-color: #ffd700;
    z-index: 10;
    color: #a0522d;
    border:1px dashed #a0522d;
    text-align:center;
    font: normal bold 13px white arial,sans-serif;
}