body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/background/main.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
/* CSS Reset and HTML Tag Selectors */
img {
	border: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* End CSS Reset and HTML Tag Selectors */

#container {
	position: relative;
	text-align: left;
	width: 900px;
	margin: 5px auto 0px auto;
	/*	padding: 5px 0 0;*/
	background-color: #FFF;
	border: 2px solid #0066CC;
	z-index: 50;
}

.alert {
	background:#F30;
	padding: 10px;
	text-align: center;
	font-size:11px;
	color: #FFF;
	font-weight: bold;
		
}
/* General, HTML Classes */
.clearBoth {
	clear: both;
}

h1 {
	font-size: 24px;
	font-family: "Comic Sans MS", cursive;
	font-weight: bold;
	text-align: center;
}
a:link, a:visited {
	color: #03F;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
fieldset {
	padding: 20px;	
}

/* Start Masthead Header */
#header {
	margin: 0;
	padding: 0;
	width: 890px;
	height: 58px;
	float: left;
}
#header a:link, #header a:visited {
	color: #0000FF;
	text-decoration: underline;	
}
#header a:hover {
	color: #FF0000;
	text-decoration: none;	
}
#header .logo {
	float: left;
	margin: 4px 0px 0px 5px;
}
#header .tagline {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	/*text-align: center;*/
	color: #7F4100;
	float: left;
	margin-left: 14px;
	height: 40px;
	width: 370px;
	margin-top: 10px;
	text-align: center;
}
#header .menu {
	/*text-align: right;*/
	color: #333;
	float: right;
	font-size: 10px;
	font-weight: bold;
	height: 14px;
	width: 225px;
	text-align: right;
}
#header .menu a {
	text-decoration: none;	
}
#header .phone {
	font-size: 17px;
	float: right;
	width: 200px;
	text-align: right;
	font-weight: bold;
}
/* End Masthead Header */

/* Top Navigation Bar */
#mainNav {
	font-size:12px;
	color: #FFF;
	position: absolute;
	height: 32px;
	top: 61px;
	font-weight: bold;
	width: 100%;
	left: 0px;
	background-image: url(images/top_nav/top_nav.jpg);
	background-repeat: repeat-x;
	z-index: 75;
}
#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 8px 8px 8px 20px;
}
#mainNav li {
	list-style: none;
	display: inline;
}
#mainNav a:link, #mainNav a:visited {
	color: #FFF;
	text-decoration: none;
	margin: 0px 25px 0px 25px;
	padding: 3px 8px 9px 8px;
}
#mainNav a:hover {
	color: #FFFF00;
}
/* End Top Navigation Bar */

/* This Section Controlls the Tab Navigation for the Top Navigation*/
body#browse li.browse, 
body#installation li.installation, 
body#about li.about, 
body#contact li.contact, 
body#discounts li.discounts, 
body#policies li.policies, 
body#resources li.resources {
	color: #000000;
}
body#browse li.browse a:link, body#browse li.browse a:visited, 
body#installation li.installation a:link, body#installation li.installation a:visited,
body#about li.about a:link, body#about li.about a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited,
body#discounts li.discounts a:link, body#discounts li.discounts a:visited,
body#policies li.policies a:link, body#policies li.policies a:visited,
body#resources li.resources a:link, body#resources li.resources a:visited {
	color: #000000;
	background-color: #CCC;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
/*	border-bottom: solid 1px #666;*/
	border-left: solid 1px #666;
}

/* End Tab Navigation */

