.mantis {}

/* Global items */
body {
	font: 12px "Trebuchet MS", Arial, "Courier New";
	color: #666;
	background: #F2FBFD url(../images/header_bg.jpg) repeat-x center top;
}
.clear { clear: both; height: 1%; }
.left, #ctl00_ctPublic_CtlCustomer1_ckSubscribe,
#ctl00_ctPublic_chkGiftWrap,
#ctl00_ctPublic_ckSameAdd { float: left; }
.right { float: right; }
.center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
a { outline: none; }
a:link { color: #FE6234; }
a:visited { color: #FE8967; }
a:hover, a:active { color: #A52601; }
em { font-style: italic; color: #CCC; }
quote { font-style: italic; color: #111; }
.bold { font-weight: bold; }
.blue {	color: #1E7791; }
.w123 {	width: 123px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w280 {	width: 280px; }
.w290 { width: 290px; }
.w350 {	width: 350px; }
.h35 {	height: 35px; }
.h150 {	height: 150px; }
.mr30 {	margin-right: 30px; }
.mb10 { margin-bottom: 40px; }
.inline { display: inline; }
.zero {	margin: 0; }
.width_zero, 
.form .width_zero input,
.form input.width_zero,
.form select.width_zero { width: auto; }
.no-width, .form input.no-width { width: auto; }
.no-wrap { white-space: nowrap; }
.hr { border-top: dashed 1px #C7E9F4; }
.redtext { color: #CC0000; }

/* Header items */

#header {
}

#header_inner {
	width: 895px;
	height: 200px;
	margin: 0 auto;
}

#logo {
	float: left;
}

#logo a {
	position: relative;
	display: block;
	width: 244px;
	height: 157px;
	background: url(../images/logo.png) no-repeat left -50px;
	z-index: 10;
}

#logo a span {
	display: none;
}

#sunbow {
	float: right;
	width: 492px;
	height: 155px;
	background: url(../images/sunbow.png) no-repeat left -70px;
}

#sunbow span {
	display: none;
}

#header_nav {
	position: relative;
	top: -23px;
	width: 894px;
	height: 34px;
	background: url(../images/header_nav_bg.png) no-repeat left top;
}

#header_nav ul {
	margin: 0 0 0 180px;
	padding: 6px 0 0 0;
}

#header_nav li {
	list-style: none;
	display: inline;
}

#header_nav a:link,
#header_nav a:visited {
	position: relative;
	padding: 7px 15px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	z-index: 15;
}

#header_nav a:hover,
#header_nav a:active {
	background: url(../images/header_nav_bg_on.png);
}

#header_search {
	position: relative;
	top: -21px;
	width: 159px;
	padding-right: 7px;
	background: url(../images/search_bg.jpg) no-repeat left top;
	float: right;
}

#header_search input.text {
	position: relative;
	top: -10px;
	width: 125px;
	padding-left: 5px;
	font: 12px "Trebuchet MS", Arial, "Courier New";
	color: #666;
	border: none;
	background: transparent;
}

#header_search input.button {
	position: relative;
	top: -3px;
	left: 10px;
	width: 25px;
	height: 25px;
	border: none;
	background: transparent;
}

#second_nav {
	position: relative;
	top: -8px;
	left: 165px;
	width: 440px;
	float: right;
	text-align: right;
	z-index: 30;
}

#second_nav a:link,
#second_nav a:visited {
	float: right;
	padding-left: 15px;
	color: #2389AB;
	text-decoration: none;
}

#second_nav a:hover,
#second_nav a:active {
	color: #000;
}

#second_nav a:link strong,
#second_nav a:visited strong {
	font-weight: bold;
	color: #1A6479;
}

#second_nav a:hover strong,
#second_nav a:active strong {
	color: #000;
}

/* Body items */

#body {
}

#body_inner {
	width: 900px;
	margin: 0 auto;
}

/* Sidebar items */

#sidebar {
	float: left;
	width: 145px;
}

#sidebar h2 {
	font-size: 25px;
	color: #BFE3EF;
}

