/* CSS Document */
@import "reset.css";

html, body {margin:0px; padding:0px; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#333333; line-height:18px;}
#wrapper-bg {width:990px; height:auto; background:url(../images/layout/background-middle.jpg) repeat-y;}
#bg-top {float:left; width:990px; height:auto; background:url(../images/layout/background-top.jpg) top no-repeat;}
#bg-bottom {float:left; width:990px; height:auto; background:url(../images/layout/background-bottom.jpg) bottom no-repeat;}
#wrapper-layout {width:957px; height:auto;}
#header {float:left; width:957px; height:auto; background:url(../images/layout/header-top.png) top no-repeat; margin-top:15px;}
#footer {float:left; width:957px; height:auto; background:url(../images/layout/header-bottom.jpg) bottom no-repeat; margin-bottom:20px;}

#logo {float:left; width:500px; height:100px; margin-top:25px; background:url(../images/layout/logo.png) center no-repeat;}

#wrapper-content {float:left; width:957px; height:auto;}
#content-top {float:left; width:957px; height:auto; background:url(../images/layout/content-top.png) top no-repeat;}
#content-middle {float:left; width:885px; height:auto; padding-left:36px; padding-right:36px; background:url(../images/layout/content-middle.png) repeat-y;}
#content-bottom {float:left; width:957px; height:120px; padding-top:18px; background:url(../images/layout/content-bottom.png) bottom no-repeat; margin-bottom:50px; line-height:120px; font-size:12px; color:#666666;}
#menu-bg {float:left; width:957px; height:80px; background:url(../images/layout/menu-bg.png) no-repeat;}
#topnav {float:left; width:775px; height:50px; padding-top:20px; padding-bottom:10px; padding-left:91px; padding-right:91px;}
.menu {float:left; width:155px; height:50px; line-height:50px; text-align:center;}
#pathway {float:left; width:885px; height:58px; padding-left:36px; padding-right:36px; line-height:50px; font-size:18px; font-weight:bold;}

.full_area {float:left; width:100%; height:auto;}

.menu a {font-size:16px; text-decoration:none; color:white; font-weight:bold;}
.menu a:active {color:white; text-decoration:underline;}
.menu a:visited {color:white;}
.menu a:hover {color:#333333; text-decoration:underline;}

a {text-decoration:none; font-weight:bold; color:#0000FF;}
a:active {color:#0000FF;}
a:visited {color:#0000FF;}
a:hover {text-decoration:underline;}

/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }

#selection ul { float:right; list-style:none; padding-right:50px; }
#selection ul li { float:left; width:auto; line-height:30px; padding-left:10px; padding-right:10px; }

.product_thumbnail {float:left; width:112px; padding:5px; height:165px;}
.product_image_thumb {float:left; width:100px; height:100px; padding:5px; border:1px solid #cccccc;}

#banners {float:left; width:650px; height:250px; border:5px solid #ececec;}