body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78.5%;
}
a,
a:link,
a:visited,
a:active{
	color: #000;
	text-decoration: none;
}
h1{
	font-size: 20px;
	line-height: 37px;
	padding: 8px 10px;
	color: #002e5d;
	width: 90%;
	font-style: italic;
	border-bottom: 3px solid #009a99;
	margin: 10px 0 10px 10px;
}
h2{font-size: 1.6em; margin: 1em 0 0 10px;}
h3{font-size: 1.5em; margin: 1em 0 0 10px;}
h4{font-size: 1.4em; margin: 1em 0 0 10px; font-weight: bold;}
h5{font-size: 1.3em; margin: 1em 0 0 10px; font-weight: bold;}
h6{font-size: 1.2em; margin: 1em 0 0 10px; font-weight: bold;}
p{
    margin: 0.5em 0 1em 10px;
    line-height: 1.4em;
}
th,
td{
    vertical-align: top;
}
th{
    font-weight: bold;
}
table.pageContent th{
    padding: 10px;
    height: 20px;
    font-size: 16px;
    vertical-align: top;
}
table.pageContent td{
    padding: 10px;
    vertical-align: top;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.bg{
	background: url("/img/BGRmain.gif") 0 250px repeat-y;
}
.anon .bg,
#navon_checkout .bg{
	background: url("/img/BGRmainCheckout.gif") repeat-y;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.fLeft{
	float: left;
}
.fRight{
	float: right;
}
input.qty{
	width: 20px;
	text-align: center;
	border: 1px solid #009a99;
	margin: 5px 0;
}
.prodLeft,
.prodRight,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.prodLeft0,
.prodLeft1,
.prodLeft2 {
	display:inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}
a.btnGreen,
a.btnGrey{
    display: block;
    width: 189px;
    height: 17px;
    background: url(/img/btnGreen.gif) no-repeat;
    text-align: center;
    padding: 5px 0;
    color: #fff;
    font-weight: bold;
    margin: 5px 0;
}
a.btnGrey{
    background: url(/img/btnGrey.gif) no-repeat;
}
a.btnGreen:hover,
a.btnGrey:hover{
    color: #000;
}
.tel{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.viewLink{
    font-size: 14px;
    line-height: 12px;
}
.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

.container .grid_2{
	width:158px;
}

.container .grid_3 {
	width:238px;
}

.container .grid_4 {
	width:318px;
}

.container .grid_5 {
	width:438px;
}

.container .grid_6 {
	width:450px;
}

.container .grid_7 {
	width:529px;
}

.container .grid_8 {
	width:632px;
}

.container .grid_9 {
	width:705px;
}

.anon .bg .grid_9,
#navon_checkout .container .grid_9 {
	width:940px;
}

.container .prodLeft2 {
	width:960px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
}

#header{
	background: url("/img/bgrtop.gif") no-repeat;
	color: #012d4d;
}

#header.loggedin{
	background: url("/img/bgTop2.gif") no-repeat;
}
.container #header .header{
    margin: 13px 20px 0 0;
    width: 470px;
}
.container #header .header p{
    text-align: right;
    margin: 0;
    padding: 0;
}
.container #header .header #crtSum{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 10px 0 20px;
    text-align: center;
}
.container #header .header #crtSum a,
.container #header .header #crtSum a:link,
.container #header .header #crtSum a:active,
.container #header .header #crtSum a:visited{
    color: #fff;
}
.bubble {
    width:300px;
    border:solid 3px #02A0A2;
    z-index:10000;
    -moz-border-radius:10px;
    text-align:center;
    padding: 10px 20px;
    margin: 5px 0 0 80px;
    background:#FFEA00;
    font-weight: bold;
    position: absolute;
    font-size: 18px;
}
#logo{
	background: url("/img/logo.gif") no-repeat;
	overflow: hidden;
	text-indent:-1000em;
	width: 928px;
	height: 106px;
	margin: 15px 0 20px 0;
	padding: 0;
}
#logo a {
	display: block;
	width: 928px;
	height: 106px;
	line-height: 106px;
	overflow: hidden;
	border: 0 none;
}
#logo a:hover {
	cursor:pointer;
}
#logo span.replacement {
	background-repeat:no-repeat;
	display:none;
	width: 309px;
	height: 51px;
}
* html #logo span.replacement {
	background: url("/img/logo.gif") no-repeat;
	display: block;
	z-index: 30;
}
#logo a span.replacement {
	background: url("/img/logo.gif") no-repeat;
	display: block;
	z-index: 35;
	text-indent:-1000em;
}
#logo span.linkText {
	position: relative;
	z-index: -10;
}
#contact{
}
#contact,
#contact2{
    text-align: center;
    padding: 15px 0 0 0;
    margin: 0 20px 0 0;
    font-size: 14px;
    width: 780px;
}
#contact2{
    width: 310px;
}
#contact p,
#contact2 p{
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}
.hList li{
	float: left;
}

