/* CSS Document */
a {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}
body {
font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
margin:0px;
}
.separator {
clear:left;
height:0px;
}
p, h1, h2, h3, h4 {
margin:0px;
color:#FFFFFF;
font-weight:normal;
}
img {
border:none;
}
.bold {
font-weight:bold;
}
#page {
width:900px;
margin:0 auto;
background-color:#000000;
}
#header {
float:left;
width:900px;
height:80px;
background-color:#000000;
}
#header img {
padding:20px 20px 0px 20px;
border:none;
}
#navbar {
float:left;
width:900px;
height:30px;
background-color:#666666;
}
#navbar a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#navbar a:hover {
text-decoration:none;
font-weight:bold;
color:#333333;
}
ul#nav {
padding:0px 0px 0px 20px;
margin:0px;
list-style-type:none;
}
ul#nav li {
padding:5px 5px 0px 5px;
float: left;
position: relative;
}
ul#nav li ul {
display: none;
position: absolute;
list-style-type:none;
top: 10px;
left: 0px;
margin:0px;
}
ul#nav li > ul {
top: auto;
left: auto;
}
ul#nav li ul li {
float: none;
position: relative;
}
ul#nav li:hover ul, ul#nav li.over ul {
width:150px;
display: block;
background: #666666;
padding: 0px 0px 5px 0px;
top: 23px;
left: 0;
}
#content {
float:left;
width:900px;
background-color:#000000;
}
#termscontent {
float:left;
width:900px;
background-color:#000000;
}
#termscontent p {
font-size:12px;
font-color:#FFFFFF;
padding:0px 20px 10px 20px;
}
#termscontent h2 {
font-size:14px;
font-color:#FFFFFF;
padding:20px 20px 10px 20px;
font-weight:bold;
}
#leftimg {
float:left;
width:350px;
height:460px;
background-image:url(Images/homeimg.jpg);
background-repeat:no-repeat;
}
#leftcol {
float:left;
width:350px;
background-color:#000000;
}
#leftcol h2 {
margin:50px 0px 17px 25px;
font-size:18px;
font-weight:bold;
}
#leftcol a {
color:#CCCCCC;
text-decoration:none;
}
#leftcol a:hover {
text-decoration:underline;
}
#leftcol p {
margin:0px 0px 5px 25px;
font-size:12px;
}
#leftimages {
float:left;
width:150px;
margin:30px 9px 10px 20px;
}
#leftimages p {
font-size:11px;
padding:0px 0px 5px 0px;
}
#rightimages {
float:left;
width:150px;
margin:30px 0px 10px 0px;
}
#rightimages p {
font-size:11px;
padding:0px 0px 5px 0px;
}
#righttxt {
float:left;
width:550px;
background-color:#000000;
}
#righttxt h2 {
font-weight:normal;
font-size:18px;
padding:10px 55px 10px 50px;
}
#boxtop{
margin:30px 20px -15px 25px;
}
#boxbottom{
margin:-10px 20px 10px 25px;
}
#righttxt p {
font-size:11px;
padding:0px 55px 10px 50px;
}
#homepics {
margin:15px 10px 10px 25px;
}
#homepics img {
margin-right:15px;
}
#products {
width:800px;
padding:10px 50px 10px 50px;
background-color:#000000;
}
#products h3 {
padding:10px 10px 10px 0px;
font-size:14px;
font-weight:bold;
}
#products p {
padding:0px 10px 10px 0px;
font-size:11px;
}
.galleryimg {
padding:20px 29px 20px 0px;
}
.productimg {
float:left;
padding:10px 10px 10px 0px;
}
#largeinfo {
width:400px;
height:220px;
float:left;
}
#largeinfo h3 {
padding:15px 10px 10px 0px;
font-size:16px;
font-weight:bold;
}
#largeinfo p {
padding:0px 30px 10px 0px;
font-size:12px;
}
#largeinfo2 {
width:400px;
height:220px;
float:left;
}
#largeinfo2 h3 {
padding:15px 10px 10px 0px;
font-size:16px;
font-weight:bold;
}
#largeinfo2 ul {
font-size:14px;
margin:0px 0px 0px 0px;
list-style:disc;
}
#largeinfo2 li {
width:300px;
display:block;
clear:left;
color:#FFFFFF;
}
#largeproduct {
width:800px;
height:220px;
}
#largeproduct h3 {
padding:30px 10px 10px 0px;
font-size:16px;
font-weight:bold;
}
#largeproduct p {
padding:0px 10px 10px 0px;
font-size:12px;
}
.smallproduct {
float:left;
width:400px;
height:170px;
}
#previous {
float:left;
width:200px;
height:30px;
text-align:left;
}
#previous p {
padding:5px 5px 5px 5px;
background-color:#CCCCCC;
border:1px solid #666666;
font-size:14px;
}
#previous a {
color:#000000;
text-decoration:none;
}
#previous a:hover {
color:#666666;
}
#next {
float:left;
width:200px;
height:30px;
text-align:right;
margin-left:300px;
}
#next p {
padding:5px 5px 5px 5px;
background-color:#CCCCCC;
border:1px solid #666666;
font-size:14px;
}
#next a {
color:#000000;
text-decoration:none;
}
#next a:hover {
color:#666666;
}
#footer {
float:left;
width:900px;
height:30px;
background-color:#666666;
}
#footer p {
padding:5px 10px 0px 717px;
font-size:11px;
}
#footer a {
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover {
color:#333333;
text-decoration:none;
}
#boxtopsm{
margin:30px 0px -15px 0px;
}
#boxbottomsm{
margin:-10px 0px 10px 0px;
}
#info {
float:left;
width:450px;
}
#info h2 {
font-weight:normal;
font-size:18px;
padding:10px 35px 10px 20px;
}
#info p {
font-size:11px;
padding:0px 35px 10px 20px;
}
#info h3 {
font-weight:normal;
font-size:12px;
padding:10px 35px 0px 20px;
margin:0px 0px 0px 0px;
}
#info ul {
color:#CCCCCC;
font-size:12px;
margin:0px 0px 0px 50px;
list-style:circle;
}
#leftlist {
float:left;
width:200px;
margin-bottom:10px;
}
#rightlist {
float:left;
width:200px;
margin-bottom:10px;
}
#list {
float:left;
width:450px;
margin-bottom:60px;
}
#list h3 {
font-size:14px;
margin-bottom:5px;
}
#extras {
float:left;
width:350px;
}
#extras p {
margin:10px 0px 0px 40px;
}
#extras h4 {
margin:10px 0px 0px 40px;
}
#extras img {
margin:30px 0px 10px 40px;
}
#extras a {
color:#FFFFFF;
text-decoration:none;
}
#extras a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#contactform form {
margin:5px 10px 10px 10px;
}
#contactform input {
font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #666666;
background:#FFFFFF;
color:#000000;
display:block;
float:left;
margin-bottom:5px;
}
.textarea {
margin-bottom:5px;
margin-left:-3px;
font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #666666;
background:#FFFFFF;
color:#000000;
}
#contactform input.button {
font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
border:1px solid #333333;
background:#999999;
}
#contactform label {
font-size:12px;
font-weight:bold;
display:block;
float:left;
color:#FFFFFF;
text-align:right;
width:120px;
padding-right:20px;
}
#contactform .button {
margin-left:25px;
}
#contactform br {
clear:left;
}
#quoteleft {
float:left;
width:400px;
margin:0px 0px 20px 25px;
padding-bottom:20px;
}
#quoteleft h2 {
font-size:18px;
font-weight:bold;
margin:0px 0px 10px 0px;
}
#quoteleft p {
font-size:12px;
margin:0px 0px 10px 0px;
}
#quoteright {
float:left;
width:400px;
margin:30px 0px 20px 0px;
padding-bottom:20px;
}
#quoteright p {
font-size:14px;
margin:0px 0px 10px 20px;
}
#quoteform {
margin:30px 0px 20px 0px;
}
#quoteform input {
font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #666666;
background:#FFFFFF;
color:#000000;
display:block;
float:left;
margin-bottom:5px;
}
#quoteform select {
font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #666666;
background:#FFFFFF;
color:#000000;
display:block;
float:left;
margin-bottom:5px;
}
#quoteform input.button {
font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
border:1px solid #333333;
background:#999999;
}
#quoteform label {
font-size:12px;
font-weight:bold;
display:block;
float:left;
color:#FFFFFF;
text-align:right;
width:140px;
padding-right:20px;
}
#quoteform .button {
margin-left:25px;
}
#quoteform br {
clear:left;
}
#popup {
width:580px;
margin:10px;
text-align:left;
}
#popup h2 {
margin:20px 10px 0px 10px;
font-size:18px;
font-weight:bold;
}
#popup p{
margin:10px 10px 5px 10px;
font-size:12px;
}
#popup ul {
color:#FFFFFF;
list-style-type:circle;
font-size:12px;
margin-top:10px;
}