/* ### Main Styles ### */

@import url("navigation.css");
@import url("fces.css");
@import url("fces-right-content.css");
@import url("fces-left-content.css");
@import url("startpage.css");
@import url("product-detail.css");
@import url("category-view.css");
@import url("only_typo_styles.css");


* {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #6A6A6A; 
}

html {
	height:100.1%;
	margin-bottom:1px;
	background:url(images/site_bg.jpg) repeat-x scroll;
	background-color:#080808;
}

body {
	height:100%;
}

img {
	border: none;
}

a{
	outline:none;
}

.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}

.clear {
	clear:both;
	line-height:0px;
	font-size:0px;
	width:100%;
}

.bold {/* for htmlares */
	font-weight:bold;
}

/* ### Site Styles ### */

#site {
	margin:auto;
	width:960px;
	min-height:100%;/*** for bottom footer ***/
	background:url(images/content_bg.gif) repeat-y;
}

#header {
	width:960px;
	height:144px;
	background:url(images/site_bg.jpg) repeat-x;/*** for bottom footer ***/
}

.mainbox {
	clear: both;
	width: 960px;
	padding-bottom:55px;
}

.mainbox .breadcrumb {
	width: 960px;
	color: #fff !important;
	font-size: 10px;
	padding-top: 7px;
	padding-bottom: 9px;
	clear:both;
	background:url(images/breadcrumb_bg.jpg) repeat-x top #303030;
}

.mainbox .breadcrumb span {
	color: #fff !important;
}

.content {
	clear:both;
	background:url(images/content_bg.gif) repeat-y;
	position:relative;
	z-index:5;
	width:960px;
	overflow:hidden;
}

.content .bg_bottom{
	clear:both;
	background:url(images/content_bottom_bg.gif);
	height:10px;
	margin-bottom:-10px;
	width:960px;
	position:relative;
	z-index:1;
	background:red;
}

.content .image{
	position:relative;
	height:266px;
	width:960px;
	z-index:1;
}

.content .image img{ /* for IE6 alsways scaling div for font-height */
	float:left;
}

.content-left {
	background-image:url(images/left_bg.jpg);
	background-repeat: repeat-y;
	width: 190px;
	float: left;
	margin-bottom:-9px;
}

.content-main {
	float: left;
	background-color:#fff;
	margin: 15px -50px 0px 25px;
	overflow:hidden;
	width:550px;
	position:relative;
	z-index:2;
	height:100%;/*** for bottom footer ***/
}

.content-main p {font-size:12px;}
.content-main a {color:#4d4d4d;}

.content-right {
	background:url(images/content_right.gif) no-repeat right top;
	background-color:#ffffff;
	width:187px;
	padding-right:3px;
	margin-bottom:-6px;
	float:right;
	position:relative;
	z-index:5;
	min-height:7px;
}

.content-left .content-header {
	background-image:url(images/header_left.jpg);
	background-repeat: no-repeat;
	height: 23px;
}

.content-left .content-header p {
	font-size: 12px;
	color: #4d4d4d;
	font-weight: bold;
	padding-top: 5px;
	margin-left: 10px;
}

/* ### Content Styles ### */

h1{
	font-size: 21px;
	color: #cc0000;
}
h2 {
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
}
h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: bold;
}
h2.cat_view {
	font-size:18px;
	color: #000000;
	font-weight:normal;
	padding-top:3px;
	margin-bottom:11px;
}
.introtext {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	font-weight: bold;
}

.product-main {
	clear:both;
}

.content-main .heading{
	border-bottom: 2px solid #9D9D9D;
	padding-bottom:3px;
	padding-right:1px;
	margin-bottom: 11px;
	margin-right:24px;
}

.content-main .heading h1{
	width: 500px;
	float:left;
}

.content-main .heading a img{
	display: block;
	height: 14px;
	width: 16px;
	margin-top:3px;
	float:right;
}

.content-main p{
	margin-right:24px;
}

.content-main p.small{
	font-size:0.7em;
	line-height:1.2em;
}

