/*==========================================Top Menu Common CSS ===================================================*/

/* CSS Document */

body {
background:url(../../../Templates/Template_2/images/BackgroundTileBGImage.jpg) repeat; margin:0px;
background-color: #022843; /* #E4E5D3*/
}

#wrapper {
width:1024px; /* 1000px */
height:971px; /* 800px */
left:0px; /* 150px */ 
top:0px; /* 0px */

background:url(../../../) no-repeat;
position:relative;
margin:auto;
}

.content_background{
position:absolute; 
width:322px; /* 755px */
height:328px; /* 545px */
top:305px; /* 106px; */
left:675px; /* 235px; */
background:url(../../../) no-repeat;

}

#logoarea {
position:absolute; 
top:8px;  /* 18px */
left:0px; /* 15px */
width:267px; /* 247px */
height:91px;  /* 42px */
}

/*=================================== MENUS ======================================== */


ul.dropdown {width:1024px;  position:absolute; top:100px; left:0px;  background:url(http://www.superbrands.uk.com/Templates/Template_1/images/TopMenuBackgroundImage.jpg) repeat; }

ul.dropdown, ul.dropdown li, ul.dropdown ul { font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }

ul.dropdown li { float: left; line-height:30px; border-right-width:1px; border-right-style:solid;border-right-color:#778899;
color:#FFFFFF; text-decoration:none; height:30px;  padding:0px 20px!important; }

ul.dropdown li.hover, ul.dropdown li:hover {position: relative;   color:#FFFF33; }

ul.dropdown a:link, ul.dropdown a:visited	{ color:#FFFFFF; text-decoration:none; font-weight: bold;font-size:12px!important;}
ul.dropdown a:hover		{color: #FFFF33;  font-weight: bold;font-size:12px!important;}
ul.dropdown a:active	{color: #fff;  font-weight: bold;font-size:12px!important;}
ul.dropdown a:visited {color:#FFFFFF; font-weight: bold;font-size:12px!important;}


ul.dropdown ul  {background:url(http://www.superbrands.uk.com/Templates/Template_1/images/SubMenuBackgroundImage.jpg) repeat; background-color:#D5E5E5; display:block;  }

ul.dropdown ul li { float: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#FFFFFF; border-right:none; width:150px; height:25px; line-height:25px;}

ul.dropdown ul li { font-weight: bold;  background:url(http://www.superbrands.uk.com/Templates/Template_1/images/SubMenuBackgroundImage.jpg) repeat; background-color:#D5E5E5;}

ul.dropdown ul li.submenu { font-weight: bold;  background: url(http://www.superbrands.uk.com/Templates/Template_1/images/SubMenuArrowIndicator.png) no-repeat right;}
ul.dropdown ul li:hover { font-weight: bold; background:url(http://www.superbrands.uk.com/Templates/Template_2/images/SubMenuBackgroundHoverImage.jpg) repeat; background-color:#D5E5E5; }

ul.dropdown ul ul li { font-weight: bold;  background:url(http://www.superbrands.uk.com/Templates/Template_1/images/SubMenuBackgroundImage.jpg) repeat; background-color:#D5E5E5;}

ul.dropdown ul ul li:hover { font-weight: bold; background:url(http://www.superbrands.uk.com/Templates/Template_2/images/SubMenuBackgroundHoverImage.jpg) repeat; background-color:#D5E5E5; }

ul.dropdown .menu { background: url(http://www.superbrands.uk.com/Templates/Template_1/images/TopMenuArrowIndicator.png) no-repeat right; background-position: right; background-repeat: no-repeat; }

ul.dropdown .menu a {line-height:30px; height:30px; }
ul.dropdown .menu ul a {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; line-height:25px; height:25px; }
ul.dropdown .menu ul a:hover {color:#000000;}
ul.dropdown .menu ul a:visited {color:#000000;}

ul.dropdown-upward .submenu { background: url(http://www.superbrands.uk.com/Templates/Template_1/images/SubMenuArrowIndicator.png) no-repeat right;}

ul.dropdown li a:link{line-height:30px;}
ul.dropdown a:hover {line-height:30px;}
ul.dropdown a:active {line-height:30px;}
ul.dropdown a:visited {line-height:30px;}

li.menu ul li a:link{line-height:25px;}

/*=================================== BREADCRUMB ======================================== */

.breadcrumb {
width: 500px; /* 210px */
height:32px; /* 25px */
position:absolute;
left:250px; /* 15px */
top:290px; /* 109px */
}

/*============================================ IMAGE AREA =======================================*/

#imagearea {
width:1000px; /* 970px */
height:152px; /* 250px */
position:absolute;
top:130px; /* 134px */
left:0px; /* 15px */
/*background-color:#FFF;*/

display:block; /* block */

}

/*============================================ CONTENT BOX =======================================*/

.contentbox {
width:995px; /* 550px */
height:295px; /* 300px */
position:absolute;
top:325px; /* 397px */
left:5px; /* 15px */

overflow:hidden; /* scroll */
}



/*============================================ SPECIAL BUTTONS =======================================*/

.textlink{
position:absolute;
top:670px; /* 730px */
left:0px; /* 15px */
display:block; /* block */
}

.textlink a {
height:24px; /* 24px */
line-height:24px; /* 24px */
width:120px; /* 120px */
color:#FFFFFF;
}

.textlink a:hover{
color:#87CEEB;
}

.textlink a:visited{
color:#F8F8FF;	
}

.sitemap{
position:absolute;
top:670px; /* 730px */
left:130px; /* 145px */
display:block; /* block */
}

.sitemap a {
display:block; 
text-decoration:none;
height:24px; /* 24px */
line-height:24px; /* 24px */
width:120px; /* 120px */
color:#FFFFFF;
}

.sitemap a:hover {
color:#87CEEB;
}

.sitemap a:visited{
color:#F8F8FF;	
}

.printonly{
position:absolute;
top:670px; /* 730px */
left:260px; /* 275px */
display:block; /* block */
}

.printonly a{
height:24px; /* 24px */
line-height:24px; /* 24px */
width:120px; /* 120px */
color:#FFFFFF;
}

.printonly a:hover{
color:#87CEEB;
}

.printonly a:visited{
color:#F8F8FF;	
}

.addthis{
position:absolute;
top:670px; /* 730px */
left:370px; /* 405px */
display:block; /* block */
}

.addthis a {
height:24px; /* 24px */
line-height:24px; /* 24px */
width:120px; /* 120px */
color:#FFFFFF;
}

.addthis a:hover {
color:#87CEEB;
}

.addthis a:visited{
color:#F8F8FF;	
}

.w3c{
position:absolute;
top:779px; /* 730px */
left:747px; /* 863px */
display:none; /* block */
}

.w3c a {
height:24px; /* 24px */
line-height:24px; /* 24px */
width:120px; /* 120px */
color:#FFFFFF;
}

.w3c a:hover {
color:#87CEEB;
}

.w3c a:visited{
color:#F8F8FF;	
}

.w3c .w3c_left {width:120px; height:24px; }
.w3c .w3c_right {width:120px; height:24px;}


/*============================================ FOOTER =======================================*/

#footer {
height:25px; /* 25px */
width:990px; /* 960px */
top:817px; /* 770px */
left:0px; /* 15px */
position:absolute;
display:none;
color:#000000;
}

#footer a{
color:#000000;
}

#footer a:hover{
color:#000000;
}

#footer a:visited{
color:#000000;
}

/*============================================ SEARCH BOX =======================================*/

.searchbox{
width:255px; 
height:25px;
top:50px;
left:750px;
display:block;
position:absolute;
}

.searchleft {width:170px; }

.searchleftimgleft{background:url(../../../Assets/images/textboximg_left.png) no-repeat; }

.searchright {width:85px; }

.searchleftimgmiddle{width:142px;  background:url(../../../Assets/images/textboximg_middle.png) repeat-x top right;  }

.searchleftimgmiddle input{width:147px;}

.searchleftimgright{background:url(../../../Assets/images/textboximg_right.png) no-repeat; }

/*============================================ BLOG BOX =======================================*/

.blogbox{
width:260px; 
height:230px;
top:330px;
left:700px;
display:none;
position:absolute;
}



/*
.searchleft {width:180px; height:20px; float:left; margin-top:1px;}
.searchright {width:70px; height:20px; float:right;}
*/


/*============================================ Footer seperator =======================================*/

.bottomlink {
border-right:1px solid #000000;
}

/*============================================ Copyright =======================================*/

.footerR{ 
position:absolute;
width:350px; 
height:25px;
top:563px;
left:640px;
color:#FFFFFF;
}