/* Every Page */
body {
	color: #333;
	font: 1em "Georgia","Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	background-color: #dbdbdb;
	text-align: center; 
	font-size:62.5%;
}

#title {
	background: #8b0040 url("http://www.crestacaterers.co.uk/images/logo.png") no-repeat 0 6px;
	/* pixels so the background doesn't mess */
	height: 220px;
	width: 435px;
        float: left;
        z-index: 50;
}

/* We have an image logo, so hide title */
#title h1 {
	display: none;
}

.head a{
	color: #ececec;
	text-decoration: underline;
}

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

.head {
	background: #8b0040 url("http://www.crestacaterers.co.uk/images/logo_bar.gif") repeat-x 0 130px;
	height: 22em;
}

#contact {
	z-index: 20;
	float: right;
	color: #dbdbdb;
	text-align: right;
	font-size: 1.0em;
	padding: 6.5em 1em 0.5em 0;
}

#address #numbers {
	padding: 0;
}

#menu  {
	width: 100%;
	margin: 0 auto;
	font: 1.3em "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}

#menu_list {
	background-color: #8b0040;
	color: #ccc;
	float: right;
	font-size: 90%;
  	list-style:none;
  	padding: 0;
	width: 100%;
	margin: 0 auto;
}

.menu_item {
	float: left;
	background: url("http://www.crestacaterers.co.uk/images/menu_left.gif") no-repeat left top;
	padding: 0;
	margin: 0;
	text-align: center;
}

#menu_list a {
	color: #333;
	text-decoration: none;
	margin: 0;
	display: block;
	background: url("http://www.crestacaterers.co.uk/images/menu_right.gif") no-repeat right top;
	padding: 0.3em 0.6em;
	border-bottom: 0.1em solid #8b0040;
}

#menu_list a:hover, #menu_list a.selected {
	border-bottom: 0.1em solid #ececec;
	text-decoration: underline;
}


.menu_item:hover ul {
	display: block;
}
.drop, .incr {
	width: 6.3em !important;
}

.drop li a {
	border-bottom: 0 !important;
}

ul.drop {
	display: none;
	position: absolute;
	border-width: 0.1em;
	border-style: solid;
	border-color: #ccc;
	margin: 0;
	padding: 0.1em;
	width: 9em !important;
}

.drop_item {
	text-align: center;
	background: #ccc !important;
	width: 100%;
	display: block;
}
.drop_item a:hover {
	text-decoration: underline;
}

.dmenu {
	background: #ececec !important; 
}

#content {
	padding: 0;
	margin: 0;	
}

#central {
	text-align: left;
	position: relative;
	background: #ececec url("http://www.crestacaterers.co.uk/images/line.jpg") repeat-y;
	color: #333;
	padding: 0;
	width: 78em;
	margin: 3em auto;
}

.head_small {
	font-size: 1.0em !important;
}
.head_medium {
	font-size: 1.3em !important;
}
.head_large {
	font-size: 1.6em !important;
}

.drop_caps {
	line-height: 0.6em;
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
	color:#444444;
	font-family: georgia, times;
}

/* Photo divs */
.photo p {
	text-align: center;
	margin: 0;
	font-size: 1.1em !important;
	font-style: italic;
}

html>body .photo p {
	width: 75%;
}

.photo img {
	border: 0.2em solid black;
}

.photo {
	margin: 0.8em;
}

.left {
	float: left;
}

.right {
	float: right;
}

ul {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
 
}

#content .box {
	font-size: 1.3em;
	padding: 1em;
}

#content_end {
        clear: both;
        height: 3em;
}

#content .box p {
	padding: 0 0 1.5em 1.5em;
	margin: 0;
	font-size: 1.2em;
}

h1 {
	padding: 0.5em 0;
	margin: 0;
}

#content a {
	color: #333;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

.cleardown {
	padding: 0.5em 0;
	clear: left;
}

.box {
	margin-top: 1.5em;
}

