/*
Client: The Fruit Box
CSS Document: Version 1.0 2009
Developer: Mark Till Online
URL: http://www.mark-till-online.co.uk
*/

/*------------------------------------------------------------------------------*/
/*	--> WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {margin:0; padding:0; width:100%; font-family:Verdana, "Lucida Grande";}

/*------------------------------------------------------------------------------*/
/*	--> TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#main_container{width:860px; background:url(../images/bg_main.gif) repeat-y; margin:0 auto;}
#container{width:800px; background:url(../images/bg_container.gif) no-repeat; margin:0 auto;}
#top{padding:25px 0; height:102px;}
#top_col_1{width:150px; float:left; display:inline;}
#top_col_2{width:316px; float:right; display:inline;}
#top_col_1 img{border:0;}

#main{padding:25px 0 0; width:800px;}
#main_col_1{width:430px; float:left; display:inline;}
#main_col_2{width:350px; float:left; display:inline; margin-left:20px;}


/*Header Styles*/
#main_col_1 h1{font-size:20px; margin:0; padding:0 0 15px; font-weight:normal; color:#f2730a;}
#main_col_1 h1.welcome {width:387px; height:23px; background: url(../images/title_welcome.gif) no-repeat; display:block; text-indent: -9999px;}
#main_col_1 h2{font-size:18px; margin:0; padding:0 0 16px; text-transform:uppercase; color:#f2730a;}

/*Font Styles*/
#main_col_1 p{color:#555555; margin:0; padding:0 0 16px 0; line-height:22px; font-size:14px;}
#main_col_1 p img{float:right; margin:5px 0 5px 15px;}
#main_col_1 p a{color:#eb6f03; text-decoration:underline;}
#main_col_1 p a:hover{color:#eb6f03; text-decoration:underline;}

/*Column 2 List*/
#main_col_1 ul{font-size:14px; margin:0; padding-left:15px; color:#555555; width:415px;}
#main_col_1 ul li{padding:0 0 10px; margin-left:5px; width:200px; float:left;}

/*Enquiry Form*/
#main_col_2 .enquiry_form {width:326px; height:277px; padding:117px 0 0 24px; background:url(../images/bg_form.gif) no-repeat;}
#main_col_2 .enquiry_form ul{margin:0; padding:0; list-style-type:none;}
#main_col_2 .enquiry_form li{margin:0; padding:0; float:left;}
#main_col_2 .enquiry_form .text_box {width:131px; height:14px; background:#FFFFFF; border:1px #979797 solid; font-size:11px; padding:7px; color:#f48221; margin:0 10px 10px 0px; font-family:Verdana, "Lucida Grande";}
#main_col_2 .enquiry_form .text_area {width:288px; height:86px; background:#FFFFFF; border:1px #979797 solid; font-size:11px; padding:7px; color:#f48221; margin:0 10px 10px 0px; font-family:Verdana, "Lucida Grande";}
#main_col_2 .enquiry_form .drop{width:304px; padding:7px; background:#FFFFFF; border:1px #979797 solid; color:#f48221; margin:0 10px 10px 0px;  font-family:Verdana, "Lucida Grande"; font-size:11px;}

#main_col_2 .enquiry_form .send{height:30px; width:145px; background-image:url(../images/button_send.gif); margin:0px; padding:0; background-repeat:no-repeat; border:0px; cursor:pointer;}

#bottom{background:url(../images/bg_bottom.gif) no-repeat; width:860px; height:15px; margin:0 auto;}






/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer_body{width:100%; background:#ffffff;}
#footer_container{width:860px; margin:0 auto 10px; font-size:12px;}
#footer_container ul{list-style-type: none; padding:10px 0 0; margin:0; line-height:18px;}
#footer_container li {padding: 0; margin: 0;}
#footer_container li a{color:#00adef; text-decoration:none;}
#footer_container li a:hover{color:#00adef; text-decoration:underline;}
#footer_container li.orange{color:#f48221;}
#footer_container li.blue{color:#00adef;}

#footer_container .web_design{margin:0 auto; font-size:11px; color:#989898;}
#footer_container .web_design a{color:#989898;}
#footer_container .web_design a:hover{color:#585858;}


/*------------------------------------------------------------------------------*/
/*	--> MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

.clearcols{clear:both; height:1px;}