/* ------------------------- GENERAL */
html, 
body
{ 
	height: 100%; 
}

body 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: .75em;	
	color: #000000;
	text-align: center;
	background: #ffffff;
}

h1 
{ 
	font-size: 170%;
	color: #e60003;
	font-weight: bold;
	margin: 0;
}

h2 
{ 
	font-size: 130%;
	color: #e60003;
}

h3 
{  
	font-size: 115%; 
	color: #e60003;
}

h4, h5 
{ 
	font-size: 100%; 
}

h6 
{ 
	font-size: 80%; 
}

hr 
{
	height: 1px;
	color: #e60003;
	background: #e60003;
	border: 0px solid;
}

a 
{
	color: #e60003;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline!important;
} 

table
{
	font-size: 1em;
}

.clear
{
	clear: both;
}
/* ------------------------- GENERAL END */



/* ------------------------- PAGE BLOCKS */
#page-clip 
{
	display: block; 
	width: 968px;
	margin: 0 auto 0 auto;
	height: 100%;
}


#page-header 
{
	display: block; 
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0!important;
	text-align: left;
	height: 200px;
	background: url(../Client.Images/BackGrounds/bg-page.jpg) no-repeat top left;
	z-index: 2;

}

#page-footer 
{
	display: block; 
	width: 100%;
	margin: 0 0 0 0;
	padding: 8px 0 8px 0!important;
	background: url(../Client.Images/BackGrounds/bg-page-footer.gif) repeat-y top left;
	border-top: 2px solid #ffffff;
	font-size: 90%;
	z-index: 2;

}

#page-data-clip
{
	background: url(../Client.Images/BackGrounds/bg-page-data.gif) repeat-y top center;
}

.column-left
{
	display: block;
	float: left;
	width: 200px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	background: transparent;
}

.column-right
{
	display: block;
	float: left;
	/*margin-left: 200px;*/
	width: 768px;
	padding: 0;
	text-align: left;
	clear: right;
	height: auto;
	background: transparent;
}

#page-header .column-right
{
	padding-top: 171px;
}

#page-content
{
	display: block;
	margin: 0px 215px 5px 15px;
	width: 538px;
}

#page-footer .column-left
{
	text-align: center;
}

/* ------------------------- PAGE BLOCKS END */


/* ------------------------- LANGUAGE SWITCH */
#language
{
	display: block;
	height: 45px;
	width: 200px;
	overflow: hidden;
}

#language ul
{
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#language ul li
{
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	line-height: 45px;
}


#language ul li a
{
	color: #898989;
	text-decoration: none;
	font-size: 80%;
}
/* ------------------------- LANGUAGE SWITCH END */


/* ------------------------- HOMEPAGE LINK */
#logo a
{
	display: block;
	height: 126px;
	width: 200px;
	background: url(../Client.Images/logo-ross.gif) no-repeat top left;
}
/* ------------------------- HOMEPAGE LINK END */


/* ------------------------- SECONDARY MENU */
#menu-secondary,
#menu-secondary ul
{
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#menu-secondary li
{
	margin: 0;
	padding: 0;
	line-height: 45px;
	text-align: center;
}

#menu-secondary li a
{
	text-decoration: none;
}

#menu-secondary li.passive
{
	background: url(/Client.Images/Lists/li-secondary-passive.gif) no-repeat top left;
}

#menu-secondary li.passive a,
#menu-secondary li ul li.passive a
{
	color: #807f84;
}

#menu-secondary li.active
{
	background: url(/Client.Images/Lists/li-secondary-active.gif) no-repeat top left;
}

#menu-secondary li.active a
{
	color: #e60003;
}

#menu-secondary ul li
{
	line-height: 15px;
	margin: 0 0 0 25px;
	padding: 20px 66px 15px 0;
	text-align: right;
	border-bottom: solid 2px #ffffff;
}

#menu-secondary ul li.passive
{
	background:url(/Client.Images/Lists/li-secondary-sub-passive.gif) no-repeat 140px 24px;
}

#menu-secondary ul li.active
{
	background: url(/Client.Images/Lists/li-secondary-sub-active.gif) no-repeat 140px 24px;
}

/* ------------------------- SECONDARY MENU END */


/* ------------------------- PATH SELECTOR */
.path-selector
{
	color: #e60003;
	font-size: 90%;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 1em;
	text-transform: uppercase;
}
/* ------------------------- PATH SELECTOR END */


/* ------------------------- ARTICLE LIST */
.article-list 
{
	font-size: 90%;
}

.article-list h2
{
	font-size: 110%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #7f8184;
}

.article-list h2 a
{
	color: #7f8184;
	text-decoration: none;
}

.article-list p
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

/* ------------------------- ARTICLE LIST END */´

/* ------------------------- ARTICLE */
.article
{
	line-height: 165%!important;
}

.article p.annotation
{
	font-size: 100%;
	line-height: 120%!important;
	/*color: #7f8184;*/
	font-weight: normal;
}

.article h1
{
	font-size: 120%; 
}

.article a img
{
	border: 1px solid #e60003;
}
/* ------------------------- ARTICLE END */


/* ------------------------- CATALOG */
.portfolio-filter table
{
	border-collapse: collapse;
	border: solid 1px #CCCCCC;
}

.portfolio-filter table tr th
{
	background: #e60003;
	color: #ffffff;
	padding: 6px 4px 6px 4px;
	border: solid 1px #CCCCCC;
}

.portfolio-filter table tr td
{
	background: #f5f5f5;
}

.catbrowsersort
{
	float:right;
	height:20px;
	overflow:hidden;
	text-align:right;
	width:300px;
	font-size: 90%;
}

.catbrowsersort select
{
	font-size: 90%;
}

.portfolio-filter-table table
{
	border:0 solid;
	margin-bottom:0;
}

.portfolio-filter-table table tr td,
.portfolio-filter-table table tr th
{
	border:0 solid;
	padding: 2px 4px 2px 4px;
	font-size: 90%;
	color: #535353;
	background: transparent;
	text-align: left;
	vertical-align: top;
}

.portfolio-filter-table table tr th
{
	width:160px;
}

.portfolio-filter-table table tr td select,
.portfolio-filter-table table tr td input,
.portfolio-filter-table table tr td textarea
{
	border:1px solid #cccccc;
	width:340px;
	font-size: 90%;
}

.portfolio-table table
{
	margin-top: 20px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.portfolio-table table tr th
{
	background: #e60003;
	color: #ffffff;
	padding: 6px 4px 6px 4px;
	border: solid 1px #CCCCCC;
}

.portfolio-table table tr.row-even  th
{
	font-size: 90%;
	width: 160px;
}

.portfolio-table table tr th a
{
	color: #ffffff;
}

.portfolio-table table tr td
{
	border: solid 1px #CCCCCC;
	padding: 2px 4px 2px 4px;
	font-size: 90%;
	color: #535353;
	text-align: left;
	vertical-align: top;
}

.portfolio-table table tr.row-even  td
{
	background: #f5f5f5;
}

.portfolio-table table tr td h3
{
	color: #535353;
	font-size: 100%;
	margin: 0;
	padding: 0;
}



.lightbox-clip
{
	display: block;
	float: left;
	margin: 5px 10px;
	width: 102px;
	height: 77px;
}

.lightbox-clip a img
{
	border: 1px solid #e60002;
}

.noborder,
a.noborder img
{
	border: 0px solid;
}