/*
Theme Name: Merconnet 2.1
Theme URI: http://www.merconnet.com
Description: copyright (c) 2004-2005 http://www.merconnet.com
Version: 2.1
Author: Wil Rushmer
*/

body {
	font-family: Sans-Serif, Verdana, Arial;
	color: #333;
	margin: 0;
	text-align:center;
	font-size: small;}
#wrap {
	position: relative;
	font-size: 90%;
	margin: 0 auto;
	text-align: left;
	padding: 0 13px;
	width: 752px;
	voice-family: "\"}\"";
    voice-family: inherit;
	width: 726px;}html>body #wrap {width: 726px;}
#top-nav {
	font-size: 85%;
    float:left;
	margin: 5px 0;
    padding: 0;
	color:#0067C6}
#top-nav li {
    float:left;
    margin:0;
    padding:0;
	color:#0067C6}
#top-nav a {
	float:left;
	color: #0067C6;
	padding: 1px 10px;
	border-left: 1px solid #ccc;}
#top-nav .home a {
	border: 0;
	color:#0067C6}
#header {
	width: 726px;
	padding: 5px 0;
	float:left;}
#header .logo {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 15px;
	vertical-align:middle}
#header span.right, #header span.header-buttons {
	padding: 4px;
	float: right;}
#header span.right a {
	color: #0067C6;}
#sidebar {
	float: right;
	width: 219px;
	text-align: left;}
#content {
	text-align: left;
	float: left;
	margin: 0;
	padding-right: 5px;
	width: 507px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 502px;}html>body #content {width: 502px;}
#promo {
	float: left;
	width: 726px;
	height: 46px;
	margin-bottom: 20px;
	background:url("images/bg_promo.gif") no-repeat bottom left;
	margin-top: 0px;
}
#promo span.right {
	float: right;
	padding: 5px;
	margin:0;}
#promo span.left {
	float: left;
	padding: 5px;
	margin:0;}
	
	
	
	
	
#categories {
	float: left;
	width: 726px;
	padding-top: 10px;
	height: 35px;
	background: #fff url("/imgv2/bg_categories.gif") no-repeat 50% 0;
	padding: 0;
	margin: 0;
	list-style: none;}
#categories li {
	float: left;
	position: relative;
  	padding: 10px;}
#categories li a {
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;}
#categories li ul {
	width: 150px;
	padding: 0;
	margin: 23px 0 0 0;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	border: 1px solid #74a6e1;
	background: #8bc8f5;}
#categories li ul li {
	padding: 2px 5px;
	float: none;}
#categories li ul li a {
	font-weight: normal;
	font-size: 1em;
	color: #004f8a;}
#categories li ul li a:hover {
	color: #fff;}
#categories li ul li:hover, #categories li.over ul li:hover { 
	background: #004f8a;}
#categories li > ul {
	top: auto;
	left: auto;}
#categories li:hover ul, #categories li.over ul { 
	display: block;}
	
	
	
	
#categories_firefox {
	float: left;
	width: 726px;
	padding-top: 10px;
	height: 35px;
	background: #fff url("/imgv2/bg_categories.gif") no-repeat 50% 0;
	padding: 0;
	margin: 0;
	list-style: none;}
	
#categories_firefox li {
	float: left;
	position: relative;
  	padding: 10px;
}
#categories_firefox li a {
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;}
#categories_firefox li ul {
	width: 150px;
	padding: 0;
	margin: 23px 0 0 0;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	border: 1px solid #74a6e1;
	background: #8bc8f5;}
#categories_firefox li ul li {
	padding: 2px 5px;
	float: none;}
#categories_firefox li ul li a {
	font-weight: normal;
	font-size: 1em;
	color: #004f8a;}
#categories_firefox li ul li a:hover {
	color: #fff;}
#categories_firefox li ul li:hover, #categories_firefox li.over ul li:hover { 
	background: #004f8a;}
#categories li > ul {
	top: auto;
	left: auto;}
#categories_firefox li:hover ul, #categories_firefox li.over ul { 
	display: block;}
	
	
	
#footer {
	text-align: left;
	position: relative;
	clear: both;}
#footer p {
	clear: both;
	text-align: left;
	margin:0;
	padding: 10px;}
#footer .address {
	color: #CCCCCC;
}
/* ---[ common ]---------------------------- */
ul {
	list-style: none;}

/* ---[ links ]----------------------------- */
a {
	color: #333;
	text-decoration: none;}
a:hover {
	color: #0067C6;
	text-decoration: underline;}


/* ---[ headings ]-------------------------- */

