/*

	@Version 0.1
	@Created by Martin Dingley (createanet)
	@03 April 2007
	
	//
	
	For a 2 colum layout cycle down this file and uncomment  
	the styles in #main_content and #sub_content. It is also possible to shuffle the columns
	up, but for now im not explaining how ...

	//


*/
/* Print Scheme Size   ////////////////////////////////////  */

html{
 background:url(../images/backgrounds/html.gif) repeat-x #004b80;
}
body {
 font:75%/140% Arial, Helvetica, sans-serif;
 text-align:center;
 background:url(../images/backgrounds/body.gif) repeat-y 50% 0%;
 color:#666;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
 margin:0;
 padding:0;
}

h1,h2,h3,h4,h5,h6 {
 font-weight:normal;
 margin:0 0 15px 0;
 padding:0;
}

table {
 border-collapse:collapse;
 border-spacing:0;
}
p {
 margin:0 0 15px 0;
}
a img {border:none; }
a {
 color: #333;
 outline: none;
}
a:hover{
 text-decoration: none;
}

hr { display:none; }
.hr, .hr-clear{ border-bottom:3px solid #ccc; margin:0 0 15px 0; }
.hr-clear{ clear:both; }
.clearboth{ clear:both; }
div.clearboth{ font-size:0; height:0; }

table{ margin:0 0 15px 0; }
th, td { padding: 5px; }
th {
 background:#999999;
 margin: 0 0 10px 0;
 color:#fff;
 text-align:left;
}
ul{ list-style:none; }

.hidden{ display:none; }
label{ color:#333; font-weight:bold; }
fieldset{
 border:1px solid #ccc;
 margin:0 0 15px 0;
 padding:20px;
}
legend{
 background-color:#fff;
 padding:3px;
 margin:0;
 font-size:14px;
 color:#333;
}
textarea{ padding:5px; font-size:11px; }



	
/*/////////////////////////////////////////////////////////*/

input, textarea, select { font-family:Arial, Helvetica, sans-serif; }

html input.submit{ width:auto; }
span.note{ font-size:11px; color:#999; }
.hidden_navigation{
	width: 1px;
	position: absolute;
	left: -9999px;
}

/*\Template Variables /*\/*/

#wrap{
 background:url(../images/backgrounds/wrap.gif) no-repeat 50% 0%;
 width: 776px;
 padding:0 30px;
 margin:auto;
 text-align: left;
}

#header { 
 padding:10px 0 0 0;
 background:url(../images/awardlogos2.gif) no-repeat 100% 32px;
 position:relative;
 font-size:11px;
}
	#header h1{
	 color:#000;
	 text-indent:-9999px;
	}
	#header h1 a{
	 display:block;
	 width:156px;
	 height:91px;
	 background:url(../images/caterfood_logo.gif) no-repeat;
	}
	#header p.tagline{
	 font-size:17px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:normal;
	 color:#00619d;
	 position:absolute;
	 width:350px;
	 margin:0; padding:0;
	 top:53px; left:176px;
	 line-height:1.3em;
	}
	#header #topnav{
	 background:url(../images/backgrounds/topnav.gif) no-repeat #00619d;
	 color:#fff;
	 padding:10px 0 9px 10px;
	}
	#header #topnav li {
	 display: inline;
	 background:url(../images/backgrounds/listbreak1.gif) no-repeat 100% 2px;
	 padding:0 6px 0 0;
	 margin:0 5px 0 0;
	}
	#header #topnav li.enditem {
	 background:none;
	 padding:0;
	 margin:0;	
	}
	#header #topnav li a{
	 color:#fff;
	 text-decoration:none;
	}
	#header #topnav li a:hover{ color:#00a4de; }
	
	#header #topnav li form{
	}
	#header #topnav input{
	 width:80px;
	 border:none;
	 padding:2px; font-size:10px;
	}
	#header #topnav input.submit{
	 width:auto;
	}
	#header #topnav table{
	 position:absolute;
	 top:124px; right:10px;
	}	
	#header #topnav p.loggedin{
	 position:absolute;
	 top:125px; right:10px;
	 display:inline; text-align:right;
	 margin:0;
	}	
	#header #topnav p.loggedin a{
	 color:#fff; text-decoration:none;
	}
	#header #topnav p.loggedin a:hover{ color:#00a4de; }
	#header #topnav table td{
	 padding:0 0 0 5px;
	}
	.passwordhelp{
		 position:absolute;
		 top:61px;
		 right:10px;
		 width:149px;
		 height:41px;
		 background:url(../images/backgrounds/loginhelp.gif) no-repeat #c7dbf0;
		 color:#c7dbf0;
		 padding:5px 5px 5px 6px;
		 font-size:11px;
		 line-height:19px;
		}
		.helpwrap{
		 position:relative;
		}
		.passwordhelp strong{
		 color:#fff;
		}
		.passwordhelp a{
		 color:#fff;
		 text-decoration:none;
		}
		.passwordhelp .helpwrap .closebox{
		 position:absolute; top:0px; right:0px;
		}
		
		.passworderror{
		 position:absolute;
		 top:158px;
		 right:10px;
		 display:inline;
		 background-color:#b30215;
		 border:1px solid #990000;
		 color:#fff;
		 padding:5px 5px 5px 6px;
		 font-size:11px;
		 text-align:right;
		}
		.passworderror a{
		 color:#fff;
		}	
	#breadcrumbs{
	 padding:15px;
	 color:#666;
	}
	#breadcrumbs a{
	 color:#666;
	 text-decoration:none;
	}
	#breadcrumbs a:hover{ color:#00a4de; }