#nav{
	display: block;
	height: 50px;
	padding: 3px 0 0 45px;
	line-height: 22px;
	background: url("/img/bgmenu.gif") no-repeat;
	margin: 0;
	font-size: 20px;
}
#nav li a{
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 8px 10px;
	margin-right: 10px;
    border-top: 6px solid transparent;
	color: #000;
}
#nav li a:hover{
    border-top: 6px solid #009a99;
	color: #009a99;
}

#navon_anon #lnkH a,
#navon_anon_our-products #lnkSA a,
#navon_anon_faqs #lnkF a,
#navon_anon_login #lnkL a,
#navon_anon_news #lnkN a,
#navon_anon_registration #lnkA a,
#navon_anon_aboutus #lnkJ a,
#navon_anon_contactus #lnkC a,
#navon_anon_companynews #lnkN a,
#navon_anon_shows #lnkS a,
#navon_anon_careers #lnkJ a,
#navon #lnkH a,
#navon_logout #lnkL a,
#navon_myaccount #lnkA a,
#navon_userguide #lnkF a,
#navon_contactus #lnkC a,
#navon_companynews #lnkN a,
#navon_shows #lnkS a,
#navon_careers #lnkJ a{
    border-top: 6px solid #009a99;
	color: #009a99;
}
#navon_myaccount_backorders #lnkBO a,
#navon_myaccount_orders #lnkOrd a,
#navon_myaccount_account #lnkAcc_Add a,
#navon_myaccount_invoices #lnkAcc_Inv a,
#navon_myaccount #lnkAcc a,
#navon_myaccount_users #lnkAcc_Usr a{
	font-weight: bold;
	background-color: #fdf597;
	
}
#search{
    height: 22px;
}

#search .txt{
    margin: 0 0 3px 0;
    padding: 0 0 0 5px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #02a0a2;
    background: #f9f9f9;
    color: #999;
}
#search .btn{
	background: url("/img/BGMenuItemon.gif") repeat-x;
	height: 37px;
	line-height: 37px;
	padding: 0 10px;
	border: none;
}
/* Breadcrumbs
---------------*/
#brd{
    padding: 10px 0 10px 0;
}
.anon #brd{
    display: none;
}
#brdCrmb ul{
	margin: 0.25em 0 0.5em 0;
	padding: 0;
}
#brdCrmb li{
	background: url(/img/brdCrmb.gif) 0 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 8px 0 0;
}
#brdCrmb li a,
#brdCrmb li a:link,
#brdCrmb li a:active,
#brdCrmb li a:visited{
	font-style: italic;
}
#brdCrmb li.first{
	background: none;
	padding: 0;
}
/* Left Menu
---------------*/
#lmenu{
	margin: 0 30px 0 3px;
	width: 193px;
}

.anon #lmenu,
#navon_checkout #lmenu{
	display: none;
}

#lmenu h2{
	padding: 0 0 0 10px;
	margin: 0;
}
#lmenu p{
	padding: 0 0 0 10px;
	margin: 0.5em 0 0;
}

#lmenu ul{
	width: 193px;
	margin: 0;
}

#lmenu h2{
	color: #FFF;
	font-weight:bold;
	font-size: 1em;
	background: url("/img/bgh2.gif") no-repeat;
	height: 23px;
	line-height: 23px;
	margin-top: 20px;
}
#lmenu p{
}

