/* CSS Document created for TMC by Blue Ginger http://www.blueginger.co.uk - September 2007*/
* {margin: 0px; padding: 0px;} /* - this will reset all margins and paddings to 0 */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ECECEC;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
}
a:link, a:visited, a:active {text-decoration:none; color:#3366FF;}
a:hover {text-decoration:underline;}
#wrapper {
	width: 780px;
	margin: 0px auto;
	background-color: #FFFFFF;
	background-image: url(http://www.tmcstore.co.uk/images/drop_sdw_middle.jpg);
	background-repeat: repeat-y;
}
#headsdw {
	background-image: url(http://www.tmcstore.co.uk/images/drop_sdw_header.jpg);
	background-repeat: no-repeat;
	height: 15px;
	text-align:left;
}
#footsdw {
	background-image: url(http://www.tmcstore.co.uk/images/drop_sdw_footer.jpg);
	background-repeat: no-repeat;
	height: 12px;
	font-size:0; line-height:0; /* this is a hack to get the footer to not put in an extra line in IE6 */
}
#container { 
	width: 700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	background: #DDDDDD url(http://www.tmcstore.co.uk/images/heading_bckgnd.jpg) no-repeat;
	height:43px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom:5px solid #FFFFFF;
} 
#nav {padding:0px; margin:0px 21px 0px 41px;} /* margin for this demo only */
#nav ul {list-style:none; display:table; white-space:nowrap; font-family: arial, verdana, sans-serif; font-size:11px;}
#nav li {display:table-cell; margin:0px; padding:0px;}
#nav a {float:left; color:#aaaaaa; background: #ccc url(http://www.tmcstore.co.uk/images/tab_btm_left.gif) no-repeat left bottom; margin:0 3px 0 0; padding:0 0 0 2px; text-decoration:none; letter-spacing:1px;}
#nav a b {float:left; display:block; background:transparent url(http://www.tmcstore.co.uk/images/tab_btm_right.gif) no-repeat right bottom; padding:5px 16px 5px 12px;}
#nav a:hover {background: #333333 url(http://www.tmcstore.co.uk/images/tab_btm_left.gif) no-repeat left bottom; color:#EB3822; cursor:pointer;} 
#nav .current a {background: #333333 url(http://www.tmcstore.co.uk/images/tab_btm_left.gif) no-repeat left bottom; color:#EB3822; cursor:default;} 


#nav a.education:hover {color:#F7EB61;}
#nav a.hire:hover {color:#A3CC86;}
#nav a.contracts:hover {color:#00D5FF;}
#nav a.cinema:hover {color:#A375B5;}
#nav a.store:hover {color:#EB3822;}
#nav a.bittner:hover {color:#9E9FA1;}

#main_wrapper {background-image: url(http://www.tmcstore.co.uk/images/cinema_middle.jpg); background-repeat: repeat-y; background-position: left top;}
#main_top {
	background-image: url(http://www.tmcstore.co.uk/images/store_top.jpg);
	background-repeat: no-repeat;
	height: 5px;
	margin:0px;
	padding:0px;
	font-size:0; line-height:0; /* this is a hack to get the footer to not put in an extra line in IE6 */
}
#main_mid {
	width: 700px;
	margin:0px;
	padding:0px;
	background-image:url(http://www.tmcstore.co.uk/images/mainstore_bkgrd.jpg);
	background-position:bottom right;
	background-repeat:no-repeat; 
}

#main_ftr {
	background-image: url(http://www.tmcstore.co.uk/images/store_bottom.jpg);
	background-repeat: no-repeat;
	height: 6px;
	font-size:0; line-height:0; /* this is a hack to get the footer to not put in an extra line in IE6 */
}

#navigation {color:#CC0000; list-style:none; margin:0px; font-size:11px; padding-left:8px;letter-spacing:1%; font-family:Verdana, Arial, Helvetica, sans-serif;}
#navigation a, #navigation a:visited, #navigation a:active {
  text-decoration:none; /* remove the default underline from the links */
  display:block; /* make each link into a block so that hovering over any area of the link will cause a change of background color */
  width:98px; /*set the width to be the same as the ul width */
  padding:5px 0px;
  margin:0px;
  color:#EB3822;
  border-bottom:1px solid #444444; /* separate the links with a 1px wide white line */
}
#navigation a:hover {
/*	text-decoration:underline; */
 background:#333333; /* change the background to blue on :hover */
 margin:0px;
}
#navigation li.picked {background:#333333; text-decoration:none; /* remove the default underline from the links */
  display:block; /* make each link into a block so that hovering over any area of the link will cause a change of background color */
  width:95px; /*set the width to be the same as the ul width */
  padding:5px 0px;
  color:#EB3822; /* make the text color red */
  border-bottom:1px solid #444444; /* separate the links with a 1px wide white line */}
#mainContent { 
	margin: 0 0 0 120px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-left: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom:10px;
	color:#000000;
	font-size:11px;
