﻿html,body {
    margin:0;
    padding:0;
    font-family: 'Trebuchet MS', Arial, Verdana, Lucida, Geneva,sans-serif;
    font-size:12px;
    text-align:center;
    background-color:#333333;
}
body {
    margin:0;
    padding:0;
}
#box {
    padding:10px;
    margin:0;
    margin-top:8px;
    background-color: #E0E0E0;
    color:#333333;
    width:180px;
}
a, a:visited, a:hover {
	color:#990000;
}
/* Gradient Background */
#bgImage {
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
}

/* Centering the main table and content */
#main {
    position:relative;
    z-index:1;	    
    padding-bottom:20px;
}
#tableMain {
    margin:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border:10px solid #ffffff;
    background-color:#ffffff;
}

/* Navigation - Upper Left */
#nav {
    padding:0;
    margin:0;
    background-image:url(../images/gradient_menu.jpg);
    background-repeat:repeat-x;
    width:200px;
}
#nav ul {
    margin:0;
    list-style:none;
    margin:0;
    padding:0;
    border: none;
}
#nav li {
    border-bottom: 1px dotted #E1D7CC;
    margin: 0;
}    
#nav li#last {
    border-bottom: 0px;
    margin-bottom: 0;
}
#nav li a {
    display: block;
    padding:5px 0px 5px 10px;
    color: #333333;
    font-weight:bold;
    text-decoration: none;
    width: auto;
}
#nav li a:hover {
    background-color: #333333;
    color: #ffffff;
    text-decoration: underline;
}

/* Categories */
#categories {
    padding:0;
    margin:0;
    margin-top:6px;
    background-color: #e0e0e0;
    width:200px;
}
#categories ul {
    list-style:none;
    margin:0;
    padding:0;
    border: none;
}
#categories li {
    border-top: 1px dotted #ffffff;
    margin: 0;
}
#categories li a {
    display: block;
    padding:4px 0px 4px 10px;
    background-color: #e0e0e0;
    color: #990000;
    font-weight:bold;
    text-decoration: underline;
    width: auto;
}
#categories li a:hover {
    background-color: #cccccc;
    color: #000000;
    text-decoration: none;
}

/* Newsletter */    
#newsletter {
    padding:0;
    margin:0;
    margin-top:8px;
    padding-bottom:5px;
    background-color: #eaecd4;
    color:#333333;
    width:200px;
}
#newsletter p {    
    margin:0;
    margin-left:10px;
    margin-bottom:5px;
}
#newsletter #dotted {   
    margin:0;
    margin-left:10px;
    margin-bottom:5px;
    padding-top:5px;
    border-top: 1px dotted #999999;
}

/* Header */
#logo {
    width:780px;
    margin-top:25px;
    margin-bottom:20px;
    color:#FFFFFF;
}
        
/* Footer */
#tableFooter td {
    color:#ffffff;
}
#sitemap {
    margin-bottom:10px;
}
#sitemap ul {
    margin:0;
    padding:0;
    display:inline;
}
#sitemap li {
    margin: 0;
    padding-left:4px;
    border-left: 1px solid #ffffff;
    display:inline;
}    
#sitemap li#first {
    border-left: 0px;
}
#sitemap li a {
    display: block;
	background:none;
    font-size:11px;
    color: #ffffff;
    text-decoration: none;
    width: auto;
    display:inline;
}
#sitemap li a:hover {
    background-color: #cccccc;
    color: #000000;
    text-decoration: none;
}    
.viewCart {
    color:#FFFFFF;   
}
.viewCart:visited {
    color:#FFFFFF;
}
.viewCart:hover {
    color:#CCCCCC;   
    text-decoration: none;
}

/* General Styles */
p {
    margin:0;
}
#bar {
    background-image:url(../images/bar.png);
    background-repeat:repeat-x;
    vertical-align:middle;
    line-height:50px;
    height:50px;
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    padding-left:20px;
    margin-top:8px;
}
#breadcrumbs {
    background-image:url(../images/bar.png);
    background-repeat:repeat-x;
    vertical-align:middle;
    line-height:50px;
    height:50px;
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    padding-left:20px;
    margin-top:0px;
}
h1 {
    font-family: Arial, Verdana, 'Trebuchet MS', 'Lucida Grande', Helvetica, Lucida, Geneva,sans-serif;
    font-size:15px;
    font-weight:bold;
    padding-top:10px;
    margin-top:0px;
    margin-left:4px;
    margin-bottom:10px;
    color:#333333;
}    
.categoryTitle {
    font-family: 'Trebuchet MS', Arial, Verdana, 'Lucida Grande', Helvetica, Lucida, Geneva,sans-serif;
    font-size:18px;
    font-weight:bold;
    padding-top:10px;
    color:#333333;
    margin:0;
    padding:0;
    margin-top:2px;
    margin-bottom:10px;
}     
ul {
    margin:0;
    padding:0;
    list-style:none;
}
li {
    margin:0;
    padding:0;
}

#featured a {
    color: #990000;
    font-weight:bold;
    text-decoration: underline;
    width: auto;
}
#featured a:hover {
    color: #990000;
    text-decoration: none;
    background-color: #e0e0e0;
}    

#breadcrumbs a {
    color: #FFFFFF;
    font-weight:bold;
    text-decoration: underline;
    width: auto;
}
#breadcrumbs a:hover {
    color: #FFFFFF;
    text-decoration: none;
}    

.gridview a {
    color: #990000;
    font-weight:bold;
    text-decoration: underline;
    width: auto;
}
.gridview a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #990000;
}  
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=60);
    opacity:0.60;         
}
.checkbox label {
    display:block;
    margin-top:-18px;
    padding-left: 25px; 
}
.radiobuttonlist label {
    display:block;
    margin-top:-18px;
    padding-left: 25px; 
}
.option {
    padding:2px;
    border:1px solid #999999;
    background-color:#FFFFFF;
}
.fraction {
    font-size:80%; 
    vertical-align:20% 
}
.hyperlink  {
    color: #FF0000;
    font-weight:bold;
    text-decoration: underline;
}
.hyperlink:hover {
    text-decoration: none;
}

.checkout_required {
    padding:5px 0px 5px 80px;
}
.checkout {
    padding:5px 0px 5px 10px;
}

.checkout_required2 {
    padding:5px 0px 5px 100px;
}
.checkout2 {
    padding:5px 0px 5px 10px;
}

.checkoutLinkButton {
    color: #990000;
    font-weight:bold;
    text-decoration: underline;
    width: auto;
}
.checkoutLinkButton:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #990000;
}  

.question {
    font-weight:bold;
}

#copyright a {
    color: #FFFFFF;
    text-decoration:underline;   
}
#copyright a:hover {
    text-decoration:none;   
}

#measuring ol {
	margin:0;
	padding:0;
	list-style-type:decimal;
}
#measuring li {
	margin:0;
	padding:0;
	margin-left:30px;
}