.to-top {
	text-align: right;
	margin:10px 25px 10px;
	padding-right:20px;
	font-size: 11px;
	background:url(images/dot_top.jpg) right 1px no-repeat;
	display:block;
}

.to-top a {
	color: #000;
}


/*** HEADER ***/

#header .logo_box{
	width:235px;
	height:65px;
	float:left;
	margin-top:23px;
	margin-right:450px;
	display: block;
}

#header .login_box {
	float: left;
	width: 275px;
	height: 107px;
	position:relative;
}

#header .menu {
	height: 36px;
	width: 960px;
	clear:both;
	width:100%;
}

#header .mainmenu {
	height: 36px;
	width: 960px;
	clear: both;
}

.flags {
	margin-left:36px;
	width:56px;
	float:left;
	padding-top:17px;
	position:relative;
	overflow:hidden;
}

.flags img {
	margin-left:4px;
}

.login_box form{
	margin:0px;
	padding:0px;
}

form.search{
	background:url(images/search_left.jpg) no-repeat left bottom;
	padding-left:23px;
	float:right;
	height:21px;
	margin-top:14px;
}

.search .searchfield{
	border:none;
	background:url(images/search_mid.jpg) bottom left;
	width:140px;
	height:17px;
	margin-right:-4px;
	font-style:italic;
	color:#666666;
	font-size:11px;
	padding-top:4px;
	float:left;
}

.search .arrow{
	border:none;
	background:url(images/search_right.jpg);
	height:21px;
	width:24px;
	cursor:pointer;
}

form#register{
	clear:both;
	padding-top:12px;
}

.login{
	position:relative;
	width:174px;
}

.login label {
	display:block;
	float:left;
	margin-bottom:5px;
	overflow:hidden;
	width:77px;
	color: #fff;
	font-size: 11px;
	float:left;
	margin-top:5px;
	margin-bottom:-5px;
}

.login input {
	width:91px;
	font-size:11px;
	border:none;
	float:right;
	background:url(images/login_input_bg.gif);
	color:#666666;
	font-size:11px;
	padding:3px 3px 0px 3px;
	margin-bottom:5px;
}

.register {
	float: right;
	width:95px;
	font-size: 10px;
	line-height: 11px;
	text-align:right;
	padding-top:21px;
	padding-right:2px;
	position:relative;
}

.register a {
	color: #fff;
}

.login .login_bt{
	background:url(images/login_bt.gif);
	border:none;
	position:absolute;
	right:-100px;
	top:0px;
	font-size:11px;
	font-weight:bold;
	color:#5e5e5e;
	padding:1px 35px 2px 22px;
	width:93px;
	cursor:pointer;
	clear:both;
	height:19px;
}


/*** FOOTER ***/

.footer {
	padding-top:19px;
	margin:auto;
	margin-top:-55px;
	width:960px;
	height:36px;
	background:url(images/content_bottom_shadow.gif) no-repeat;
	position:relative;
	bottom:0px;
	font-size: 10px;
	z-index:4;
}

.footer .footer_transparent{
	margin-top:0.8em;
}

.footer-links{
	display:block;
	float:right;
	width:800px;
}

.copyright{
	color:#888787;
	float:left;
	padding-left:10px;
}

.blue{
	color:#47a0d2;
	font-weight:bold;
}



/* div#GroupEndorsementStripContainer {width:100%; height:36px; position:relative; background-color:#535353 }  */
 
 div#GroupEndorsementStrip {width:960px; /* Change this value to match your site content width */
  height:36px; margin:0 auto; background-color:#535353}
 div#GroupEndorsementStrip p {font-family:arial; color:#fff; font-size:11px; line-height:13px; margin:5px 0 0 5px; float:left;}
 div#ESGroupNavMenu {float:right; margin-right:10px; margin-top:7px;}
 div#ESGroupNavMenu form {padding:0; margin:0;}
 div#ESGroupNavMenu form select {font-size:11px; font-family:arial; }
 
.copyright a {
  color:#888787;
  text-decoration:underline !important;
}