/* ------------------------------
		= Core Engine
		(IE quirks mode)
-------------------------------*/

html, body {
	height: 100%;
	margin: 0 0 5px 0; 
	padding: 0;
	font: 100% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff;
}
#wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	min-width: 700px;
	margin: 0 auto;
	text-align: left;
	border: 0;
}
* html body #wrapper {
	height: 100%;
} 
@media all and (min-width: 0px) /* Opera 7 Hack */ {
 	#wrapper {
	height: auto;
	bottom: 0;
}
}
#contentwrap {
	position: relative; 
	padding: 0 160px 0 140px;
}
#content {
	position: relative;  
	padding: 0 25px 20px 50px; 
}

/* IE/Win Hack for peekaboo bug */
/* hide from IE/Mac \*/
* html body #content {height: 1%;} 
/* end hide */

#content ul {
	padding: 0 50px 0 20px;
	margin-top: -3px;
	font-size: 0.75em;
	list-style-type: circle;
}
#content li {
	padding: 0 0 4px 0;
}

/* ------------------------------
		= Nuts & Bolts
-------------------------------*/

p {
	margin: 8px 0; 
	padding: 8px 0; 
	font: 0.8em/1.2em Arial;
}
h1 {
	height: 21px;
	margin: 0;
	padding: 5px 0 0 0;
	font: bold 0.8em Arial;
	color: #636;
	border-bottom: 1px solid #996699;
}
* html body h1 {
	height: 25px;
	padding: 10px 0 5px 0;
}
img {
	border: 0;
}
a:link, a:visited, a:active {
	color: #A069A0;
	text-decoration: none;
}
a:hover {
	color: #DBB7DB;
	text-decoration: underline;
}
a.titlelink:link, a.titlelink:visited, a.titlelink:active {
	font: bold 1em Arial;
	color: #636;
	text-decoration: none;
}
a.titlelink:hover {
	color: #DBB7DB;
	text-decoration: underline;
}
a.headlink1 {
	text-decoration: none;
}
.linkclass1 {
	white-space: nowrap;
}
.arrow_right {
	margin: 0 10px -1px 0;
	white-space: nowrap;
}
.arrow_right2 {
	margin: 0 10px -1px 10px;
	white-space: nowrap;
}
.arrow_right3 {
	margin: 0 0 -1px 0;
	white-space: nowrap;
}
.arrow_updown {
	margin: 0 5px 0 0;
}
form { 
	margin: -20px 0 10px 0;
	padding: 0;
}
form p {
	font: bold 0.8em/1.2em Arial;
}
form strong {
	padding: 0 0 5px 0;
	font: bold 0.75em Arial;
	color: #636;
}
.od_header {
	padding: 0 0 5px 0;
	font: bold 13px/1.5em Arial;
	color: #636;
	border-bottom: 1px solid #969;
}
.spacerblock {
	height: 180px;
}
.spacerblock2 {
	height: 280px;
}
.spacerblock3 {
	margin: -3px 0 0 0;
}
.spacerblock4 {
	margin: -6px 0 0 0;
}
strong {
	padding: 0 0 5px 0;
	font-style: bold;
	color: #636;
	line-height: 1.7em;
	border-bottom: 1px solid #969;
}
.highlight_red {
	font: bold 12px Arial;
	color: #c00;
}
.checkoutfont1 {	
	font: bold 16px Arial;
	color: #c03;
	text-align: left;
}
.checkoutfont2 {
	font: 12px Arial;
	text-align: left;
}
.checkoutfont2 td {
	font: bold 12px Arial;
	text-align: left;
}
.checkoutfont3 {
	font: bold 13px Arial;
	color: #c03;
	text-align: left;
}
.checkoutfont4 {
	font: 12px Arial;
	color: #c03;
}
.checkoutfont5 {
	font: 12px Arial;
	color: #c03;
	text-align: left;
}
.checkoutfont6 {
	font: bold 13px Arial;
	color: #c03;
	text-align: left;
}
.checkoutfont6 td {
	font: bold 13px Arial;
	color: #c03;
	text-align: left;
}
.checkoutfontnormal {
	font: 0.75em Arial;
}
.checkoutfontstandard {
	font: 12px Arial;
}
.checkoutfontstandard td {
	font: bold 12px Arial;
	text-align: left;
}
.checkoutfontstandard2 {
	font-weight: 400;
}
.usernamefont {
	color: #c00;
}
.redfontsimple {
	font: bold 12px Arial;
	color: #c03;
}
.redfontsimple2 {
	font: bold 0.9em Arial;
	color: #C00;
}
.purpfontsimple {
	font-weight: bold;
	text-decoration: none;
	color: #636;
}
.boldfont1 {
	font: bold 12px Arial;
	vertical-align: middle;
}
.jlee {
	float: right;
	clear: right;
	width: 125px;
	height: 150px;
	margin-right: -5px;
	text-align: right;
}

