* { padding: 0; margin: 0; }
body {
 font-family:  Helvetica,Arial, sans-serif;
 font-size: 13px;
 background:#e1e1e1;
 background-image:url(../images/BG.gif);
 background-repeat:repeat-y;
 background-position:center;

}

img {border:0px;}
#wrapper { 
 margin: 0 auto;
 width: 800px;
}
#header {
 color: #333;
 width: 780px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 89px;
 margin: 0px 0px 0px 0px;
 background: url(../images/banner.jpg);
 text-align:right;
 color:#FFF;
 padding:10px;
 }
#navigation {
 float: left;
 width: 800px;
 height:30px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #ed1c24; /* red */
}
/* navigation (top) menu */
.menu{
	width: 800px;
	height:inherit;
	background-image:url(../images/topmenubg.gif); 
}
.menu ul{
	margin: 0; padding: 0;
	float:none;
}
.menu ul li{
	display: inline;
}
.menu ul li a{
	float: left; 
	text-decoration: none;
	font-weight: bold;
	color: white;
	padding-left:20px;
	padding-right:21px;
	padding-top:6px;
	padding-bottom:8px;
	background-image:url(../images/topmenubg.gif); 
	background-color:#ed1c24;
}

.menu ul li a:visited{
	color: white;
}
.menu ul li a:hover, .menu ul li .current{
	color: #ffffff;
	 background-image:url(../images/topmenubgO.gif);
	 background-color:#8c8c8c;
	}
/* LEFT COLUMN */
#leftcolumn { 
 color: #253b92;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 height: 100%;
 width: 556px;
 float: left;
 background: #fff;
}
#leftcolumn  p
{
font-size:small;
font-weight: normal;
padding-top:5px;
padding-bottom:5px;
}
#leftcolumn span
{
font-size:medium;
font-weight: bold;
}
#leftcolumn h1
{
padding-top:10px;
padding-bottom:10px;
font-size:3.0em;
font-weight: bold;
color:#004c99;	
}
#leftcolumn a{
color: #014489;
text-decoration: underline;
padding-right: 10px; 
}
#leftcolumn a:hover
{
color:#fc031c;
}

#leftcolumn ul { 
list-style-image: url('../images/redbullet.gif'); 
margin: 0 0 0 0; 
padding-top: 2px; 
padding-left:15px;
} 

#leftcolumn li 
{
margin: 2px; 
list-style-position:outside;
border: 0px none;
padding-left:5px;
padding-right:5px;
padding-top:0;
padding-bottom:0; 
} 
#leftcolumn img.getaquote1
{
position:relative;
margin-top:20px;
margin-left:160px;	
}

#leftcolumn img.hotfood
{
position:relative;
margin-top:25px;
margin-left:100px;	
}
#leftcolumn img.icecream
{
position:relative;
}
#leftcolumn img.coffeecreams
{
position:relative;
}
#leftcolumn img.buffet
{
position:relative;
}
#leftcolumn table
{
margin-left:10px;
margin-top:10px;
padding:10px;
}	
#leisurecolumn { 
 color: #253b92;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 100%;
 width: 780px;
 float: left;
 background: #fff;
}
#leisurecolumn  p
{
font-size:small;
font-weight: normal;
padding-top:5px;
padding-bottom:5px;
}
#leisurecolumn h1
{
padding-top:10px;
padding-bottom:10px;
font-size:3.0em;
font-weight: bold;
color:#004c99;	
}
#leftcolumn img.pdf
{
position:relative;
left:350px
}
#leftcolumn img.greyline
{
position:relative;
left:-100px;
width:450px
}
/* links 2 columns */
div #linkscol1
{ 
 width: 250px;
 float: left;
 padding-left:10px;
 padding-top:20px;
 text-align:center;
 background: #ffffff;
}
div #linkscol2
{ 
 width: 250px;
 float: left;
 padding-left:10px;
 padding-top:5px;
 text-align:center;
 background: #ffffff;
}
/* RIGHT COLUMN */
#rightcolumn { 
 float: left;
 color: #333;
 border-left: 2px solid #253b92;
 border-right: 2px solid #253b92;
 border-bottom: 2px solid #253b92;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 740px;
 width: 200px;
 display: inline;
 background:#fff;
}
/* IE6 */
* html #rightcolumn{
height: 860px;
}
#opening
{
position:relative;
left:0px;
top:10px;
color:#EE222A;
text-align:center;
font-size:16px;
font-weight:bold
}
#opening img
{
position:relative;
left:-17px;
top:-10px;
}
#rightcolumn img.Csell
{
position:relative;
left:5px;
top:10px;
}
#rightcolumn img.Cfind
{
position:relative;
left:5px;
top:40px;
}
#rightcolumn img.bluebar1
{
position:relative;
left:0px;
top:65px;
}
#rightcolumn img.bluebar2
{
position:relative;
left:0px;
top:92px;
}
#rightcolumn img.BC
{
position:relative;
left:0px;
top:100px;}
#rightcolumn img.AS
{
position:relative;
left:0px;
top:125px;}
/* right column menu */
#navcontainer 
{
position:relative;
top:80px;
width:100%; 
}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#navcontainer a
{
display: block;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
background:transparent;
border-bottom: 0px solid #eee;
color:#253b92;
font-size:1.0em;
}
#navcontainer a:link, #navlist a:visited
{
text-decoration: none; 
font-size:0.8em
}
#navcontainer a:hover
{
background-color: #cccccc;
color:  #ed1c24;
}