/* .embed is used for menus */
.box .embed {
	float: left;
	width: 18em;
	border: 0.1em dashed #000;
	margin-right: 7px;
	text-align: center;
	background-color: #ffcccc;
}
.box .embed ul {
	padding: 0.5em;
	margin: 0;
}

.box .embed li {
	padding: 0;
	margin: 0;
	font-size: 0.85em;
}
/* .choice is a menu which fills the page width*/
.choice {
	border: 0.1em dashed #000;
	margin-right: 7px;
	background-color: #ffcccc;
}

.choice ul {
	list-style-type: circle;
}

.choice li {
	float: left;
	margin-right: 1.5em;
	padding-left: 0;
}

.choice h2 {
	text-align: left;
	padding-left: 1.5em;
	padding-top: 1em;
	clear: both;
}

.choice h1 {
	text-align: center;
	margin-bottom: -2em;
}

#footer {
        width: 100%;
	background-color: #8b0040;
	color: #dbdbdb;
	text-align: center;
}

/* contactus page and other forms */
input {
	background: #FFCCCC;
	border: 0.1em solid #CCC;
}
.contact form {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.con_lab {
	float: left;
	width: 10em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.con_form {
	font-style: italic;
	padding: 0.5em !important;
}
	
.con_quan {
	padding: 0;
	margin: 0;
	width: 2.2em;
	text-align: center;
}

.con_txt {
	margin-top: 0.3em;	
}

.con_button {
	margin-left: 10em;
}

.con_check {

}

/* hire pages */
img.hire_list {
	width: 20em;
	height: 10em;
}

.hire_list {
	float: left;
	margin-left: 0.5em;
}

.hire_list li {
	clear: left;
	margin: 0 !important;
	padding: 0 !important;
}

.cat_list li {
	display: block;
	width: 9em;
	text-align: center;
	float: left;
	margin: 0.2em 0;
	border-bottom: 0.2em black;
}

.hire_but {
	background-color: #8b0040;
	color: #ececec;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.note {
	font-style:italic;
	font-weight: normal;
}

.hire_icons {
}

.hire_icons li {
	display: block;
	float: left;
	width: 175px;
	height: 200px;
	text-align: center;
}

.hire_icons li a:hover {
	background-color: #8b0040;
}

.hire_icons img {
	width: 147px;
	height: 147px;
}

.hire_icons span {
	display: block;
	padding: 0 !important;
	text-align: center;
}

.hire_list h3 {
	float: left;
	width: 10em;
	font-size: 0.8em;
	margin-top: 0.3em;
}

.hire_list li {
	/* to help ie */
	width: 24em;
	float: left;
	clear: both;
}

#basket {
	float: right;
	margin: 2em 1.5em 1em 1em;
	border: 1px black dashed;
	padding: 0.5em;
	width: 22em;
}

#basket h1 {
	font-size:1.2em
}

#basket p {
	text-align: left;
}

.total {
	font-weight: bold;
}

#basket ul {
        font-style: italic;
	padding: 0;
	margin: 0;
}

#basket li {
   
}

ul.hire_line {
        margin-top: -5em;          
}


ul.hire_line li {
	margin: 0.2em;
}

.line_total {
	padding-left: 3em;
	text-align: right;
}


.b_image {
    width: 0px;
    height: 0px;
    margin-top: 0.3em;
    margin-right: 0.3em;
    padding-left: 11px;
}

.delete {
    background: #ECECEC url("http://www.crestacaterers.co.uk/hiretest/hire/images/del.gif") no-repeat;
}

.refresh {
   background: #ECECEC url("http://www.crestacaterers.co.uk/hiretest/hire/images/refresh.gif") no-repeat;
   border: none;
   height: 11px;
   padding-top: -0.1em;
   
}	

.delete_link span, .b_image span {
   display: none;
}

.hire_cat {
   margin-left: 1.5em;
}


.hire_cat img {
    float: left;
    border: solid black 0.2em;
}

.hire_cat h2 {
 	font-size: 1.5em;
	margin-top: 1em;
}