/* ------------------------------
		= Header & Footer
-------------------------------*/

#logo {
	width: 100%;
	height: 105px;
	min-width: 700px; /* match #wrapper */
	text-align: left;
	background: url(logobg5.gif) repeat-x scroll 0 0 ;
}
#shoptab2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 99%;
	min-width: 700px;
	font-size: 11px;
	color: #634363;
	text-align: right;
	white-space: nowrap;
}
* html body #shoptab2 {
	width: 100%;
	padding: 0 10px 0 0;
}
#shoptab2 ul {
	margin: 0;
	line-height: 20px;
}
* html body #shoptab2 ul {
	width: 610px;
}
#shoptab2 li {
	display: inline;
	list-style-type: none;
}
#shoptab2 li a {
	padding: 0 0.5em;
	color: #634363;
	text-decoration: none;
}
#shoptab2 li a:hover {
	color: #c9c;
	text-decoration: underline;
}
#footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 25px;
	min-width: 700px; /* to match #wrapper */
	margin: 5px 0 0 0;
	background: #f2ebf4 url(logobg1.jpg) repeat-x scroll 0 0;
}
* html body #footer {
	margin: 5px auto 0 auto;
}
#foobar {
	width: 100%;
	min-width: 700px;
	text-align: center;
}
#foobar ul {
	margin: 0;
	padding: 0;
	font: 12px/25px Arial;
	color: #5e5eae;
	white-space: nowrap;
}
* html body #foobar ul {
	width: 610px;
}
#foobar li {
	display: inline;
	list-style-type: none;
}
#foobar li a {
	padding: 0 1.1em;
}
#foobar li a:link, #foobar li a:visited, #foobar li a:active {
	display: inline;
	color: #744e74;
	text-decoration: none;
}
#foobar li a:hover {
	color: #c9c;
	text-decoration: underline;
}

/* ------------------------------
		= X & Y Navigation
-------------------------------*/

#xblock {
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	height: 25px;
	font: 12px/25px Arial;
	color: #fff;
	white-space: nowrap;
	background: #969;
}
#xbar {
	width: 100%;
	min-width: 700px;
	margin: 0 auto;
	text-align: center;
	background: #969;
}
#xbar ul {
	height: 25px;
	margin: 0;
	padding: 0;
	background: #969;
}
* html body #xbar ul {
	width: 610px;
	padding: 0 0 0 15px;
}
#xbar li {
	display: inline;
	list-style-type: none;
}
#xbar a {
	text-decoration: none;
	padding: 0 1em;
}
#xbar a:link, #xbar a:visited, #xbar a:active {
	color: #fff;
}
#xbar a:hover {
	color: #c9c;
	text-decoration: underline;
}
#yblock {
	position: absolute;
	top: 0;
	bottom: 0; /* Opera */
	left: 0; 
	width: 150px;
	font: 11px Arial;
	color: #744e74;
	overflow: hidden;
	background: #f2ebf4;
}
* html body #yblock {
    width: 167px; /* for IE5 and IE6 in quirks mode */
    width: 150px; /* for IE6 in standards mode */
	height: 100%; /* required by IE to inherit from #wrapper  */
}
#yblock ul {
	margin: 0;
	padding: 0;
}
#yblock li {
	list-style-type: none;
	white-space: nowrap;
}
#yblock a {
	display: block;
	width: 150px;
	padding: 3px 2px 3px 10px;
	text-decoration: none;
	background: #F7F2F9;
	border: 1px solid #fff;
	border-width: 1px 0;
}
#yblock a:link, #yblock a:visited, #yblock a:active {
	color: #4F214F;
}
#yblock a:hover {
	color: #fff;
	background: #969;
}
.yblockhidden {
	display: none;
	height: 0;
	width: 150px;
	visibility: hidden;
}
#rightbox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0; /* Opera */
	width: 140px;
	text-align: center;
	background: #f2ebf4;
}
* html body #rightbox {
	height: 100%; /* required by IE to inherit from wrapper (IE Hack) */
}
#rightbox img {
	margin: 4px 0;
}

