* {
	margin: 0;
	padding: 0;
}

body {
	text-align:left;
	color: #000000;
	font-family: Helvetica, Verdana, Arial,sans-serif;
	line-height: 150%;
	min-width:1000px;
}

body#bd {
	margin:auto;
	color: #333333;
	background: #feeaf3 url(/images/background.jpg) no-repeat;
}

table {
	border-spacing: 0px 0px;
	border-collapse: separate;
	display: table;
}

.productheader {
	color: #777777;
	font-size: 95%;
}

.productinput {
	color: #F49AC2;
	font-weight: bold;
	font-size: 90%;
}

a {
	font-family:Verdana;;
	font-size: 11px;
	font-weight: bold;
	color: #1e80c4;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}

a img{
	border:none;
	text-decoration:none;
}

img {
	border: 0px;
}

#nav_top {
	margin: 0 auto;
	width: 950px;
	height: 31px;
	background: #f49ac2 url(/images/nav_background.gif) top center repeat-x;
}

#navigation {
	font-size: .9em;
	text-align: center;
	color: #fff;
	vertical-align: top;
}

#navigation li {
	display: inline;
}

#navigation a {
	font-size: .8em;
	color: #fff;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
}

#content-wrapper {
	margin: 10px auto;
	width: 900px;
}

#logo {
	width: 380px;
}

#sublogo {
	float: left;
	width: 380px;
	border: 1px solid #f49ac2;
	padding: 10px;
}

#register-home {
	float: right;
	width: 520px;
	position: absolute;
	top: 50px;
	right: 50px;
}

#logo_sub {
	width: 900px;
}

input.cartinput, input.cartinputreq, textarea.cartinput, textarea.cartinputreq, select.cartinput, select.cartinputreq {
	background: #fff;
	border: 1px solid #aaa;
	font-size: 100%;
	padding: 2px 3px;
}

input.cartinputreq, textarea.cartinputreq, select.cartinputreq {
	background: #e4629c;
	color: #fff;
}

#twirlcontentmiddlecart table {
	width: 100%;
	margin: .5em 0;
	border-collapse: collapse;
	line-height: 150%;
}

#twirlcontentmiddlecart th {
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#twirlcontentmiddlecart td {
	padding: 5px;
	vertical-align: top;
	font-size: 1.2em;
	font-weight: normal;
}

.lbl {
	color: #888;
	float: left;
	font-size: 70%;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	width: 120px;
}

.home_form {
	width: 250px;
	border: 1px solid #aaaaaa;
	margin: 2px;
	padding: 3px 5px;
}

#clrspace, .clrspace {
	clear: both;
	height: 3px;
}

#imagesubmit {
	width: 100px;
	height: 25px;
	padding: 25px 0 0;
	margin: 0;
	border: 0;
	background: transparent url(/images/register_button.png) no-repeat center top;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

#imagecontactus {
	width: 105px;
	height: 26px;
	padding: 25px 0 0;
	margin: 0;
	border: 0;
	background: transparent url(/images/button_contact_us.gif) no-repeat left top;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

#content {
	margin: 0px auto;
	width: 735px;
}

#twirlcontenttop {
	background: transparent url(/images/contentarea_top.png) no-repeat scroll 50% top; 
	height: 15px;
	font-size:1px;
	line-height:1px;
}

#twirlcontentmiddle {
	background: #FBD6E6 url(/images/contentarea_gradient.png) repeat-x scroll 50% 0%;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #6D6F71;
	border-width: 2px;
	width: 691px;
	font-size: 85%;
	padding: 20px;
}

#twirlcontentmiddlecart {
	background: #FBD6E6 url(/images/contentarea_gradientcart.gif) repeat-x scroll 50% 0%;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #6D6F71;
	border-width: 2px;
	width: 691px;
	font-size: 85%;
	padding: 20px;
}

#twirlcontentbottom {
	margin: 0px 0px 15px 0px;
	background: transparent url(/images/contentarea_bottom.png) no-repeat scroll 50% bottom;
	height: 15px;
	font-size:1px;
	line-height:1px;
}

#twirlproduct {
	margin: 0px auto;
	width: 260px;
	float:left;
}

#twirlproducttop {
	background: transparent url(/images/productarea_top.gif) no-repeat scroll 50% top; 
	height: 11px;
}

#twirlproductmiddle {
	background: #FBD6E6 url(/images/productarea_background.gif) repeat-x scroll 50% 0%;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #6D6F71;
	border-width: 1px;
	width: 218px;
	font-size: 95%;
	padding: 20px 20px 36px 20px;
}

#twirlproductbottom {
	margin: 0px 0px 0px 0px;
	background: transparent url(/images/productarea_bottom.gif) no-repeat scroll 50% bottom;
	height: 11px;
}

#productsubmit {
	width: 103px;
	height: 26px;
	padding: 25px 0 0;
	margin: 0;
	border: 0;
	background: transparent url(/images/button_add_to_cart.gif) no-repeat center top;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

#itemslist {
	padding-left: 30px;
}


/* -------------------------------------------- Scrollable Elements ----------------------------------------------*/

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 672px;
	height: 190px;
}

/* single scrollable item */
.scrollable .i {
	float:left;
	margin:0px 14px 0px 14px;
	padding:0px;
	cursor:pointer;
	width:140px;
	height:160px;
	text-align:center;
	font-size: 80%;
	line-height: 20px;
	vertical-align: middle;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	vertical-align: middle;
	text-align:center;
}

/* single scrollable item */
.scrollable img {
	cursor:pointer;
	text-align: center;
	vertical-align: middle;
}

/* active item */
.scrollable .active {
	z-index: 9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:55px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 			{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 		{ background-position:-60px -30px; } 

/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  		{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:800px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
	
	margin: 0 0 20px 0;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(/images/transparent.png);		
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

div.productimage {
	width: 800px;
}

#triggers img {
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

#triggersoff img {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

img.scaled {
	width: 400px;
}

img.fullscaled {
	width: 620px;
	text-align: center;
}

/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width:640px;
	margin:0px 0 0px 0px;
	padding:0px 0;
    float:right;
	
	/* centered */
	text-align:center;
 
	/* some "skinning" */
	-moz-ouline-radius:4px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/******************************
* AHFX added styles 2010-Nov  *
******************************/

#leftnav li
	{
	background:url("/images/separator.png") no-repeat -1px 4px;
	padding-left:20px;
	list-style:none;
	}
#mootest
	{
	float:left;
	width:580px;
	height:250px;
	overflow:hidden;
	position:relative;
	}
#mootest p
	{
	width:100%;
	position:absolute;
	top:500px;
	color:#EC078C;
	font-size:16px;
	font-family:"Comic Sans MS",cursive;
	font-size:22px;
	text-align:center;
	}
h3.uppertitle
	{
	text-align:right;
	font-size:39px;
	color:#6d6f71;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	}