/* Discount Edinburgh v0.3 - 21/05/2008_Cognite: extra comments and style updates. */
body,html{
	margin-top: 5px;
	height:100%;
	font-size:88%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#000; /* Global link colour */
	background:url(../images/background.png) repeat-x #000000;
}
form{ margin:0px; height:0px;}
img{border:none;}
a, a:visited{color:#fff;} /* General link colour */
a:hover{color:#000;} /* General link colour on mouseover*/
p{font-size:100%; color:#000; text-align:left;} /* Paragraph text colour */
div{font-size:100%; text-align:left;}

.bold{font-weight:bold;} 
.italic{font-style:italic;}
.break{float:none; clear:both; height:0px;}
.hidden{display:none;}
.indent{padding-left:15px;}
/*coloured text*/
.red{color:#cc0000;}  /* red text */
.green{color:#66cc00;} /* green text */
.blue{color:#0081ce; font-size:100%;} /* blue text  */
.white{color:#ffffff; font-size:110%;} /* white text */


/* layout */
#wrapper{
	width:1003px;
	margin: 0 auto;
}
#inner{
/*	background:url(../images/border_mid.png) repeat-y; /* page outline graphic */
padding:0px;
		margin:0px;}
#topLinks{
width:999px;
padding:0px;
margin:0px;
margin-bottom:-3px;
}
#topLinks a{
color:#000000;
padding:0px;
margin:0px;}

/* #header */
#header{
	width:999px;
	height:205px;
	background:url(../images/home_banner.jpg) no-repeat; /* banner image */
}
#linkheader {
width:200px; 
height:110px; 
position: absolute; top: 0px; left: 20px; 
}
#linkheader a {
width:100%;
height:100%;
display:block;
position: absolute; top: 0px; left: 20px; 
} 

/* #topContact*/
#contact{
	width:550px;
	height:20px;
	/*background-color:#A5DDF1;
	/*background:url(../images/basketback.png) no-repeat;  basket image */
	color:#033C54;
	font-size:10px;
	float:left;
	text-align:center;
	padding-top:5px;
	margin:10px 15px 0px 350px;
}
#contact .grey{
	color:#666666;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#contact a{
	color:#033C54; 
	text-decoration:none;
}
#contact a:hover{
	text-decoration:underline;
}


/* #topNav */
#topNav{
	height:0px;
	float:left;
	text-align:center;
	font-size:0%;
	margin:0px 0px 0px 0px; /* adjust the last value (left margin) if the tabs sit off the header image */
	padding:0px 0px 0px 14px; /* AB: hotfix - center the 6 tabs */
	overflow:hidden;
}
#topNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 0px;
	display: inline;
	overflow: hidden;
}
#topNav ul li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	overflow: hidden;
}
#topNav ul a{
	float: left;
	padding: 5px 0px 25px 0px;
	margin: 0px 5px 0px 0px; /* 5px value is the width between each tab */
	overflow: hidden;
	color:#fff;
	height: 0px !important; 
	height /**/:0px; /* fix for IE5/Win */
	text-decoration:none;
}
#topNav ul a:hover{
	background-position: 0 -25px;
	color:#fff;
}
#topNav ul li a{
	/*background:url(../images/tab.png) no-repeat; /* top navigation tab */
	background-position: 0 0px; /* shows the off position */
}
#topNav ul li a.selected{
	/*background:url(../images/tab.png) no-repeat; /* top navigation tab */
	background-position: 0 -25px; /* shows the on position and mouseover */
}



/* #breadcrumb */
#breadcrumb{
width:100%;
	clear:both;
	margin:0px;
	font-size:0%;
	color:#999;
}
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:visited{
	color:#999; /* breadcrumb text colour */
	text-decoration:none;
}


/* #leftNav */
#leftNav{
	width:0px;
	height:0px;
	float:right;
	padding:0px;
	margin:0px;
}

#leftNav a,
#leftNav a:visited,
#leftNav a:hover,
#leftNav a.selected{
	color:#000; /* left navigation text colour */
	font-size:0px;
	text-decoration:none;
}

#leftNav ul li a:hover,
#leftNav ul li a.selected,
#leftNav ul li ul li a:hover,
#leftNav ul li ul li a.selected{

	color:#000;
	font-size:0px;
}
/* level 1 */
	#leftNav ul{
		list-style:none;
		font-weight:bold;
		padding:0px;
		margin:0px;
		color:#000;
	font-size:0px;
	}
	#leftNav ul li{
		padding:0px;
		margin:0px;
		color:#000;
	font-size:0px;
	}

/* newsletter */
#mainCol #signupNews{
	background:url(../images/newsletterback.png) no-repeat;  /* newsletter signup box background image */
	width:483px;
	height:181px;
	color:#ccc;  /* newsletter signup box text colour */
	font-size:100%;
	padding:5px;
}
#mainCol #signupNews p.white{
	margin:40px 0px 0px 150px;
	color:#fff;
}
#mainCol #signupNews p{
	margin:15px 0px 5px 150px;
	color:#fff;
}
#mainCol #signupNews label{
	display:none;
	margin-left:100px;
}
#mainCol #signupNews input{
	width:285px;
	margin-bottom:5px;
	margin-left:150px;
	color:#fff; /* newsletter signup box input text colour */
	height:12px;
	font-size:90%;
}
#mainCol #signupNews .subscribeBtn{
	width:30px;
	height:20px;
	margin-left:150px;
}
#mainCol #liysf {
float: right;
position: relative; top: -5px;
	margin:0px 5px;
	color:#000000;
	text-align:center;
	font-weight:bold;
}
#mainCol #ece {
float: right;
position: relative; top: -5px;
	margin:0px;
	text-align:center;
	color:#000000;
	font-weight:bold;
}
#mainCol #addthis {
float: right;
position: relative; top: 1px;
	margin:0px 10px 0px 1px;
	color:#fff;
	font-weight:bold;
	line-height: 200%;
}
/* #mainCol */

#mainCol{
	background: #ffffff;
	width:979px;
	border-top:1px solid #666666;
	padding:0px 10px;
	margin:0px;
	overflow:hidden;
}
#mainCol h1{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#000000; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.blue{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#0099cb; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.yellow{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#e2b706; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.pink{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#ff0195; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.green{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#00a4a5; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.darkgreen{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#00a36c; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.burgundy{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#a00147; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.orange{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#e18206; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h1.red{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#db3004; /* header 1 colour */
	margin-bottom:0px;
}
#mainCol h2{
	font-size:120%;
	font-weight:normal;
	text-align:center;
	color:#0000ff; /* header 2 colour */
	margin-top:0px;
}
#mainCol .intro{
	font-size:85%;
	font-weight:bold;
	text-align:center;
	color:#666; /* introduction text colour */
}
#mainCol .intro h1{
	font-size:140%;
	font-weight:bold;
	text-align:center;
	color:#cc0000; /* introduction header 1 colour */
}
#mainCol .featureImage{}
#mainCol p{}
#mainCol hr{
	border-left:none;
	border-right:none;
	border-top:none;
	text-align:left;
	border-bottom:0px solid #fff;  /* horizontal rule colour */
	color:#fff;
	width:643px;
	margin:0px;
	clear:both;
}