#main_content{
	width: 550px;
	float: right;
	margin-bottom: 10px;
	text-align:left;
}

#sub_content{
 width:205px;
 float:left;
 margin-bottom:10px;
}

#navigations{
 width:205px;
 float:left;
 overflow:hidden;
 background:url(../images/backgrounds/navigation.jpg) no-repeat;
}
	#navigations h2 { 
	 background: #999999;
	 padding: .2em .8em; 
	 margin: 0 0 .2em 0;
	 color: #fff;
	}
	#navigations ul {
	 padding:5px 0 0 0;
	 min-height:190px;
	}
	#navigations li {
	 margin: 0 0 .1em 0;
	}
	#navigations a {
	 display: block;
	 color: #333;
	 padding: 4px 0 4px 25px;
	 text-decoration: none;
	 width: 100%;
	 background:url(../images/backgrounds/bullet1.gif) no-repeat 10px 9px;
	 font-size:14px;
	}
	
	#navigations a:hover, #navigations ul#rss li a:hover, #navigations a.selected {
	 background-color: #fff;
	 border-top:1px solid #00a4de;
	 border-bottom:1px solid #00a4de;
	 padding:3px 0 3px 25px;
	}
	#navigations ul#rss li a {
	 background: #EFEFEF url(../images/rss.gif) 10px 4px no-repeat; padding-left: 30px;
	}
	
	
.homebanner{
 background:url(../images/illustrations/homepage_banner.jpg) no-repeat 100% 100%;
 padding:0 250px 0 0;
 min-height:216px;
}

.contactmap{
 width:175px;
 margin:0 15px 0 0;
 background:url(../images/backgrounds/contactmap.jpg) no-repeat;
 float:left;
 padding:158px 15px 0 15px;
}
	.contactmap h4{
	 margin:0 0 10px 0;
	}
	.contactmap p{
	 font-size:14px;
	}
	.contactmap strong{
	 font-weight:normal;
	 color:#00619d;
	}
	.contactmap .phone{
	 background:url(../images/backgrounds/bullet_phone.gif) no-repeat 0 2px;
	 padding:0 0 0 15px;
	}
	.contactmap .fax{
	 background:url(../images/backgrounds/bullet_fax.gif) no-repeat 0 2px;
	 padding:0 0 0 15px;
	}
	
/* -------- Column wrap ------ */

.columnwrap3{ margin-bottom:15px; }
.columnwrap3 .col-a{ width:170px; float:left; }
.columnwrap3 .col-b{ width:170px; float:left; margin:0 15px; }
.columnwrap3 .col-c{ width:170px; float:left; }

/* -------- buttons ------ */
a.btn1{ background:url(../images/backgrounds/bullet2.gif) no-repeat 0 3px; padding:0 0 0 18px;}

/* -------- Headers ------ */
h2{
 font-size:23px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 color:#00619d;
 margin:0 0 20px 0;
 line-height:normal;
}
h3{
 font-size:17px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 color:#00619d;
}
h3 a{
 color:#00619d;
 text-decoration:none;
}
h4{
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 color:#333;
}
h4 a{
 color:#333;
 text-decoration:none;
}


.smallbox-a h3, .smallbox-b h3{ margin:0 0 8px 0; }
.smallbox-a p, .smallbox-b p{ margin:0 0 5px 0; font-size:11px; }
.smallbox-a{
 background:url(../images/backgrounds/boxcorner1.gif) 100% 100% no-repeat #c7dbf0;
 padding:8px;
 border-top:2px solid #fff;
}
.smallbox-b{
 background:url(../images/backgrounds/boxcorner2.gif) 100% 100% no-repeat #d7f2ff;
 padding:10px;
 border-top:2px solid #fff;
}


