html {
	background: #fff url(/pics/body.gif) top repeat-x }
body {
	background: url(/pics/head.jpg) 109px 1px no-repeat;
	font: 11px Arial, Helvetica, sans-serif;
	padding-top: 21px;
	margin: 0 auto;
	width: 884px }

img {
	border: none }
table {
	border-collapse: collapse;
	border: none;
	width: 100% }
td {
	font-family: inherit;
	font-size: inherit;
	vertical-align: top;
	text-align: left }
th {
	padding-right: 4px;
	text-align: right }
table tbody td.asterisk {
	text-align: center;
	padding: 8px }

a {	text-decoration: none;
	color: #333 }
a:hover {
	text-decoration: none;
	color: #666 }

ul {
	margin: 8px 8px 8px 20px;
	padding: 0 }
ul li {
	background: url(/pics/li.gif) 0 5px no-repeat;
	list-style-position: inside;
	list-style: none;
	padding-left: 10px }
ul li:hover {
	background-image: url(/pics/li_hover.gif) }

input, select, textarea {
	background-color: #dff2fa;
	border-width: 1px 1px 1px 3px;
	border-color: #416e82;
	border-style: solid;
	padding: 1px 1px 1px 4px;
	margin: 0 0 1px 0;
	color: #041e29 }
input:focus, select:focus, textarea:focus {
	background-color: #ccdee6;
	border-left-color: #bb352a;
	color: #3b090b }
input[type=radio], input[type=checkbox] {
	vertical-align: middle }
input[type=submit] {
	cursor: pointer }
input.submit_btn {
	background: url(/pics/btn_submit.png) center no-repeat;
	width: 109px; height: 46px;
	cursor: pointer;
	border: none }

p {	text-align: justify }

/* TOP MENU */

#menuT {
	background: #171717 url(/pics/menu_L.gif) top left no-repeat;
	text-transform: uppercase;
	margin-bottom: 49px;
	font-size: 14px;
	color: #fff;
	width: 100% }
#menuT div {
	background: url(/pics/menu_R.gif) top right no-repeat }
#menuT a {
	color: #fff }
#menuT a:hover {
	color: #ffffbe }
#menuT table {
	width: 100%; }
#menuT td {
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	text-align: center;
	padding: 0 24px;
	height: 31px }
#menuT td:hover {
	background-color: #363636 }
#menuT td#cellL {
	background-position: left }
#menuT td#cellL:hover {
	background-image: url(/pics/menu_h_L.gif) }
#menuT td#cellR {
	background-position: right }
#menuT td#cellR:hover {
	background-image: url(/pics/menu_h_R.gif) }
#menuT td.this,
#menuT td.this:hover {
	background-image: url(/pics/menu_active.png) }
#menuT td.this a {
	cursor: auto }

/* SEARCH BY LETTER */

#letters {
	position: absolute; top: 70px;
	margin: 0 auto;
	font-size: 12px;
	text-align: right;
	font-weight: 600;
	color: #7ca815;
	width: 860px }
#letters a {
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 3px;
	color: #525252 }
#letters a.this,
#letters a.this:hover {
	background-color: #7ca815;
	cursor: auto;
	color: #fff }
#letters a:hover {
	background-color: #ccc }
#letters a.null,
#letters a.null:hover {
	background-color: transparent;
	cursor: auto;
	color: #aaa }

/* HEAD */

#head {
	background: url(/pics/head2.jpg) top left no-repeat;
	height: 477px }
#support {
	width: 140px; height: 39px;
	margin: 35px 14px 0 0;
	cursor: help;
	float: right }
#support:hover {
	background: url(/pics/phone_hover.gif) 108px 4px no-repeat }
#addThis {
	margin: 36px 22px 0 0;
	clear: right;
	float: right }

/* CONTENT */

#content {
	margin-top: 12px;
	width: 645px;
	float: left }
#content > h1 {
	font: 23px Verdana, Geneva, sans-serif;
	margin: 0 0 8px 12px;
	padding: 0;
	color: #f58002 }

#prodIntro {
	margin-bottom: 12px }
#prodIntro #prodImg {
	margin-right: 12px;
	float: left }
#prodIntro p {
	margin: 0 0 4px 0;
	text-indent: 12px }
#prodIntro p.total {
	border-top: 1px dotted #416e82;
	margin-bottom: -6px;
	margin-top: 6px;
	padding: 4px 6px 0 0;
	font-style: normal;
	text-align: right;
	color: #416e82 }
#prodIntro p.total b {
	padding: 0 4px 0 4px;
	font-style: normal;
	font-size: 12px;
	color: #670099 }
#prodIntro p.total b span {
	color: #f47920 }
#prodIntro strong {
	font-weight: 100 }
#prodIntro a,
#prodIntro a:hover {
	text-decoration: underline;
	color: #416e82 }

#prodinfo {
	border: 1px dotted #f3e6c3;
	background-color: #f4efe1;
	padding: 6px 12px }
#prodinfo h2 {
	font-size: 14px }
#prodinfo h3 {
	font-size: 12px }
#prodinfo h2,
#prodinfo h3 {
	background: url(/pics/h3_1.png) 0 100% no-repeat;
	margin: 10px 0 6px 0;
	padding: 2px 8px;
	letter-spacing: 2px;
	font-weight: 200;
	color: #416e82 }
#prodinfo p {
	text-indent: 8px;
	margin: 0 0 3px 0 }
#prodinfo p strong {
	font-weight: normal }

#toggle_info {
	margin: -24px 0 12px 12px;
	font-size: 12px;
	color: #416e82 }

#fedex {
	background: url(/pics/FedEx.png) right no-repeat;
	margin-right: 12px;
	height: 38px }