/* Start Sub Navigation Bar -- This navigation falls under the top navigation bar*/
#subNav {
	color: #FFF;
	position: absolute;
	height: 25px;
	top: 90px;
	font-weight: bold;
	width: 100%;
	left: 0px;
	background-color: #CCC;
	font-size: 10px;
	letter-spacing: 1px;
	z-index: 75;
}
#subNav ul {
	list-style: none;
	margin:0;
	padding: 7px 0px 0px 15px;
}
#subNav li {
	display: inline;
}
#subNav a:link, #subNav a:visited {
	color: #000000;
	text-decoration: none;
	margin: 0px 6px 0px 6px;
	padding: 2px 12px 6px 8px;
}
#subNav a:hover {
	color: #006600;
}
#subNav-link01 a.link01, 
#subNav-link02 a.link02, 
#subNav-link03 a.link03, 
#subNav-link04 a.link04,
#subNav-link05 a.link05,
#subNav-link05 a.link06 {
	color: #993300;
}
#subNav-link01 li.link01 a:link, #subNav-link01 li.link01 a:visited, 
#subNav-link02 li.link02 a:link, #subNav-link02 li.link02 a:visited, 
#subNav-link03 li.link03 a:link, #subNav-link03 li.link03 a:visited,
#subNav-link04 li.link04 a:link, #subNav-link04 li.link04 a:visited,
#subNav-link05 li.link05 a:link, #subNav-link05 li.link05 a:visited,
#subNav-link06 li.link06 a:link, #subNav-link06 li.link06 a:visited {
	color: #993300;
}
/* End Sub Navigation Bar */

/* Search Bar */
#searchNav {
	color: #FFFFFF;
	position: absolute;
	height: 32px;
	top: 115px;
	width: 100%;
	font-size: 12px;
	background-image: url(images/top_nav/top_nav.jpg);
	background-repeat: repeat-x;
	left: 0px;
	z-index: 100;
}

#searchMfg {
	top: 5px;
	position: absolute;
	left: 8px;
	width: 475px;
	z-index: 100;
}

#searchMfg .label {
	float: left;
	color: #FFF;
	margin: 0px 8px 0px 0px;
	line-height: 20px;
	font-weight: bold;
}

#searchProduct {
	top: 3px;
	position: absolute;
	right: 0px;
	width: 385px;
	text-align: left;
	font-weight: bold;
	z-index: 1000;
}

#searchProduct input {
	margin-right: 5px;
}

#searchSuggest {
	width: 350px;
	text-align: left;
	z-index: 1005;
	position: absolute;
	left: 13px;
	top: 30px;
	visibility: visible;
	z-index: 1100;
}
#searchSuggest ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#searchSuggest li {
	list-style: none;
	/*display: inline;*/
}
#searchSuggest a:link, #searchSuggest a:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	line-height: 25px;
}
#searchSuggest a:hover {
	color: #006600;
}

/* End Search Bar */

/* Start Breadcrumb */
#breadCrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	position: absolute;
	top: 146px;
	font-weight: bold;
	width: 680px;
	left: 166px;
	text-decoration: none;
	z-index: 100;
}
#breadCrumb ul {
	list-style: none;
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;

}
#breadCrumb li {
	display: inline;
}
#breadCrumb a:link, #breadCrumb a:visited {
	color: #0000FF;
	text-decoration: none;	
}
#breadCrumb a:hover {
	color: #FF0000;
	text-decoration: none;	
}

/* End Breadcrumb */

/* Start Side Navigation Bar */
#sideNavContainer {
	float: left;
	width: 150px;
	height: 1%;  /* Holly Hack for the Float Drop and 3 Pixel text jog bug in IE 6 */
	margin: 80px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-color: #CCC;
	overflow: hidden;
}
#sideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#sideNav ul {
	margin: 0;
	padding: 0;
}
#sideNav li {
	border-bottom: 1px solid #006699;
	list-style: none;
}
#sideNav li a {
	height: 1%;  /* Holly Hack for the Float Drop and 3 Pixel text jog bug in IE 6 */
	display: block;
	padding: 5px 0px 5px 5px;
	border-left: 6px solid #CCC;
	border-right: 1px solid #006699;
	background-color: #0099CC;
	color: #FFF;
	text-decoration: none;
}
#sideNav li a:hover {
    display: block;
	background-color: #666666;
	color: #FFFF00;
}
.sideNavPromo {
/*	height: 1%;   Holly Hack for the Float Drop and 3 Pixel text jog bug in IE 6 */
	padding: 2px 1px 5px 0px;
	float: left;
	text-align: center;
	width: 100%;
}
.sideNavHeader {
	float: left;
	background-image: url(images/side_nav/side_nav_header.jpg);
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #FFF;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 2px;
	font-weight: bold;
	width: 100%;
}
.sideNavContent {
	float: left;
	width: 142px;
	background-color: #0099CC;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-left: 6px solid #CCC;
	border-right: 1px solid #006699;
	background-color: #0099CC;
	color: #FFF;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
}
/* End Side Navigation */

