/* ////////////////////////////////////////////////////////////////////////////
CSS Document - General Layout Styles
////////////////////////////////////////////////////////////////////////////
South West BioFuels
http://www.swbiofuels.co.uk 
////////////////////////////////////////////////////////////////////////////
Coded by Steven Wilson
Email: info@dominion79.co.uk
////////////////////////////////////////////////////////////////////////////*/

/*--------------------------------- HTML Tags ---------------------------------*/

body { font-family:Arial, Helvetica, sans-serif; text-align:center; }

body, p, h1, h2, li {color:#00413d; margin:5px 10px 10px 0;}

ul { font-size:12px; line-height:18px; margin:0px; padding:0px; list-style: outside; }

ol { font-size:12px; line-height:18px; margin:0px; padding:0px; }

li { margin:10px 20px 5px 30px; }

body, p { font-size:12px; line-height:18px;}

p { text-align:left; }

h1 { font-size:14px; line-height:18px; font-weight:bold; }

h2 { font-size:14px; line-height:18px; font-weight: normal; text-align:justify; color:#8add00 }

a { font-size:12px; color:#00413d; text-decoration:underline;}

a:hover { text-decoration:none;}


/*--------------------------------- ID Tags ---------------------------------*/

#News, #Footer, #CopyRight, #CopyLeft, #Title-BioAdvance, #Title, #Header { margin:1px }

/* Container */

#Container { width:824px; margin:0 auto 0 auto; text-align:left; }

/* Hedaer */

#Header { width:822px; height:90px; background: url(../images/header.png) no-repeat #00413d 25px 7px; }

/* Title */

#Title { width:446px; height:110px; float:left; display:inline;  }

#Title h1 { display:inline; float:left; padding:2px; font-weight:normal; font-size:32px; line-height:32px; margin-left:27px; margin-top:40px; }

#Title a { display:inline; float:left;  font-weight:normal; font-size:12px; margin-left:10px; margin-top:40px; background-color:#f00; padding:5px; text-decoration:none; color:#fff; border:1px solid #fff; } 

#Title a:hover { background-color:#fff; color:#f00; border:1px solid #f00; } 

#TitleStar { display:inline; float:left; margin-left:5px; margin-top:33px;}

#Title-BioAdvance { width:374px; height:110px; float:left; display:inline; background:url(../images/Title-bioAdvance.png) no-repeat }


/* Copy */

html>body #CopyLeft { position:relative; }

#CopyLeft { width:446px; height:401px; float:left; display:inline; margin-bottom:0; overflow:hidden; }

#CopyRight { width:373px; height:401px; float:left; display:inline; text-align:center; margin-bottom:0; padding-left:1px; }

/* Scroller  */

#Scrlcontent { display:inline; float:left; width:426px; left:0; top:0; position:absolute; }

#ScrollContainer { display:inline; float:right; }

#ArrowUp { width:20px; height:20px; }

#ArrowDown {width:20px; height:20px; }

#ArrowUp img, #ArrowDown img { border:0; } 

#Arrowspacer {width:20px; height:360px; background:#fff;}

/* Footer */

#Footer { width:823px; background:url(../images/tile-green.png) repeat; margin-top:0; }

#Footer a, #Footer p { display:inline; margin: 0 0 0 27px; font-size:10px; }

#Footer a { text-decoration:none; }

#Footer a:hover { color:#D17100 }

#DesignTag a { color:#999; display:inline; float:left; margin:5px 10px 5px 0; font-size:10px; }

/* Images Tabs */

html>body #Tabs { width:120px; height:40px; display:inline; float:left; margin:350px 2px 0 2px; padding-top:11px;  }

#Tabs { width:120px; height:51px; display:inline; float:left; margin:350px 2px 0 2px; padding-top:11px;  }

#Tabs p { font-size:12px; color:#fff; text-align:center; margin:0; }

/* SignUp */

#SignUp { float:left; display:inline; width:426px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; }

/*--------------------------------- Classes ---------------------------------*/

/* Lister */

.Lister { width:426px; height:100px; margin:10px 0 10px 0; display:block; float:left; }

.Lister img { width:100px; height:100px; float:left; }

.Lister p { margin:5px; line-height:16px;}

.Lister h1 { margin:3px 10px 0 110px; text-align:left; display:block;}

.ListerButton a { margin:3px 10px 0 110px; text-align:left; display:block;}

.ListerButton a { background-color:#D17100; color:#fff; font-size:10px; text-decoration:none; padding:3px; width:60px; text-align:center; float:right; }

.ListerButton a:hover { background-color:#00413d; color:#D17100; }

/* Clip */

.Clip {height:60px; overflow:hidden;  }

.Clear { clear:both; }

/* Background Tiles Green, LightGreen, Orange and Yellow */

.Bg-Green { background:url(../images/tile-green.png) repeat }

.Bg-LightGreen { background:url(../images/tile-lightgreen.png) repeat }

.Bg-Orange { background:url(../images/tile-orange.png) repeat }

.Bg-Yellow { background:url(../images/tile-yellow.png) repeat }

/* HighLights Green, LightGreen, Orange and Yellow */

.Highlight-Green { color:#00413d }

.Highlight-LightGreen { color:#8add00 }

.Highlight-Orange { color:#D17100 }

.Highlight-Yellow { color:#F3D700 }
 
.Highlight-White { color:#fff }

/* Back Button */

.back { font-size:12px; color:#fff; background:url(../images/tile-lightgreen.png) repeat; padding:3px; margin:5px 5px 5px 0; display:block; width:150px; text-align:center; text-decoration:none; }

html>body .back {  width:140px; }

/* Images */

.image-field { background:url(../images/image-field.jpg) no-repeat }

.image-ibc { background:url(../images/image-ibc.jpg) no-repeat }

.image-car-light { background:url(../images/image-car-light.jpg) no-repeat }

.image-car-mirror { background:url(../images/image-car-mirror.jpg) no-repeat }

.image-car-funnel { background:url(../images/image-funnel.jpg) no-repeat }

.image-tanker { background:url(../images/image-tanker.jpg) no-repeat }

.image-tree-field { background:url(../images/image-tree-field.jpg) no-repeat }

.image-white-van { background:url(../images/image-white-van.jpg) no-repeat }

.image-yellow-flower { background:url(../images/image-yell-flower.jpg) no-repeat }

.image-truck { background:url(../images/image-truck.jpg) no-repeat }