#lmenu a{
	display: block;
	width: 200px;
	padding: 0.15em 0;
}

#lmenu ul ul{
	margin: 0;
}

#lmenu ul li a{
	padding-left: 10px;
	width: 183px;
}

#lmenu ul li.on{
	font-weight: bold;
/*	background-color: #fdf597;*/
}

#lmenu ul li ul a{
	padding-left: 40px;
	width: 157px;
}

#lmenu ul li ul li ul a{
	padding-left: 60px;
	width: 137px;
}

#lmenu ul li.on li{
	font-weight: normal;
}

#lmenu ul li ul .on{
	font-weight: bold;
/*	background-color: #ffeb00;*/
}

#lmenu ul li ul li{
	background: url("/img/BGArw.gif") 30px 6px no-repeat;
}

#lmenu ul li ul li ul li{
	background: url("/img/BGArw.gif") 50px 6px no-repeat;
}

#lmenu ul li ul li ul a{
}

#lmenu ul li ul li ul .on{
	font-weight: bold;
}
.anon #content{
    padding: 0 3px;
}
#navon_checkout #content{
    padding: 10px;
}
#content a,
#content a:link,
#content a:visited,
#content a:active{
    text-decoration: underline;
}
#content a:hover{
    text-decoration: none;
}
.vList{
	margin: 0;
	padding: 0;
}

.vList li{
	display: block;
	width: 220px;
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
	height: 295px;
	color: #028082;
	position: relative;
}

.vList li .prodLeft {
	width:95px;
}

.vList li .prodRight {
	width:125px;
}
.vList li .prodLeft,
.vList li .prodRight {
	color: #012d4d;
}
.vList li .prodLeft span{
	color: #028082;
}

.vList li img{
	border: 1px solid #09a3a5;
}

#content .vList li p{
    margin: 0;
	padding: 0 0 2px 0;
}

.vList li p a,
.vList li p a:link,
.vList li p a:visited,
.vList li p a:active{
	padding: 0;
	color: #007458;
}

.vList li label{
	color: #999;
}

.vList li label input{
	margin-right: 2px;
}

.vList li input.qty{
	width: 35px;
	margin: 0 3px;
	border: 1px solid #09a3a5;
	color: #ccc;
}