#footer{
clear:both;
padding: 10px 0;
}
	#footer p.copytext {
	 font-size:10px; color:#999999;
	 background:url(../images/4sections.gif) no-repeat 100% 4px;
	}
	#footer p.copytext a{
	 color:#999999;
	}
	#footer ul {
	 background:url(../images/backgrounds/footer.jpg) no-repeat 0% 100%;
	 padding:70px 0 10px 10px;
	 margin:0 0 10px 0;
	}
	#footer li {
	 display: inline;
	 background:url(../images/backgrounds/listbreak2.gif) no-repeat 100% 2px;
	 padding:0 5px 0 0;
	 margin:0 4px 0 0; 
	 font-size:10px;
	}
	#footer li a{
	 color:#fff;
	 text-decoration:none;
	}
	#footer li a:hover{
	 color:#00a4de; 
	}
	#footer li.endlist {
	 margin:0;
	 padding:0;
	 background:none;	
	}
	
	
	
#page_slugs {  margin-bottom: 20px; }
#page_slugs li { display: inline; font-size:10px; color:#333;}
#page_slugs li a:hover{ color:#00a4de; }
#page_slugs li a:hover{ color:#00a4de; }
	
	
#offers .category #offer_thmb { float: left; margin: 0 10px 10px 0; }
#offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; }

#categorylisting{ margin:0; padding:0; }
#categorylisting li {
 border-left: 3px solid #ccc;
 border-bottom:1px dashed #ccc;
 margin: 0 0 25px 0;
 padding:5px 0 15px 10px;
}
#categorylisting li a { }
#categorylisting p, #categorylisting h4 { margin-bottom:10px; }

.product_thumb { float: left; margin: 0 10px 10px 0; }
.category_thumb { float: left; margin: 0 20px 10px 0; }
.category_thumb img{ padding:2px; border:1px solid #ccc; }

.category_info{ width:380px; float:left; }
.category_info2{ width:442px; float:left; }

.links .category_thumb { margin: 0 10px 10px 0; }

#categorylisting li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#recentnews li { margin-bottom: 10px; }


.clearleft { clear: left; }

.paging {
 margin-bottom: 10px;
 background:url(../images/backgrounds/boxcorner1.gif) 100% 100% no-repeat #c7dbf0;
 padding:10px;
 font-size:11px;
 color:#333;
}
.paging a{
 border:none;
 margin:0 3px;
 padding:2px 4px;
 text-decoration:none;
 background-color:#00a4de;
 color:#fff;
 font-size:11px; font-weight:bold;
}
.paging a:hover{
 border:1px solid #00619d;
 margin:-1px 2px; 
}

/*=Download
	-------------------------------------------------------*/
.download {
	background: #fffeef;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	}
	.download a { 
		background: url(../images/pdf.gif) 0 2px no-repeat;
		padding: .2em .8em;
		padding-left: 20px;
	} 
	div.download span {
		font-size: 90%;
	}
	.pdf a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		display: block;
	}
	.swf a {
		background: url(../images/swf.gif) 0 2px no-repeat;
		display: block;
	}
	
/*=Products
	-------------------------------------------------------*/
#prodimages{
 margin:0 10px 15px 0;
 width:250px;
 float:left;
}
#prodimages .imgwrap{
 float:left;
 margin:0 0 15px 0;
}

#offerimages{
 margin:0 20px 15px 0;
 width:180px;
 float:left;
}
#offerimages .imgwrap{
 float:left;
 margin:0 0 15px 0;
}
.offerdesc{ float:left; width:345px;}

/*=Gallery
	-------------------------------------------------------*/
	
.filter{
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
 padding-bottom: 15px;
}
.filter .submit{
 border:none;
 margin:0 3px;
 padding:3px;
 background-color:#00a4de;
 color:#fff;
 font-size:11px; font-weight:bold;	
}	
	#gallerylisting li{
	width: 172px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 8px;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	margin: 5px;
}

#gallerylisting li a span{
/*\*/
	position: absolute;
	left: -9999px;

}

#gallerylisting li a:hover span{	
	top: 8px;
	left: 8px;
	width: 172px;
	background: #FFF;
	color: #999;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	font-size: 80%;
	border: 1px solid #EEE;
	border-width: 0 0 5px 0;
	filter: alpha(opacity=100);
/**/
} 


#gallerylisting img{
	border: 1px solid #EEE;
}

/*=Error Mesages
	-------------------------------------------------------*/
.required {
 color: #b30215;
 font-weight: bold;
}
div.error {
 color: #b30215;
 font-weight: bold;
}
em.error  {
 color: #b30215;
 font-weight: bold;
 display: block;
}