/* Main Content Styles */
#mainContent {
	width: 740px;
	float: right;
	margin: 125px 0px 0px 0px;
	padding: 0px;
}

.pageDesc  {
	font-size: 10px;
	width: 565px;
	margin: 10px 0px 10px 0px;
	text-align: center;
	overflow: hidden;
}
.pageDesc h3, .pageDesc h4 {
	margin:	10px;
	font-size: 14px;
}
.pageDesc a:link, .pageDesc a:visited  {
	color: #00F;
}
.pageDesc a:hover, .pageDesc a:active {
	color: #F00;
}

.testimonials {
	font-style: italic;
	list-style-type: none;
}
.faq a:link, .faq a:visited {
	color: black;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.faq a:hover    {
	color: #0099CC;
	text-decoration: none;
}

/* BOX STYLES */
.brandBox {	
	font-size: 12px;
	width: 730px;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border: 1px solid #0099CC;
	background-color: #F2F2F2;
}
h2.brandBoxHeader {
	background-color: #0099CC;
	color: #FFF;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 1px 0px 1px 5px;
	width: auto;
}
.brandBoxHeaderSort {
	font-size: 12px;
	background-color: #0099CC;
	color: #FFF;
	padding: 2px;
	font-weight: bold;
}

.brandBox a:link, .brandBox a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.brandBox a:hover {
	color: #FF0000;
}

/* Main Box Selectors - Box that is on the largest column on the page */
.mainBox {
	font-size: 12px;
	border: 1px solid #7F4100;
	margin: 0;
	padding: 0;
	width: 730px;
	height: 1%;
}
.mainBox h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	background-color: #7F4100;
	color: #FFF;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	width: auto;
	text-align: left;
}
.mainBox h2 {
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	border-bottom: 1px dotted #006600;
	text-align: left;
	font-variant: normal;
	letter-spacing: 1px;
	margin: 15px;
}
.mainBox p {
	margin: 14px 14px 10px 16px;
	padding: 0px;
	line-height: 16px;
}
.mainBox hr {
	margin: 14px 14px 14px 16px;

}
.mainBoxContent {
	margin: 10px;
	/*	border: 1px dashed #CCC;*/
	height: 1%;
	clear: both;
	width: auto;
}
.mainBox-Col01 {
	float: left;
	width: 345px;
	margin: 0px;
	text-align: center;
	padding: 0px;
	border-right: 1px dashed #CCC;
	display: inline;
}
.mainBox-Col01 img {
	margin: 15px;
}
.mainBox-Col02 {
	margin: 0px;
	float: left;
	width: 350px;
	padding: 0px;
	display: inline;
}
.mainBox-Col02 p {
	margin: 12px 0px 0px 12px;
	padding: 0px;
	line-height: 16px;
}
.mainBoxHeader {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	background-color: #993300;
	color: #FFF;
	padding: 0px;
	width: 100%;
}
.mainBoxHeader h3 {
	margin: 0px;
	padding: 0px;
}

