/* www.fyldebridalcars.co.uk */
/* Copyright 2008 John Madgwick (www.MajicWebDesign.co.uk) */

/* --- The Colours --- 
Yellow (Light > Dark)
#FFFACC
#FDEC55
#FEE500 ?!

*/
BODY
{
	margin: 0; padding: 0;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000; background-color: #fffacc;
}

H1, H2, H3 { text-align:center; }

DIV.hr, HR
{ 
    width:100%; height:10px; margin:2em 0; border-width:0;
    background-image: url(yellow/Divider.gif);
    background-position:center center;
    background-repeat:no-repeat;
    border-style: none;
}

DIV.central
{
	margin: 0 auto; padding: 0;
	width: 770px; /* No horizontal scrollbar at 800x600 */
	text-align: left; /* Reset the align center in BODY */
}

A IMG { border-width:0 }

DIV.imageRight 
{
    float:right; width:190px;
    text-align:center;
    margin:0 0 10px 10px;
    font-size:85%;
}

DIV.imageLeft 
{
    float:left; width:190px;
    text-align:center;
    margin:0 10px 10px 0;
    font-size:85%;
}

TEXTAREA { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

/* ***** HEADER ***** */
DIV#header
{
    width: 100%; height: 250px;
    background-image: url(Yellow/Gradient-Top.gif);
    background-repeat: repeat-x;
}
DIV#header H1#headerLogo
{
    width: 100%; height: 160px;
    padding: 0; margin: 0;
    text-indent: -10000px;
    background-image: url(Yellow/FyldeBridalCars-Header.gif); 
    background-position: center; background-repeat: no-repeat;
}

/* ***** MAIN BODY ***** */
.em
{
    font-style: italic; font-size: 115%;
    color: #899117;
}

IMG.right 
{
    float: right;
    border: solid 1px #899117;
    padding: 4px;
}

A         {color:#91173A}
A:visited {color:#761791}
A:hover   {color:#CF2153}
A:active  {color:#299117}

/* ***** HomePageTextBox ***** */
DIV#HomePageTextBox
{
    position:absolute; top:150px; left:20px; z-index:10;
    width:280px; height:165px; padding:5px 10px;
    background-image:url(Yellow/HomepageParagraphBox.jpg);
}
DIV#HomePageTextBox H1 { font-size:17px; margin:0; }
DIV#HomePageTextBox H2 { font-size:13px; margin:0; }
DIV#HomePageTextBox P  { font-size:11px; margin:1ex 0; text-align:justify; }

DIV#HomePageTextBox P.links { text-align:center; font-weight:bold; }
DIV#HomePageTextBox P.links A       { text-decoration:none; }
DIV#HomePageTextBox P.links A:hover { text-decoration:underline; }

/* ***** MENU ***** */
DIV.menu
{
    text-align:center;
    padding:0 26px;
}

DIV.menu UL
{
    margin: 0; padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

DIV.menu UL LI
{
    float: left;
    margin: 0; padding: 0;
}

/* ***** FEATURES ***** */
DIV.feature 
{
    clear: both;
    margin: 25px; padding: 5px 5px 5px 120px;
    background-color: #FBFFC9;
}

DIV.feature IMG
{
    float:left; 
    margin-left: -115px; padding: 4px; 
    background-color: #fff; 
    border: solid 1px #899117;
}

DIV.feature H2, DIV.feature P
{
    margin:0;
}


/* ***** FOOTER ***** */
DIV#footer
{
    clear: both;
    width: 100%; height: 250px;
    background-image: url(Yellow/Gradient-Bottom.gif);
    background-repeat: repeat-x;
}

DIV#footer DIV.central
{
    height: 250px;
    background-image: url(Yellow/Watermark-Footer.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    position:relative;
}

DIV#footer DIV.central DIV.copyright 
{
    text-align:center; position:absolute; top:75px; width:100%; }

.email, .phone, .mobile
{ 
    font-size: large; line-height:50px; margin: 10px 0;
    display:inline-block; padding-left:50px;
    background-image:  url(Yellow/EmailIcon.gif); background-repeat:no-repeat; background-position: left center;
}
.phone { background-image:  url(Yellow/PhoneIcon.gif); }
.mobile { background-image:  url(Yellow/MobileIcon.gif); }


DIV.copyright .email { margin-left:50px; }

.address
{ 
    font-size: large; font-style: normal;
    display:inline-block; padding-left:50px; padding-top:12px;
    background:  url(Yellow/AddressIcon.gif); background-repeat:no-repeat; background-position: left top;
}

DIV#footer DIV.central IMG.fbc { position:absolute; left:0px; top:170px }
DIV#footer DIV.central IMG.mwd { position:absolute; left:600px; top:200px }

/* ***** FAQ ***** */
.faq H2 { text-align:left; font-size: medium; margin:5px 0 }
.faq H2 A, .faq H2 A:visited { text-decoration:none; color:#000; }
.faq P { background-color:#fdec55; width: 100%; padding:5px; }
.faq P IMG { float: right; margin-left:5px; }

/* ***** Meet the cars ***** */
UL.meetTheCars { }
UL.meetTheCars LI { margin-top:2em; }

/* ***** Enquiry Form ***** */
DIV.enquiry 
{
    border: 2px solid #fdec55;
    padding:10px;
    background-color:#fff;
    width:320px;
    font-weight:bold;
}
DIV.enquiry DIV { clear:both; margin-bottom:5px; text-align:center; }
DIV.enquiry .txt
{
    border: 1px solid #fdec55;
    background-color: #fffacc;
    float:right;
    width:175px;
}
DIV.enquiry label{ float:left; }
DIV.enquiry #txtComments { width:100%; }


/* ***** Thunmbnail Viewer ***** */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}