/* CSS Document */

/**************************************************/
/*	GENERAL HTML TAGS							  */
/**************************************************/
 body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	margin: 0px;
	background-color: #000000;
}
body, td {
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}
table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}
td {
	vertical-align:top;
}
h1 {
	color:#000000;
	font-size: 12px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}
h2 {
	color:#333333;
	font-size: 11px;
	margin:0px;
	padding:0px;
	font-weight: bold;
}
h3 {
	font-size:11px;
	margin:0px 0px 0px 10px;
	padding:0px;
}
img {
	border:none;
}
ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
a {
	color:#333333;
}
a:hover {
	text-decoration:none;
	color: #D2252F;
}


 
	.currentPageDiv {
		text-decoration:none;
		font-size:14px;
		color: #333333;
		}
		
	.currentPageDiv a {
		color: #D2252F;
		}
	.otherPageDiv a {
		color: #333333;
		text-decoration: none;
		}
	.otherPageDiv a:hover {
		text-decoration:none;
		color: #D2252F;
		}
	#nextPageDiv a {
		display: block;
		float: right;
		width: 47px;
		height: 21px;
		padding-top: 4px;
		font-weight: bold;
		text-align: center;
		color: #333333;
		text-decoration: none;
		}		
	#nextPageDiv a:hover {
		text-decoration:none;
		color: #D2252F;
	}

/**************************************************/
/*	LAYOUT DIVS AND TABLES	IDs					  */
/**************************************************/
table#bodytable_home {
	width:790px;
	margin:10px auto;
}
table#bodytable {
	width:765px;
	margin:10px auto;
}
#headerCell {
	width: 765px;
	height: 99px;
	background-image: url(../fw/header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	vertical-align:middle;
	background-color: #F7F7F7;
}
div#topright {
	float:right;
	margin-right:10px;
}
div#topright a {
	text-decoration:none;

}
div#topright a:hover {
	text-decoration:underline;
}
#menuCell {
	height: 28px;
	width:758px;
	border: 3px solid #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../fw/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#contentcell {
	background-color: #FFFFFF;
}
table#homecontent_table {
	width:756px;
	border:1px solid #efefef;
	margin:0px auto;
}
td#homecontent_leftcolumn, td#homecontent_rightcolumn {
	padding:10px;
}
td#content_table_leftcolumn {
	background-color:#E5E5E5;
}
td#content_table_leftcolumn ul a { 
	display: block;
	text-decoration:none;
	padding: 5px 5px 5px 10px;
	margin: 0px;
	width: 149px;
	border-bottom:1px solid #ffffff;
}
td#content_table_leftcolumn li a.dark {
	background-color:#cccccc;
}
td#content_table_leftcolumn li a.light {
	background-color:#dddddd;
}
td#content_table_leftcolumn ul a:hover { 
	background-color: #FFFFFF;
}
td#content_table_middlecolumn {
	width:550px;
	padding:10px 10px 10px 15px;
}
td#content_table_rightcolumn {
	width:153px;
	background-color:#E8E8E8;
	font-weight:bold;
}
div#subtitle {
	width:112px;
	margin:10px auto;
}
div#subtitle a {
	text-decoration:none;
}
div#subtitle a:hover {
	text-decoration:underline;
}
#contentblock1 {
	height:215px;
	background-color:#BCBCBC;
	margin:0px 0px 20px 0px;
}
#drdetector {
	margin:10px 0px 0px 7px;
}
div#currentnews {
	padding:0px 5px;
}

div#currentnews li a{
	display:inline;
}
div#search {
	margin:0px auto;
	width:220px;
}
div#search a {
	text-decoration:none;
	
}
div#search a:hover {
	text-decoration:underline;
}
table#featuredproducts {
	width:250px;
}
#leftcell {
	background-image:url(../fw/leftcell_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#rightcell {
	background-image:url(../fw/rightcell_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#productcategoriescell {
	background-color: #FFFFFF;
}
table#productcategories {
	width:756px;
	margin:0px auto;
}	
table#productcategories td {
	padding:5px 0px;
}
table#productcategories p {
	margin:0px 0px 0px 0px;
}
table#productcategories a {
	text-decoration:none;
}
table#productcategories a:hover {
	text-decoration:underline;
}
#productcategoriesheader {
	background-color:#DDDDDD;
}
#bottomcell {
	height:50px;
	background-image:url(../fw/bottombg_white.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #cccccc;
}
table#bottomcontent {
	width:100%;
	margin:0px auto;
	background-image:url(../fw/bottombg_grey.jpg);
	background-repeat:repeat-x;
}
td#bottomlinks {
		text-align:right;
		vertical-align:middle;
		padding: 0px 10px 0px 0px;
		width: 190px;
}
td#bottomlinks a {
	text-decoration:none;
	
}
td#bottomlinks a:hover {
	text-decoration:underline;
}
div#copyright {
	font-size:9px;
	margin-top:3px;
}
html>body div#copyright {
	width:340px;
}
div#copyright a {
	text-decoration:underline;
}
div#copyright a:hover {
	text-decoration:none;
	color: #D2252F;
}
.footerAddition {
	float:right; 
	font-size:9px; 
	margin:3px 0px 0px 0px;
	}
