/* CSS Document */


* 
{
    margin:0;
	padding:0px;
}

body 
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background:#fff;
}
html, body {
    height: 100%;
}
/*h2 {color: #0033FF!important;}*/


/* FONTS: IB Fedra */
@font-face {
	font-family: IBFedra;
	src: url('fonts/IBFedra.otf');
}

@font-face {
	font-family: IBFedra;
	font-weight: bold;
	src: url('fonts/IBFedra-Bold.otf');
}

@font-face {
	font-family: IBFedra;
	font-style: italic;
	src: url('fonts/IBFedra-Italic.otf');
}

@font-face {
	font-family: IBFedra;
	font-style: italic;
	font-weight: bold;
	src: url('fonts/IBFedra-BoldItalic.otf');
}

/* END FONTS: IB Fedra */

hr {
border: 0;
color: #fff;
background-color: #fff;
height: 2px;
margin:10px 0;
}

img {border: 0;}
a {color: #A80C1A; text-decoration:none;}
a:hover {text-decoration:underline;}

#topnav {
	width: 100%; 
	background: #E0DED8; 
	border-bottom:1px solid silver; 
	height: 35px;
}

#container{
	width:980px;
	margin: 0 auto;
	position:relative;
	color:#706a63;
/*	min-height: 100%; */
	padding-top:5px;

}

#lang-search 
{
	float:right;
	margin-top: 7px;
	padding-right: 20px;
	text-transform: uppercase;
	color: #FFF;
}
#language {

					padding-top: 5px;
					margin-right: 20em;
					* margin-right: 14em; /* IE6 Hack */
					width: 100%;
					
				}
*+html #language { margin-right: 1em;float: right;} /* IE7 Hack */
#language { margin-right: 14em\0/;}/* IE8 Hack */
				
				#language a.selected {
					padding-right: 20px;
					background: url('images/arrow_down.png') no-repeat center right;
					color: #706A63;
					font-size:10px;
				}
				#language a:hover {
					text-decoration: none;
					color: #A80C1A;
				}
				#mininav { margin-right: 5px;}
#language .contactTop 
{
	/*float:left;*/
	font-size: 10px;
	padding: 0 1.3em
}

#searchHolder
{
	float: right;
	width: 150px;
}
#header {
	width:100%;
	height:50px;
	display: block;
	clear:both;
}

#header img {
	margin-bottom:15px;
	float: left;
}

#navsearch { float:right; width: 670px;}

#navigation {float:right; width:auto; padding-left:0px;padding-right:0; padding-bottom: 5px; margin-right:0;}


#main-bg {
	clear: both;
	background: url("images/gradient.gif") repeat-x;
}

#content, #homepage { 
	margin-top:2px;
	width:100%;
	background: url("images/bg.gif") repeat-y;
	overflow: hidden;
	min-height: 520px;
}

#homepage 
{
	height: 652px;
}

#content #content2 {
background: url("images/content_bg.png") repeat-y;
}

#content-home {background: none;}

#mainimage_print { display: none; } 



/*-------------------------- HOMEPAGE ----------------------------*/

#homepage #features{
	width: 652px;
	height: 652px;
	float: left;
	border-right: 5px solid #FFF;
}

#homepage #sidefeatures {
	float: right;
	width: 320px;
}

/*controls the sidecontact on homepage*/
#homepage #sidefeatures #contact {
	padding: 10px;
	height: 200px;
}
#homepage #sidefeatures #contact h1 
{
	color: #333;
	text-transform: uppercase;
	font-size: 13px;
	padding-bottom: 10px;
}
#homepage #sidefeatures p {
    padding: 3px 0;
}
#homepage #sidefeatures #latest h1{
	font-size:13px;
	background: #c1bcb7;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 3px 0 3px 3px;
	color: #333;
}

/*controls jscrollpane*/
#homepage #latest ul {
	list-style: none;
	height: 370px; /* 500px 380px*/
	width: 100%;
	/*overflow: auto;*/
}

#homepage #latest .liDiv
{
	float: left;
	width:280px;
}

#homepage #latest .liTxt
{
	float: left;
	width:200px;
	cursor: pointer !important;
}

#homepage #latest .liImg
{
	float: left;
	margin-left:15px;
}

.local-tile #latest ul {
	/*height: 195px;*/
	width: 320px;
}