/* Login page
---------------*/
#frmLogin{
    border: 1px solid #331D01;
    background:#f1fafa;
    width: 27em;
    margin: 0 0 1em 0;
    padding: 1em;   
}
#navon_checkout #frmLogin{
    width: 23em;
    padding: 10px 1em 0 1em;
}
#frmLogin p{
    margin-right: 3em;
}
.frm .info{
    margin: 0;
}
.AspNet-Login
{
    margin-left: 50px;
    width: 400px;
}
.AspNet-Login div{
	margin-bottom: 0.25em;
}
.AspNet-Login .AspNet-Login-TitlePanel{
    color: #3c597d;
	font-size: 1.2em;
	text-align: center;
}
.AspNet-Login .AspNet-Login-UserPanel label,
.AspNet-Login .AspNet-Login-PasswordPanel label{
	width: 5em;
	display: block;
	float: left;
	text-align: right;
	padding-right: 0.5em;
}
.AspNet-Login .required label{
	font-weight: bold;
}
.AspNet-Login .AspNet-Login-UserPanel input,
.AspNet-Login .AspNet-Login-PasswordPanel input{
	width: 15em;
}
.AspNet-Login .AspNet-Login-RememberMePanel input{
	margin: 0 0.5em 0 5.2em;
}
.AspNet-Login em,
.AspNet-Login em{
	font-style: normal;
	text-decoration: underline;
}
.AspNet-Login .AspNet-Login-SubmitPanel{
	margin: 1em 0 0 5.25em;
}
/* Cart
---------------*/
.cart{
	width: 705px;
}
* html .cart{
	width: 700px;
}
#navon_checkout .cart{
	width: 940px;
}
* html #navon_checkout .cart{
	width: 935px;
}
#content .cart th{
	font-weight: bold;
	vertical-align: middle;
	text-align:center;
	text-transform:uppercase;
	font-size: 1.2em;
}
#content .cart th.top{
	height: 43px;
}
#content .cart td{
	vertical-align: middle;
	text-align:center;
	padding: 2px 0;
}
#content .cart td.qty{
	width: 53px;
}
#content .cart .des{
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	padding: 0.5em 0 0.5em 0.5em ;
}
#navon_checkout .cart .des{
	width: 540px;
}
#content .cart .des td{
	font-size: 0.9em;
}
#content .cart .rem{
	width: 90px;
}
#content .cart .pri{
	width: 85px;
}
#content .cart .tot{
        width: 85px;
}
#content .cart input.qty{
	width: 20px;
	text-align: center;
	color: #000;
    padding: 2px 4px;
}
#content .cart .footer{
	height: 78px;
	font-size: 0.9em;
}
#content .cart .footer th{
	font-size: 1em;
}
#content .cart .footer th,
#content .cart .footer td{
	text-transform: capitalize;
	text-align: right;
}
#content .cart .total{
	padding: 0;
	font-weight: bold;
	font-size: 1em;
}
#content .cart .total th{
	text-align: right;
	text-transform: capitalize;
	padding: 10px 0;
}
#content .cart .total td{
	padding: 10px 10px 10px 0;
	font-size: 1.1em;
}
#content ol{
    margin: 0 0 0 2.5em;
}
#content ol li{
    list-style: decimal;
    margin: 0 0 1em 0;
}
#footer{
	height: 160px;
	min-height: 160px;
	background: url("/img/BGRFot.gif") no-repeat;
	color: #012d4d;
}
.anon #footer,
#navon_checkout #footer{
	background: url("/img/BGRFotCO.gif") no-repeat;
}
#footer .grid_12 img{
	margin: 90px 0 0 2px;
}
#content .backorders,
#content .orderItems{
    font-size: 1.1em;
}
#content .status{
    font-size: 12px;
    color: #666;
    text-align: left;
    padding: 0 0 0 10px;
}
/* Calendar styling
------------------------------*/
.calendar td{
	font-size: 1em;
}

.title{
	font-weight:bold;
	background-color:#DAE1EB;
	color: #3c597d;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.day{
	height: 1.5em;
	width: 2.5em;
	cursor:pointer;
	text-align:center;
	border: 1px solid #F6F6F6 !important;
}

.dayhover{
	width: 2.5em;
	cursor:pointer;
	text-align:center;
	text-decoration:underline;
	border: 1px solid #BB5503 !important;
}

.dayheader{
	width: 2.5em;
	text-align:center;
	border-width:1px;
	border-color:white;
	border-style:solid;
	font-weight:bold;
	background-color:#FFFFFF;
}

.outofrangeday{
	visibility:hidden;
}

.selectedday{
	width: 2.5em;
	background-color:#FBE694;
	color:#000000;
	border: 1px solid #BB5503 !important;
	font-weight:bold;
}

.calendar{
	border-style:;
	border:1px solid #000;
	border-collapse:collapse;
	background-color:#FFFFFF;
	cursor:default;
}

.month{
	background-color:#F6F6F6;
	margin: 0 0.5em 0.5em 0.5em;
}

.nextprev{
	cursor:pointer;
	width: 2.5em;
	vertical-align:center;
	padding: 0 0.5em 0.5em 0.5em;
}