#sidebar ul {
	position: relative;
	top: -8px;
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar li {
	list-style: none;
	margin-bottom: 3px;
}

#sidebar li a:link,
#sidebar li a:visited,
#sidebar li a.brands:link,
#sidebar li a.brands:visited {
	display: block;
	width: 145px;
	padding-left: 14px;
	line-height: 27px;
	font-size: 12px;
	color: #1E7791;
	text-decoration: none;
	background: url(../images/sidebar_button_bg.jpg) no-repeat left top;
}

#sidebar li ul li a:link,
#sidebar li ul li a:visited {
	width: 180px;
	background: url(../images/sidebar_button_bg-sub.jpg) no-repeat left top;
}

#sidebar li ul li a:hover,
#sidebar li ul li a:active {
	background: url(../images/sidebar_button_bg_on-sub.jpg) no-repeat left top;
}

#sidebar li a.brands:link,
#sidebar li a.brands:visited {
	height: 39px;
	margin-bottom: 12px;
	background: url(../images/sidebar_brands_bg.jpg) no-repeat left top;
}

#sidebar li a:hover,
#sidebar li a:active {
	background: url(../images/sidebar_button_bg_on.jpg) no-repeat left top;
}

#sidebar li a.brands:hover,
#sidebar li a.brands:active {
	background: url(../images/sidebar_brands_bg_on.jpg) no-repeat left top;
}

#sidebar a#weaccept {
	position: relative;
	top: -7px;
}

#sidebar a#weaccept span {
	display: none;
}

#sidebar a#weaccept:link,
#sidebar a#weaccept:visited {
	display: block;
	width: 142px;
	height: 43px;
	background: url(../images/sidebar-visa_mc.gif) 0 0;
}

#sidebar a#weaccept:hover,
#sidebar a#weaccept:active {
	background: url(../images/sidebar-visa_mc.gif) 0 100%;
}

#sidebar #handprint {
	display: block;
	width: 91px;
	height: 122px;
	margin: 0 auto;
	background: url(../images/sidebar_handprint.jpg) no-repeat 0 100%;
}

#sidebar li ul, #sidebar li:hover ul 
{
	position: relative;
	top: 0px;
	left: -10px;
}

/* content items */

#content {
	position: relative;
	float: right;
	width: 715px;
	min-height: 500px;
}

#content h1 {
	float: left;
	position: relative;
	top: -49px;
	left: -25px;
	display: inline;
	height: 50px;
	margin: 0 0 -50px 2px;
	padding: 0 40px 0 0;
	font-size: 30px;
	color: #BFE3EF;
	background: url(../images/icon_h1.png) no-repeat right 10px;
}

#content h1:hover {
	background: url(../images/icon_h1_on.png) no-repeat right 10px;
}

#content h3 {
	font-size: 20px;
	font-weight: lighter;
	color: #BFE3EF;
}

#content h3.prod_title {
	color: #FE6234;
}

#content h4 {
	font-size: 15px;
	color: #BFE3EF;
}

#content h4.heavy {
	color: #1E7791;
}

#content h4 a:link,
#content h4 a:visited {
	font-size: 15px;
	color: #1E7791;
	text-decoration: none;
}

#content h4 a:hover,
#content h4 a:active {
	color: #000;
}

#content h2 {
	font-size: 30px;
	color: #BFE3EF;
}

#content a#tell_friend:link,
#content a#tell_friend:visited {
	float: right;
	position: relative;
	top: 0px;
	width: 130px;
	height: 30px;
	margin-right: 5px;
	padding: 6px 0 0 10px;
	font-weight: bold;
	color: #FE6234;
	text-decoration: none;
	background: url(../images/icon_tell_friend.png) no-repeat right top;
	z-index: 20;
}

#content a#tell_friend:hover,
#content a#tell_friend:active {
	color: #B03D1B;
	background: url(../images/icon_tell_friend_on.png) no-repeat right top;
}

#content #box {
	position: relative;
	top: -12px;
}

#content #top {
	width: 715px;
	height: 10px;
	background: url(../images/body_top_bg.jpg) no-repeat left top;
}