.homeAdCell {
	width: 765px;
	height: 116px;
	}
.homeAdDiv {
	font-size:12px; 
	margin:60px 30px 10px 0px; 
	float:right; 
	clear:both;
	}	
	
/**************************************************/
/*	LAYOUT DIVS AND TABLES	CLASSES					  */
/**************************************************/
.boldred {
	font-weight:bold;
	color:#D2252F;
}
.categorieslink_light, .categorieslink_dark {
	color:#D2252F;
	width:126px;
}
.categorieslink_light {
	background-color:#E9E9E9;
}
.categorieslink_dark {
	background-color:#CACACA;
}
.leftsideblock {
}
.rightsideblock {
	text-align: right;
	padding: 7px 7px 0px 0px;
}
h3.headerblock {
	background-color:#E2E2E2;
	padding:5px;
	margin:10px 0px;
}
.textfield {
	border:1px solid #999999;
	height:15px;
	font-size:11px;
	color:#333333;
}

TABLE.photogallerytable {
	text-align: left;
	vertical-align: top;
}

TABLE.photogallerytable IMG {
	margin: 2px 1px;
	padding: 0;
	border: none;
}

TABLE.photogallerytable TD {
	margin: 0;
	padding: 1px;
	border: none;
}


/**************************************************/
/*	LINKS						                  */
/**************************************************/
a {
  
}
a:hover {
    
}
/**************************************************/
/*	MISC GRAPHICS				                  */
/**************************************************/

img#bottom_logo {
	width:150px;
	height:50px;
	float:left;
}
img#drdetector {
	margin:10px 0px;
}
#webmark {
	width:40px;
	height:30px;
	margin:3px 3px 2px 5px;
	float:left; 
}
img#subtitle {
	width:115px; 
	height:70px;
	margin-bottom:5px;
}
img.b_productcategories {
	height:50px;
	width:31px;
}
#searchBtn {
	display:inline; 
	vertical-align:bottom; 
	margin-left:5px;
}
/**************************************************/
/*	LIST MENUS  				                  */
/**************************************************/ 
 #dmenu {                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #fff;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li {                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        color: #000;                /* main menu item font color (not links) */
		font-weight:bold;
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        display: block;
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
		display: none;
        width: 127px;               /* should be the same as #dmenu li width */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #AEAEAE;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
		font-weight:normal;
        margin: 0px;                /* spacing between sub-menu containers */
        width: 121px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
		
    }
 #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        display: block;
		border-right:1px solid #D2252F;
		text-decoration: none;
		width:115px;
		height: 21px;
		margin:0px;
		padding:6px 5px 0px 5px;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
      text-align: left;         /* text alignment in all the other level menu item links */
        display: block;
		border:none;
		text-decoration: none;
		padding:6px 0px 0px 5px;
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: block;
        color: #BE1F27;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        color: #BE1F27;
		background-color: #DDD;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 115px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }

         /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }

#submenu {
	width: 165px;
	}
	
#submenu li {
	text-indent: -13px;
	}
	
#submenu li a {                   /* all the other level menu link elements */
	display: block;
	text-decoration:none;
	padding: 5px 4px 5px 9px;
	margin: 0px;
	width: 149px;
	border-bottom:1px solid #ffffff;
    }

#submenu a:hover,                 /* top-level hovering properties */
#submenu li:hover{
        color: #BE1F27;
    }

/* UI */

.productImageCell {
	padding:15px 0px 15px 11px; 
	height:145px; 
	width:143px;
	vertical-align:middle;
	}
	.productCaption{
	width:250px;
	}
.productContent {
	padding:15px 11px 15px 11px; 
	vertical-align:middle;
	}
.evenRow {
	background-color:#F7F7F7;
	 }
.red {
	color:#D2252F;
	font-size:12px;
	font-weight:bold;
	}
#endProduct {
	text-align:right;
	height:51px;
	vertical-align:middle;
	padding-right:11px;
	font-weight:bold;
	font-size:12px;
	}
#mainProductImage {
	float:left; 
	padding:15px 15px 15px 0px;
	}
#productsBackCell {
	padding:10px 0px 10px 0px;
	}
#suggestedProductsCell {
	 height:16px;
	 background-color:#E2E2E2; 
	 padding:5px;
	 font-weight:bold;
	 }
.suggestedProducts {
	 height:155px;
	 vertical-align:top;
	 width:33%; 
	 padding:10px;
	 }
.formTable {
	margin: 10px 0px 10px 20px;
	}