/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Pantiles Catering Stylesheet
Author : Red Bullet Web Design

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:10px 0; padding:0; background: url(../images/layup/bg.jpg) repeat-x #ffffff; color:#000000; text-align:center;}
body{
scrollbar-base-color: #ccc;
scrollbar-arrow-color: #333;
scrollbar-3dlight-color: #ccc;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #ccc;
scrollbar-track-color: #EFEFEF;
}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:800px; margin:5px auto; text-align:left; font-size:110%; }   
#printHeader { display:none;}
#header{position:relative; width:800px; height:117px; background:url(../images/layup/headerBg.jpg) no-repeat;}
#header .logo{position:absolute; top:15px; left:15px;}
#header .tagline{position:absolute; top:50px; right:25px;}
#contentArea{width:800px; margin:0 0 20px 0; min-height:375px; height:auto !important; height:375px; background:url(../images/layup/mainBodyBg.gif) top left repeat-y;}
#leftCol{float:left; width:160px;}

#rightCol{float:right; width:640px; min-height:375px; height:auto !important; height:375px}

.rightColHome{background:url(../images/layup/homeBg.jpg) top left no-repeat}
.rightColCorporateEvents{background:url(../images/layup/corporateEventsBg.jpg) top left no-repeat;}
.rightColWeddings{background:url(../images/layup/WeddingsBg.jpg) top left no-repeat;}
.rightColContact{background:url(../images/layup/MenuBg.jpg) top left no-repeat;}
.rightColTaste{background:url(../images/layup/TasteBg.jpg) top left no-repeat;}
.rightColTouches{background:url(../images/layup/TouchesBg.jpg) top left no-repeat;}
.rightColSmell{background:url(../images/layup/SmellBg.jpg) top left no-repeat;}
.rightColSight{background:url(../images/layup/SightBg.jpg) top left no-repeat;}
.rightColSound{background:url(../images/layup/SoundBg.jpg) top left no-repeat;}
.rightColAbout{background:url(../images/layup/AboutBg.jpg) top left no-repeat;}
.rightColMenu{background:url(../images/layup/ContactBg.jpg) top left no-repeat;}

#leftContentArea{position:absolute; width:335px; margin-top:10px;}
#leftContentArea .top{}
#leftContentArea .body{width:300px; background:#FFFFFF; padding:0 10px 0 25px;}
#leftContentArea .bottom{}
#rightContentArea{position:relative; width:605px; margin:225px 0 0 35px;}
#rightContentArea .top{}
#rightContentArea .body{width:575px; background:#FFFFFF; padding:0 10px 0 20px;}
#rightContentArea .bottom{}
#rightContentDoc{margin-left:161px; padding:0px 15px; background: #EAEAEA; min-height:376px}
#simplecontent{padding:0px 15px}
#testimonialArea{height:auto; padding:10px 25px 5px 25px; background-color:#FFFFFF; margin-bottom:15px; border:1px solid #E2E2E2; text-align:center}

#gallery img{float:left; margin-bottom:5px; margin-right:5px}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.pageTitleImg{margin:35px 0 0 25px;}
.float_right_squares { float:right !important; margin-left:10px; }
.subPageLeftCol{float:left; width:275px;}
.subPageRightCol{float:right; width:275px;}
.leftbartext{color:#FFFFFF; padding-left:25px; padding-right:10px; padding-top:15px}
.leftbartext a{color:#FFFFFF}
.pdficon{float:left; margin-right:5px}
/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:160%; color:#45a20b; font-weight:normal; text-transform:lowercase}

/* ----- TOP NAVIGATION ----- */
#menu{position:relative; width:800px; height:30px; background:#6eb845; margin:1px 0 20px 0;}
#menu ul{position:absolute; bottom:0; left:15px; list-style:none; padding:0; margin:0; text-transform:lowercase}
#menu li{list-style:none; padding:0 10px 3px 10px; display:block; float:left; border-right:1px solid #FFFFFF;}
#menu li a{color:#FFFFFF; text-decoration:none; font-weight:normal; font-size:120%;}
#menu li a:hover{color:#6d1c2e; text-decoration:none;}
#menu li a.active{color:#6d1c2e;}

/* ----- LEFT NAVIGATION ----- */
#leftMenu{width:160px;}
#leftMenu ul{list-style:none; padding:0; margin:0;}
#leftMenu li{display:block; list-style:none; padding:0 0 0 25px; margin:0; text-transform:lowercase}
#leftMenu li a{color:#FFFFFF; text-decoration:none; font-weight:normal; font-size:120%;}
#leftMenu li a:hover{text-decoration:underline;}
#leftMenu li a.active{font-weight:bold;}
/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}
/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer {width:800px; height:34px; background:url(../images/layup/footerBg.gif) no-repeat; color:#FFFFFF;}
#footer .padding {padding:8px 25px;}
#footer a { font-weight:normal; text-decoration:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, select, textarea{font-size:11px !important;}
.input { width:250px; border:1px solid #999999; background-color:#FFFFFF}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }