/*---------------------------------------------
|  (C) 2006 Companion Computers Limited (CCL)
|       www.companioncomputers.co.uk
|			   info@compan.net
|----------------------------------------------
|     site : www.celebration-carriages.co.uk
|   author : Andrew Scott (andrew@compan.net)
|     date : 01/04/2007
----------------------------------------------*/
* { font-family: Georgia, Arial; }
* { -moz-box-sizing:border-box !important; box-sizing:border-box !important; }

html { width:100%; height:100%; overflow:auto; margin:0px; padding:0px; background-color:#ffffff; }
body { width:100%; height:100%; overflow:auto; overflow-y:scroll; margin:0px; padding:0px; color:#000066; }

/* ScrollBar Style */
body {  scrollbar-face-color:#663333;    scrollbar-shadow-color:#ffffcc;    scrollbar-highlight-color:#000066;     scrollbar-3dlight-color#ffffcc;    scrollbar-darkshadow-color:#ffffcc;    scrollbar-arrow-color:#ffffcc;    scrollbar-track-color:#ffffff; }

#container { position:absolute; top:10px; left:50%; width:1000px; height:600px; padding:172px 0px 65px 0px;  margin:0px 0px 0px -500px; overflow:visible; background-image:url('/images/background.png') }

#container img {border:solid 1px #000066;}

#background { position:absolute; top:0px; left:0px; width:1000px; height:600px; background-image:url('/images/background_1.png') }

#menu { position:absolute; top:90px; left:10px; width:210px; height:300px;  }
#mainContent { position:absolute; top:120px; left:220px; width:750px; height:440px; border:solid 1px #000066; background-color:#ffffcc; overflow:auto; padding:10px; }

body.home #mainContent { background-position: 450px 10px; background-repeat:no-repeat; background-image:url('/images/homebackground.png') }

body.weddings #mainContent { background-position: left top; background-repeat:no-repeat; background-image:url('/images/weddingbackground.png') }

body.weddingcars #mainContent { background-position: left top; background-repeat:no-repeat; background-image:url('/images/weddingbackground.png') }

body.berkshire #mainContent { background-position: 450px 105px; background-repeat:no-repeat; background-image:url('/images/homebackground.png') }

body.giftvoucher #mainContent { background-position: 60px 30px; background-repeat:no-repeat; background-image:url('/images/homebackground.png') }

#enquirenow {background-image:url(/images/enquirenow.png); position:absolute; top:490px; left:55px;width:135px; height:80px; display:block; }

#enquirenow a{display:block; width:100%; height:100%; text-decoration:none; }

#footer { position:absolute; bottom:1px; left:100px; width:980px; height:30px; font-size:10px; overflow:hidden; text-align:center; color:#663333; } 
#footer a { color:#663333; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #663333; } 
#footer a:hover { border-bottom:solid 1px; } 

h1#Heading {position:absolute; top:25px; left:35px; height:48px; width:470px; font-size:0px; background-image:url('/images/logo.png'); color:#c3c19c; }
h1#Heading  a{display:block; width:100%; height:100%; text-decoration:none; color:#c3c19c; }
#strapline {position:absolute; top:75px; left:105px; height:40px; width:510px; font-size:0px; background-image:url('/images/strapline.png'); color:#ffffcc; }
#phoneno {position:absolute; top:40px; left:680px; height:25px; width:300px; font-size:0px; background-image:url('/images/phoneno.png'); color:#ffffcc; }
#emailaddress {position:absolute; top:70px; left:680px; height:25px; width:300px; font-size:0px; background-image:url('/images/emailaddress.png'); color:#ffffcc; }

/* Menu button styling */
#menu ul, #menu ul li { margin:0px; padding:0px;  color:#000066;}
#menu ul li { display:block; height:28px; width:210px; text-color:#000066;} 
#menu ul li a { text-color:#000066; text-decoration:none;  height:18px; line-height:18px; display:block; padding-right:15px; font-weight:bold; padding-left:10px; } 
#menu ul a  { color:#000066;  text-decoration:none; } 
#menu ul a:hover { color:#663333;  text-decoration:none; } 
#menu ul a.selected { color:#00ff00; text-decoration:none; }
#menu ul a.active { text-color:#00ff00; text-decoration:none;}

#tild {font-size:40px;}

h1, h2, h3, h4, p {padding:0px; margin:0px;}

h1 { color:#663333;  font-size:16px; }
h2 { color:#663333;  font-size:16px; }
h3 { color:#000066; }



/* Slideshow */

#slideShowWrapper  { position:absolute; width:600px; height:300px; left:50px; top:100px; background-color:#ffffff;}

#expressInstall { position:absolute; width:500px; height:250px; left:90px; top:110px; padding: 20px 10px 10px 10px; background-color:#eeeeee;}

/*
****************** OLD CSS STARTS HERE ********************

#map {border:solid 1px #000066; margin-left:230;}

#container { width:1002px; position:relative; top:0px; left:50%; padding:172px 0px 65px 0px;  margin:0px 0px 0px -500px; overflow:visible; overflow-x:hidden;border:solid 1px #7f5a54;background-color:#ffffcc;}
#header { width:1000px; height:150px; position:absolute; top:0px; left:0px; background-image:url(/images/header.png);}

#menu { width:100%;  position:absolute; left:0px; top:150px; border-top:solid 2px #7f5a54; border-bottom:solid 2px #7f5a54; background-color:#000066;  color:#ffffcc; height:22px; } 
#menu ul { position:absolute; right:100px; }
#menu ul, #menu ul li { margin:0px; padding:0px; }
#menu ul li { display:inline; float:left; height:20px;} 
#menu ul li a { color:#ffffcc; text-decoration:none; height:20px; line-height:20px; font-size:14px; font-weight:bold; display:block; padding-right:15px; padding-left:15px;  float:left;} 
#menu ul li a:hover { color:#000066; } 
#menu ul li a.selected { text-color:#000066;}
#menu ul li a.active { text-color:#000066;}

#mainContent { position:relative; width:1000px; padding:20px; overflow:visible; background-color:#ffffcc;}
#mainContent a { color:#000066; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #7f5a54; } 

#mainContent a:hover { border-bottom:solid 1px; } 

#leftContent { position:relative; float:left; margin-right:0px; width:0px; height:300px; overflow:hidden; }

#main{ width:960px;position:relative;  float:left; }

#footer { width: 100%; height:35px; position:absolute; bottom:0px; text-align:center; font-size:10px; background-color:#ffffcc; padding:7px 0px 0px 0px; border-top:dashed 1px #7f5a54; }
#footer a { color:#000066; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #7f5a54; } 
#footer a:hover { border-bottom:solid 1px; } 

****************** OLD CSS ENDS HERE ********************


*/

/* Special CCL Menu */
#CCLMenu { position:absolute; top:0px; right:5px; width:150px; min-height:140px; margin:0px; border:solid 1px black; background-color:#492d00; text-align:right;  padding:5px 10px 5px 5px; opacity:0.5; filter:alpha(opacity=50); }
#CCLMenu:hover { opacity:1; filter:alpha(opacity=100); }
#CCLMenu h2 { font-size:14px; color:White; margin:0px; padding:0px; } 
#CCLMenu a { margin:0px; padding:0px; color:#4075b7; font-size:12px;  text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #4075b7; }
#CCLMenu a:hover { color:white; border-bottom:solid 1px white;  }

/* Login */
div#loginPane { width:500px; margin:0px; font-size:12px; padding-top:0px;} 
div#loginPane p { margin:0px; padding:5px; } 
div#loginPane p label { width:150px; text-align:right; color:#000066; padding-right:5px; } 
div#loginPane p input { width:142px; }
div#loginPane p input.button { width:132px; margin-left:150px;}