#mainCol p.pod{
margin-top:200px;
padding:10px 30px 10px 10px;}
#mainCol p.podlarge{
margin-top:150px;
padding:10px 20px 0px 10px;
font-size:100%;}
#mainCol p.podlargebody{
margin-top:0px;
padding:10px 20px 5px 10px;
font-size:100%;}
#mainCol p.podsmall{
margin-left:215px;
padding:5px 30px 0px 10px;
font-size:100%;}
#mainCol ul{
	list-style:url(../images/bullet.png);  /* bulleted image for best sellers */
	padding-left:10px;
	margin:0px 25px 0px 20px;
}
/* Homepage elements */
#mainCol .featureHomeImage{
	margin-bottom:10px;
}
#mainCol #bestsellers{ 
	float:left;
}
#mainCol #bestsellers ul{
	list-style:url(../images/bullet.png);  /* bulleted image for best sellers */
	padding-left:20px;
	margin:0px 10px 10px 0px;
	font-size:85%;
	font-weight:bold;
}
#mainCol #todaysDeals{
	float:right;
}
#mainCol #todaysDeals ul{
	list-style:url(../images/bullet.png); /* bulleted image for todays deals */
	padding-left:20px;
	margin:0px 10px 10px 0px;
	font-size:85%;
	font-weight:bold;
}
#mainCol #bestsellers a,
#mainCol #todaysDeals a,
#mainCol #bestsellers a:visited,
#mainCol #todaysDeals a:visited{
	text-decoration:none;
	color:#333;  /* text colour for best sellers and todays deals */
}
#mainCol #bestsellers a:hover,
#mainCol #todaysDeals a:hover{
	text-decoration:underline;
}
#mainCol .homeListTitle{
	font-size:160%;
	font-weight:bold;
	font-style:italic;
	color:#cc0000;
	margin:0px 0px 0px 0px;
}
#mainCol .box{
	width:483px;
	height:181px;
	font-size:100%;
	text-align:left;
	float:left;
	padding:0px;
	margin:0px;
	cursor:pointer;	
}
#mainCol .box p.title{
	width:220px;
	font-size:100%;
	padding:15px 5px 0px 230px;
	margin:0px;
	font-weight:bold;
	
}

#mainCol .box p{
width:220px;
	font-size:100%;
	padding:7px 5px 0px 230px;
	margin:0px;
}
#mainCol .box p.from{
	font-weight:bold;
	text-decoration:underline;
	color:#ffffff;
	padding:5px 5px 0px 230px;
	margin:0px;
}

#mainCol .box1{
	background:url(../images/home/featureBox_orange.jpg) no-repeat; /* box 1 background image */
	
}
#mainCol .box2{
	background:url(../images/home/featureBox_blue2.jpg) no-repeat; /* box 2 background image */
	margin-right: 10px;
	
}

#mainCol .box4{
	background:url(../images/home/featureBox_pink.jpg) no-repeat; /* box 4 background image */
	margin-right: 10px;
}

#mainCol .box6{	
	background:url(../images/home/featureBox_darkgreen.jpg) no-repeat; /* box 6 background image */
}

#mainCol .box7{
	background:url(../images/home/featureBox_red1.jpg) no-repeat; /* box 5 background image */
	margin-right:10px;
}
#mainCol .box8{	
	background:url(../images/home/featureBox_yellow.jpg) no-repeat; /* box 6 background image */
}

/* Category elements */
#mainCol .catBox{
	width:202px;
	height:258px;
	font-size:95%;
	text-align:center;
	position:relative;
	float:left;
	padding-top:-10px;
	margin-bottom:8px;
	background:url(../images/featureTextBack.png) no-repeat; /* category boxes background image */
	cursor:pointer;	
}
#mainCol .catBox .catTitle{
	font-weight:bold;
	text-align:center;
	height:28px;
	position:relative;
}
#mainCol .catBox p{
	margin:8px 8px 5px 8px;
	text-align:left;
	position:relative;
}
#mainCol .catBox .catTitle a,
#mainCol .catBox p a{
	color:#333;  /* category boxes title and text link colour */
	text-decoration:none;
}
#mainCol .catBox div{ 
	width:202px;
	height:94px;
	float:left;
	position:relative;
}
#mainCol .catBox div p{
	margin:8px 8px 0px 8px;
	text-align:left;
}
#mainCol .catBox .from{
	position:relative;
	top:248px;
	z-index:10;
	float:none;
	margin:-10px 8px 0px 8px!important;
	padding:0px 0px 0px 0px!important;
	font-weight:bold;
	text-align:left;
	color:#336699;  /* category boxes price text colour */
}
#mainCol .catBox .from a{
	color:#336699;  /* category boxes price link colour */
	text-decoration:none;
}
#mainCol .catBox1,
#mainCol .catBox2,
#mainCol .catBox4,
#mainCol .catBox5,
#mainCol .catBox7,
#mainCol .catBox8{
	margin-right:8px;
}
#mainCol .catBox3,
#mainCol .catBox6,
#mainCol .catBox9{
	margin-right:0px;
}
#mainCol .cantFind{
	text-align:center;
	margin:10px 0px 10px 0px;
	clear:both;
}
#mainCol .cantFind a,
#mainCol .cantFind a:visited{
	font-size:110%;
	font-weight:bold;
	font-style:italic;
	color:#666;
	text-decoration:none;
	letter-spacing:-1px;
}
#mainCol .cantFind a:hover{
	color:#cc0000;
}


