/*==========================================Left Menu Common CSS ===================================================*/
/* CSS Document */

body {
background:url(../../../Templates/Template_25/images/BackgroundTileBGImage.png) repeat; margin:0px;
background-color: #E7DFEA; /* #E4E5D3*/
}

#wrapper {
width:1000px; /* 1000px */
height:735px; /* 735px */
left:0px; /* 150px */ 
top:0px; /* 0px */

background:url(../../../Templates/Template_25/images/BackgroundBGImage.png) no-repeat;
position:relative;
margin:auto;
}

.content_background{
position:absolute; 
width:835px; /* 755px */
height:1300px; /* 545px */
top:83px; /* 106px; */
left:100px; /* 235px; */
background:url(../../../Templates/Template_25/images/ContentBackgroundBGImage.png) no-repeat;

}

#logoarea {
position:absolute; 
top:15px;  /* 18px */
left:100px; /* 15px */
width:85px; /* 247px */
height:59px;  /* 42px */
z-index:2;
}


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

ul.dropdown {width:200px;  position:absolute; top:285px; left:100px;  background:url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/TopMenuBackgroundImage.png) repeat; }

:first-child+html ul.dropdown { width:200px;  position:absolute; top:285px; left:100px; background:url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/TopMenuBackgroundImage.png) repeat; }

ul.dropdown, ul.dropdown li, ul.dropdown ul {font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:12px;  }

ul.dropdown li {line-height: 15px;   color: #000000; text-decoration:none;  }

ul.dropdown li.hover, ul.dropdown li:hover {position: relative;  background:url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/TopMenuBackgroundHoverImage.png) repeat; color:#000000; }

/** html ul.dropdown li.hover, * html ul.dropdown li:hover{height:11px;}*/

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



ul.dropdown ul  {background:url(http://www.businessdesigncentre.co.uk/Templates/Template_1/images/SubMenuBackgroundImage.jpg) repeat; background-color:#D5E5E5; display:block; }
ul.dropdown ul a:hover {color:#000; }

ul.dropdown ul li { width:200px;}






ul.dropdown-horizontal ul .menu { background: url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/SubMenuArrowIndicator.png) no-repeat right; background-position: 100% 50%; background-repeat: no-repeat; }


ul.dropdown-vertical .menu, ul.dropdown-upward ul .menu { background: url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/TopMenuArrowIndicator.png) no-repeat right;}

ul.dropdown-vertical-rtl .menu { background-image: url(images/nav-arrow-left.png);  background-position: 0 50%; }

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

ul.dropdown ul li.submenu { font-weight:normal; color:#000; background: url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/SubMenuArrowIndicator.png) no-repeat right;}
ul.dropdown ul li:hover { font-weight:normal; background:url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/SubMenuBackgroundHoverImage.png) repeat; background-color:#D5E5E5; }

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

ul.dropdown ul ul li:hover { font-weight:normal; background:url(http://www.businessdesigncentre.co.uk/Templates/Template_25/images/SubMenuBackgroundHoverImage.png) repeat; background-color:#D5E5E5;}

ul.dropdown .menu ul a {color:#000000;font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; line-height:15px;}
ul.dropdown .menu ul a:visited {color:#000000;}
ul.dropdown .menu ul a:hover {color:#000000;}


ul.dropdown-vertical ul {
 width:200px;
}




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

.breadcrumb {
width: 970px; /* 970px */
height:33px; /* 25px */
line-height:33px;
position:absolute;
left:320px; /* 15px */
top:170px; /* 75px */
}

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

#imagearea {
width:191px; /* 745px */
height:115px; /* 250px */
position:absolute;
top:157px; /* 109px */
left:100px; /* 240px */
display:block; /* block */

}

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

.contentbox {
width:600px; /* 725px */
height:400px; /* 250px */
position:absolute;
top:700px; /* 375px */
left:300px; /* 240px */

overflow:auto; /* scroll */
}



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

.textlink{
position:absolute;
top:1207px; /* 660px */
left:170px; /* 15px */
display:block; /* block */
}

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

.textlink a:hover {
display:block;
color:#000000;
}

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

.sitemap{	
position:absolute;
top:1207px; /* 660px */
left:100px; /* 145px */
display:block; /* block */
}

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

.sitemap a:hover {
display:block;
color:#000000;
}

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

.printonly{	
position:absolute;
top:1207px; /* 660px */
left:238px; /* 275px */
display:block; /* block */
}

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

.printonly a:hover{
display:block;
color:#000000;
}

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

.addthis{
position:absolute;
top:1207px; /* 660px */
left:308px; /* 405px */
display:block; /* block */
}

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

.addthis a:hover{
display:block;
color:#000000;
}

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

.w3c{	

position:absolute;
top:1207px; /* 660px */
left:650px; /* 863px */
display:block; /* block */
}

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

.w3c a:hover {
display:block;
color:#000000;
}

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

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



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

#footer {
height:25px; /* 25px */
width:990px; /* 960px */
top:1255px; /* 700px */
left:30px; /* 15px */
position:absolute;
display:block;
color:#000000;
}

#footer a{
color:#000000;
}

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

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

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

.searchbox{
width:170px; 
height:16px;
top:90px;
left:730px;
display:block;
position:absolute;
}


.searchleft {width:155px; }

.searchright {width:15px; }

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

.searchleftimgmiddle input{width:132px; }

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

.blogbox{
width:292px; 
height:332px;
top:401px;
left:700px;
display:none;
position:absolute;
}


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

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

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

.footerR{ 
position:absolute;
width:990px; 
height:25px;
top:1217px;
left:50px;
color:#000000;
}

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

.topdiv{width:835px; height:1285px; float:left; background:url(../../../Templates/Template_25/images/ContentBackgroundBGImage.png) no-repeat; display:block;}
.middlediv{width:835px; height:15px; float:left; background:url(../../../) repeat-y; display:block;}
.bottomdiv{width:835px; height:0px; float:left; background:url(../../../) no-repeat; display:block;}


/*============================================ Image Gallery =======================================*/

#divImageGallery
{
position:absolute;
top:1050px;
left:100px;
display:none;
background-color:%IMAGE-GALLERY-COLOR%;
background: #FF0000 url() no-repeat;
z-index:10;
}

/* Image Gallery Carousel */
	
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 496px;
	height:170px;

	/* custom decorations */
	
	Display:none;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollDiv
{
    
    float:left;
    width:200px;
    text-align:center;
    margin:20px 10px 20px 10px;
    width:100px;
    padding:2px;
    }


.scrollable img {
	/*float:left;*/
	/*margin:20px 5px 20px 21px;*/
	
	background-color:#fff;
	
	border:0px solid #ccc;
	cursor:pointer;
	max-width:100px;
	max-height:130px;
	/*;
	height:75px;*/
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
	
}

a.browse {
	margin:70px  10px !important;
}


#divCarousel
{
   Display:none;
    
    }


/*-------------------------------------------------------------*/

#imgGalleryPreview
{
position: relative; 
top: 800px; /*600px; */
left: 100px;
position: absolute; 
width: 400px; /*600px; */
height: 150px; /*300px*/
float: none; 
/*border: 2px solid red    */
display:none;
background:url();
background-color:#FF9933;
overflow:auto;
z-index:10;
}





.imgPreviewNavigation
{
    padding-top: 5px;
    position:relative; 
    top:63px; 
    z-index:0;
}