#content #middle {
	padding: 10px 30px 10px 30px;
	background: url(../images/body_middle_bg.jpg) repeat-y left;
}

#content #bottom {
	width: 715px;
	height: 13px;
	background: url(../images/body_bottom_bg.jpg) no-repeat left top;
}

/* Product Listing items */

.listing_frame {
	width: 184px;
	height: 212px;
	margin: 0 auto 32px auto;
	background: url(../images/listing_box_bg.jpg) no-repeat left top;
}

#content .listing_frame h4,
.listing_frame span.price,
.listing_frame span.price-cat_list {
	font-size: 12px;
	color: #2389AB;
	padding: 5px 7px;
}

.listing_frame img {
	border: none;
}

.listing_frame .imgcontainer {
	margin: 0 auto;
	width: 150px;
	height: 140px;
	text-align: center;
	overflow: hidden;
}

.listing_frame span.price {
	position: absolute;
	bottom: 52px;
}

.listing_frame span.price-cat_list {

}

.listing_frame a.details:link,
.listing_frame a.details:visited {
	position: absolute;
	bottom: 52px;
	margin: 0 10px 0 132px;
	width: 35px;
	line-height: 30px;
	padding-right: 10px;
	color: #FFF;
	text-decoration: none;
	background: url(../images/icon_details_arrow.gif) no-repeat right;
}

.listing_frame a.details:hover,
.listing_frame a.details:active {
	color: #000;
	background: url(../images/icon_details_arrow_on.gif) no-repeat right;
}

.listing_frame a.details-cat_list:link,
.listing_frame a.details-cat_list:visited {
	position: relative;
	top: -30px;
	left: 130px;
	margin: 0 10px 0 132px;
	width: 35px;
	line-height: 30px;
	padding-right: 10px;
	color: #FFF;
	text-decoration: none;
	background: url(../images/icon_details_arrow.gif) no-repeat right;
}

.listing_frame a.details-cat_list:hover,
.listing_frame a.details-cat_list:active {
	color: #000;
	background: url(../images/icon_details_arrow_on.gif) no-repeat right;
}

.listing_fav {
	width: 150px;
}

/* Category Listings */

.cat_listing {
	margin: 0 30px 30px 0;
}

.cat_listing a.cat:link,
.cat_listing a.cat:visited {
	display: block;
	width: 196px;
	font-size: 18px;
	color: #BFE3EF;
	text-decoration: none;
}

.cat_listing a.cat:hover,
.cat_listing a.cat:active {
	color: #1E7791;
}

/* Useful Links items */

.link_listing,
.link_listing-alt {
	float: left;
	width: 290px;
	margin: 0 30px 30px 0;
	padding: 10px;
	border: solid 1px #F2FBFD;
}

.link_listing:hover,
.link_listing-alt:hover {
	float: left;
	width: 290px;
	margin: 0 30px 30px 0;
	padding: 10px;
	border: solid 1px #C7E9F4;
	background: #F2FBFD;
}

.link_listing-alt,
.link_listing-alt:hover {
	margin-right: 0;
}

.link_listing a:link h3,
.link_listing a:visited h3,
.link_listing-alt a:link h3,
.link_listing-alt a:visited h3 {
	font-size: 20px;
	font-weight: lighter;
	color: #1E7791;
}

.link_listing a:hover h3,
.link_listing a:active h3,
.link_listing-alt a:hover h3,
.link_listing-alt a:active h3 {
	color: #000;
}

.link_listing a:link .url,
.link_listing a:visited .url,
.link_listing-alt a:link .url,
.link_listing-alt a:visited .url {
	white-space: pre-line;
	text-decoration: none;
	color: #666;
}

.link_listing a:hover .url,
.link_listing a:active .url,
.link_listing-alt a:hover .url,
.link_listing-alt a:active .url {
	color: #000;
}

.prod_pres {
	position: absolute;
	left: 20px;
}

.btn_print {
	display: block;
	width: 150px;
	padding-left: 20px;
	line-height: 36px;
	background: url(../images/icon_print.jpg) no-repeat left top;
}