/* Detail elements */
#mainCol #images{
	background:url(../images/detailImageBack.png) no-repeat; /* detail page images background box image */
	width:280px;
	height:276px;	
	padding:6px;
	float:left;
	margin:10px 0px 10px 0px;
}
#mainCol #images img.largeImg{ 
	float:left;
	margin-bottom:6px;
}
#mainCol #images img.img1, 
#mainCol #images img.img2{
	float:left;
	margin:0px 14px 4px 0px;
}
#mainCol #images img.img3{
	float:left;
	margin:0px 0px 4px 0px;
}
#mainCol #images img.selected{
	border:solid 2px #FFFF00 !important;
}
#mainCol #images p{
	text-align:center;	
	clear:both;
	margin-top:0px;
}

#mainCol #prices{
	background:url(../images/detailPriceBack.png) no-repeat;  /* detail page prices background box image */
	width:296px;
	height:216px;
	float:left;
	margin:10px 0px 10px 5px;
	padding:20px 15px 0px 15px;
	color:#666; /* detail page images text color */
	font-weight:bold;
}
#mainCol #prices .priceTitle{
	font-size:150%;
	font-weight:bold;
	font-style:oblique;
	color:#cc0000; /* detail page prices title colour */
	text-decoration:none;
	letter-spacing:-1px;

}
#mainCol #prices hr{
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:0px solid #ccc; /* detail page horizontal rule colour */
	color:#fff;
	width:90%;
	height:1px;
	padding:0px;
	margin:0px;
}
#mainCol #prices span{
	font-size:120%;
	font-weight:bold;
	margin-right:10px;
}
#mainCol #prices .bookNow,
#mainCol #prices .upgrade{
	width:147px;
	height:45px;
	float:right;
}
#mainCol #prices p{
	font-size:85%;
	font-weight:normal;
	float:right;
	width:147px;
	text-align:center;
	clear:both;
	margin-top:5px;
}
#mainCol #prices .break{float:none; clear:both; height:5px;}

/* #rightCol */
#rightCol{
	float:left;
	margin-left:9px;
	padding-top:0px;
	width:0px;
}

#rightCol .advert{
	float:left;
	clear:left;
	margin:10px 0px 10px 16px;
}
#rightCol .detailRight{
	width:139px;
	color:#666; /* right column info box text colour */
	text-align:left;
	font-size:95%;
	margin:10px 0px 10px 0px;
	float:left;
	clear:both;
}
#rightCol .detailRight .head{
	background:url(../images/detailRBoxTop.png) no-repeat; /* right column info box top graphic */
	width:149px;
	height:6px;
	float:left;
	overflow:hidden;
}
#rightCol .detailRight .mid{
	background:url(../images/detailRBoxMid.png) repeat-y; /* right column info box middle graphic */
	width:139px;
	padding:0px 5px 0px 5px;
	float:left;
}
#rightCol .detailRight .mid .title{
	font-size:120%;
	font-weight:bold;
	font-style:italic;
	color:#cc0000; /* right column info box title text colour */
	float:left;
	margin-bottom:10px;
}
#rightCol .detailRight .foot{
	background:url(../images/detailRBoxBot.png) no-repeat; /* right column info box bottom graphic */
	width:149px;
	height:7px;
	float:left;
}
#rightCol .botImg{
	float:left;
	clear:none;
	margin:0px 0px 0px 16px;

}

/* #BottomWebLinks */
#WebLinks{
width:1003px;
	margin: 0 auto;
border:0px solid #cc0000;
-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#000;
padding:10px;
	text-align:left;
	font-size:85%;
	font-weight: normal;
	color:#FFFFFF;
	}