/** Product / Item List Styles **/
.listBoxHeaderSort {
	background-color: #0099CC;
	width: auto;	

}
.listBoxHeaderSort table {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding-top: 2px;	
}
.listBox {
	font-size: 12px;
	width: auto;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border: 1px solid #0099CC;
	background-color: #F2F2F2;
}
.listBoxHeader {
	width: auto;	
	padding: 2px 0px 2px 5px;
	border-left: 1px solid #0099CC;
	background-color: #0099CC;	
}
h2.listBoxHeader {
	width: auto;	
	padding: 2px 0px 2px 5px;
	border-left: 1px solid #0099CC;
	background-color: #0099CC;		
	color: #FFF;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
/* For category-main */
.listBox-Cat {
	font-size: 12px;
	padding: 5px;
	border-right: 1px solid #0099CC;
	border-bottom: 1px solid #0099CC;
	border-left: 1px solid #0099CC;
	margin-bottom: 10px;
	background-color: #F2F2F2;
	width: 100%;
}

/* Featured Products Box */
.featuredBoxHeader, .promoBoxHeader {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	background-color: #CCFFCC;
	color: #333;
	border-left: 1px solid #CCFFCC;
*/
	margin: 0px;
	padding: 1px 0px 2px 5px;
	
	width: auto;
	
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	border-bottom: 1px solid #CCC;
	text-align: left;
	font-variant: normal;
	letter-spacing: 1px;	
}
.featuredBox {
	font-size: 12px;
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 10px;
	background-color: #F2F2F2;
	width: auto;
}
.featuredName {
	font-weight: bold;	
}
.featuredDesc {
	font-size: 10px;	
}
.featuredPrice {
	font-size: 14px;
	color: #F00;
	font-weight: bold;
}
.promoBox {
	font-size: 12px;
	padding: 5px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	background-color: #F2F2F2;
}
/* Search Results */
#searchResults {
	border: 1px solid #3AA63A;
	margin: 0;
	padding: 0;
	width: 730px;
	height: 1%;
}

.searchKeyword {
	color: #666;	
}

/* Detail Page Styles */
.detailBoxHeader {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	background-color: #0099CC;
	color: #FFF;
	padding: 2px 0px 2px 5px;
}

.detailBox {
	font-size: 12px;
	border: 1px solid #0099CC;
}
.detailBox h1 {
	background-color: #0099CC;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-weight: bold;
	padding: 2px 0px 2px 5px;
	border-left: 1px solid #0099CC;
	width: auto;
	text-align: left;
}
.detailLogo {
	margin: 5px 5px 0px;
	text-align: center;
}
.detailBoxContent {
	padding: 5px;	
}

/* End Detail Box */

/* Box Offset Id's */

#homePageBox {
	margin: 0px 0px 10px 0px;
	padding: 0;
	border: 1px dashed #CCC;
	display: block;
	width: 100%;
}

/* Product List Styles */
.prHeader {
	font-size: 16px;
	font-weight: bold;
	
}
.prHeader a:link, .prHeader a:visited {
	color: #000000;
	text-decoration: none;
	
}
.prHeader a:hover {
	color: #FF0000;
	text-decoration: none;
	
}
.prShortDesc {
	font-size: 10px;
}
.prWarranty, .prStatus {
	color: #006699;	
	font-weight: bold;
}
.prPrice {
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}
table.prList {
	border-collapse: collapse;
	background-color: #FFF;
	table-layout: auto;
	font-size: 12px;
	overflow:hidden;
	width: 560px;
	border: 1px dashed #CCC;	
	margin: 5px 5px 0px;
}
table.prList td {	
	padding: 5px;
	empty-cells: show;	
    
}
table.prList-V {  /* Vertical prList - For products.php table */
	border-collapse: collapse;
	background-color: #FFF;
	table-layout: auto;
	font-size: 12px;
	overflow:hidden;
	width: 560px;
	margin: 5px 5px 0px;
	border: 1px dashed #CCC;	
}
.prList-row { /* For products.php table td */
	padding: 5px;
	border-bottom: 1px dashed #CCC;    
}
.prList-price {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}
.prList-model {
	font-size: 10px;
}
table.searchList {
	border-collapse: collapse;
	background-color: #FFF;
	table-layout: auto;
	font-size: 12px;
	overflow:hidden;
	width: 695px;
	border: 1px dashed #CCC;	
	margin: 5px 5px 0px;
}
table.searchList td {	
	padding: 5px;
	empty-cells: show;	
    
}
table.prDetail {
	border-collapse: collapse;
	background-color: #FFF;
	table-layout: auto;
	font-size: 12px;
	overflow:hidden;
	width: 555px;
	border: 1px dashed #CCC;
	margin: 0px 2px;
}

