body  				{font-family: Verdana; font-size: 10pt; color: #333333; margin: 0; background-color: #FAFAFA; background-image: url('../img/back80x80.gif'); background-repeat: repeat; background-attachment: fixed;}

#header				{position: relative; width: 779px; margin: 0 auto; background-image: url('bg/mainbg779.gif'); background-repeat: repeat-y; padding-left:4px;}
#header #menu		{position: relative; width:766px; height:25px; background-image: url('../img/menubg1x30.gif'); background-repeat: repeat-x;padding-left:5px; padding-top: 4px;}
#content			{position: relative; width: 779px; margin: 0 auto; background-image: url('bg/mainbg779.gif'); background-repeat: repeat-y; padding-left:4px;}

#left 				{position: relative; float:left; margin:0px; padding-left: 5px; padding-top: 5px; padding-bottom:15px; width:140px; }
#left h3			{font-size: 10pt; color: #008000; font-weight: bold; margin-bottom: 0px; margin-top: 0px;}


#footer				{}



a					{color: #666666;}
h1					{font-size:150%; color:#0066DD; margin-bottom: 0px;}
h2					{font-size:120%; color:#336699; margin-bottom: 0px; margin-top:5px;}
.bg 				{display: block; width:779px; min-height: 10px; margin: auto;padding-left: 4px; padding-right: 4px; background-image: url('bg/mainbg779.gif'); background-repeat: repeat-y;}	
.menubg				{display:block; width:766px; height:30px; background-image: url('../img/menubg1x30.gif'); background-repeat: repeat-x; padding-left:5px; padding-top:4px;}
.bgfooter 			{display: block; width:779px; height: 5px; margin:auto; padding-left: 4px; padding-right: 4px; padding-top:5px; text-align: left; background-image: url('bg/footer779x5.gif'); background-repeat: no-repeat;}
.pad				{margin-left: 3px; margin-bottom: 5px;}
.pad strong			{display: block; width:136px; background-color: #FFFFFF;  margin-left: -4px; padding-left: 5px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;}
.pad  strong a		{color:#CC3300; font-weight: bold}
.norm				{display:block; margin: 0px; width:612px; padding-top:0px; padding-bottom:5px;}

#cleft 				{float:left; margin:0px; padding-left: 5px; padding-top: 5px; padding-bottom:15px; width:140px; }
#cleft h3			{font-size: 10pt; color: #008000; font-weight: bold; margin-bottom: 0px; margin-top: 0px;}
#cmid 				{float:left; margin-left:5px; width:615px;}
.pics				{display:block; float:left; width:102px; text-align:center;}

.hormenu			{COLOR: #333333; font-size: 11pt; text-decoration: none; font-weight: bold}
:hover.hormenu		{COLOR: #FFFFFF; font-size: 11pt; text-decoration: underline; font-weight: bold}
.hormenuon			{COLOR: #FFFFFF; font-size: 11pt; text-decoration: none; font-weight: bold}
:hover.hormenuon	{COLOR: #FFFF00; font-size: 11pt; text-decoration: underline; font-weight: bold}
.footer 			{font-size: 8pt;color:#808080 }
.afooter 			{font-size: 8pt; color:#0066DD; text-decoration: none }
:hover.afooter 		{font-size: 8pt; color:#0066DD; text-decoration: underline }

.menubig				{color: #333333; font-weight: bold; text-decoration: none;}
:hover.menubig			{color: #FF9933; text-decoration: underline;}
.menu				{color: #0066DD; text-decoration: none; line-height:150%}
:hover.menu			{color: #FF9933; text-decoration: underline;}

.catalogue {display:block; width:610px; border:1px solid #CC9900; padding-left:2px; padding-right:2px; background-color: #FFFFEC; margin-bottom: 0px;}
.catalogue h2 {font-size:120%; color: #CC3300; margin-bottom: 5px;}
.catalogue a {color:#CC3300}

.feature {display:block; width:129px; border:1px solid #CC9900; padding-left:2px; padding-right:2px; background-color: #FFFFEC; text-align: center;}
.feature h2 {color: #CC3300; font-size: 11pt; border-bottom:1px solid #CC9900; padding-bottom: 0px; margin-bottom: 5px;}
.blinkb {color:#0066DD; text-decoration: none; font-weight: bold}
:hover.blinkb {color:#0066DD; text-decoration: underline; }
.linkg {color:#008000; text-decoration: none;}
:hover.linkg {color:#006600; text-decoration: underline; }
.glinkb {color:#555555; TEXT-DECORATION: none; font-weight: bold}
:hover.glinkb {color:#555555; TEXT-DECORATION: underline; font-weight: bold }


.catbig			{COLOR: #0054E8; FONT-SIZE: 11pt; TEXT-DECORATION: none; font-weight: bold}
:hover.catbig		{COLOR: #0054E8; FONT-SIZE: 11pt; TEXT-DECORATION: underline; font-weight: bold}

.catHeader		{COLOR: #000033; FONT-SIZE: 12pt; font-weight: bold}

.catsmall		{COLOR: #333333; FONT-SIZE: 8pt; TEXT-DECORATION: underline; font-weight: bold}
:hover.catsmall		{COLOR: #333333; FONT-FAMILY: Arial, Sans-Serif; FONT-SIZE: 8pt; TEXT-DECORATION: underline; font-weight: bold}

.cat			{COLOR: #333333; FONT-SIZE: 10pt; TEXT-DECORATION: none; font-weight: bold}
:hover.cat		{COLOR: #333333; FONT-SIZE: 10pt; TEXT-DECORATION: underline; font-weight: bold}

.catblue		{COLOR: #0054E8; FONT-SIZE: 10pt; TEXT-DECORATION: none; font-weight: bold}
:hover.catblue		{COLOR: #0054E8; FONT-SIZE: 10pt; TEXT-DECORATION: underline; font-weight: bold}

.BodyBlue		{COLOR: #0054E8; TEXT-DECORATION: none}
.BodyGrey		{COLOR: #333333; FONT-SIZE: 10pt; TEXT-DECORATION: none}

.Error {color: #FF0000; text-align: center; margin-bottom: 0px; }
.inputbox {border:1px solid #C0C0C0; padding:5px; background-color: #E9F2FE}

.catalogue .fcat {color: #006699; text-decoration: none; font-weight: bold;}
.catalogue .fcat:hover {color: #CC6600; text-decoration: underline;}

/* Page Numbers */
.pages { clear: left; font-size: 85%;}
.pages a, .pages span {display: block; float: right; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #fff; background: #fff;}
.pages span.current { border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff;}
.pages a {border: 1px solid #9AAFE5; text-decoration: none;}
.pages a:hover {border-color: #2E6AB1;}
.pages a.nextprev {font-weight: bold;}
.pages span.nextprev { color: #666;}
.pages span.nextprev {border: 1px solid #ddd;color: #999;}

.catinfo {display:block; float:left; width: 602px;border: 1px solid #9AAFE5; margin-top:3px; margin-bottom:3px; padding: 5px; background: #FAFAFA}
.catinfo .pic {display: block; float:left; width:65px;}
.catinfo .text {display:block; float:left; }
.catinfo .text .name a {display:block; margin-bottom: 3px; text-decoration: none; font-size: 120%; font-weight: bold; color: #2E6AB1; }
.catinfo .text .name a:hover {text-decoration: underline; color: #9AAFE5; }
.catinfo .text a {color: #0066DD; text-decoration: none;}
.catinfo .text a:hover {color: #FF9933; text-decoration: underline;}
.catinfo .text .refine {display:block; float:left; width: 122px; margin-top:0px; margin-right: 3px; margin-bottom:3px; padding: 3px;}
.catinfo .text .refine a {color: #0066DD; text-decoration: none;}
.catinfo .text .refine strong {color: #008000}
.catinfo .text .refine a:hover {color: #FF9933; text-decoration: underline;}

.item {display:block; float:left; width: 602px;border: 1px solid #9AAFE5; margin-top:3px; margin-bottom:3px; padding: 5px;}
.item .pic {display: block; float:left; width:85px;}
.item .text {display:block; float:left; }
.item .text .name a {float:left; padding-left: 5px; margin-bottom: 3px; text-decoration: none; font-size: 120%; font-weight: bold; color: #2E6AB1; }
.item .text .name a:hover {text-decoration: underline; color: #9AAFE5; }
.item .text .sku {float: right; color:#333;}
.item .text .summary {display: block; padding-left: 5px; width:517px;}
.item .text .detail {display:block; float:left; padding-left: 5px; width:80px; font-weight: bold; color:333;}
.item .text a {color: #006699}
.item .text a:hover {color: #CC3300}

.itemnew {display:block; float:left; width: 602px;border: 1px solid #FFFF99; background: #FFFFF0; margin-top:3px; margin-bottom:3px; padding: 5px;}
.itemnew .pic {display: block; float:left; width:85px;}
.itemnew .text {display:block; float:left; }
.itemnew .text .name a {float:left; padding-left: 5px; margin-bottom: 3px; text-decoration: none; font-size: 120%; font-weight: bold; color: #2E6AB1; }
.itemnew .text .name a:hover {text-decoration: underline; color: #9AAFE5; }
.itemnew .text .sku {float: right; color:#333;}
.itemnew .text .summary {display: block; padding-left: 5px; width:517px;}
.itemnew .text .detail {display:block; float:left; padding-left: 5px; width:80px; font-weight: bold; color:333;}
.itemnew .text a {color: #006699}
.itemnew .text a:hover {color: #CC3300}

.sblock {display:block; float:left; width: 602px;border: 1px solid #2E6AB1 ; background: #D8E4FA; margin-top:3px; margin-bottom:8px; padding: 5px;}
.sblock h2 {color: #333;}
.sblock a {color: #333;}

.itempic {display:block; float:right; width: 260px;border: 1px solid #9AAFE5; margin-top:3px; margin-bottom:3px; padding: 5px;}
.itemdetail .detail {display:block; float:left; padding-left: 0px; width:120px; font-weight: bold; color:333;}
.itemdetail a {color: #006699}
.itemdetail a:hover {color: #CC3300}
.buy {display:bock; float:left; border: 1px solid #2E6AB1; padding:5px; margin-top:5px; margin-bottom:5px; font-size:150%; color: #FFFFFF; font-weight: bold; background: #9AAFE5;}
.buy:hover {color: #FFFF00}
.smalltext {display: block; float: left; font-size:88%; margin-top: 5px; width:330px; }





.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; }