#latest ul li {
	color: #333;
	padding: 15px 10px 15px 15px;

}
#latest ul li:hover {
    background: #ddd;
    cursor: pointer;
    cursor: hand;
    text-decoration: none!important;
}
#latest ul li a {
    color: #000!important;
    text-decoration: none!important;
    display: block;
    width: inherit;
}
#latest ul li a:hover 
{
    text-decoration:none!important;
}
#latest ul li div.text
{
    /*border: 1px solid #03f;*/
}
#latest ul li span {
	color: #706a63;
	border-top: dotted 1px #333;
	display: block;
	padding-top: 5px;
	margin-top: 5px;
	width: 210px; /* 220px */
}
#latest ul li img {
	float: right;
	width: 55px;
	/*padding-left: 10px;  -- breaks in IE7 but looks ok without it*/
}

#localhome {
	background: url("images/gradient-local.gif") repeat-x;
/*	height: 230px;*/
	clear: both;
	margin-top: 2px;
}


#localhome .local-tile{
	float:left;
	width: 320px;
	border-right: 4px solid #FFF;
	height: 230px;
}
.center-tile {
	background: #F7F7F7!important;
}
.last-tile {
	width: 331px!important;
	border: none!important;
}
#localhome .local-tile h1{
	background: #D6D3D0;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	padding: 5px 10px 5px 5px;
}
#localhome .local-tile b,#localhome .local-tile strong {
    color: #000;
}

.local-tile-content {
	padding: 10px;
}

.local-tile-content #officehead {
	float: left;
	width: 155px;
}
.local-tile-content #officeaddress {
	margin-left: 160px;
}


/*--------------------- TOP MAIN IMAGE ---------------------------------*/


#mainimage .RadRotator_Default .rrClipRegion {
	float: left !important;
	margin-bottom: 2px;
}

/* --------------------- MAIN CONTENT WITH SIDEBAR ----------------------*/
#maincontent {
background: #F7F7F7;
width:680px;
/*width:500px;*/
margin-left:242px;
border-left: 2px #FFF solid;
padding: 0 20px 36px 36px;
position: relative;
z-index:20;
overflow:hidden;
}

#maincontent img {padding: 10px;}
/* ------ MAIN CONTENT WITHOUT SIDEBAR -------*/
#maincontent-onecol {
background: #F7F7F7;

padding: 0 40px 36px 36px;
position: relative;
z-index:20;
}

#maincontent p {
width:580px;
line-height:1.5em;
}

#maincontent-onecol p {
width:800px;
}

#maincontent p, #maincontent a.grey, #maincontent-onecol p, #maincontent-onecol a.grey {
color:#706a63;
text-decoration:none;
padding: 10px 0;
}

#maincontent a,#maincontent-onecol a{
color:#C60C30;
}

#maincontent a:hover, #maincontent-oncol a:hover{
text-decoration:underline;
}

#maincontent a.grey:hover, #maincontent-onecol a.grey:hover{
color:#C60C30;
text-decoration: none;
} 

#maincontent li.years a{color:#C60C30; text-decoration:none;}
#maincontent li.years a:hover {text-decoration:underline;}


#maincontent h1, #maincontent-onecol h1 {
width:400px;
text-transform: uppercase;
font-weight:normal;
color:#C60C30;
font-size: 1.8em; /*22px*/
padding: 36px 0 10px;
font-family: "IB Fedra", Verdana, Arial, SimSun, Dotum, Sans-Serif;/*Added 8/23/11 SimSun*/
}

#maincontent h2, #maincontent-col h2 {
width:500px;
/*width:50%;*/
color: #333;
font-size:1.2em;
/*text-transform: uppercase; //korean */
padding: 15px 0 0;
font-weight:normal;
}

#maincontent h3, #maincontent-col h3 {
font-size:1.2em;
text-transform: uppercase;
padding: 0 0;
font-weight:normal;
}

#maincontent .pagination{
clear:both;
}
#maincontent .pagination ul{
float:right;
/*width:100%;*/
}
#maincontent .pagination ul li{
padding: 0.2em;
border: 1px solid #666;
display:inline;
}

#maincontent .pagination2{
clear:both;
}
#maincontent .pagination2 p{
float:right;
width:auto;
}
#maincontent .pagination2 a{
padding: 0.2em;
border: 1px solid #706a63;
color:#706a63;
margin-left:0.1em;
}