#WebLinks a.black:link,
#WebLinks a.black:visited{
	background:none;
	text-decoration:none;
	color:#fff; 
}
#WebLinks  a.black:hover{
	background:none;
	text-decoration:none;
	color:#0081ce; 
}

/* #botLogos */
#botLogos {
	float:none;
	width:1003px;
	margin:0px;
}
#botLogos .boxes{
	width:150px;
	height:00px;
	margin-right:12px;
	float:left;
}

#botLogos .end{
	margin-right:0px;
}



/* #footLinks */
#footLinks{
	background:url(../images/border_bot.png) no-repeat; /* bottom border edge image */
	width:999px;
	height:95px;
	float:left;
	clear:both;
	padding:25px 0px 10px 20px;
	text-align:left;
	font-size:95%;
	margin-top:0px;
}
#footLinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
}
#footLinks ul li{
	margin: 10px 20px 0px 0px; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
#footLinks ul li a{
	background:none;
	padding: 3px 0px 3px 0px;
	text-decoration:underline;
	color:#033c54;  /* fotter link text colour */
}
#footLinks ul li a.selected,
#footLinks ul li a:hover{
	background:none;
	text-decoration:none;
	color:#033c54; /* fotter link text colour selected and mouseover*/
}

/* #table for events calendar */
.title {
	color: #FFFFFF;
	font-weight: bold;
}
td.border {
border: 1px solid #E0EEDB;
}	
table.border{
border: 1px solid #E0EEDB;
}	

/* The containing box for the gallery. */
#container {
    position:relative; 
    width:850px; 
    height:465px; 
    margin:20px auto 0px auto; 
	padding-top: 80px;
    background: url(../images/ece_images/back.png) no-repeat;
    }
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#ffffff; 
    text-decoration:none; 
    border:1px solid #ffffff; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:pointer;
    }
#container a.slidea {
    background:url(../images/ece_images/p1_t.jpg); 
    height:80px; 
    width:95px;
    }
#container a.slideb {
    background:url(../images/ece_images/p2_t.jpg); 
   height:80px; 
    width:95px;
    }
#container a.slidec {
    background:url(../images/ece_images/p3_t.jpg); 
    height:80px; 
    width:95px;
    }
#container a.slided {
    background:url(../images/ece_images/p4_t.jpg); 
    height:80px; 
    width:95px;
    }
* html #container a.slided {
    width:93px; 
    w\idth:95px;
    }
#container a.slidee {
    background:url(../images/ece_images/p5_t.jpg); 
    height:80px; 
    width:95px;
    }
#container a.slidef {
    background:url(../images/ece_images/p6_t.jpg); 
    height:80px; 
    width:95px;
    }
* html #container a.slidef {
    width:93px; 
    w\idth:95px;
    }
#container a.slideg {
    background:url(../images/ece_images/p7_t.jpg); 
    height:80px; 
    width:95px;
    }
#container a.slideh {
    background:url(../images/ece_images/p8_t.jpg); 
     height:80px; 
    width:95px;
    }
#container a.slidei {
    background:url(../images/ece_images/p9_t.jpg); 
    height:80px; 
    width:95px;
    }
#container a.slidej {
    background:url(../images/ece_images/p10_t.jpg); 
    height:80px; 
    width:95px;
    }
#container a.slidek {
    background:url(../images/ece_images/p11_t.jpg); 
     height:80px; 
    width:95px;
    }
* html #container a.slidek {
    width:93px; 
    w\idth:95px;
    }
#container a.slidel {
    background:url(../images/ece_images/p12_t.jpg); 
     height:80px; 
    width:95px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:307px; 
    height:386px;
    }
#container li {
    float:left;
    }
/* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:left;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #efa28e; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:400px; 
    height:350px; 
    top:55px; 
    left:420px; 
    color:#000; 
    background:#000;
    }
#container a.gallery:hover img {
    border:0px solid #fff; 
    float:right; 
    margin:0px;
	padding:0px;
    }
#container a.slideb:hover img, #container a.slidei:hover img {
    float:left;
    }


.SmallImages img
{
	cursor:pointer;
}

.newGallery_SmallImage
{
	margin-right:6px;
}