.cust_nav h3 {
	float: left;
	display: inline;
}

.cust_nav a:link,
.cust_nav a:visited {
	position: relative;
	top: 4px;
	padding: 14px 10px;
	font-size: 14px;
	color: #1E7791;
	text-decoration: none;
}
	
.cust_nav a:hover,
.cust_nav a:active {
	color: #000;
}	

/* Brands grid on brands.aspx */

.brands_grid {
	margin-left: -40px;
}

.brands_grid ul {
	list-style: none;	
}

.brands_grid ul li {
	position: relative;
	float: left;
	margin: 8px;
	border: solid 1px #FFF;
}

.brands_grid ul li:hover {
	border: solid 1px #BFE3EF;
}

.brands_grid ul li a {
	display: block;
	width: 200px;
	height: 200px;
}

/* Form elements */
#radio
{
    width:auto;
}
.form {
	padding: 10px;
	border: solid 1px #C7E9F4;
	background: #F2FBFD;
}

.form p {
	margin-bottom: 8px;
}

.form label {
	float: left;
	display: block;
	width: 120px;
}

.form input,
.form select,
.form textarea {
	width: 200px;
}

.form span.auto input 
{
    width: auto;
    white-space: nowrap;
}

.form .contact_form-img {
	display: block;
	width: 260px;
	height: 270px;
	border: solid 1px #C7E9F4;
	overflow: hidden;
	background: url(../database/files/contact_form-img.jpg) no-repeat 50% 50%;
}

.form .form-img {
	border: solid 1px #C7E9F4;
}

.form #create_account {
	width: 100px;
	height: 112px;
	background: url(../images/icon_create_account.jpg) no-repeat left top;
}

.form .create_account {
	font-size: 16px;
	text-decoration: none;
}

.form p span, .form p a
{
	display: inline-block;
}

.altItem {
	background: #F2FBFD;
}

#ctl00_ctPublic_rdoRegMail input {
	width: auto;
	float: left;
}


/* Payment page */

.payment_method,
a.payment_method:link,
a.payment_method:visited {
	display: block;
	width: 200px;
	height: 50px;
	margin: 0 0 10px 0;
	padding-left: 60px;
	font-size: 15px;
	line-height: 50px;
	color: #1E7791;
	text-decoration: none;
}

a.payment_method:hover,
a.payment_method:active {
	color: #000;
}

.btb {
	background: url(../images/icon_btb.jpg) no-repeat left top;
}

.cheque {
	background: url(../images/icon_cheque.jpg) no-repeat left top;
}

.fax {
	background: url(../images/icon_fax.jpg) no-repeat left top;
}

.cc {
	padding: 15px 0 0 60px;
	background: url(../images/icon_creditcards.jpg) no-repeat left top;
}

/* Footer items */

#footer {
	clear: both;
	position: relative;
	top: 30px;
	height: 54px;
	background: url(../images/footer_bg.gif) no-repeat center top;
}

#footer_inner {
	width: 895px;
	margin: 0 auto;
	font-size: 11px;
	color: #2285A2;
}

#copyright {
	float: left;
	line-height: 27px;
	width: 260px;
}

#footer_nav {
	float: left;
}

#footer_nav ul {
	margin: 0;
	padding: 0;
}

#footer_nav li {
	display: inline;
}

#footer_nav li a:link,
#footer_nav li a:visited {
	padding: 3px 6px 3px 3px;
	line-height: 27px;
	color: #2285A2;
	text-decoration: none;
}

#footer_nav li a:hover,
#footer_nav li a:active {
	color: #000;
}

#snail {
	float: left;
	position: relative;
	top: 3px;
	left: 105px;
	width: 31px;
	height: 25px;
	background: url(../images/footer_snail.jpg) no-repeat left top;
}

#snail:hover {
	background: url(../images/footer_snail_on.jpg) no-repeat left top;
}

#credits {
	position: relative;
	top: 32px;
	float: right;
}

#credits a:link,
#credits a:visited {
	color: #2285A2;
	text-align: right;
	text-decoration: none;
}

#credits a:hover,
#credits a:active {
	color: #000;
}