h1, h2, h3 {
	color: #333;}
h1 {
	margin: 0;
	padding: 0;
	color: #fe9900;
	font-size: 1.5em;}
legend {
	padding: 3px;
	margin: 2px;}
h4, h2{
	font-size: 110%;
	text-align: left;
	clear: left;
	margin: 0;
	padding: 10px 25px;}
#product-details h2 {
	background: url("/imgv2/hdr_product-details.gif") no-repeat 0 50%;}
#product-details h3 {
	color: #2b78cf;
	border-bottom: 1px dotted #bbb;}
h4#index-featured {
	color: #fff;
	background: url("/imgv2/hdr_featured-products.gif") no-repeat 0 50%;}
h4#index-new {
	color: #fff;
	background: url("/imgv2/hdr_new-products.gif") no-repeat 0 50%;}
h4#index-bundle {
	color: #fff;
	background: url("/imgv2/hdr_bundles.gif") no-repeat 0 50%;}
h5, h5 a {
	text-align: left;
	color: #666;
	margin: 0;
	padding: 1px;
	font-size: 100%;}
legend {
	padding: 0;
	font-weight: bold;}
h2 a, h3 a, h4 a{ 
	color: #333;
	text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none;}

/* ---[ top navigation ]-------------------- */

/* ---[ header ]---------------------------- */


.errorBox {  
	background: #ffb3b5; 
	font-weight: bold; 
	}
.stockWarning { 
	color: #cc0033; 
	}
.productsNotifications { 
	background: #f2fff7; 
	}
.orderEdit {  
	color: #ff0000; 
	text-decoration: none; 
	}
	
.infoBoxNotice { 
	background: #FF8E90; 
	}
.infoBoxNoticeContents { 
	background: #FFE6E6;
	 }
TD.infoBoxHeading { 
	font-weight: bold; 
	color: #000000; 
	}
TD.infoBox, SPAN.infoBox { 
	}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { 
	background: #ffffff; 
	}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { 
	background: #f8f8f9; 
	}
.productListing-heading {   
	font-weight: bold; }
TD.productListing-data { 
	border-top-style:dashed; 
	border-top-width: 1px; 
	border-top-color:#CCCCCC; 
	border-left-style:dashed; 
	border-left-width: 1px; 
	border-left-color:#CCCCCC; }
A.pageResults { 
	color: #0000FF; }
A.pageResults:hover { 
	color: #0000FF; 
	background: #FFFF33;}
TD.productInfo { background-color: #C1C1C1; }
TR.subBar { background: #f4f7fd; }
TD.subBar { 
	color: #000000; }
TD.main, P.main { 
	text-align:justify;}
.smallText { 
	font-size: 90%;}
TD.accountCategory { 
	color: #aabbdd; }
TD.fieldKey { 
	font-weight: bold;}
TD.tableHeading { 
	font-weight: bold;}
SPAN.newItemInCart { 
	color: #ff0000;}
TEXTAREA { 
	width: 100%;}
SPAN.greetUser { 
	color: #f0a480; 
	font-weight: bold;}
TABLE.formArea { 
	background: #E6E6E6; 
	border-color: #4B4B4B; 
	border-style: solid; 
	border-width: 1px;}
TD.formAreaTitle { 
	font-weight: bold;}
SPAN.markProductOutOfStock { 
	color: #c76170; 
	font-weight: bold;}
SPAN.productSpecialPrice { 
	color: #ff0000;}
SPAN.errorText { 
	color: #ff0000;}
.moduleRowOver { 
	background-color: #D7E9F7; cursor: pointer; cursor: hand; 
	}
.moduleRowSelected { 
	background-color: #E9F4FC;}
.checkoutBarFrom, .checkoutBarTo { 
	color: #8c8c8c;}
.messageStackError, .messageStackWarning { 
	color: #ff0000; 
	font-weight:bold;}
.messageStackSuccess { 
	color: #99ff00; 
	font-weight:bold;}
.inputRequirement {  
	color: #ff0000;}
TD.productDesc { 
	color: #808080; 
	padding: 1px 7px 1px 7px; 
	text-align: left;}
.dotBox { 
	border-style:dashed; 
	border-width: 1px; 
	border-color:#ccc;}
.greyBox { 
	background-color: #333333;}

/* ---[ product info ]---------------------- */

#product-image {
	float: left;
	padding:5px;
	padding-top:25px;
	padding-right:5px;
	width: 150px;
	height: 150px;
	background: url("/imgv2/bg_product_img.gif") no-repeat 2px 5px;
	vertical-align:middle;}
#product-image img {
	vertical-align:middle;}
#product-price {
	width: 320px;
	float:right;
	margin: 0;
	padding: 0;}
#product-price li {
	margin: 0;
	list-style: none;
	padding: 5px 0;}
#product-price form {
	margin: 0;}

#product-details p{
	padding: 10px;}
#product-details ul {
	padding: 0 10px;
	margin: 0;}

#product-details ul li {
	background: url("/imgv2/ico_li-diamond.gif") no-repeat 2px 5px;
	margin: 0;
	padding: 0 0 4px 15px;}

ul.product {
    padding: 0;
	margin: 0 0 0 10px;
	}
ul.product li {
	list-style: none;
    padding-left: 16px;
	background: url(images/icons/list_01.gif) no-repeat 0 3px;}

#meta {
	clear: both;
  	margin: 5px 0;
	padding-bottom: 10px; 
	list-style: none;}
  
#meta li {
	float:left;}

#meta a {
	float: left;
	padding: 0 13px;
	text-decoration: none;}

li#question {
	background: url(images/icons/help.gif) no-repeat 0 50%;}
li#friend {
	background: url(images/icons/send_friend.gif) no-repeat 0 50%;}  

#buttons {
	clear: both;
	float: right;}
.retail {
	font-size: 1.1em;
	color: #ccc;
	font-weight: normal;
	text-decoration: line-through;}
.save {
	font-size: 75%;
	color:#e92904;
	font-weight: bold;}
.sale {
	font-size: 1.3em;
	font-weight: bold;
	color:#e92904;}
.price {
	color: #CC0000;
	font-weight: bold;}
.status {
	font-weight: bold;
	color: #2b78cf;}
.currency {
	font-size: .9em;
	padding: 2px 0;
	border-top: 1ox dotted #bbb;
	border-bottom: 1ox dotted #bbb;}
li.retail s {
	color:#666;}
li.lowest a {
	padding:0;
	background: url(images/icons/lowest.gif) no-repeat top 1px;}
p.c-review {
	padding: 5px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


/* contact_us.php */

#contact p {
	padding: 0px 3px 3px 3px;
	background: url(images/backgrounds/product_info_2.gif) no-repeat right -19px;}
	
#contact_form p {
	padding: 3px 0px 0px 0px;}
#name, #email, #send_to {
	width: 150px;
	border: 1px solid #cccccc;
	}

#enquiry {
	width: 300px;
	height: 100px;
	border: 1px solid #cccccc;
	}
	
/* account.php */

#account p {
	padding: 0px 0px 0px 0px;}
	
#account li {
	list-style: none;
    padding-left: 16px;
	background: url(images/icons/list_01.gif) no-repeat 0 3px;
	}
