/* Layout Styles */

body {
background-color:#bebebe;
margin:0px;
padding:0px;
background-image:url("http://www.flowers-favours.co.uk/images/design/bg.jpg");
background-repeat:repeat; 
}

#wrapper {
position:relative;
margin:0px auto;
width:720px;
height:250px;
}

#header {
position:relative;
width:720px;
height:182px;
background-color:#a2b219;
}

#header-logo {
position:relative;
float:left;
width:486px;
height:182px;
background-image:url("http://www.flowers-favours.co.uk/images/design/left_header.gif");
background-repeat:no-repeat;
}

#header-nav {
position:relative;
float:right;
width:234px;
height:180px;
left:0px;
top:0px;
background:url("http://www.flowers-favours.co.uk/images/design/right_nav.gif") no-repeat;
}

#header-nav ul {
position:absolute;
top:0px;
left:5px;
margin:0px;
margin-top:1px;
margin-bottom:1px;
padding:0px;
list-style:none;
list-style-type:none;
}

#header-nav a {
display:block;
width:150px;
height:23px;
color:#fff;
font-family: "Century Gothic", Verdana;
font-weight:bold;
font-size:15px;
text-decoration:none;
background:url("http://www.flowers-favours.co.uk/images/design/right_nav_button.gif") no-repeat;
padding:7px 0px 0px 0px;
text-indent:50px;
}

#header-nav a:hover { 
color:#ffcc00;
}

#header-nav a:active {
color:#ffcc00;
}

#content {
position:relative;
width:720px;
background-color:#ffffff;
background-image:url("http://www.flowers-favours.co.uk/images/design/content-bg.gif");
background-repeat:repeat-y;
} 

#left-content {
position:relative;
float:left;
width:465px;
left:10px;
top:10px;
min-height:390px;
}

#left-content table {
border:1px solid #cccccc;
}

#left-content td {
padding:2px;
height:25px;
background-image:url("http://www.arrowhire.com/images/misc/td_bg-10x35.png");
background-repeat:repeat-x;
background-position:bottom;
}

#right-content {
position:relative;
float:right;
width:210px;
right:10px;
top:10px;
}

#footer {
position:relative;
width:720px;
height:60px;
background-image:url("http://www.flowers-favours.co.uk/images/design/footer.gif");
background-repeat:no-repeat;
}

#footer-left {
position:absolute;
top:10px;
left:10px;
width:465px;
height:45px;
text-align:left;
}

#footer-right {
position:absolute;
width:210px;
height:45px;
left:500px;
top:10px;
text-align:center;
}

/* Form Styles */

.generic-form input[type="text"], .generic-form input[type="submit"] {
width:220px;
padding:2px;
border:1px solid #cccccc;
background-color:#fafafa;
color:#000000; 
font-size:11px;
}

.generic-form select {
width:224px;
padding:2px;
border:1px solid #cccccc;
background-color:#fafafa;
color:#000000; 
font-size:11px;
}

.generic-form option {
height:15px;
font-size:11px;
}

.generic-form textarea {
width:220px;
height:90px;
padding:2px;
border:1px solid #cccccc;
background-color:#fafafa;
color:#000000;
font-size:11px;
}

/* Text Styles */

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
margin:0px;
padding:0px;
padding-bottom:0px;
color:#000000;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
margin:0px;
padding:0px;
padding-bottom:0px;
color:#ff0000;
}

a {
color:#000000;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#ffcc00;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

form {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer-left, #footer-right { 
font-size:10px;
}

/* List Styles */

.ticks li {
list-style:url("http://www.flowers-favours.co.uk/images/icons/Tick-16x16.jpg");
line-height:150%;
margin-left:0px;
}

.bullets li {
list-style:url("http://www.flowers-favours.co.uk/images/icons/Bullet-16x16.gif");
line-height:150%;
margin-left:0px;
}

/* Misc Styles */

.IndexBoxes {
position:absolute;
top:200px;
left:0px;
}

.IndexServicesTitle {
position:absolute;
top:0px;
left:0px;
width:200px;
height:22px;
background-color:#ff0000;
color:#ffffff;
font-size:14px;
background-image:url("http://www.flowers-favours.co.uk/images/misc/IndexTitle-200x30.gif");
background-repeat:no-repeat;
padding-top:8px;
text-indent:25px;
}

.IndexServicesContent {
position:absolute;
top:30px;
left:0px;
width:194px;
border:1px solid #ff0000;
padding:2px;
font-size:11px;
}

.IndexGalleryTitle {
position:absolute;
top:0px;
left:210px;
width:200px;
height:22px;
background-color:#ff0000;
color:#ffffff;
font-size:14px;
background-image:url("http://www.flowers-favours.co.uk/images/misc/IndexTitle-200x30.gif");
background-repeat:no-repeat;
padding-top:8px;
text-indent:25px;
}

.IndexGalleryContent {
position:absolute;
top:30px;
left:210px;
width:194px;
border:1px solid #ff0000;
padding:2px;
font-size:11px;
}

.IndexServicesTitle a, .IndexGalleryTitle a { color:#ffffff; font-weight:normal; }
.IndexServicesTitle a:hover, .IndexGalleryTitle a:hover { color:#ffcc00; font-weight:normal; text-decoration:underline; }