/* This is for the Featured Section of the Home Page using the Online Shopping Form Elements */
.featuredList {
	font-size: 12px;
	border-collapse: collapse;
	border: 1px dashed #CCC;
	background-color: #FFF;
	width:auto;
	table-layout:fixed;
}
.featuredList td {
	background-color: #FFF;
	border: 1px dashed #CCC;
	padding: 5px;
}

.promoList {
	font-size: 12px;
	border-collapse: collapse;
	border: 1px dashed #CCC;
	background-color: #FFF;
	width:702px;
	table-layout:fixed;
}

/* Link Styles for Item Lists */
.featuredList a:link, .featuredList a:visited, .prList a:link, .prList a:visited {
	font-weight: bold;
	color: #000;
	text-decoration: none;	
}

.featuredList a:hover, .prList a:hover {
	color: #F00;
}

table.brandList {
	width: 720px;
	border-collapse: collapse;
	background-color: #FFF;
	table-layout: auto;
	font-size: 12px;
	overflow:hidden;
	margin: 5px 5px 0px;
}

table.brandList td {	
	border: 1px dashed #CCC;
	padding: 5px;
	empty-cells: show;	
    
}

/* More Products Section and Button */
.moreProducts {
	text-align: right;
	background-color: #FFF;
	width: auto;
	margin: 5px 5px 0px;
	font-size: 14px;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	border-left: 1px dashed #CCC;
}
.moreProductsButton {
	background-color: #CCFFCC;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #CCC;
	padding: 1px 2px 1px 2px;
}
.moreProductsButton a:link, .moreProductsButton a:visited {
	color: #333333;
}
.moreProductsButton a:hover {
	color: #FF0000;
}

/* Main Category Page Styles */
.catHeader {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	/*	border: thin solid #666666;*/
}
.catHeader a:link, .catHeader a:visited {
	color: #993300;
	text-align: center;
	text-decoration: none;
}
.catHeader a:hover {
	color: #0000FF;
	text-align: center;
	text-decoration: none;
	
}
.catSubCategory {
	font-size: 12px;
	width: 225px;
	margin: 10px 0px 10px 5px;
	overflow: hidden;
}
.catSubCategory ul {
	list-style: inside;
	margin: 0;
	padding: 0;
}
.catSubCategory li {
	/*border-bottom: 1px solid #006699;*/
}
.catSubCategory li a:link, .catSubCategory li a:visited  {
	/*	display: block;
	padding: 5px 0px 5px 5px;
	border-left: 6px solid #CCC;
	border-right: 1px solid #006699;
	background-color: #0099CC;*/
	color: #000;
}
.catSubCategory li a:hover {
    /*display: block;*/
	/*background-color: #666666;*/
	color: #FF0000;
	text-decoration: underline;
}
table.catList {
	width: 560px;
	border-collapse: collapse;
	background-color: #FFF;
	table-layout: auto;
	font-size: 12px;
	empty-cells: show;
	overflow:hidden;
	margin: 5px 5px 0px;
}
table.catList td {
	border: 1px dashed #CCC;
}


/* Recordset / Dataset / List Paging Navigation Styles */
.listPageNav-Container {
	width: 275px;
	display: block;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	height: 30px;
}
.listPageNav {
	width: 35px;
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	float: left;
	margin: 0px 2px 0px 2px;
	padding: 0px;
    height: 24px;
    line-height: 23px;

}
.listPageNav a:link, .listPageNav a:visited {
    display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #23A7D3;
}
.listPageNav a:hover {
	background-color: #39AF3F;
    color: #FF0;
}
.listPageNav-recordDisplay {
	float: left;
	line-height: 12px;
	width: 105px;
	margin: 0px 2px 0px 2px;
	font-size: 11px;
}

/* Id Offsets for listPageNav */
#listPageNav-Top {
	float: right;
	color: #F2F2F2;
}
#listPageNav-Bottom {
	color: #000;
	margin-right: auto;
	margin-left: auto;
}
/* End Recorset Paging List Styles */