/* right column menu 2 */
#navcontainer2 
{
position:relative;
top:105px;
width:100%; 
}
#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#navcontainer2 a
{
display: block;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
background:transparent;
border-bottom: 0px solid #eee;
color:#253b92;
font-size:1.2em;
}
#navcontainer2 a:link, #navlist2 a:visited
{
text-decoration: none; 
font-size:0.8em;
color:#ed1c24;
}
#navcontainer2 a:hover
{
background-color: #cccccc;
color:  #ed1c24;
}

/* footer */
#footer { 
 width: 800px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background-image:url(../images/topmenubg.gif);
 margin: 0px 0px 0px 0px;
 padding-top: 6px;
 padding-bottom: 8px;
 text-decoration: none;
 text-align: center;
 font-size:10px;
}
#footer ul
{
display: inline;
}
#footer li
{
display: inline;
}
#footer a{
color: #ffffff;
text-decoration: none;
padding-right: 10px;
}
#footer a:hover
{
color:#000000;
}
#footer img
{
padding-right:5px;
}
#copyright
{
width: 800px;
clear: both;
background: #fff;
padding-top: 9px;
padding-bottom: 9px;
text-decoration: none;
text-align: center;
font-size:x-small;
}
.LgetaquoteBut
{
position:relative;
left:170px;
top:0px;
width:239px;
height:76px;
}
.TCgetaquoteBut
{
position:relative;
left:170px;
top:0px;
}
.VCgethotfoodBut
{
position:relative;
left:0px;
top:0px;	
}
.VCgeticecreamBut
{
position:relative;
left:0px;
top:0px;	
}
.VCgetcateringtrailerBut
{
position:relative;
left:0px;
top:0px;	
}
.ADOgetaquoteBut
{
position:relative;
left:170px;
top:0px;
}
.textbox
{
border:solid 1px #cccccc;
width:250px; 
}
.smalltext{
font-size:x-small;
font-weight: bold;
color: #ffffff; 
vertical-align:top;
}
.trailer
{position:absolute;
left:50%;
top:260px;
margin-left:-50px;
	}
.trailer2
{position:absolute;
left:50%;
top:460px;
margin-left:-50px;
	}
/* content boxes */

