@import "/scripts/cart.css";
/* Body and links*/



.categories

{font-size:16px;

font-weight:bold;

padding-left:5px;}



a.cartlinks

{color:#000;

text-decoration:none;}



a.cartlinks:hover

{text-decoration:underline;}



body {background-color: #d5e0eb; font-family: arial, helvetica, geneva !important; font-size: 12px !important; margin: 0px !important;}



a.topnav2:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #08406e !important; font-weight: bold !important; text-decoration: none !important; }

a.topnav2:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #08406e !important; font-weight: bold !important; text-decoration: none !important; }

a.topnav2:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #08406e !important; font-weight: bold !important; text-decoration: none !important; }

a.topnav2:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #ffffff !important; font-weight: bold !important; text-decoration: none !important; }



a.navlinksmall:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 15px !important; color: #08406e !important; font-weight: bold !important; text-decoration: none !important; line-height:30px; padding-left:5px;}

a.navlinksmall:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 15px !important; color: #08406e !important; font-weight: bold !important; text-decoration: none !important; }

a.navlinksmall:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 15px !important; color: #08406e !important; font-weight: bold !important; text-decoration: none !important; }

a.navlinksmall:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 15px !important; color: #666666 !important; font-weight: bold !important; text-decoration: underline !important; }



a.navlinksmall2:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #cccccc !important; font-weight: normal !important; text-decoration: none !important; }

a.navlinksmall2:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #cccccc !important; font-weight: normal !important; text-decoration: none !important; }

a.navlinksmall2:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #cccccc !important; font-weight: normal !important; text-decoration: none !important; }

a.navlinksmall2:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #fcfcfc !important; font-weight: normal !important; text-decoration: underline !important; }



a.bottomlink:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #000000 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bottomlink:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #000000 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bottomlink:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #000000 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bottomlink:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #00000 !important; font-weight: normal !important; text-decoration: none !important; }



a.bodylink:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bodylink:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bodylink:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bodylink:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 11px !important; color: #666666 !important; font-weight: normal !important; text-decoration: none !important; }



a.bodylinksmall:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bodylinksmall:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bodylinksmall:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #333333 !important; font-weight: normal !important; text-decoration: underline !important; }

a.bodylinksmall:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 10px !important; color: #666666 !important; font-weight: normal !important; text-decoration: none !important; }



a.headerlink:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 14px !important; color: #666666 !important; font-weight: bold !important; text-decoration: none !important; font-style : italic !important; }

a.headerlink:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 14px !important; color: #666666 !important; font-weight: bold !important; text-decoration: none !important;  font-style : italic !important; }

a.headerlink:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 14px !important; color: #666666 !important; font-weight: bold !important; text-decoration: none !important;font-style : italic !important;  }

a.headerlink:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 14px !important; color: #333333 !important; font-weight: bold !important; text-decoration: none !important; font-style : italic !important; }



a.headerlink2:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #666666 !important; font-weight: bold !important; text-decoration: none !important; }

a.headerlink2:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #666666 !important; font-weight: bold !important; text-decoration: none !important; }

a.headerlink2:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #666666 !important; font-weight: bold !important; text-decoration: none !important; }

a.headerlink2:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #333333 !important; font-weight: bold !important; text-decoration: none !important; }



a.tableheaderlink:link { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #FFFFFF !important; font-weight: bold !important; text-decoration: underline !important; }

a.tableheaderlink:active { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #FFFFFF !important; font-weight: bold !important; text-decoration: underline !important; }

a.tableheaderlink:visited { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #FFFFFF !important; font-weight: bold !important; text-decoration: underline !important; }

a.tableheaderlink:hover { font-family: arial, geneva, helvetica, verdana, sans-serif !important; font-size: 13px !important; color: #cccccc !important; font-weight: bold !important; text-decoration: none !important; }







.bodytext {font-family: arial, helvetica, geneva !important; font-size: 11px !important; color: #000000 !important;}

.bodytextsmall { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 10px !important; color: #000000 !important; }

.bodytextbold { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 12px !important; font-weight: bold !important; color: #000000 !important; }

.bodytextsmallbold { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 11px !important; color: #000000 !important; font-weight: bold !important; }



.textone { font-family: arial, helvetica, geneva !important; font-size: 12px !important; color: #33333 !important; }

.texttwo { font-family: arial, helvetica, geneva !important; font-size: 11px !important; color: #ffffff !important;  !important; font-weight: bold}

.textthree { font-family: arial, helvetica, geneva !important; font-size: 10px !important; color: #000000 !important; }

.inputone { font-family: arial, helvetica, geneva !important; font-size: 10px !important; color: #000000 !important; width: 75px !important; }

.smalltextWhite { font-family: arial, helvetica, geneva !important; font-size: 10px !important; color: #ffffff !important; }

.smalltextblue { font-family: arial, helvetica, geneva !important; font-size: 10px !important; color: #7DA7D9 !important; }

.whitetext { font-family: arial, helvetica, geneva !important; font-size: 13px !important; font-weight: bold !important; color: #ffffff !important; }

.hd2 { font-family: arial, helvetica, geneva !important; font-size: 16px !important; color: #616161 !important;  !important; font-weight: bold}



/* start tpls */

hr { background: transparent !important; color: #000000 !important; height: 1px !important; }



/*Headers*/

.headerOne {font-family: arial, helvetica, geneva !important; font-size: 16px !important;  font-weight: bold !important;  color: #666666 !important;}

.mainheader { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 18px !important; color: #999999 !important; font-weight: bold !important; }



/*Tables*/

.tdbackground {background : #B5CBD1 !important; background-color: #B5CBD1 !important;}

.tablecell { background-color: #ffffff !important; font-family: arial, helvetica, geneva, sans-serif !important; font-size: 12px !important; color: #666666 !important; }

.tablecellsmall { background-color: #ffffff !important; font-family: arial, helvetica, geneva, sans-serif !important; font-size: 10px !important; color: #666666 !important; }

.tableheader { background-color: #666666 !important; font-size: 13px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #ffffff !important; font-weight: bold !important; }

.tablesubheader { background-color: #cccccc !important; font-size: 12px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #333333 !important; font-weight: bold !important; }

.th2 { background-color: #999999 !important; font-size: 12px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: bold !important; }

.td3 { background-color: #e9e9e9 !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: normal !important; }

.td10 { background-color: #ffffff !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: normal !important; }

.treecell { background-color: #C2C2C2 !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #000000 !important; font-weight: normal !important; }

.linkcell { background-color: #000000 !important; font-size: 12px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #ffffff !important; font-weight: bold !important; }

.searchcell { background-color: #000000 !important; font-size: 11px !important; font-family: arial, helvetica, geneva, sans-serif !important; color: #ffffff !important; font-weight: normal !important; }



/*Form Stuff*/

.formtext { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 12px !important; color: #000000 !important; }

.formheader { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 17px !important; color: #ffffff !important; font-weight: bold !important; letter-spacing: 0.025em !important; }

.inputbox { width: 300px !important;  color: #bed4eb !important;}

.inputmedium { width: 150px !important;  color: #bed4eb !important;}

.inputboxsmall { width: 75px !important; color: #bed4eb !important; }

.inputtext { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 14px !important; color: #706f6f !important; }

.submitbutton { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 12px !important; background-color: #666666 !important; color: #ffffff !important; letter-spacing: 0.038em !important; }

.submitbutton2 { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 12px !important; background-color: #999999 !important; color: #ffffff !important; letter-spacing: 0.038em !important; }

.submitbutton3 { font-family: arial, helvetica, geneva, sans-serif !important; font-size: 12px !important; background-color: #000000 !important; color: #ffffff !important; letter-spacing: 0.038em !important; }



.dropdown {  font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 9px !important;  color: #bed4eb !important;}



/* textarea */

.ta1 { font-family: arial, helvetica, geneva !important; font-size: 12px !important; border: solid !important; border-width: 1px !important; border-color: #c0c0c0 !important; width: 100% !important; }

.ta2 { font-family: arial, helvetica, geneva !important; font-size: 12px !important; border: solid !important; border-width: 1px !important; border-color: #c0c0c0 !important; width: 100% !important; height: 20px !important; }

.ta3 { font-family: arial, helvetica, geneva !important; font-size: 12px !important; border: solid !important; border-width: 1px !important; border-color: #c0c0c0 !important; background-color: #eeeeee !important; width: 100% !important; height: 20px !important; }



/* input */

.i1 { font-family: arial, helvetica, geneva !important; border: solid !important; font-size: 12px !important; background-color: #ffffff !important;  color: #000000 !important; border-width: 1px !important; width: 100% !important; border-color: #c0c0c0 !important; }

.i2 { font-family: arial, helvetica, geneva !important; border: solid !important; font-size: 12px !important; background-color: #ffffff !important; color: #000000 !important; border-width: 1px !important; width: 100% !important; border-color: #c0c0c0 !important; text-align: right !important; }

.i3 { font-family: arial, helvetica, geneva !important; border: solid !important; font-size: 12px !important; background-color: #ffffff !important; color: #000000 !important; border-width: 1px !important; width: 150px !important; border-color: #c0c0c0 !important; }

.i4 { font-family: arial, helvetica, geneva !important; border: none !important; font-size: 10px !important; background-color: #000000 !important; color: #ffffff !important; width: 75px !important; height: 15px !important; text-align: right !important; }

.i5 { font-family: arial, helvetica, geneva !important; font-size: 10px !important; color: #000000 !important; width: 100px !important; }

.i6 { width: 75px !important; }

.i7 { font-family: arial, helvetica, geneva !important; border: solid !important; font-size: 12px !important; background-color: #eeeeee !important;  color: #000000 !important; border-width: 1px !important; width: 100% !important; border-color: #c0c0c0 !important; }

.i8 { font-family: arial, helvetica, geneva !important; border: solid !important; font-size: 12px !important; background-color: #eeeeee !important; color: #000000 !important; border-width: 1px !important; width: 100% !important; border-color: #c0c0c0 !important; text-align: right !important; }

.i9 { font-family: arial, helvetica, geneva !important; border: none !important; font-size: 13px !important; background-color: #000000 !important; color: #ffffff !important; width: 75px !important; height: 15px !important; text-align: right !important; font-weight: bold !important; }



/* horizontal rule */

.hr1 { background: transparent !important; color: #999999 !important; height: 1px !important; }

.hr2 { background: transparent !important; color: #000000 !important; height: 1px !important; }



/* backgrounds */

.bg1 { }

.bg2 { background-color: #999999 !important; }

.bg3 { background-color: #666666 !important; }

.bg4 { background-color: #ffffff !important; background-image: url(/images/shell/gradient.jpg) !important; }



.backgroundOne {

	background-color: #BED4EA;

}



.separatorColor {

	color: #08406e;

	font-size: 15px;

}



.bottomline {

	border: 1px solid #5394cc;

	border-top: 0 none;

	height: 1px;

}



.threeSidedbox {

	border: 1px solid #5394cc;

	border-bottom: 0 none;

	height: 1px;

}



/* star rating system */

.star-rating{

	list-style:none;

	margin-left:5px !important;

	padding:0px;

	width: 125px;

	height: 25px;

	position: relative;

	background: url(/images/icons/alt_star.gif) top left repeat-x;		

}



.star-rating li{

	padding:0px;

	margin:0px;

	/*\*/

	float: left;

	/* */

}



.star-rating li a{

	display:block;

	width:25px;

	height: 25px;

	text-decoration: none;

	text-indent: -9000px;

	z-index: 20;

	position: absolute;

	padding: 0px;

}



.star-rating li a:hover{

	

	z-index: 2;

	left: 0px;

}



.star-rating a:focus,

.star-rating a:active{

	border:0;	

	-moz-outline-style: none;

	outline: none; 

}



.star-rating a.one-star{

	left: 0px;

}



.star-rating a.one-star:hover{

	width:25px;

}



.star-rating a.two-stars{

	left:25px;

}



.star-rating a.two-stars:hover{

	width: 50px;

}



.star-rating a.three-stars{

	left: 50px;

}



.star-rating a.three-stars:hover{

	width: 75px;

}



.star-rating a.four-stars{

	left: 75px;

}	



.star-rating a.four-stars:hover{

	width: 100px;

}



.star-rating a.five-stars{

	left: 100px;

}



.star-rating a.five-stars:hover{

	width: 125px;

}



.star-rating li.current-rating{

	background: url(/images/icons/alt_star.gif) left center;

	position: absolute;

	height: 25px;

	display: block;

	text-indent: -9000px;

	z-index: 1;

}