#maincontent .pagination2 a:hover, #maincontent .pagination2 a.chosen{
border: 1px solid #706a63;
text-decoration: none;
background: #706a63;
color:#fff;
}

#maincontent b, #maincontent strong {
font-weight: bold;
color: #333;
}

#maincontent ul, #maincontent ol{
margin-left:20px;
width:580px;
}

#maincontent ul li, #maincontent ol li {
padding: 5px 0;
}


#maincontent blockquote {
width:400px;
margin-left: 50px;
}

#maincontent table p {width:auto;}




/*-----------	ONE COLUMN LISTS ---------------*/

#maincontent ul.list {list-style-type: none;}
#maincontent ul.list li {padding:10px 0;}
#maincontent ul.list li a {color:#C60C30; text-decoration: none;}
#maincontent ul.list li a:hover {color:#706a63;text-decoration: underline;}

/*----- NESTED LISTS -------*/
#maincontent ul.list li ul {list-style-type:none; margin-left:10px;}
#maincontent ul.list li ul li {padding:0px; }
#maincontent ul.list li ul li:before { content:"»"; padding-right: 0.5em;}
#maincontent ul.list li ul li a {color:#706a63}
#maincontent ul.list li ul li a:hover {color:#C60C30;}


/*------------ 	TWO COLUMN LISTS ---------------*/

#maincontent .columns {background: #F7F7F7;}
#maincontent .columns b {font-weight: bold;}
#maincontent .left {float:left; width:300px;}
#maincontent .right {margin-left:350px; width:300px;}

#maincontent .left p , #maincontent .right p {
width:auto;
}

#maincontent .left ul, #maincontent .right ul {list-style-type: none;}
#maincontent .left ul li a, #maincontent .right ul li a {color:#706a63}
#maincontent .left ul li a:hover, #maincontent .right ul li a:hover {color:#C60C30; text-decoration:none;}

/*------------ THREE COLUMN LISTS --------------*/
#maincontent .col1 {float:left; width:210px;}
#maincontent .col1 p, #maincontent .col2 p, #maincontent .col3 p {width: 100%;}
#maincontent .col23 {margin-left:220px; width:65%;}
#maincontent .col2 {float:left; width:45%;}
#maincontent .col3 {margin-left:240px; width: 45%; }

/*------------ THREE COLUMN LISTS --------------

#maincontent .col1 {float:left; width:223px;}
#maincontent .col23 {margin-left:224px;}
#maincontent .col2 {float:left; width:223px;}
#maincontent .col3 {margin-left:230px; width: 223px; }

*/
/*------------ BOOKS + APPROVALS ---------------------------*/

/*
#maincontent .approvals1
{margin-top: 10px; width:400px;
margin-bottom: 40px;}

#maincontent .approvals {
/*margin-top: 45px;*/
/*width:400px;
}*/

#maincontent div.books table tr td{
/*width:510px;*/
padding: 15px;
vertical-align: top; 

}

#maincontent .books h2{
width:300px !important;
*width: 130px; /*IE7 specific */
}

#maincontent .books img, #maincontent .books1 img {
/*float:left;*/
margin:10px 10px 10px 0;
border-right: 2px #999 solid;
border-bottom: 2px #999 solid;
max-width: 125px;
}

.booksContainer
{
	float: left;
	width:300px;
}

#maincontent .booksImgContainer
{
	float: left;
}


#maincontent .approvals img, #maincontent .approvals1 img {
margin:10px 0;
}

#maincontent .books p
{
	/*width: 300px;
	*width: 150px;*/ /*IE7 specific */

}

#maincontent .toLeft
{
	float: left;
	padding-right: 10px;
}


/*------------------- CONTACT ------------------------------*/
.categoryLabel
{
	font-weight: bold;
	font-size: 16px;
	color: #333;
}

/*------------------ CLIENT LIST ---------------------------*/

#maincontent div.clientlist table tr td{
height:1.5em;
padding: 5px;
vertical-align: top; 
width:48%;
}

#maincontent div.clientlist table tr td a {color:#706a63}
#maincontent div.clientlist table tr td a:hover {color:#C60C30; text-decoration:none;}

#maincontent div.clientlist table {width:100%;}

/*------------ MEDIA MENTIONS ---------------------------*/


#maincontent #media-mentions h2 {
color: #333;
font-size:1.2em;
text-transform: uppercase;
padding: 0;
font-weight:normal;

}

