/* CSS Document */

html {
height: 100%;
} 
body {
height: 100%;
background: #000000;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #000000;
}
#wrapper1 {
z-index: 0; 
position: relative; 
width: 100%; 
background: #ffffff;
}
#background_top {
z-index: 1; 
position: absolute; 
width: 100%; 
top: 0px; 
left: 0px; 
height: 644px; 
background: url(images/background.jpg) top center repeat-x;
}
#wrapper2 {
z-index: 2; 
position: relative; 
width: 1003px; 
top: 0px; 
left: 5%;
}
#wrapper3 {
z-index: 1; 
position: relative; 
width: 1127px; 
top: 0px; 
background: #ffffff;
}
#top_menu {
position: relative; 
width: 1127px; 
height: 81px; 
top: 0px; 
left: 0px; 
background: url(images/top_menu.jpg) top center;
}
#top_menu_links {
position: absolute; 
width: 900px; 
margin-left: 200px;
margin-top: 115px; 
text-align: left; 
color: #ffffff;
}
#content_wrapper {
position: relative; 
overflow: auto; 
margin-top: 247px; 
background: url(images/box_middle.jpg) 272px 0px repeat-y;
}
#side_menu {
position: relative; 
float: left; 
width: 200px; 
padding-left: 36px; 
padding-right: 36px; 
padding-bottom: 25px; 
padding-top: 100px;
overflow: hidden;
}
#content_wrapper2 {
position: relative; float: left; 
width: 750px; 
min-height: 350px;
}
#content {
z-index: 3; 
position: relative; 
width: 795px; 
margin: 25px; 
margin-bottom: 0px;
overflow: hidden;
}
#content_box_top {
position: absolute; 
width: 841px; 
height: 330px; 
top: 0px; 
background: url(images/box_top.jpg) top center no-repeat;
}
#main_image {
z-index: -1; 
position: absolute; 
width: 1127px; 
height: 396px; 
top: 81px; 
left: 0px; 
background: url(images/main_image.jpg) top center;
}
#slogan {
position: absolute;
width: 420px;
left: 425px;
top: 130px;
color: #000000;
font-size: 18px;
text-align: justify;
}
#website_name {
position: absolute; 
width: 520px; 
top: 38px; 
left: 275px; 
text-align: right; 
font-size: 18px; 
color: #ffffff;
}
#website_name a {
color: #ffffff;
}
#left_shadow {
}
#right_shadow {
}
#bottom_stripe {
position: relative; 
width: 100%; 
height: 88px; 
top: 0px; 
background: url(images/bottom_stripe.jpg) top center repeat-x;
}
#content_box_bottom_wrapper {
z-index: 1; 
position: relative; 
width: 1003px; 
top: 0px; 
left: 50%; 
margin-left: -599px;
}
#content_box_bottom {
z-index: 2; 
position: relative; 
width: 841px; 
height: 58px; 
left: 310px; 
background: url(images/);
}
#footer {
position: relative; 
width: 850px; 
left: 50%; 
margin-left: -425px; 
padding-bottom: 30px; 
text-align: center; 
color: #ffffff;
}

a:link {
	color: #bb1710;
	text-decoration: none;
}
a:visited {
	color: #bb1710;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #bb1710;
	text-decoration: none;
}

#top_menu_links span {
padding-left: 12px;
padding-right: 12px;
}
#top_menu_links a:link {
color: #FFFFFF;
}
#top_menu_links a:visited {
color: #FFFFFF;
}
#top_menu_links a:hover {
color: #ff0000;
}
#top_menu_links a:active {
color: #FFFFFF;
}

/* Hide icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

h1 {
font-size: 14px;
font-weight: bold;
}
h2 {
font-size: 13px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}

hr.accessibility {
height: 1px;
color: #000000;
}

td.infoBoxHeading {
padding-top: 10px; 
padding-bottom: 0px;
font-size: 12px;
font-weight: bold;
}

td.pageHeading {
padding-top: 5px;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
}

div#navigation {
margin-top: 0px;
margin-bottom: 15px;
}

div.infobox_heading {
font-weight: bold;
padding: 5px 0px 5px 0px;
width: 100%;
}

div.infobox_content {
width: 100%;
}

td.main textarea {
height: 200px; 
width: 330px;
}

textarea {
width: 100%; 
}

/*--- Beginning of Addition Products Cycle Slideshow ---*/
.ProductsCycleSlideshowWrapper { width: 504px; padding:0; margin:0; overflow: hidden; text-align:center;}
.ProductsCycleSlideshow { height: 310px; width: 500px; padding:0; margin:0; overflow: hidden; border: 2px solid #bb1710; background-color:#fff;}
.PCSChild { height: 296px; width: 486px; padding: 7px; text-align:center; top:0; left:0 }
.PCSChild  a { text-decoration: none; color:#000;}
.PCSChild  a img { border: none; border-width:0px;}
.PCSOutput { text-align:left; font-size:14px;}
.PCSOutput a { text-decoration: none; color:#000; }
.PCSPager { margin:7px; }
.PCSPager a { border: 1px solid #bb1710; background: #fff; color:#bb1710; text-decoration: none; margin: 0 5px; padding: 3px 5px; font-size:12px;}
.PCSPager a.activeSlide { border: 1px solid #000; background: #c5c3c3; color:#000;}
.PCSPager a:focus { outline: none; }
/*--- End of Addition Products Cycle Slideshow ---*/

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 0px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
} 

/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #ffffff;
	border: 0px outset #fff;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #FFFFFF;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffffff;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}

/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #FFFFFF;
	border: 0px outset #FFFFFF;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 11px;		
	text-decoration: none;
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #bb1710;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffffff;
	background-color: #bb1710;	
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #ffffff;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 11px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #bb1710;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffffFF;
	background-color: #bb1710;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #bb1710;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #c5c3c3;
}

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #841212;
	background-color: #ccc;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #ff0000;
	font-size: 13px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.estimatedshippingBox {
background: #FF8E90; 
}

TD.estimatedshippingBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff; 
}

.estimatedshippingBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px; 
}

.ShowShipping {
background: #444ddd;
color: #fffffa;
font-family: Verdana, Arial, sans-serif;
font-size: 6px;
font-weight: bold;
text-align: center;
}