.xsnazzy {
	MARGIN: 2px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.xtop {
	DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 1px
}
.xbottom {
	DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 1px
}
.xb1 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb2 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb3 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb4 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb1 {
	HEIGHT: 1px
}
.xb2 {
	HEIGHT: 1px
}
.xb3 {
	HEIGHT: 1px
}
.xb2 {
	BORDER-LEFT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-RIGHT: #ccc 1px solid
}
.xb3 {
	BORDER-LEFT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-RIGHT: #ccc 1px solid
}
.xb4 {
	BORDER-LEFT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-RIGHT: #ccc 1px solid
}
.xb1 {
	MARGIN: 0px 5px; BACKGROUND: #ccc
}
.xb2 {
	BORDER-RIGHT-WIDTH: 2px; MARGIN: 0px 3px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px
}
.xb3 {
	MARGIN: 0px 2px
}
.xb4 {
	MARGIN: 0px 1px; HEIGHT: 2px
}
.xboxcontent {
	BORDER-BOTTOM: #08c 0px solid; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; BACKGROUND: #f7f7f7; BORDER-TOP: #f7f7f7 0px solid; BORDER-RIGHT: #ccc 1px solid;
	padding:5px;
}
.xboxcontent1 {
	BORDER-BOTTOM: #08c 0px solid; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; BACKGROUND: #f7f7f7; BORDER-TOP: #f7f7f7 0px solid; BORDER-RIGHT: #ccc 1px solid;
	padding:2px;height:250px; font-size:0.8em;
}
.xboxcontent2 {
	BORDER-BOTTOM: #08c 0px solid; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; BACKGROUND: #f7f7f7; BORDER-TOP: #f7f7f7 0px solid; BORDER-RIGHT: #ccc 1px solid;
	padding:2px;height:250px; font-size:0.8em;
}
.xboxcontent3 {
	BORDER-BOTTOM: #08c 0px solid; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; BACKGROUND: #f7f7f7; BORDER-TOP: #f7f7f7 0px solid; BORDER-RIGHT: #ccc 1px solid;
	padding:2px;height:250px; font-size:0.8em;
}
.xboxcontent4 {
	BORDER-BOTTOM: #08c 0px solid; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; BACKGROUND: #f7f7f7; BORDER-TOP: #f7f7f7 0px solid; BORDER-RIGHT: #ccc 1px solid;
	padding:2px;height:250px; font-size:0.8em;
}
div #homebox1
{
width:139px;
float: left;

}
div #homebox2
{
width:139px;
float: left;

}
div #homebox3
{
width:139px;
float: left;
}
div #homebox4
{
width:139px;
float: left;

}
.greyboxline
{
width:129px;
height:1px;
}
.greyline
{
position:relative;
width:400px;
height:1px;
padding-top:5px;
padding-bottom:6px;
padding-left:100px;
}
#container {
width: 800px;
height:auto;
background-image:url(../images/BG.gif);
}


/* QUOTE FORMS */
div.SectionIcons 
{
    margin-top:10px;
    margin-bottom:10px;
}

div.SectionIcons ul , div.SectionIcons li  
{
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
    height:50px;
    width:600px;
}

div.SectionIcons li 
{
    background:url(../Quotes/images/section_icon.gif) no-repeat center top;
    width:80px;
    height:50px;
    text-align:center;
    color:#333; 
    font-size:11px; 
}

div.SectionIcons li span 
{
    color:#FFF;
    line-height:46px;
    font-weight:bold;
    font-size:18px;
    display:block;
    padding-bottom:3px;
}

div.SectionIcons li.select 
{
    background:url(../Quotes/images/section_icon_select.gif) no-repeat center top;
}


table.quoteform 
{
    width:100%;
}

table.quoteform td 
{
    padding:3px;
}

table.quoteform input[type="text"], table.quoteform textarea
{
    width:120px;
    padding:2px;
    border:1px solid #CCC;
    color:#999;
    font-family:Arial;
    font-size:12px;
}

table.quoteform input[type="text"]:focus, table.quoteform textarea:focus
{
     border:1px solid #666;
     color:#333;
}

table.quoteform select
{
    width:125px;
    padding:2px;
    border:1px solid #CCC;
    color:#999;
}

table.quoteform select:focus 
{
     border:1px solid #666;
     color:#333;
}

table.quoteform .FormError 
{
    background:url(../Quotes/images/erroricon.gif) no-repeat center center;
    width:13px;
    height:20px;
    float:right;
}

table.quoteform tr td:first-child {width:80px;}

table.quoteform .formspacer 
{
    width:0px;
}

table.quoteform td.Buttons {text-align:right;}

table.quoteform td.Buttons li {display:none;}

table.quoteform td.Buttons input 
{
    border:0px;
    background:#0b429c;
    color:#FFF;
    padding:0px;
    background:url(../Quotes/images/formbtn.gif) no-repeat center top;
    width:110px;
    height:32px;
    font-size:14px;
    line-height:11px;
    padding-bottom:3px;
}

.formtop 
{
    border-bottom:1px solid #CCC;
    padding-bottom:5px;
}

#GetQuotePopup 
{
    position:absolute;
    top:200px;
    left:50%;
    margin-left:-100px;
    width:200px;
    display:none;
    background:url(../images/popup.png) no-repeat;
    width:220px;
    height:129px;
    text-align:center;
    color:#FFF;
    font-size:18px;
    font-weight:bold;
    padding-top:30px;
}

#GetQuotePopup .close 
{
    display:block; 
    position:absolute;
    width:20px; 
    height:20px; 
    right:5px; 
    top:0px;
    text-indent:-9999px;
}

#GetQuotePopup .close a {display:block; outline:0;}