body { background: #C2CDD8 url("../images/page-bg.jpg") repeat-x; font-family: Arial, Helvetica, san-serif; font-size: 11px; margin: 50px auto 0 auto; color: #333; line-height: 16px }
a { text-decoration: none }

h1, h2, h3 { color: #333; font-weight: normal }
h1 { font-size: 18px; border-bottom: 1px SOLID #999; padding-bottom: 5px }
h2 { font-size: 14px; border-bottom: 1px SOLID #999; padding-bottom: 5px; margin-top: 0 }
h2 a { color: #FFA800 }
h2 a:hover { color: #666 }

.site { margin: 0 auto; width: 820px }
	.site .ctnt { border: 4px SOLID #7795B5; border-bottom: none }

.site-home { width: 854px } 
.home, .main { background: #FFF; padding: 4px; position: relative }
	.home .hdr, .main .hdr { padding: 0 5px 5px 5px }
	.home .splash { position: relative }
	.home .splash a { display: block; width: 81px; height: 23px; width: 82px; position: absolute; top: 233px; right: 94px }

.main { padding: 4px 10px; height: 1%; overflow: auto }
	.main .menu { background: url(../images/top-menu-bg.jpg) repeat-x }
		.main .menu ul { list-style: none; margin: 0; padding: 0 10px; height: 1%; overflow: auto }
		.main .menu ul li { float: left; line-height: 30px; padding: 0 10px; border-right: 1px SOLID #666 }
			.main .menu ul li a { color: #FFF }
			.main .menu ul li a:hover{ color: #FFA200 }

	
	.main .lft, .main .rgt { margin: 10px 0 20px 0 }
	.main .lft { float: left; width: 200px }
		.main .lft .hdr { background: #E5E5E5; padding: 5px 10px 5px 31px; color: #666 }
		.main .lft ul, .main .lft div.cinfo { border: 1px SOLID #E5E5E5; margin: 0; padding: 10px 20px  }
			.main .lft ul li { list-style: url(../images/menu-bullet.gif) outside; margin: 0; padding-bottom: 4px; margin-left: 15px }
		
		.main .lft a { color: #333 }
		.main .lft a:hover { color: #7795B5  }
			
		/* Menu bgs */
		.main .lft .hdr.shopby { background: #E5E5E5 url(../images/shop-by.gif) no-repeat 10px 4px }
		.main .lft .hdr.contact { background: #E5E5E5 url(../images/contact.gif) no-repeat 10px 4px; margin-top: 10px }
	
	.main .rgt { margin-left: 209px }
		.main .rgt .pitem  { overflow: auto; height: 1%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px SOLID #E5E5E5; position: relative }
			.main .rgt .pitem .thumb  { float: left; width: 110px }
				.main .rgt .pitem .thumb  img { border: 1px SOLID #E5E5E5 }
			.main .rgt .pitem .desc  { margin-left: 130px }
			.main .rgt .view  { position: absolute; bottom: 10px; right:10px  }
		
		.main .rgt .citem { margin-bottom: 10px; border-bottom: 1px SOLID #E5E5E5; position: relative }
		.main .rgt .citem .thumb { border: 1px SOLID #E5E5E5; text-align: center }
			.main .rgt .citem .thumb img { border: none }
		.main .rgt .citem .desc { margin: 10px 0 15px 0 }
		.main .rgt .citem .price { color:#7795B5; margin: 10px 0 5px 0; font-size: 22px }
		
		.main .rgt .p-details .short { overflow: auto; height: 1%; position: relative; border-bottom: 1px SOLID #E5E5E5; padding-bottom: 10px }
		.main .rgt .p-details .short .thumb { border: 1px SOLID #E5E5E5; float: left; width: 232px }
			.main .rgt .p-details .short .desc { margin-left: 242px }
			.main .rgt .p-details .short .desc .purchase { overflow: auto; height: 1% }
			.main .rgt .p-details .short .desc .purchase .price { color:#7795B5; font-size: 22px; float: left; line-height: 25px }
			.main .rgt .p-details .short .desc .purchase .add { float: right; margin-top: 5px }
		
		.main .rgt .p-details .long { margin-bottom: 50px }
		.main .rgt .p-details .long .name { margin: 10px 0 }
		.main .rgt .p-details .long .specs .row { overflow: auto; height: 1%; padding: 6px; border: 1px SOLID #E5E5E5; border-bottom: none }
		.main .rgt .p-details .long .specs .row .spec { float: left; width: 100px }
		.main .rgt .p-details .long .specs .row .value { margin-left: 110px }
		.main .rgt .p-details .long .specs .row.bline { border-bottom: 1px SOLID #E5E5E5 }
	
	
	
.ftr { margin: 0 auto; height: 1%; overflow: auto; border: 5px SOLID #7795B5; border-top: none; background: #7795B5 url(../images/footer-bg.jpg) repeat-x; text-align: center; padding: 20px; color: #FFF; font-size: 11px }
.ftr a { color: #FFF }
.ftr a:hover { color: #000 }
.ftr div { margin-right: 30px }
	.ftr .contact { float: left; line-height: 16px; text-align: left }
	.ftr .links { float: left; line-height: 16px; text-align: left }
	.ftr .backtop { float: right; line-height: 16px; text-align: left; margin-right: 0 }
.ftr-btm { background: url(../images/ftr-btm-bg.jpg) repeat-x }
	.ftr-btm .lft { float: left; clear: right; background: url(../images/ftr-lft.jpg) no-repeat; height: 15px; width: 215px }
	.ftr-btm .rgt { float: right; background: url(../images/ftr-rgt.jpg) no-repeat; height: 19px; width: 197px }

/*Generic */
.name { font-weight: bold; color: #7795B5; margin-bottom: 5px; font-size: 14px }
.button { background: url(../images/view-button-bg.jpg) no-repeat; text-align: center; width: 92px; border: none; padding: 3px 0; font-size: 11px; cursor: pointer; cursor: hand }
.add-button { background: url(../images/add-cart.gif) no-repeat; text-align: center; width: 92px; border: none; padding: 3px 0; font-size: 11px; cursor: pointer; cursor: hand }
	
/* CLEARS */
.ftr-btm { height: 1%; overflow: auto }