﻿/* Custom CSS Document for Competitive Edge Products
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/

/* Layout Styles */
body {margin: 0; padding: 0}

/* Text Styles */
h1 {font: bold 13px Arial, Helvetica, sans-serif; color: black; }
h2, a h2 {font:  bold 16px Arial, Helvetica, sans-serif; color: #333;}
h3 {/*width: 176px;*/ height: 25px; text-align: center; font: bold 11px Arial, Helvetica, sans-serif; color: #fff; background: url(images/bn-nav_tile.gif) repeat-x; text-transform: uppercase; padding: 6px 0 0 0px; margin: 0 0 5px 0}
h4 {height: 14px; font: bold 13px Arial, Helvetica, sans-serif; color: #fff; background: url(images/ft-nav_tile.gif) repeat-x; font-style: italic; padding: 2px 0 0 5px}
h5 {font: 13px Arial, Helvetica, sans-serif; color: red; font-weight: bold;}
p {font: 13px Arial, Helvetica, sans-serif; color: blue;}
b {font: 13px Arial, Helvetica, sans-serif; color: black; font-weight: bold;}
strong {font: 13px Arial, Helvetica, sans-serif; color: black; font-weight: bold;}

/* Misc Styles */

/* TopSubBanner Styles
--------------------------------------------------------*/

/* Layout Styles */
.desctext {color: #0000FF;font-family: Arial, Helvetica, sans-serif;} 

DIV{margin:0;padding:0;}
#bntable {width: 100%}
.bntop {height: 16px; background: #006; text-align: center; vertical-align: baseline; background: url(images/bn-nav_tile.gif) repeat-x;}
.bnmid {height: 105px; background: url(images/bn-tile.gif) repeat-x}

#bnbannerwrap {height: 105px;}
#bnlogo {float: left}
#bntxt {float: left; font: bold 10px/16px Arial, Helvetica, sans-serif; color: #006; text-align: right; margin: 20px 20px 0 0}
#bnimg {float: left; margin-left: 50px}
#bncart {float: left}

.bnnavdarkblue {height: 27px; background: url(images/bn-nav_tile_darkblue.gif) repeat-x}

.bnnav {height: 27px; background: url(images/bn-nav_tile.gif) repeat-x}

.bnbase {height: 20px; background: url(images/bn-base_tile.gif) repeat-x}

/* Text Styles */
.bntop {font: bold 11px Arial, Helvetica, sans-serif; color: #fff}

.bnnavphone {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; padding-right: 5px; font-style: italic; white-space: nowrap}
.bnnavright {font: bold 12px Arial, Helvetica, sans-serif; color: #fff; font-style: italic; white-space: nowrap}

.bnbasemid {font: bold 11px Arial, Helvetica, sans-serif; color: #006}
.bnbasedivide {margin: 0 20px}

/* Misc Styles */
.bnlogo {float: left}

/* LeftColumnNav, RightColumnNav Styles
--------------------------------------------------------*/

/* Layout Styles */

#lctable {height: 100%}
#rctable {height: 100%}

.lc, .rc {vertical-align: top; margin: 0; padding: 0}

#coltight {width: 100px; margin-left: 35px}
.colloose {padding: 0 10px}

/* Text Styles */
.coltext {font: 10px Arial, Helvetica, sans-serif; color: #006; margin-bottom: 5px}
.coltext a:link,
.coltext a:visited {color: #F58005; text-decoration: none}
.coltext a:hover,
.coltext a:active {color: #F58005; text-decoration: underline}

/* Misc Styles */
.colimg {border: 1px solid #006; margin: 0 5px 5px 10px}
.colimg2 {border: 1px solid #006; margin: 0}
.colimg3 {border: 1px solid #006; margin: 0 0 10px 0}

/* Footer Styles
--------------------------------------------------------*/

/* Layout Styles */
#fttable {width: 100%}

.fttop {height: 25px; background: url(images/ft-nav_tile.gif) repeat-x; text-align: center; white-space: nowrap}
.ftbase {height: 16px; background: #141434 url(images/bn-nav_tile.gif) repeat-x; text-align: center; vertical-align: top; padding-top: 2px} 

#ftgoogle {margin: 5px 0}

/* Text Styles */
.fttop {font: bold 11px Arial, Helvetica, sans-serif; color: #fff}
.fttop a:link,
.fttop a:visited {color: #fff; text-decoration: none}
.fttop a:hover,
.fttop a:active {color: #fff; text-decoration: none}

.ftbase {font: 11px Arial, Helvetica, sans-serif; color: #fff}
.ftbase a:link,
.ftbase a:visited {color: #fff; text-decoration: underline}
.ftbase a:hover,
.ftbase a:active {color: #fff; text-decoration: none}

/* Misc Styles */

.Sale
{
font-family: Times New Roman;
font-size: 9pt;
color: Red;
font-weight: Bold;
font-style: normal;
text-decoration: none;
text-align: Left;
}

/* Default Page Styles
--------------------------------------------------------*/

/* Layout Styles */
#deftable {width: 100%}

/* Text Styles */
.defprodtxt {font: 11px Arial, Helvetica, sans-serif; color: #006; margin: 3px 0 10px 0}
.defprodtxt a:link,
.defprodtxt a:visited {color: #006; text-decoration: underline}
.defprodtxt a:hover,
.defprodtxt a:active {color: #006; text-decoration: none}

.defprodsmall {font: 13px Arial, Helvetica, sans-serif; color: #006; margin: 3px 0 10px 0}
.defprodsmall a:link,
.defprodsmall a:visited {color: #006; text-decoration: none}
.defprodsmall a:hover,
.defprodsmall a:active {color: #006; text-decoration: underline}

/* Misc Styles */
.defprodimg {border: 1px solid #006}

/* Search & Cart Control Styles
--------------------------------------------------------*/

/* Search Styles */
#searchwrap {margin: 0 0 5px 0; padding: 0}

.searchtext {font: 10px Arial, Helvetica, sans-serif; color: #006}
.searchtext a:link,
.searchtext a:visited {color: #006; text-decoration: underline}
.searchtext a:hover,
.searchtext a:active {color: #006; text-decoration: none}

.searchbox {border: 1px solid #000}

/* Cart Styles */
#carttable {height: 96px; background: #F8F8F8; width: 145px; margin: 5px 0 0 0; padding: 0; border: 0px solid #006}

.carttext {font: 10px Arial, Helvetica, sans-serif; color: #006; margin-left: 5px}
.carttext a:link,
.carttext a:visited {color: #006; text-decoration: none}
.carttext a:hover,
.carttext a:active {color: #006; text-decoration: none}

/* Styles.css Custom
--------------------------------------------------------*/
#PageSubTable {border: 1px solid #006; width: 1024px;}

#LeftColumnCell {background: #ededed; padding-bottom: 10px; border-right: 1px solid #006; width: 102px !important;}
#RightColumnCell {background: #ededed; padding-bottom: 10px; border-left: 1px solid #006; width: 102px !important;}
#ContentCell { width: 818px !important; }

.LeftColumn	{height: 100%}
.RightColumn {height: 100%}

#Instruction1_InstructCell {padding: 7px; background: #FDCB00; border: 1px solid #FCA902}

.Code {font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #333;}
.name, .name a {font: 15px Arial, Helvetica, sans-serif;font-weight: Bold;text-align: left; color: #333;text-decoration: none;}
.shortdesc {font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #333;}
.shortdesc a {font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #000;text-decoration: underline;}
.price {font: 15px Arial, Helvetica, sans-serif; font-weight: Bold;text-align: right; color: #000;}
.Sale {font: 15px Arial, Helvetica, sans-serif; font-weight: Bold;text-align: right; color: Red;}
.ContentR {font: 12px Arial, Helvetica, sans-serif; text-align: right; color: #000;}
.fmcrosssellprice {font-size: small; color: #FF0000; font-weight: bold; text-align: center;}
.fmcrossselltitle {font-size: small; vertical-align:top;border:0;height:36px;clip:auto;overflow:hidden!important;padding:0;margin:0;}
.fmcrosssellmessage {font-size:medium;color:#EA8C00;font: 14px Arial bold;text-align:center;}


/* tnorris - Changing Checkout spacing and alignment */
#Table3 tbody tr .Content table tbody tr td { vertical-align: middle !important; padding: 0px 2px !important; }


.DescriptionContent{font: 13px Arial, Helvetica, sans-serif; color: Blue;font-weight: Normal;font-style: normal;text-decoration: none;text-align: Left;}


/* Custom Landing Page Link Effects
--------------------------------------------------------*/

a.topmenu:link {
	margin: 0;
	color: #000000;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 3px 0 3px;
}
a.topmenu:visited {
color:#000000;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
	padding: 3px 3px 0 3px;

}
a.topmenu:active {
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.topmenu:hover {
color:#990000;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
a.bottommenu:link {
color:#000066;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin-left:5px;
text-decoration:none;
}
a.bottommenu:visited {
color:#000066;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin-left:5px;
text-decoration:none;
}
a.bottommenu:active {
color:#000066;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin-left:5px;
text-decoration:none;
}
a.bottommenu:hover {
color:#990000;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin-left:5px;
text-decoration:underline;
}

/* Drop Down Menu Styles
--------------------------------------------------------*/

#lcnavwrap {
	height: 115px; /* Sets the height of the menu for Firefox */
	margin: 0;
	padding: 0;
	width: 176px;

}

#nav, #nav ul {
/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 176px;

}
	
#nav li {
/* all list items */
	position : relative;
	float : left;
	line-height : 50px;
	margin-bottom : -1px;
	width: 176px;

}
	
#nav li ul {
/* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 176px;
	margin-top : -22px;
	width: 176px;
}
	
#nav li ul ul {
/* third-and-above-level lists */
	left: -999em;
	margin-left : 175px;


}
	
#nav li a {
	margin:0;
	display: block;
	text-decoration : none;
	padding: 3px 0 3px 7px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #006;
	background-color : #ededed;

}

#nav li a:hover {
	color : #006;
	background-color : #fff;

}

#nav li ul li a {background-color: #ededed; border: 1px solid #006; color: #006}
#nav li ul li a:hover {background-color: #fff; border: 1px solid #006; color: #006}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
/* lists nested under hovered list items */
	left: auto;
}

.semadd h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #006; font-style: normal}
.semadd h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #006; font-style: normal; font-weight: bold}
.semadd p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000}
.semadd a {color: #000000}