/* ------------------------------
		= Functions 
-------------------------------*/

.cartfloat {
	float: right;
	width: 150px;
	margin: -21px 0 0 0;
	padding: 0 0 0 15px;
	font: 12px Arial;
	color: #000;
	text-align: right;
}
#countrytag {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 99%;
	min-width: 700px;
	margin: 3px 0 0 -30px;
	font: bold 10px Arial;
	color: #634363;
	text-align: left;
	white-space: nowrap;
}
* html body #countrytag {
	width: 100%;
	margin: 7px 0 0 0;
	padding: 0 10px;
}
#countrytag ul {
	margin: 0;
	line-height: 20px;
}
* html body #countrytag ul {
	width: 610px;
}
#countrytag li {
	display: inline;
	list-style-type: none;
}
#countrytag li a {
	padding: 0 1.5em 0 0.5em;
	color: #fff;
	text-decoration: none;
}
#countrytag li a:hover {
	color: #c9c;
	text-decoration: underline;
}
.cartbuttons {
	width: 100%;
	margin: 10px 0 20px 0;
	font: 0.8em Arial;
	text-align: center;
}
.vieworderdetails {
	float: right;
	clear: right;
	width: 150px;
	margin: 10px 0;
	font: bold 12px Arial;
	text-align: right;
}
.checkoutbox {
	width: 100%;
	margin: 12px 0 0 0;
	border: 1px solid #666;
}
.checkoutbox p {
	padding: 2px 5px 2px 3px;
	font: 12px Arial;
}
.checkoutbox_head {
	height: 30px;
	padding: 2px 5px;
	font: bold 12px Arial;
	white-space: nowrap;
	background: #f0e1f0;
	border-bottom: 1px solid #666;
}
.checkoutbox_subhead {
	height: 25px;
	padding: 2px 5px;
	font: bold 12px Arial;
	background: #faf3fa;
}
.checkoutbox_foot {
	height: 40px;
	padding: 2px 5px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #666;
}
.cbox1 {
	width: 300px;
}
.cbox1a {
	width: 300px;
}
.cbox1a p {
	white-space: normal;
}
.cbox1b {
	width: 25px;
}
.cbox1c {
	width: 300px;
	white-space: nowrap;
}
.cbox1c img {
	vertical-align: middle;
}
.cbox1a p {
	font: bold 12px Arial;
	white-space: nowrap;
}
.cbox2 {
	padding: 2px 3px;
	font: 12px Arial;
}
.cbox3 p {
	padding: 3px 3px 2px 3px;
	font: bold 12px Arial;
	vertical-align: middle;
}
.cbox3 br {
	display: none;
	visibility: hidden;
}
.cbox3a b, .cbox3a input {
	vertical-align: middle;
}
.checkbox1 {
	width: 200px;
}
#fullwidth {
	margin: 0 0 20px 0;
	font: 0.8em Arial;
}
#fullwidth2 {
	margin: 5px 0;
	font: 0.8em Arial;
	color: #969;
}
#fullwidth2 b {
	font: 1em Arial;
	color: #969;
}
#fullwidth3 {
	margin: 10px 0 5px 0;
	padding: 0;
	font: 0.75em Arial;
	color: #969;
}
#fullwidth3 b {
	font: 1em Arial;
	color: #969;
}
#formemphasis {
	background: #fff;
}
.basketwrapper {
	width: 100%;
}
.basketfont {
	font: 12px Arial;
}
.basketfont b {
	font: bold 12px Arial;
}
.basketfont2 {
	font: 12px Arial;
	color: #c03;
}
#jetlink {
	width: 150px;
	text-align: center;
	border-top: 1px solid #fff;
}
#fboxcontainer {
	position: relative;
	width: 100%;
	margin: 0 auto 25px auto;
	padding: 0 0 25px 0;
	text-align: center;
}
* html body #fboxcontainer {
	padding: 0;
}
.fboxheader {
	width: 100%;
	margin: 0 auto;
	padding: 2px 0;
	font: bold 12px Arial;
	color: #636;
	text-align: center;
	margin: 0px auto;
	border: 1px solid #d0b9d0;
	border-width: 1px 0;
}
.fboxwrapper {
	width: 100%;
	height: 100px;
	margin: 0 3% 0 6%;
	text-align: center;
}
* html body .fboxwrapper {
	margin: 0 0 0 7%;
}
.fbox {
	float: left; 
	clear: right;
	width: 27%;
	height: 100%;
	min-width: 125px;
	margin: 5px 5px 0 0; 
	padding: 5px 0 5px 5px; 
	font-size: 11px;
	text-align: left;
	border: 1px solid #d0b9d0;
}
* html body .fbox {
	width: 30%;
}
.fbox img {
	float: right;
	width: 50px;
}
.shopboxwrapper {
	width: 100%;
	height: auto;
	margin: 20px 2px 2px 2px;
	text-align: left;
}
.shopboxheader {
	width: 100%;
	margin: 0 auto;
	padding: 2px;
	font: bold 0.8em Arial;
	color: #636;
	text-align: center;
	background: #fff;
	border: 1px solid #e8d7ee;
}
.shopbox {
	display: inline-table;
	width: 100%;
	margin: 0 auto;
}
.shopcolumn1a, .shopcolumn2a  {
	width: 50%;
	min-width: 150px;
	margin: 0 auto;
	padding: 2px;
	font-size: 0.7em;
	text-align: center;
	border: 1px solid #e8d7ee;
}
.shopimage1 {
	float: left;
	clear: left;
	margin: 10px 0 0 40px;
	padding: 0 0 10px 0;
	width: 50px;
	text-align: left;
}
.shoplink {
	float: left;
	width: auto;
	margin: 0 0 0 20px;
	text-align: left;
	white-space: nowrap;
}
.quickfindwrapper {
	width: 100%;
	height: auto;
	margin: 20px 2px 10px 0;
	text-align: left;
}
.quickfindheader {
	width: 99%;
	margin: 0 0 0 -2px;
	padding: 2px 10px 2px 0;
	font: bold 0.8em Arial;
	color: #636;
}
.quickfind {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.quickfindc1 {
	width: 40%;
	margin: 0 auto;
	padding: 2px 15px 2px 0;
	font-size: 0.8em;
	text-align: left;
}
.quickfindc2 {
	width: 60%;
	margin: 0 auto;
	padding: 2px;
	white-space: nowrap;
	font-size: 0.8em;
	text-align: left;
}
.pdcontainer {
	position: relative;
	width: 100%;
	margin: 10px 0;
	text-align: left;
}
.pdwrapper {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	text-align: left;
}
.pd {
	position: relative;
	width: 100%; 
	height: 100%;
	min-height: 120px;
	margin: 10px 0; 
	padding: 5px;
	font: 1em Arial;
	text-align: left;
}
.pd b {
	color: #000;
}
.pd ul {
	margin: 0 0 0 5px;
	text-indent: 5px;
	text-align: left;
}
.pd li {
	font-size: 1em;
	list-style-type: disc;
}
.pdbox1 {
	float: left;
	clear: both;
	width: 140px;
	margin: 5px 0 0 0;
	text-align: left;
}
* html body .pdbox1 {
	height: 100%;
	margin: 5px -3px 0 0;
	text-align: left;
}
.pdbox2 {
	text-align: left;
	margin: -10px 5px 0 150px;
}
* html body .pdbox2 {
	height: 100%;
	margin: -10px 5px 0 147px;
}
.plcontainer {
	position: relative;
	width: 100%;
	margin: 10px 0;
	text-align: left;
}
* html body .plcontainer {
	margin: 0;
}
.plwrapper {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	text-align: left;
}
.pl {
	position: relative;
	width: 100%; 
	height: 100%;
	min-height: 120px;
	margin: 10px 0; 
	padding: 5px; 
	font-size: 1em;
	text-align: left;
}
@media all and (min-width: 0px) /* Opera 7 Hack */ {
 	.pl {
	margin: 15px 0; 
	font-size: 1em;
}
}
.pl b {
	font: bold 0.8em Arial; 
	color: #969;
}
.pl ul {
	margin: 0 0 5px 5px;
	text-indent: 5px;
	text-align: left;
}
.pl li {
	font-size: 1.3em;
	list-style-type: disc;
}
.pltxtffox {
	font: 0.8em Arial;
	margin: -35px 0 0 0;
}
* html body .pltxtffox {
	margin: 0;
}
@media all and (min-width: 0px) /* Opera 7 Hack */ {
 	.pltxtffox {
	margin: -15px 0 0 0;
	font-size: 0.8em;
}
}
.plbox1 {
	float: left;
	clear: both;
	width: 110px;
	margin: 0;
	text-align: left;
}
* html body .plbox1 {
	height: 100%;
	margin: 0 -3px 0 0;
}
.plbox2 {
	margin: -10px 5px 0 118px;
	text-align: left;
}
* html body .plbox2 {
	height: 100%;
	margin: 0px 5px 0 115px;
}
.productseparator {
	width: 100%;
	height: 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #dbb7db;
}
.price {
	padding: 0;
	font: bold 0.9em Arial;
	color: #000;
}
@media all and (min-width: 0px) /* Opera 7 Hack */ {
 	.price {
	font: bold 0.8em Arial;
}
}
.productdescriptiontext p {	
	font: 0.8em Arial;
	color: #000;
}
.membercontainer, .testcontainer, .specialscontainer {
	width: 100%;
	margin: 1em auto 10px auto;
	text-align: center;
}
* html body .membercontainer, .testcontainer, .specialscontainer {
	margin: 1em 0 5px 0;
}
.memberwrapper, .testwrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
* html body .memberwrapper, .testwrapper {
	width: 100%;
	margin: 0 1.5%;
}
.member, .specials {
	width: 90%; 
	height: 100%;
	margin: 5px auto 0 auto; 
	padding: 5px; 
	font: 1em Arial;
	text-align: left;
	border: 1px solid #d0b9d0;
}
.member ul, .test ul, .specials ul {
	margin: 0 0 5px 5px;
	text-indent: 5px;
	text-align: left;
}
.member li, .test li, .specials li {
	font-size: 1.3em;
	list-style-type: disc;
}
.memberbox1 {
	float: left;
	clear: both;
	width: 100px;
	margin: 0;
	text-align: left;
}
* html body .memberbox1 {
	width: 110px;
	height: 100%;
	margin: 0 -3px 0 0;
	text-align: left;
}
.memberbox2 {
	margin: -10px 5px 0 110px;
}
* html body .memberbox2 {
	height: 100%;
	margin: -10px 5px 0 107px;
}
.memberdot {
	margin: 0 10px 0 0;
}
.test {
	width: 90%; 
	height: 100%;
	margin: 5px auto 0 auto; 
	padding: 7px; 
	font: 1em Arial;
	text-align: left;
	background: url(testimonial01.jpg) scroll no-repeat 10px 10px;
	border: 1px solid #e8d7ee;
}
.test p {
	font-size: 0.8em;
	white-space: wrap;
}
.testbox1 {
	float: left;
	clear: both;
	width: 100px;
	margin: 0;
	text-align: left;
}
* html body .testbox1 {
	width: 90px;
	height: 100%;
	margin: 0 -3px 0 0;
	text-align: left;
}
.testbox2 {
	margin: -10px 0 0 90px;
	padding: 0 10px 0 0;
	text-align: left;
}
* html body .testbox2 {
	height: 100%;
	margin: -10px 0 0 87px;
}
.specialswrapper {
	width: 100%;
	height: auto;
	margin: 15px auto 0 auto;
	text-align: center;
}
* html body .specialswrapper {
	margin: 0 1.5%;
}
.specialsbox1 {
	float: left;
	clear: both;
	width: 100px;
	min-height: 125px;
	margin: 0;
	text-align: left;
}
* html body .specialsbox1 {
	width: 125px;
	height: 100%;
	margin: 0 -3px 0 0;
}
.specialsbox2 {
	margin: -10px 5px 0 120px;
	text-align: left;
}
* html body .specialsbox2 {
	height: 100%;
	margin: -10px 5px 0 117px;
}