#maincontent #media-mentions ul li a {color: #C60C30}
#maincontent #media-mentions ul li a:hover{}

#maincontent #media-mentions h2 a {color: #333!important;}
#maincontent #media-mentions h2 a:hover {color: #C60C30!important; }


/*
#maincontent #media-mentions img {
width: 45px;
height: 45px;
padding: 0 10px 0 0;
float:left;
}
*/



/* --------------------- SIDE CONTENT ----------------------*/
#sidecontent {
	float:left;
	width:242px;
	font-size:12px;
}


#sidecontent a{
color:#C60C30;
/*background: url("../images/arrow.png") no-repeat 99% -145px; padding-right:15px;*/
}

#sidecontent a:hover{
color:#706a63;
text-decoration:none;
}

#sidecontent h1 {
color:#333;
font-weight: normal;
text-transform: uppercase;
font-size:12px;
padding:5px 0; 
/*padding-left:5px;*/
background: #d6d3d0;
width: 242px;
}

#sidecontent h2 {
color: #333;
font-size:12px;
text-transform: uppercase;
padding: 15px 36px 0px;
font-weight:normal;
}

#sidecontent h2.listHeader, .headlineBold
{
	font-weight: bold;
}

#sidecontent h2 a {
color:#333;
}

#sidecontent h2 a:hover {
color:#C60C30;
cursor: pointer;
}

#sidecontent p {
padding:5px 36px; 
color:#706a63;
}

#sidecontent ul{
list-style-type: none;
padding: 0 36px;
/*text-transform: uppercase;*/
}
#sidecontent ul a {
color:#706a63;
}
#sidecontent ul a:hover{
color:#C60C30;
text-decoration:none;
}

#sidecontent ul.submenu{
list-style-type: none;
display:none;
padding: 0 36px;
/*text-transform: uppercase;*/
}
#sidecontent ul.submenu a {
color:#706a63;
}
#sidecontent ul.submenu a:hover{
color:#C60C30;
text-decoration:none;
}

#sidecontent ul.health{
list-style-type: none;
padding: 0 36px;
/*text-transform: uppercase;*/
}

#sidecontent ul.health li{
margin:5px 0;
}

#sidecontent ul.health a{
color:#C60C30;
}
#sidecontent ul.health a:hover{
color:#706a63;
}

/*#sidecontent #listHeader
{
	background-color: #d6d3d0;
	width: 242px;
	height:25px;
}

#sidecontent #listHeader h1 
{
	color:#000;
	font-weight: normal;
	text-transform: uppercase;
	font-size:12px;
	padding:5px 0; 
	padding-left:5px;
	background: none !important;
}*/

/* --------------------- BOOKMARKS ----------------------*/

#sidecontent #bookmarks{
padding: 10px 36px;
border-top: 2px solid #fff;
}


/* --------------------- RED BOX ----------------------*/
#redbox {
	background: url("images/redsquare.png");
	position: absolute;
	left: 726px;
	/*top: 120px;*/
	margin-top: 30px;
	width: 234px;
	height: 234px;
	z-index:150;
}

#redbox-small {
	background: url("images/redsquare.png");
/*	position: absolute;
	left: 810px;
	top: 90px;*/
	/* this element is floated (instead of positioned like the big one)
	so that the text around it can wrap, and it never appears over an image
	so there's no reason for it to be positioned absolutely */
	width: 150px;
	height: 150px;
	float:right;
	z-index:150;
	margin-top:20px; /*lines up with the big box... otherwise it should be 36px to line up with the h1 */
	margin-bottom:10px;
	margin-left: 10px;
	line-height: normal;
}


#redbox p,#redbox p.header2 {
color:#FFF!important;
font-size:1.8em; /*22px*/
padding:10px 20px!important;
text-transform: none;
width:180px!important;
line-height: normal;
}

#redbox p.header2{
	font-size: 1.5em;
}
	

#redbox p span {
font-size:12px; /*12px*/
width:180px!important;
line-height:normal;
}

#redbox-small p {
color:#FFF!important;
font-size:16px;
padding:10px 20px!important;
text-transform: none;
width:110px!important;
line-height: normal;
}

#redbox-small .smallboxtitle{
font-size:12px!important;
width:110px!important;
max-width:110px!important;
line-height: normal;
}

#redbox.left {
	left: 30px;
}
/* ------------- BEST GLOBAL BRANDS TABLE -------------*/