#account input {}

<!-- articles -->
#articles h1, #articles a {
    color: #2d61cb;
	border: none;
	margin: 0;}
	
#articles em {
	margin: 0 0 15px 0;
	font-style: normal;
	color: #c1c1c1;
	}

p.shipping {
	text-align: center;
	}
	
.shipping strong { 
	color: #9D080D;
	padding: 0 0 2px 10px;}

/* ---[ category box ]---------------------- */

#location, #location select {
	width: 100%;
	font-size: 90%;
	padding: 0;
	margin: 0;}

#sidebar ul {
	text-align: right;
	margin:0;
	padding: 10px 5px;
	list-style: none;}
#sidebar ul li ul {
	padding: 0;
	margin-left: 10px;
	font-size: 95%;
	background: none;
	}
#sidebar ul li {
	font-weight: bold;
	padding: 2px 15px 2px 0;
	/*background: url("img/arrows/bl_right.gif") no-repeat 0 5px;*/}
#sidebar ul li ul li {
	font-weight: normal;
	padding-right: -15px;
	/*background: url("img/arrows/bl_right_small.gif") no-repeat 0 5px;*/
	border-bottom: none;}

#star-product {
	width: 550px;
	float: left;
	padding: 0;
	margin-bottom: 20px;
	border: 1px solid #ccc;}

#star-product img {
	float: left;
	padding: 0;}
#star-product ul {
	max-width: 350px;
	float: left;
	padding: 3px 3px 0 0;}
.index-products {
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
	width: 100%;
	float: left;
	background: url("/imgv2/bg_index-products.gif") no-repeat bottom left;}
.index-products div {
	padding: 5px;
	float: left;
	text-align: center;
	width: 167px;
	height: 120px;
	voice-family: "\"}\"";
    voice-family: inherit;
    width: 157px;}
html>body .index-products div {width: 157px;}
.float-left {
	float: left;}
#product-listing {
	width: 100%;
	float: left;}
#product-listing div {
	height: 150px;
	margin:2px;
	border: 1px dotted #ccc;
	padding: 5px;
	float: left;
	width: 173px;
	voice-family: "\"}\"";
    voice-family: inherit;
    width: 163px;}