/*	background-image:url(./images/maincinema_bkgrd.jpg);
	background-position:bottom right;
	background-repeat:no-repeat; z-index:10; */
} 
#mainContent h1 {color:#EB3822; font-size:18px; padding-bottom:10px;}
#mainContent h1 a:link, #mainContent h1 a:visited, #mainContent h1 a:active {color:#EB3822;}
#mainContent h1 a:hover {text-decoration:underline;}
#mainContent h5 {font-size:12px;}
#mainContent p {line-height:1.5; padding-bottom:5px;}

#maincntleft {float: left; width: 460px; margin: 0px; padding:0px; border:0px solid red;}
#maincntleft h2 {color:#FFFFFF; font-size:18px; padding-left:25px;}
#maincntleft p {margin-left:10px; margin-right:10px;}
#maincntright {float: left; width: 113px; margin-right: 0px; margin-left:5px; font-size:10px; color:#000000; border:0px solid blue;}
#maincntright h1 {color:#FFF; font-size:10px; line-height:130%; padding:0px 5px;}
#maincntright p {line-height:130%; padding:0px 5px;}

#maincntright #topwhite {
	height:5px;
	background-image:url(http://www.tmcstore.co.uk/images/cnt_rht_top_white.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-size:0px;
	line-height:0px;
	}
#maincntright #middlewhite {
	height:1%;
	background-image:url(http://www.tmcstore.co.uk/images/cnt_rht_middle_white.gif);
	background-position:top;
	background-repeat:repeat-y;
	}
#maincntright #bottomwhite {
	height:5px;
	background-image:url(http://www.tmcstore.co.uk/images/cnt_rht_bottom_white.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-size:0px;
	line-height:0px;
	}

#footer { 
	margin: 0px;
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
/*	background:#C6C7C9; */
	border-top: 5px solid #FFFFFF;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#address_hdr {background-image:url(http://www.tmcstore.co.uk/images/address_top.jpg); background-repeat:no-repeat; height:4px; font-size:0px; line-height:0px; margin-top:4px;}
#address_mid {background-image:url(http://www.tmcstore.co.uk/images/address_mid.jpg); background-repeat:repeat-y;}
#address_mid a {padding-left:15px;}
#address_ftr {background-image:url(http://www.tmcstore.co.uk/images/address_btm.jpg); background-repeat:no-repeat; height:5px; font-size:0px; line-height:0px;}

.address {padding-left: 0px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#666666;}
.contact {padding-left: 80px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#666666;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 110px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	color:#BB99FF;
	font-weight:normal;
	font-size:11px;
	margin:0;
	padding:0;
	margin-left:1px; 
}
#navlist {margin-top:8px;}
#navlist ul	{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: verdana, arial, Helvetica, sans-serif;
		}
#navlist li {border-top: 1px solid #444444;}
		
#navlist a {
			display: block;
			padding: 5px 5px;
			width: 101px;
		}
#navlist a:link, #navlist a:visited, #navlist a:active	{
			color:#FF5353;
/*			background-color: #2175bc; */
			text-decoration: none;
		}
#navlist a:hover	{
			color: #fff;
			background-color: #333333;
			text-decoration: none;
		}
#navlist ul	{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: verdana, arial, Helvetica, sans-serif;
		}
/*#subnavlist li { margin: 0 0 1px 0; } */
#subnavlist a {
			display: block;
			padding: 5px 5px 5px 10px;
			width: 96px;
		}
#subnavlist a:link, #subnavlist a:visited {
			color:#FF5353;
			background-color: #222222;
			text-decoration: none;
		}
#subnavlist a:hover, #subnavlist a:active {
			color: #fff;
			background-color: #444444;
			text-decoration: none;
		}
input.txt {
	text-align:right;
	padding-right:2px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	width:20px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	}
input.search_box {
	text-align:left;
	margin-left:2px;
	margin-bottom:2px;
	padding-left:2px;
	padding-bottom:2px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	width:100px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.search_button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; background-color: #222222; border:1px solid #000000; margin:3px;}
input.txt_wide {
	text-align:left;
	padding-right:2px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	width:200px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	}
.selectcol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #ffffff; border: 1px solid #cccccc; margin-top: 2px; margin-right:3px;}
.submitbutton1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #cccccc; border:1px solid #000000; margin-top:3px;}
#logo_basket {
	background-color: #FFFFFF;
	color: #000000;
	height: 3em;
	margin: 20px 10px 10px 20px;
}
#logo_basket .strapline {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: transparent;
	float: right;
	margin-right: 35px;
	margin-top: 5px;
}
#logo_basket .strapline p {margin-bottom:10px; text-align:right;}
#logo_basket .logo {
	float: left;
	margin:0px 0px 10px 0px; 
}
#createdby {position:relative;
	width: 730px;
	\width: 740px;
	w\idth: 730px;
	margin:3px auto;
	padding: 0px 0px 10px 30px;
	color:#CCCCCC;
	font-size:70%;
	text-align:right;}
#createdby a {color:#0066FF; text-decoration:none;}
#createdby a:hover {text-decoration:underline;}