html{
	background: #e7e0cd url(../NewLightSkin/images/bg_gradient2.jpg) repeat-x; /* the tiled gradient that acts as a background for the entire page.  Keep the hex code equal to the last pixel's color in the gradient */
	background-attachment: fixed;
	background-position: top center;
}

body {
	background: url(../NewLightSkin/images/bg_new2.jpg) no-repeat; /* second background for the top of the page */
	background-attachment: fixed;
	background-position: top center;	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #251411;	
}

.pagemaster {
    background: url(../NewLightSkin/images/bg_content2.png) repeat-y;       
}


.sidebar {
    width: 25%;
    text-align: left;
    vertical-align:top;
    padding: 7px 0px 0px 0px;    
}


.contentpane {
    width: 75%;
    text-align: left;
    vertical-align:top;
    padding: 3px 110px 0px 55px;
}

/* General tags */ 
/* text style used for most text rendered by modules */
Normal, A.Normal
{
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight: normal;
    color: #685d53;
}

A.Normal:hover
{
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight: normal;
    text-decoration:none;
    color: #830000;
}

a, a:link, a:visited, a:active {
	color: #830000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

ModuleTitle {

}

H1{
	margin: 0 0 0.5em 0;
	font-size: 36px;
	color: #6a0000;
	line-height: 1.15em;	
}

H2{
	margin: 0 0 1.75em 0;
	font-size: 19px;
	color: #5e4e45;
    line-height: 1.15em;	
}

H3 {    
    margin: 0 0 1.2em 0;
	font-size: 19px;
	color: #3f5a69;
    line-height: 1.15em;	
}

H4 { 
    display: inline;
    font-size: 19px;
	color: #5e4e45;
    line-height: 1.15em;
    font-style: italic;    
}

H5 {
    margin: 1em 0 0.5em 0;
    font-size: 19px;
	color: #5e4e45;
    line-height: 1.15em;      
}


.BX_Comment {
    display: inline;
    font-size: 19px;
	color: #5e4e45;
    line-height: 1.15em;
    font-style: italic;    
}

.BX_Important {
	margin: 0 0 10px 0;
	font-size: 19px;
	color: #5e4e45;
    line-height: 1.15em;	
}

dt { 
    font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #251411;	
	margin-bottom: 10px;
	font-weight: normal;
}

dd {
    font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #251411;	
	font-style:italic;
	margin-bottom: 3px;	
}

.sitemap H3 a, H3 a:link, H3 a:visited, H3 a:active  {
    color: #5e4e45;
    font-family: "Trebuchet MS";
    font-size:  15px;
    font-weight:  bold;
    padding-top: 10px;
    line-height: 20px;
    text-transform:uppercase;
    margin:0 0 0.5em 0;
}

.sitemap H3 a:hover {
    color: #830000;    
    text-decoration: none;
}

.sitemap a, .sitemap a:link, .sitemap a:visited, .sitemap a:active{
   color: #251411; 
}
    
.sitemap a:hover{
   color: #830000;    
    text-decoration: none;
}

.ExtraLink, A.ExtraLink:link, A.ExtraLink:active, A.ExtraLink:visited {
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight: normal;
    color: #685d53;    
}

A.ExtraLink:hover {
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight: normal;
    text-decoration:none;
    color: #830000;    
}      

/* Brand X button */
.BX_ButtonField {
     margin: 10px 0px;        
     padding: 0;
}

.BX_ButtonField .BX_Button {
    float: right;
    margin: 0 20px 15px 0px;
	background: url(http://www.brandx.eu/Portals/0/GlobalResources/Images/Shadow_small.png) bottom center no-repeat;
	padding: 0 0 5px 0;	
	width: 171px; 
}

.BX_Button a:hover {
    text-decoration: none;
}

.BX_ButtonField .frame {
	padding: 5px;
	border: 1px solid #a19987;
	background-color: #f5f4f1;
}


.BX_ButtonField .frame:hover{
	border: 1px solid #333;
	text-decoration: none;
}

.BX_ButtonField .BX_ButtonContent {
    text-align: center;
    background-color: #362923;
    padding: 15px 0;
    width: 159;    
    color: #ffffff;   
    text-transform: uppercase; 
}

.BX_ButtonField .BX_ButtonContent:hover {
    text-decoration: none;
}


/* Portfolio frame button */

.Testimonials {
    margin: 0 0 30px 0; /* add 20px space at the bottom to the next area*/
    
    clear: both;
}

.Testimonials dt {
    font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #251411;	
	margin-bottom: 10px;
	font-weight: normal;
}

.Testimonials dd {
    font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #251411;	
	font-style:italic;
	margin-bottom: 3px;	
}


.Testimonials .frame{
	padding: 5px;
	border: 1px solid #a19987;
	background-color: #f5f4f1;	
	cursor: pointer;
}

.frame{
	 cursor: pointer;
}

.Testimonials .BX_Button {
    float: right;
    margin: 0 0 5px 30px;
	background: url(http://www.brandx.eu/Portals/0/GlobalResources/Images/Shadow_small.png) bottom center no-repeat;
	padding: 0 0 5px 0;	
	width: 172px; 	
}

.Testimonials .BX_ButtonContent {
    text-align: center;
    background-color: #362923;    
    width: 159px;    
    color: #ffffff;    
}

.Testimonials .BX_ButtonContent:hover {
    text-decoration: none;    
} 

.BX_ButtonContent:hover {
    text-decoration: none;   
} 

/* class used for the Client and Coporate Branding */
.Testimonials .frame_noclickable{
	padding: 5px;
	border: 1px solid #a19987;
	background-color: #f5f4f1;
}

 
 
/* Portfolio frame button */

.Porfolio {
    margin-bottom: 30px; /* add 20px soace at the bottom to the next area*/
}

.Porfolio dt {
    font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #251411;	
	margin-bottom: 10px;
	font-weight: normal;
}

.Porfolio dd {
    font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #251411;	
	font-style:italic;
	margin-bottom: 3px;	
}


.Porfolio .frame{
	padding: 5px;
	border: 1px solid #a19987;
	background-color: #f5f4f1;
}

.Porfolio .frame:hover{
	border: 1px solid #333;
}

.Porfolio .BX_Button {
    float: right;
    margin: 0 0 15px 30px;
	background: url(http://www.brandx.eu/Portals/0/GlobalResources/Images/Shadow_small.png) bottom center no-repeat;
	padding: 0 0 5px 0;	
	width: 171px; 
}

.Porfolio .BX_ButtonContent {
    text-align: center;
    background-color: #362923;
    padding: 15px 0;
    width: 159;    
    color: #ffffff;    
}

.Porfolio .BX_ButtonContent:hover {
    text-decoration: none;
}

/* Thumbnails styles */

.ThumbnailsPage {   
    margin: 40px 0 0 0;
}

div.description{
	display: none;
}

.ThumbnailsPage p {
	margin: 0 0 1em 0;
	padding: 0;
}

.ThumbnailsPage dd a, .ThumbnailsPage dd a:link, .ThumbnailsPage dd a:active, .ThumbnailsPage dd a:visited {
	display:block;
	margin: 1em 0 0 0;
	color: #900;
	text-decoration:none;
}

.ThumbnailsPage dd a:hover{
	text-decoration: underline;
}

.ThumbnailsPage .frame{
	padding: 5px;
	border: 1px solid #a19987;
	background-color: #f5f4f1;
}

.ThumbnailsPage .frame:hover{
	border: 1px solid #333;
}

.ThumbnailsPage .frame2 {
	padding: 5px;
	border: 1px solid #a19987;
	background-color: #f5f4f1;
}

.ThumbnailsPage .clearfloat{
	clear: both;
	width: 100%;
	border: 1px solid #333;
}

/* thumbnails + name ONLY */

dl.Thumbnails{
	float:left;
	margin: 0 20px 25px 0px;
	padding: 0;
	width: 172px;
}

.Thumbnails dt{
	margin: 0 20px 0 0;
	background: url(http://www.brandx.eu/Portals/0/GlobalResources/Images/Shadow_small.png) bottom center no-repeat;
	padding: 0 0 5px 0;	
	width: 171px;
	font-style:normal;
}

.Thumbnails dd {
	margin: 0;
	padding: 0;			
}

.Thumbnails dd h2{
	margin: 0.20em 0 0.25em 0;
	font-size: 10px; /*should be 13px but it creates a structure error */
	color: #666;
	text-transform:uppercase;
	font-style:normal;
	text-align: left;	
}


/* Styles applied to the Side By Side variation of the thumbnails */

dl.sideBySide {
	float: left;
	margin: 0 0 40px 0;
}

.sideBySide dt {
	float:left;	
	width: 234px;
	margin: 0 20px 0 0;
	background: url(http://www.brandx.eu/Portals/0/GlobalResources/Images/Shadow_big.png) bottom center no-repeat;
	padding: 0 0 6px 0;	
}
.sideBySide dd {
	float:left;
	margin: -5px 0 0 0;	
	width: 325px;
}
.sideBySide h2 {
	/*margin: 0 0 0.25em 0;
	font-size:18px;
	color: #369;*/
	margin: 0 0 0.25em 0;
	font-size: 19px;
	color: #3f5a69;
    line-height: 1.15em;  	
    font-style:normal;
}

.sideBySide div.description{
	display: block;
	font-style:normal;
}


/* CMS edit mode background color */ 

.ControlPanel 
{
    background-color:Silver;
}

/* Manage your profile */
.ExtraLink, .ExtraLink a:link, .ExtraLink a:active, .ExtraLink a:visited 
{
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight: normal;
    color: #685d53;
}

.ExtraLink .CommandButton, 
{
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight: normal;
    color: #685d53;
}

.ExtraLink a:hover 
{   
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-weight: normal;
    text-decoration:none;
    color: #830000; 
}

.SubTitle {
    margin: 1em 0 0.85em 0;
    font-size: 19px;
	color: #5e4e45;
    line-height: 1.15em;  
}

/* Registration page - Country dropdownl list*/
BX_Country 
{
    width: 150px;
    height: 23px;
}


/***** IE6 PNG FIX *****/
/*img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }*/
@media screen { img, div, a, input { _behavior: url(http://www.brandx.eu/Components/IE6_PNG_fix/iepngfix.htc); } }