.selector{
	width: 0.75em;
	cursor: pointer;
	text-align: left;
	vertical-align: center;
	background-color: #FFF;
}
.disabledDay{
	width: 2.5em;
	background-color:#F6F6F6;
	color:#999999;
	border: 1px solid #F6F6F6 !important;
	text-decoration: line-through;
}
.disabledDay.dayhover{
	width: 2.5em;
	text-align:center;
	text-decoration: line-through;
	border: 1px solid #F6F6F6 !important;
}
.pager{
    color: #405e78;
    margin: 15px 0 0 0;
}
.pager span a,
.pager span span.on{
    padding: 2px 5px;
    border: 1px solid #d2d2d2;
    line-height: 1.8em;
    background: #fbfbfb;
    color: #405e78;
    margin: 2px;
}
.pager span span.on{
    background: #02a0a2;
    border-color: #012d4d;
    color: #fff;
 }
 .selAll{
    margin-left: 45px;
 }
 ol.alphabet {
/*	overflow:hidden;*/
	zoom:1;
	text-align:center;
	margin-bottom:1em;
	font-size:14px
}
ol.alphabet li{
	display:inline;
	color: #999;
}
ol.alphabet li a{
	padding:0 3px;
	text-decoration: underline;
}
.details th{
    font-weight: bold;
    vertical-align: top;
}
.details td{
    
}
.stockOng,
.stockRed,
.stockGry{
    color: #000;
    background: #fff; /*#FF9E9F;*/
    height: 1.3em;
    width: 206px;
    padding: 5px;
    top: 1px;
    left: 1px;
    text-transform: uppercase;
    position: absolute;
    z-index: 1000;
    font-weight: bold;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}
.stockOng{
    background: #FFD196;
}
.stockGry{
    background: #ccc;
}
table.prodDetails{
    width: 300px;
}
table.prodDetails th{
	padding: 3px 10px 3px 0;
	font-size: 14px;
	color: #009a99;
    font-weight: bold;
}
table.prodDetails td{
	font-size: 14px;
}
#qtyBox{
    padding: 5px 0;
	font-size: 16px;
}
#qtyBox .qty{
	font-size: 16px;
	line-height: 19px;
    font-weight: bold;
    padding: 2px 4px;
}
table.invoices th,
table.invoices td{
    padding-right: 15px;
}
table.invoices td{
    text-align: right;
}
div.showBorder{
    border: 1px solid #02A0A2;
    margin: 1em 0;
}
table.showList th{
    padding: 10px;
    height: 20px;
    font-size: 16px;
    vertical-align: top;
}
table.showList td{
    padding: 10px;
    vertical-align: top;
}
#logout{
	width:138px;
}
#login a,
#logout a{
    display: block;
	background: url("/img/btnLogin.gif") right 0 no-repeat;
    width: 141px;
    height: 60px;
    line-height: 55px;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
#login a:hover,
#logout a a:hover{
    background-position: right -60px;
}
.brdr{
	border: 1px solid #009a99;
}
.srchFrm{
    width: 535px;
    margin: 0;
}
.srchFrm label{
    height: 53px;
    background: #009a99;
    color: #fff;
    display: block;
    float: left;
    line-height: 53px;
    padding: 0 30px;
    font-weight: bold;
	font-size: 20px;
}
.srchFrm .btn{
    float: right;
    margin: 13px 0 0 0;
}
.srchFrm .txt{
	border: 3px solid #009a99;
    height: 47px;
    width: 328px;
    line-height: 47px;
	font-size: 20px;
	color: #009a99;
}
.srchFrmSml{
    padding: 10px 5px 0 5px;
}
.srchFrmSml .txt{
}
.telfax{
    font-weight: bold;
    font-size: 18px;
}
#scroller{
    height: 250px;
    overflow: hidden;
    width: 954px;
    background: #009a99;
}
#scroller li{
    float: left;
    list-style: none;
    margin: 0;
    padding: 10px;
    width: 230px;
    height: 230px;
}
#scroller li img{
    width: 230px;
    height: 230px;
}
div.info h5{
	font-size: 1.2em;
	color: #FF0000;
	margin: 0 0 1em 0;
	font-weight: bold;
}
div.info h6,
div.info p{
	margin: 0 0 1em 0;
	font-size: 1em;
}
tr.highlight {
    background-color: #fdf597;
}
div.cartresp{
    text-align: left;
    z-index: 2;
    padding: 2px 5px 2px 25px;
    line-height: 20px;
    height: 20px;
    width: 100px;
    display: none;
}
.added{
    color: #004478;
    background: #E6FFD5 url(/img/itick.png) 5px 3px no-repeat;
}
.removed{
    color: #E6002E;
    background: #FFCCCD url(/img/icross.png) 5px 3px no-repeat;
}