.compare {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
}
.compare a:link, .compare a:visited {
    color: #0000FF;
	text-decoration: underline;
}
.compare a:hover {
    color: #FF0000;
	text-decoration: underline;
}

/* System Support Box - Tells the Cust. How many stations a System Support */

.system_support {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #993300;
}
.system_support_stn_hdr {
	background-color: #009900;
	color: #FFF;
	font-size: 10px;
}
.system_support_stations {
	background-color: #F2F2F2;
	color: #000000;
	font-size: 16px;
}

/* End System Support Box */

/* Product Accessory Styles */
.accList {
	border-collapse: collapse;
	border: 1px dashed #CCC;
	padding: 5px;
	margin: 0px;
}

.accList-rowHeader, .accList-rowOdd, .accList-rowEven {
	border-bottom: 1px dashed #CCC;
}

.accList-rowHeader {
	background-color: #CCFFCC;
}

.accList-rowOdd {
	background-color: #FFF;
}

.accList-rowEven {
	background-color: #F2F2F2;
}

.accPrice {
	color: #F00;
	font-weight: bold;
}

.accSubHeader {
	width: 100%;
	background-color: #CCFFCC;
	border: 1px dashed #CCC;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 2px 2px 2px 1px;
}
/* End Product Accessory Styles */

/* Product Option Box */
.optionBoxWrapper {
	/*font-size: 12px;*/
	font-weight: bold;
	background-color: #F2F2F2;
	/*padding: 5px;*/
	clear: both;
}
.optionBoxHeader {
	/*font-size: 12px;*/
	color: #FFF;
	background-color: #993300;
	font-weight: bold;
	padding-left: 3px;
}

.optionBoxContent {
	font-weight: bold;
	background-color: #F2F2F2;
	padding: 5px;
}

.optionBoxAcc {
	font-weight: bold;
	background-color: #FBFBFB;
	border-collapse: collapse;
	border-top: 1px dashed #CCC;
	border-right: 1px dashed #CCC;
	border-left: 1px dashed #CCC;
}

.optionBoxAcc-Row {
	border-bottom: 1px dashed #CCC;
	padding: 5px;
	font-size: 10px;
	width: 90%;
}

/* Comparison Chart Styles */
.comparison_header {
	font-size: 12px;
	
}
.comparison_header a:link, .comparison_header a:visited {
	color: #000000;
	text-decoration: none;
	
}
.comparison_header a:hover {
	color: #FF0000;
	text-decoration: none;
	
}
/* Comparison Chart Box */
.compare_box {
	font-size: 12px;
	padding: 0px 5px 5px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
}
.compare_box a:link, .compare_box a:visited {
	color: #000;
	text-decoration: none;
}
.compare_box a:hover {
    color: #FF0000;
}

/* Form Styles for Shopping Cart and Online Forms */
.formUserHeader {
	font-size: 16px;
	background-color: #CCFFCC;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.formAccountHeader {
	background-color: #0099CC;
	color: #FFF;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 1px 0px 1px 5px;
	border-left: 1px solid #0099CC;
}
.formUser {
	border-collapse: collapse;
	border: 1px solid #CCC;
	font: 12px;
}
.formUser-row {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #F2F2F2;
}
.invoice_cart_TD {
	border: 1px solid #CCC;
	border-collapse: collapse;
}

/* Shopping Cart Styles */
#cartBox {
	border: 1px solid #3AA63A;
}
#cartBox h1 {
	background-color: #3AA63A;
}
#cartBox .grandTotal {
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}
#checkoutBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	color: #006699;
	text-align: center;
}
.checkoutBar {
	border-top: thin dashed #FF9900;
	color: #999999;
}
.checkoutBarOver {
	border-top: thin solid #FF9900;
}
.cartNav {
	margin: 0px auto 0px auto;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	width: 95%;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F2F2F2;
}
.cartNav ul {
	margin: 0;
	padding: 0;
}
.cartNav li {
	list-style: none;
	float: left;
}
.cartNav li a {
	display: block;
	background-color: #F2F2F2;
	color: #000;
	text-decoration: none;
	line-height: 24px;
	padding: 0px 32px 0px 31px;
	border-left: 1px solid #CCC;
}
.cartNav li a:hover {
	display: block;
	color: #F00;
}
.cartList {
	border-collapse: collapse;
}
.cartList-row {
	border: 1px dashed #CCC;	
}