html>body #product-listing div { /* Opera hack */
    width: 163px;}

#product-listing .float-left {
	float: left;
	padding: 2px;}
#product-listing span {
	padding: 2px;
	text-align: center;
	float: left;}
	
.results {
	text-align: right;
	clear: both;}
	
/*( ---( tables )-----------------------------------------)*/

#address {
	width: 100%;
	margin: 0 0 20px 0;
	}

#items {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	}
	
#items th {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}

#orders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}
	
#orders caption {
	padding-bottom: 5px;
}

#orders th, #orders td, #items td {
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #cccccc;
	}

#orders th {
	font-size: 100%;
	}

#totals {
	text-align: right;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	}
/*( ---( forms )------------------------------------------)*/

legend {
	font-size: 115%;
	padding: 5px;
	font-weight: bold;
	}
	
fieldset{
	padding: 5px;
	border: 1px solid #ccc;
	}
.return a {
	font-size: 95%;
	color: #cc0000;}
	
#affiliate label {
	clear:both;
	float: left;
	width: 200px;}
#affiliate .error {
	font-size: 95%;
	color: #990000;}
#affiliate input {
	border: 1px solid #ccc;}	

#affiliate p {
	margin: 0;
	padding: 2px;}	
	
a.vesign {
	color: #0067C6;
	text-decoration: underline;
}
/*( ---( PRODUCT PAGE )------------------------------------------)*/


a img { border:0;}
#product-info {
	width: 500px;
	font:normal 12px Arial, Helvetica, sans-serif, "Trebuchet MS"; 
	color:#666666;
}
#product-info h1 { color:#0c529a; font-size:18px; border-bottom:solid 1px #c5c5c5; padding-bottom:6px; margin:0px 0px 6px 0px; }
#item-info { font-size:11px; margin-bottom:14px; }
#item-info span { color:#4a7acc; padding-right:12px;}
#item-info span.stock { font-weight:bold; color:#63b80f; padding-right:0px;}
#product-image {
	background:transparent url(/images/product-bg.gif) no-repeat scroll 0px 0px;
	height:206px;
	width:206px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:12px;
}
#product-image a img { border:0px;	  }
#thumbs a img { display:block; width:60px; height:60px; float:left; border:solid 1px #999999; margin:0px 6px 6px 0px;}
.ltCnt { float:left;	margin-right:14px; width:206px}
.rtCnt { float:left; width:280px;}
#price-info { float:left; margin-right:24px;}
#price-info .prc{ font-weight:bold; font-size:20px; color:#fd0600;}
#review-stars { float:left; font-size:10px; margin-top:4px;}
#review-stars a{ color:#187acf;}
#hdiv-price {
	clear:left;
	background: url(images/hdiv-price.gif) repeat-x left center;
	height:15px;
	}
#qty-info { font-weight:bold; width:96px; float:left; }
#qty-info .qty { width:74px; }
#lang { font-size:11px; }
#lang select { font-size:11px; padding:2px; }
a.add2cart {
	float:left;
	display:block;
	background: url(images/btn-add2cart.gif) no-repeat left top;
	height: 32px;
	width: 146px;
	margin-right:12px;
}
#cship { width:110px;  float:right; font-size:10px;}
#cship input { width:114px; color:#888888; font-size:11px; }
#vdiscount { clear:both; margin-top:6px; font-size:11px; font-weight:bold; line-height:18px; margin-bottom:12px;}
#vdiscount table{ background:#a9c2d6;}
#vdiscount table td { background:#eff6fc; height:18px; text-align:center;}
#vdiscount table tr th { color:#ffffff;}
#vdiscount table tr td { color:#fe0103; font-weight:bold;}
.clearBoth { clear:both;}
.vdivIcns {
	background: url(images/vidv-icns.gif) repeat-y center top;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.tabCntFrame {
	padding:10px;
	width:480px;
	border:solid 1px #666666;
	margin-top:-1px;
}
.shadetabs { margin:0; padding:0;}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */



.indentmenu{
font: normal 13px Arial;
width: 100%; /*leave this value as is in most cases*/
border-left:solid 1px #666666;
position:relative;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid #666666; /*navy border*/
background: black url(images/indentbg.gif) center bottom repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #222222; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #666666; /*navy divider between menu items*/
border-bottom: 1px solid #666666;
}

.indentmenu ul li a:visited{
color: #666666;
}

.indentmenu ul li a.selected{
color: #222222 !important;
font-weight:bold;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(images/indentbg2.gif) center center repeat-x;
border-bottom:solid 1px #FFFFFF;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