ul.error, ul.success {
 display: block;
 list-style: none;
 padding:10px 30px 5px 10px;
 margin:0 0 20px 0;
}
ul.error li, ul.success li{
 padding:0 0 0 20px;
 margin:0 0 5px 0;
 font-weight:bold;
}	
ul.error {
 background:url(../images/backgrounds/info_error.gif) no-repeat 98% 50% #b30215;
 color: #fff;
 border:1px solid #990000;
}
	ul.error li{
	 background:url(../images/backgrounds/snowflake_error.gif) no-repeat 0px 3px;
	}
	ul.error a{ color:#fff; }
	
ul.success {
 background:url(../images/backgrounds/info_normal.gif) no-repeat 98% 50% #d7f2ff;
 color: #333;
 border:1px solid #006699;
}
	ul.success li{
	 background:url(../images/backgrounds/snowflake_normal.gif) no-repeat 0px 3px;
	}

/*=Links
	-------------------------------------------------------*/
.links li { padding: 5px; }

/*=Brochure request form
	-------------------------------------------------------*/
form.brochureForm fieldset {
	padding: 5px 20px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}
form.brochureForm legend {
	text-transform: capitalize;
	font-weight: bold;
	color: #039;
	padding: 0 5px;
}
form.brochureForm ol {
	list-style: none;
}
form.brochureForm ol li {
	margin: 5px 0;
}
	form.brochureForm ol li ol li {
		display: inline;
	}
	form.brochureForm ol li ol label {
		display: inline;
	}
form.brochureForm em {
	font-weight: bold;
	color: #E00;
}
form.brochureForm label {
	display: block;
	text-transform: capitalize;
}
form.brochureForm label.radio {
	display: inline;
	padding-left: 5px;
}

ol#questions{
 list-style:decimal;
 margin-left: 25px;
 padding-bottom:10px;
}
ol#questions li{
 margin:0 0 5px 0; 
}


.datatbl1{ border-collapse:collapse; border:1px solid #666; margin-bottom:15px; }
.datatbl1 td, th{
padding:5px;
border:1px dotted #ccc;
}
.datatbl1 th{ text-align:left; color:#333; background-color:#e4e4e4;}

ul.list-type1{ margin:0 0 20px 0; }
ul.list-type1 li{
 background:url(../images/backgrounds/bullet2.gif) no-repeat 0 4px;
 padding:0 0 0 20px;
 margin:0 0 7px 0;
}
ul.list-type2{ margin:0 0 20px 0; }
ul.list-type2 li{
 background:url(../images/backgrounds/bullet1.gif) no-repeat 0 4px;
 padding:0 0 0 20px;
 margin:0 0 7px 0;
}
ul.list-type3{ margin:0 0 20px 0; }
ul.list-type3 li{
 padding:0px;
 margin:0 0 5px 0;
}

li.file{ background:url(../images/file_graph.gif) no-repeat 0 5px; height:25px; line-height:25px; padding-left:20px; }
li.file2{ background:url(../images/file_download.gif) no-repeat 0 5px; height:32px; line-height:32px; padding-left:25px; }

p.file{ background:url(../images/file_graph.gif) no-repeat 0 5px; line-height:25px; padding-left:20px; }
p.file2{ background:url(../images/file_download.gif) no-repeat 0 5px; line-height:32px; padding-left:25px; }

.attributes{ margin:0 0 20px 0; }
.attributes li{ margin-bottom:5px; }

.lastestnews{ margin-bottom:20px; }

/* CONTACT TABS */
#contact .tabs{
 height:27px; border-bottom:3px solid #ccc; margin:0;
}
	#contact .tabs a{ display:block; z-index:0; text-indent:-9999px; }
	#contact .tabs ul{ list-style:none; }
	#contact .tabs ul li{ float:left; margin:0 2px 0 0; padding:0; }
	
		#contact .tabs li.btn1 a{
		 width:140px; height:27px;
		 background:url(../images/buttons/customer_services_off.gif);
		}
		#contact .tabs li.btn1 a:hover, #contact .tabs li.btn1 a.selected{
		 background:url(../images/buttons/customer_services_on.gif);
		}	
		
		#contact .tabs li.btn2 a{
		 width:157px; height:27px;
		 background:url(../images/buttons/staff_off.gif);
		}
		#contact .tabs li.btn2 a:hover, #contact .tabs li.btn2 a.selected{
		 background:url(../images/buttons/staff_on.gif);
		}

.cms{
 margin:0 0 10px 0;
}
#categorylisting .cms ul {
 padding:0 0 0 30px;
 margin:auto;
}
#categorylisting .cms li {
 border:none;
 margin: 0 0 10px 0;
 padding:0;
 list-style:disc;
}
#categorylisting .cms p, #categorylisting .cms h4 { margin-bottom:10px; }

.invert{
	color:#fff;
	background-color:#00619d;
	padding:10px;
}
.invert h2, .invert p, .invert label, .invert a{
	color:#fff;
}