#bgb-table, #healthaz-table{
 margin-top: 10px;
 background-color:#F7F7F7;
 border-collapse: collapse;
 width: 100%;
}
#bgb-table thead th, #healthaz-table thead th {
 color:#333;
 text-align:center;
 padding:10px;
 text-align: left;
 /*text-transform:uppercase;*/
 height:50px;
 background-color: #ECEBE8;
 font-weight: normal;
}

#bgb-table tbody tr, #healthaz-table tbody tr {
/* background-color:#F7F7F7;*/
 border-bottom: 2px solid #fff;
 position: relative; 
}
#bgb-table tbody td, #healthaz-table tbody td {
 padding:10px;
 text-align:left;
 
}
#bgb-table tbody td.red, #bgb-table thead th.red{
color:#C60C30;
}

#bgb-table tbody th {
 text-align:left;
 padding:2px;
}
#bgb-table tbody td a, tbody th a {
 color:#706a63;
 text-decoration:none;
 font-weight:normal; 
 display:block;
 cursor:pointer;
}
#bgb-table tbody td a:hover, tbody th a:hover {
 color:#C60C30;
 text-decoration:none;
}

#bgb-table tbody td table.bgbgraph td {
font-size: 80%; 
/*border:1px solid #000;*/
padding:1px;
}








/* --------------------- BEST GLOBAL BRANDS TILES ----------------------*/

#bg { background: transparent url(images/gradient_bgb.gif) repeat-x;}
#content4tiles {background: transparent url(images/bg_bgb4tiles.gif) repeat-y;
clear:both;
overflow:auto;
padding:0;
width:100%;
}

.bgbtile {
	float:left;
	width:242px;
	font-size:12px;
	padding: 30px 0;
	
}


.bgbtile a{
color:#C60C30;
/*background: url("images/arrow.png") no-repeat 99% -145px; padding-right:15px;*/
}

.bgbtile a:hover{
color:#706a63;
text-decoration:none;
}

.bgbtile h1 {
color:#333;
font-weight: normal;
text-transform: uppercase;
font-size:12px;
padding:5px 0; 
padding-left:5px;
background: #d6d3d0;
}

.bgbtile h2 {
color: #333;
font-size:12px;
text-transform: uppercase;
padding: 15px 36px 0px;
font-weight:normal;
}

.bgbtile h2 a {
color:#333;
}

.bgbtile h2 a:hover {
color:#C60C30;
cursor: pointer;
}

.bgbtile p {
padding:5px 36px; 
color:#706a63;
}

.bgbtile ul{
list-style-type: none;
padding: 0 36px;
/*text-transform: uppercase;*/
}
.bgbtile ul a {
color:#706a63;
}
.bgbtile ul a:hover{
color:#C60C30;
text-decoration:none;
}

.bgbtile ul.submenu{
list-style-type: none;
display:none;
padding: 0 36px;
/*text-transform: uppercase;*/
}
.bgbtile ul.submenu a {
color:#706a63;
}
.bgbtile ul.submenu a:hover{
color:#C60C30;
text-decoration:none;
}

















/* ------------------ INQUIRY FORM ------------------*/

#inquiryform {
padding-top: 0px;
}

#inquiryform textarea {
width:500px;
}

#inquiryform #select-cell {
	position: relative;
	width: 300px;
}

#inquiryform select {
	position: relative;
	width: 320px;
	margin-left: -1px;
	background-color: #F7F7F7;
	color: #706a63;
	font-weight: normal!important;
}

* html #inquiryform select {
	width: 298px;
	margin-left: 1px;
	font-weight: normal!important;
}

#inquiryform option {
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	color: #706a63;
	background: #F7F7F7;
	cursor: pointer;
}

#inquiryform .br {
margin: 50px 0 0 0;
}


/* --------------------- FOOTER ----------------------*/

#footer{
clear:both;
background: #fff;
height:35px;
/*border-top: 1px solid #ECEBE8;*/
}

#footer p{
color:#706a63;
float:right;
font-size:10px;
padding: 10px 0;
text-transform:uppercase;
}

#footer ul{
padding: 10px 0;
}

#footer ul li{
display: inline; 
padding: 0 0.5em;
}
#footer ul li a, #footer p a{
color: #706a63;
font-size:10px;
}

#footer p a:hover {text-decoration:none; color:#C60C30;}