* {
	margin: 0;
	padding: 0;
}


body {
	background-color : #FFF;
	color : #4C575F;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a img {
	border : none;
}

a {
	outline: none;
}

.clear {clear: both;}

#container {
	width: 1000px;
	margin: auto;
	position: relative;
}

#header {
	width: 1000px;
	height: 125px;
	background: url('/Media/layoutimages/squares.jpg') right no-repeat;
}

#logo {
	float: left;
	width: 221px;
}

#logo img {
	margin: 50px 0 0 26px;
}

#headerMenu {
	float: right;
	margin: 100px 0 0 0;
}

#headerMenu a {
	color: #4C575F;
	text-decoration: none;
}

#line, #line1, #line2, #line6, #line4, #line3 {
	width: 1000px;
	height: 4px;
}

#line, #line1 {background-image: url('/Media/layoutimages/lineBlue.jpg');}
#line2 {background-image: url('/Media/layoutimages/linePink.jpg');}
#line6 {background-image: url('/Media/layoutimages/linePurple.jpg');}
#line4 {background-image: url('/Media/layoutimages/lineGreen.jpg');}
#line3 {background-image: url('/Media/layoutimages/lineYellow.jpg');}

#content {
	width: 1000px;
	background: #E3E7EA url('/Media/layoutimages/bgLeft.jpg') repeat-y left;
}

#contentLeft {
	float: left;
	width: 270px;
	min-height: 400px;
	height: 400px;
	padding: 0 0 25px 0;
}

#contentRight {
	float: right;
	width: 730px;
	margin: 0 0 25px 0;
}

#navigationShadow {
	position:absolute;
	top:160px;
	left:20px;
	width: 190px;
	background-color:#CCCCCC;
}

#navigation {
	position:relative;
	top:-8px;
	left:5px;
	padding:5px;
	background:#0078BC url('/Media/layoutimages/bgNavBlue.jpg') repeat-x top;
	color:#FFF;
}

#navigation h2, #navigation h3, #navigation h4, #navigation h5 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 2px 0;
}

#navigation h2 a, #navigation h3 a, #navigation h4 a, #navigation h5 a {
	color: #FFF;
	text-decoration: none;
}

#navigation h2 a:hover, #navigation h3 a:hover, #navigation h4 a:hover, #navigation h5 a:hover {color: #BCD2DF; text-decoration: underline;}


#navigation .activeArrowh2, #navigation .activeArrowh3, #navigation .activeArrowh4, #navigation .activeArrowh5, .activeArrowh6  {	
	position: absolute;
	padding: 5px 0 0 0;
	width: 5px;
	height: 6px;
}

#navigation h2 {
	padding-left: 17px;
}

h6 {
	padding-left: 0px;
	padding: 2px 0 0 0;
}

#navigation .activeArrowh2, .activeArrowh6 {padding-left: 9px;}

#navigation h2.active {
	background-color: #FFF;
	padding-left: 17px;
}

h6.active {
	background-color: #FFF;
	padding-left: 0px;
	margin-bottom: 0px;
}

h6.active a {
	color: #C70063;
}

#navigation h2.active a {
	color: #0078BC;
}

#navigation h3 {	
	padding-left: 30px;
}

#navigation .activeArrowh3 {
	padding-left: 22px;
}

#navigation h4 {	
	padding-left: 44px;
}

#navigation .activeArrowh4 {
	padding-left: 36px;
}

#navigation h5 {	
	padding-left: 58px;
}

#navigation .activeArrowh5 {	
	position: absolute;
	padding: 5px 0 0 50px;
	width: 5px;
	height: 6px;
}

#navigationLevel2 {
	background-color: #4DA1D0;
	padding: 0 0 3px 0;
	margin-top: 4px;
}

.subNavigationShadow {
	position:absolute;
	top:280px;
	left:290px;
	width: 190px;
	background-color:#CECECE;
	z-index: 30;
}

.subNavigationContainer {
	margin: auto;
	width: 1000px;
	position: relative;
}

.subNavigation2, .subNavigation6, .subNavigation4, .subNavigation3 {
	position:relative;
	top:-8px;
	left:5px;
	padding:5px;
	color:#FFF;
}

.subNavigation2 {background-color:#C70063;}
.subNavigation6 {background-color:#7D388A;}
.subNavigation4 {background-color:#00989A;}
.subNavigation3 {background-color:#FABA00;}

#navigation .activeArrowh6 {padding-left: 9px;}

#navigation h6.active {
	background-color: #FFF;
	padding-left: 17px;
	margin-bottom: 4px;
}

h6 a {
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 0 2px 17px;
	display: block;
}

h6 a:hover {
	background-color: #FFF;
	color: #4C575F;
	text-decoration: none;
}

#breadcrumbs {
	color: #889197;
	height: 40px;
	line-height: 25px;
}

#breadcrumbs a {
	color: #889197;
	text-decoration: none;
}

h1 {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
}

.topBanner {
	margin-bottom: 15px;
	z-index: 10;
}

.colorSquares {
	position: absolute;
	top: 255px;
	left: 450px;
	filter:alpha(opacity=15);
	-moz-opacity:.15;
	opacity:.15;
	z-index: 20;
}

.productButtons {
	margin-top: 7px;
}

.buttonProduct1, .buttonProduct2, .buttonProduct3, .buttonProduct4, .buttonProduct6 {	
	width: 112px;
	height: 34px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height:34px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}

.buttonProduct1 {background-image: url('/Media/layoutimages/buttonblue.jpg');}
.buttonProduct2 {background-image: url('/Media/layoutimages/buttonpink.jpg');}
.buttonProduct3 {background-image: url('/Media/layoutimages/buttonyellow.jpg');}
.buttonProduct4 {background-image: url('/Media/layoutimages/buttongreen.jpg');}
.buttonProduct6 {background-image: url('/Media/layoutimages/buttonpurple.jpg');}

.wedetail {
	position: relative;
}

#footer {
	clear: both;
	text-align: center;
	margin: 5px 0;
}

#footer a {
	color: #4C575F;
	text-decoration: none;
}

.popup {
	width: 750px;
	background: #E3E7EA url('/Media/layoutimages/bgLeft.jpg') repeat-y left;
	margin: auto;
}

.closeWindow {
	text-align: right;
	margin: 5px 20px 0 0;
	padding: 0 0 5px 0;
}

/* sitemap */
.sitemap {margin-left: 40px;}
.sitemap h1 {border: none; margin:0; padding: 0;}
.sitemap h2 {padding: 3px 0 0 10px}
.sitemap h3 {padding-left: 30px}