@import "/scripts/cart.css";
@charset "utf-8" !important;

/* CSS Document */



@font-face {

 font-family: Trebuchet !important;

 src: url(http://store.epromo.com/templates/temp21/color5/fonts/trebuc.eot) /* EOT file for IE */

}

@font-face {

 font-family: Trebuchet !important;

 src: url(http://store.epromo.com/templates/temp21/color5/fonts/trebuc.ttf) /* TTF file for CSS3 browsers */

}



@font-face {

 font-family: TrebuchetBold !important;

 src: url(http://store.epromo.com/templates/temp21/color5/fonts/trebucbd.eot) /* EOT file for IE */

}

@font-face {

 font-family: TrebuchetBold !important;

 src: url(http://store.epromo.com/templates/temp21/color5/fonts/trebucbd.ttf) /* TTF file for CSS3 browsers */

}





body {

	margin: 0px !important;

	font-family: Trebuchet, Arial, Helvetica, sans-serif !important;

	font-size: 14px !important;

	}



a.topnav2:link { font-size: 12px; color: #525252 !important; font-weight: bold; text-decoration: none !important; }

a.topnav2:active { font-size: 12px; color: #525252 !important; font-weight: bold; text-decoration: none !important; }

a.topnav2:visited { font-size: 12px; color: #525252 !important; font-weight: bold; text-decoration: none !important; }

a.topnav2:hover { font-size: 12px; color: #FF6600 !important; font-weight: bold; text-decoration: underline !important; }

a.navlinksmall:link { font-size: 11px; color: #525252 !important; font-weight: normal; text-decoration: underline !important; }

a.navlinksmall:active { font-size: 11px; color: #525252 !important; font-weight: normal; text-decoration: none !important; }

a.navlinksmall:visited { font-size: 11px; color: #525252 !important; font-weight: normal; text-decoration: none !important; }

a.navlinksmall:hover { font-size: 11px; color: #FF6600 !important; font-weight: normal; text-decoration: underline !important; }

a.bottomlink:link { font-size: 10px; color: #525252 !important; font-weight: normal; text-decoration: underline !important; }

a.bottomlink:active { font-size: 10px; color: #525252 !important; font-weight: normal; text-decoration: underline !important; }

a.bottomlink:visited { font-size: 10px; color: #525252 !important; font-weight: normal; text-decoration: underline !important; }

a.bottomlink:hover { font-size: 10px; color: #FF6600 !important; font-weight: normal; text-decoration: none !important; }

a.bodylink:link { font-size: 12px; color: #003366 !important; font-weight: normal; text-decoration: underline !important; }

a.bodylink:active { font-size: 12px; color: #003366 !important; font-weight: normal; text-decoration: underline !important; }

a.bodylink:visited { font-size: 12px; color: #003366 !important; font-weight: normal; text-decoration: underline !important; }

a.bodylink:hover { font-size: 12px; color: #003366 !important; font-weight: bold; text-decoration: none !important; }

a.bodylinksmall:link { font-size: 10px; color: #003366 !important; font-weight: normal; text-decoration: underline !important; }

a.bodylinksmall:active { font-size: 10px; color: #003366 !important; font-weight: normal; text-decoration: underline !important; }

a.bodylinksmall:visited { font-size: 10px; color: #003366 !important; font-weight: normal; text-decoration: underline !important; }

a.bodylinksmall:hover { font-size: 10px; color: #CC3300 !important; font-weight: normal; text-decoration: none !important; }

a.headerlink:link { font-size: 13px; color: #CC3300 !important; font-weight: bold; text-decoration: none !important; }

a.headerlink:active { font-size: 13px; color: #CC3300 !important; font-weight: bold; text-decoration: none !important; }

a.headerlink:visited { font-size: 13px; color: #CC3300 !important; font-weight: bold; text-decoration: none !important; }

a.headerlink:hover { font-size: 13px; color: #003366 !important; font-weight: bold; text-decoration: underline !important; }

a.topnav:link { font-size: 14px; color: #525252 !important; font-weight: bold; text-decoration: none !important; }

a.topnav:active { font-size: 14px; color: #525252 !important; font-weight: bold; text-decoration: none !important; }

a.topnav:visited { font-size: 14px; color: #525252 !important; font-weight: bold; text-decoration: none !important; }

a.topnav:hover { font-size: 14px; color: #66BBBB !important; font-weight: bold; text-decoration: underline !important; }

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

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

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

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

a.tableheaderlink:link { font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: underline !important; }

a.tableheaderlink:active { font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: underline !important; }

a.tableheaderlink:visited { font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: underline !important; }

a.tableheaderlink:hover { font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none !important; }



.bodytext {font-family: arial, helvetica, geneva; font-size: 12px; color: #003366;}

.bodytextsmall { font-size: 10px; color: #003366; }

.bodytextbold { font-size: 12px; font-weight: bold; color: #003366; }

.bodytextsmallbold { font-size: 10px; color: #003366; font-weight: bold; }



.textone { font-family: arial, helvetica, geneva; font-size: 14px; color: #FF6600; font-weight: bold}

.texttwo { font-family: arial, helvetica, geneva; font-size: 10px; color: #525252; ; font-weight: bold}

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

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

.smalltextWhite { font-family: myriad, arial, helvetica, geneva; font-size: 10px;   font-weight: bold; color: #525252; }

.whitetext { font-family: arial, helvetica, geneva; font-size: 10px; font-weight: bold; color: #525252; }

/* start tpls */

hr { background: transparent; color: #525252; height: 1px; }



/*Headers*/

.headerOne {font-family: arial, helvetica, geneva; font-size: 12px;  font-weight: bold;  color: #003366;}

.mainheader { font-size: 14px; color: #003366; font-weight: bold; }



/*Tables*/

.tdbackground {background : #666699; background-color: #666699;}

.tablecell { background-color: #FFFFFF; font-size: 12px; color: #003366; }

.tablecellsmall { background-color: #525252; font-size: 10px; color: #003366; }

.tableheader { background-color: #003366; font-size: 12px; color: #FFFFFF; font-weight: bold; }

.tablesubheader { background-color: #3399FF; font-size: 12px; color: #003366; font-weight: bold; }





/*Form Stuff*/

.formtext { font-size: 12px; color: #003366; }

.formheader { font-size: 17px; color: #525252; font-weight: bold; letter-spacing: 0.025em; }

.inputbox { width: 300px; }

.inputmedium { width: 150px; }

.inputboxsmall { width: 75px; }

.inputtext { font-size: 14px; color: #706f6f; }

.submitbutton { font-size: 12px; background-color: #003366; color: #FFFFFF; letter-spacing: 0.038em; }



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



/* input */

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

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

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

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

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

.i6 { width: 75px; }

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

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

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



/* horizontal rule */

.hr1 { background: #FF0000; color: #FF0000; height: 1px; }

.hr2 { background: transparent; color: #FF0000; height: 1px; }



/* backgrounds */

.bg1 { background-color: #525252; }

.bg2 { background-color: #003366; }

.bg3 { background-color: #ff6600; }

.bg4 { background-color: #525252; background-image: url(/images/shell/sidebarbg2.jpg); }



	

#copyrightTable {

	width: 100%;

	border-collapse: collapse;

	border: 0px;

}

	

.copyrightLeft {

	width: 23px;

	height: 70px;

	background-image: url(http://store.epromo.com/templates/temp21/color5/images/shell/copyrightLeft.png);

}



.copyrightCenter {

	background-image: url(http://store.epromo.com/templates/temp21/color5/images/shell/copyrightCenter.png);

	background-repeat: repeat-x;

}



.copyrightRight {

	width: 23px;

	height: 70px;

	background-image: url(http://store.epromo.com/templates/temp21/color5/images/shell/copyrightRight.png);

}





/* 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;

}