#fedex2 {
	background: url(/pics/FedEx.png) center no-repeat;
	width: 252px; height: 38px;
	margin: -8px 12px 0 0;
	float: right }
#fedex3 {
	background: url(/pics/FedEx3.png) center no-repeat;
	width: 191px; height: 164px;
	margin: -30px 36px 0 0;
	float: right }

#searchResult {
	margin-left: 12px }
#searchResult h4 {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 8px 0 0 12px }
#searchResult h4 span,
#searchResult h4 strong {
	cursor: pointer }
#searchResult h4 span:hover,
#searchResult h4 strong:hover {
	border-bottom: 1px dotted #416e82;
	color: #416e82 }
#searchResult select {
	width: 256px }
#searchResult img {
	background: url(/pics/btn_buy.png) 0 0 no-repeat;
	width: 109px; height: 46px;
	vertical-align: middle;
	cursor: pointer }

/*______________ prodTabs ______________*/

#prodTabs {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-top: 12px }
#prodTabs font {
	font-size: 12px }
#thead {
	border-bottom: 1px dotted #416e82;
	border-top: 1px dotted #416e82;
	background-color: #e1ebf0;
	text-align: center }
#thead b, #thead strong, #thead font {
	padding-top: 6px;
	height: 22px;
	float: left }
#thead span {
	padding-top: 6px;
	height: 22px;
	float: right }

#tbody .tr a,
#thead span {
	border-left: 1px dotted #416e82;
	width: 144px }

#tbody .tr strong,
#thead b {
	padding-left: 12px;
	text-align: left;
	width: 252px }
#tbody .tr span,
#thead strong {
	border-right: 1px dotted #416e82;
	border-left: 1px dotted #416e82;
	width: 170px }
#tbody .tr font,
#thead font {
	width: 64px }

#tbody {
	text-align: center;
	font-size: 12px;
	clear: left }
#tbody .tr {
	border-bottom: 1px dotted #416e82;
	padding: 0px 0 }
#tbody .tr:hover {
	text-decoration: underline;
	color: #416e82 }
#tbody .tr strong, #tbody .tr span, #tbody .tr font {
	font-weight: normal;
	padding-top: 10px;
	height: 26px;
	float: left }
#tbody .tr a {
	height: 36px;
	float: right }
#tbody .tr a img {
	background: url(/pics/btn_buy.png) center;
	width: 109px; height: 36px;
	cursor: pointer }

#pCards {
	background: url(/pics/payment_cards.png) right no-repeat;
	margin: 12px 0;
	height: 37px;
	clear: both }

/* RIGHT PANEL */

#right {
	margin-top: -64px;
	width: 237px;
	float: right }

#prodlist {
	margin-bottom: 24px;
	margin-left: 16px;
	font-size: 12px }
#prodlist a {
	display: block }
#prodlist a:hover {
	color: #c81b22 }
#prodlist div.cat {
	background: url(/pics/prodList.png) 0 0 no-repeat;
	margin-bottom: 1px;
	padding-left: 0px }
#prodlist div.opened,
#prodlist div.cat:hover {
	background: url(/pics/prodList_hover.png) 0 0 no-repeat }

#prodlist div.cat div {
	padding: 4px 0 5px 0;
	margin: 1px 16px;
	display: none }
#prodlist div.cat div {
	background: url(/pics/prodList_bg.png) 0 0 repeat-y }
#prodlist div.cat div a {
	padding: 0 32px 1px 16px }
#prodlist div.cat div a:hover {
	background: url(/pics/prodList_a_hover.png) 0 0 repeat-y }
#prodlist div.cat > a {
	width: 129px; height: 22px;
	padding: 6px 0 0 16px }

#medNews {
	background: url(/pics/medNews.png) 50% 0 no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 48px 24px 0 36px }
#medNews h5 {
	font: bold 11px Tahoma, Geneva, sans-serif;
	margin: 0 0 4px 0;
	cursor: pointer }
#medNews p {
	border-bottom: 1px solid #999;
	padding-bottom: 2px;
	margin: 0 }
#medNews i {
	margin: 2px 3px 8px 0;
	text-align: right;
	float: right;
	color: #999;
	width: 90% }

/* FOOTER */

#footer {
	font-size: 12px;
	padding: 12px 0;
	color: #6a6a6a;
	clear: both }
#footer #copyright {
	padding-top: 4px;
	width: 237px;
	float: right }
#footer a:hover {
	border-bottom: 1px dotted #6a6a6a }
#menuB {
	padding: 12px 0 20px 0;
	width: 645px;
	float: left }
#menuB a {
	text-transform: lowercase;
	margin-right: 16px;
	color: #6a6a6a }
#menuB a.this {
	color: #62910d }
#menuB a.this:hover {
	color: #62910d;
	border: none;
	cursor: auto }

/* COMMON RULES */

.clear {
	clear: both }
.clearL {
	clear: left }
.clearR {
	clear: right }

.R { float: right }
.L { float: left }

.alignL {
	text-align: left }
.alignR {
	text-align: right }
.alignC {
	text-align: center }

.alert {
	color: #bb352a }

span.asterisk {
	font-size: 12px;
	color: #bb352a }

.note {
	color: #F00 }
.ico1 {
	background: url(/pics/ico/ico_1.png) 0 0 no-repeat;
	width: 56px; height: 90px;
	margin: 6px 12px 6px 6px;
	float: left }
.ico2 {
	background: url(/pics/ico/ico_2.png) 0 0 no-repeat;
	width: 48px; height: 52px;
	margin: 0 12px 6px 6px;
	float: left }

#LI {
	position: absolute;
	left: -512px }

