@import url("initial.css");

body {
	background: url(../images/bg_header.gif) 0 0 repeat-x;
	margin: 0 auto;
	padding: 0px;
	color: #424141;
	font-size: 1em;
}

a:active, a:link, a:visited {
	color: #fb0303;
	text-decoration: underline;
	-moz-outline: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
/* GENERAL CLASS */
.zoom {
	background: url(../images/icon_zoom.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
	
}
#outer {
	width: 100%;
}
#container {

}

#header {
	height: 67px;
	overflow: hidden;
}
#header h1 {
	background: url(../images/img_logo.gif) 0 0 no-repeat;
	margin: 0 0 0 168px;
	border-left: 1px solid #666;
}
#header h1 a, #header h1 a:visited {
	display: block;
	width: 352px;
	height: 61px;
	text-indent: -99999px;
}
#content {
	background: url(../images/bg_landing_container.gif) 0 0 repeat-y;
	width: 990px;
}
#contentLeft {
	background: #fff;
	width: 168px;
	float: left;
	padding: 0 0 100px 0;
}
#leftImage {
	text-align: center;
}
#contentLeft ul.links li {
	list-style: none;
	text-align: center;
}
#contentRight {
	float: right;
	width: 820px;
}
#navigation {
	height: 35px;
	overflow: hidden;
}
#navigation #searchForm2 {
	float: right;
	width: 280px;
	margin: 0;
	margin: 6px 0 0;
}
#navigation #searchForm2 p {
	font-size: 1em !important;
}
#navigation #searchForm2 label {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #000;
	margin: 0 10px 0 0;
	font-weight: bold;
}
#navigation #searchForm2 #searchInput2 {
	background: url(../images/bg_search.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
	width: 190px;
	height: 15px;
	font-size: 1.2em;
}
#navigation ul {
	float: left;
	margin: 0;
	width: 500px;
	padding: 8px 0;
}
#navigation li {
	list-style: none;
	display: inline;
	margin: 0 15px;
}
#navigation li a, #navigation li a:visited {
	font-size: 1.2em;
	font-weight: bold;
	color: #2d2c2c;
	text-transform: uppercase;
	text-decoration: none;
}
#navigation li a:hover {
	color: #fb0303;
}
#contentHeader {
	position: relative;
	height: 47px;
	padding: 0 0 0 20px;
	overflow: hidden;
}
#contentHeader h1 {
	width: 600px;
	float: left;
	margin: 8px 0 20px 0;
	font-size: 2.4em;
	font-weight: normal;
}

#contentHeader h1 span {
	display:none;
} 

#shoppingCart {
	position: absolute;
	right: 0;
	top: 8px;
	padding: 0;
	margin: 0;
}
#shoppingCart img {
	vertical-align: middle;
	margin: 0 2px 0 0;
}
#shoppingCart p {
	font-size: 1.2em;
	margin: 0;
}
#shoppingCart p span {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #2d2c2c;
	padding: 0 2px;
}
#shoppingCart p a, #shoppingCart p a:visited {
	text-decoration: underline;
	color: #000;
}
#mainContent {
	padding: 20px;
}
#mainContent h1 {
	font-size: 2em
}
#mainContent h2, #mainContent h3 {
	font-size: 1.4em
}
#mainContent h4, #mainContent h5, #mainContent h6, #mainContent p {
	font-size: 1.2em
}
#footer {
	clear: both;
	background: #000;
}
#footer p {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif !important;
	font-size: 1.2em;
	color: #827e7e;
	padding: 15px 0 15px 15px;
	margin: 0 0 0 168px;
	border-left: 1px solid #313030;
}
#footer p span {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
#footer p a, #footer p a:visited {
	text-decoration: none;
	color: #827e7e;
}

/* LANDING PAGE */
.landingPage {
	background: url(../images/bg_landing_container.gif) 0 0 repeat-y;
}
.landingContainer {

}
.landingHeader {
	height: 94px !important;
	margin-left: 169px !important;
	border: 0 !important;
	background: #e8e7e7 !important;
}
.landingHeader h1 {
	display: none !important;
}
.landingBanner {
	background: url(../images/bg_landing_banner.gif) 0 0 repeat-x;
	height: 113px;
}
.landingContent #contentLeft ul.links {
	margin: 95px 0 0 0 !important;
}
.landingContent #contentRight {
	background: url(../images/bg_content.jpg) 0 0 no-repeat;
	padding-bottom: 100px;
}
.landingContent #contentRight #welcomeText{
	margin: 140px 0 0 373px;
}
.landingContent #contentRight #welcomeText p {
	text-indent: -99999px;
	background: url(../images/bg_welcometext.gif) 0 0 no-repeat;
	width: 388px;
	height: 137px;
}
.landingContent #enterButton {
	margin: 0 0 0 700px;
}
.landingContent #enterButton a, .landingContent #enterButton a:visited {
	text-indent: -99999px;
	background: url(../images/button_enter.gif) 0 0 no-repeat;
	display: block;
	width: 43px;
	height: 19px;
}
.landingFooter {
	background: none !important;
	border-top: 1px solid #ecebeb;
	border-bottom: 1px solid #9e9c9c;
}
.landingFooter p {
	color: #827e7e !important;
	padding: 5px 0 !important;
	margin-left: 187px !important;
	border: 0 !important;
}
.landingFooter p span {
	color: #000 !important;
	font-weight: bold !important;
}
.landingFooter p a, .landingFooter p a:visited {
	text-decoration: none;
	color: #827e7e !important;
}

/* MODULE */
/* PRODUCT LIST */
#productCategories {
	width: 175px;
	float: left;
	margin: 20px 0 0;
}
#productCategories h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 10px 20px;
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
}
#productCategories ul {
	margin: 0 0 10px;
}
#productCategories li {
	list-style: none;
	text-align: right;
	padding: 5px 15px 5px 0;
	border-bottom: 1px solid #e5e5e5;
}
#productCategories li.active {
	background: url(../images/icon_arrow.gif) 100% 50% no-repeat;

}
#productCategories li a, #productCategories li a:visited {
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
}
#productContent {
	width: 600px;
	float: right;
	margin: 35px 0 150px;
}
#productContent .productList {
	background: url(../images/img_border.gif) 0 100% repeat-x;
	padding: 10px 190px 0 0;

}
#productContent .productImage {
	width: 65px;
	float: left;
}
#productContent .productImage p {
	text-align: center;
	margin: 0;
	font-size: 1em;
}
#productContent .productImage img {
	border: 1px solid #e5e5e5;
	margin: 0 0 5px 0;
}
#productContent .productInfo {
	width: 320px;
	float: right;
}
#productContent .productInfo h6 {
	font-size: 1.2em;
	margin: 0;
}
#productContent .productInfo p {
	font-size: 1.2em;
}
#productContent .productInfo p.price {
	color: #f90000;
	margin: 0;
}