.basket {
	border-collapse: collapse;
}
.basket-header {
	background-color: #CCFFCC;
	border: 1px solid #CCCCCC;
}
.basket-row {
	border: 1px solid #CCC;
}
.cartTable {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}
.cartTD {
	background-color: #FFF;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.invoiceCartTD {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
.invoice-header {
	border: 2px solid #FFF;
}

/* BUTTONS AND ICONS */
.galleryBtn {
	display: block;
	font-size: 10px;
	background-image: url(images/icons/magnifier_zoom_in.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	height: 18px;
	width: 115px;
	margin: 3px auto;
	border: 1px solid #CCC;
	background-color: #F8F8F8;
}
.galleryBtn span {
	margin-top: 3px;
	display: block;
	margin-left: 10px;
	
}
.noImageBtn {
	font-size: 11px;
	width: 70px;
	padding: 5px 0px 6px;
	background: #999;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 42px;
	margin: 5px auto;
	line-height: 14px
}

/* MESSAGES, NOTES, ERROR MESSAGES */
/* General Messages */
.mainMsg {
	text-align: center;	
}
.mainMsg h3 {
	font-size: 18px;
	font-weight: bold;
	color: #090;
	font-variant: normal;
	letter-spacing: 1px;
	margin: 15px;
}
/* Message Boxes - Fixed Width Div Box for Modal Dialogue Messages */
#msgBox {
	background-color: #666;
	height: 475px;
	width: 630px;
	color: #FFF;
	margin: 0 auto;
	padding: 15px;
	font-size: 12px;
}
#msgBox h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
#msgBox p {
	line-height: 20px;
}
#msgBox .col01 {
	float: left;
	width: 175px;
	border: 1px solid #CCC;
	padding: 10px;

}
#msgBox .col02 {
	float: left;
	width: 385px;
	border: 1px solid #CCC;
	text-align: left;
	margin-left: 15px;
	padding: 10px;

}
#msgBox .header {
	margin: 5px;
	font-weight: bold;

}
#msgBox .wrapper {
	margin: 10px;
}
#msgBox .optionArea {
	float: left;
	width: 22px;
	border: 1px solid #CCC;
	height: 20px;
}
#msgBox .optionLabel {
	float: left;
	width: 305px;
	height: 20px;
	border: 1px solid #CCC;
	margin-left: 10px;
	line-height: 20px;
	padding-left: 5px;
}
#msgBox .button {
	text-align: center;
}
/* Adjustable Size */
.hlight {
	color: #FF0000;
	font-weight: bold;
}
.hlight02 {
	color: #006699;
	font-weight: bold;
}
/* More Defined Color Highlights */
.hlight-blue {
	color: #06F;
	font-weight: bold;
}
.hlight-orange {
	color:#F60;
	font-weight: bold;
}
/* More Defined Notes */
.note-02 {
	color:#F00;	
}

/* Large Fonts */
.note_big_hlight {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.note_big {
	font-size: 14px;
}
/* Small Fonts */
.note_hlight {
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
.note {
	font-size: 10px;
	font-weight: normal;
}
.note a:link, .note a:visited {
	font-weight: bold;
	color: #0066FF;
	text-decoration: underline;
}
/* Error Styles */
.errorHeading {
	margin: 20px 0px 0px 0px;
	padding: 3px;
}
.errorMsg {
	text-align: center;
}
h3.errorMsg {
	margin: 30px 5px 0px 5px;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}
h4.errorMsg {
	margin: 30px 5px 0px 5px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
p.errorMsg {
	margin: 20px 2px 30px 2px;
	line-height: 20px;
}

/* Footer */
#footer {
	clear: both;
	font-size: 10px;
	text-align: center;
	padding: 10px;
}

