/* Tag Styles */
body {margin: 0; text-align: center;  /*necessary for IE6 centering - set left in container div*/ color: #333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; 	line-height: 20px; background:#dbdbdb url(../images/backgroundMain.jpg) repeat-y center; }
h2 {font-size:100%; color:#660000; font-style:italic; }
h3 {font-size:18px; color:#BBB; line-height:2em; border-bottom:1px dotted #000000; }
p {margin-left:10px;}
h4 { font-size: 12px; color: #039;}

/* To Hold all Page elements */

div#container {width: 780px; margin: 0 auto; text-align: left;}

/* Masthead Styles */

div#masthead {vertical-align:top; width: 100%; height: 146px; padding:0; background:url(../images/hd_headerMain.jpg) no-repeat center;}

.masthead_input{height:11px; font-size:10px; vertical-align:middle;}

/* Main Page styles*/
div#mastheadMenu {position: relative; width: 100%; top: 126px; height: 20px;}
div#mastheadMenu ul {float: right; list-style-type: none; margin: 0 10px 0 0; font-weight: bold; padding: 0;}
div#mastheadMenu li {display: inline;}
div#mastheadMenu a { color: #fff; font-size: 12px; text-decoration: none; border-left:1px solid; border-color:#f3f3f3; padding: 0 .5em 0 .8em;}
div#mastheadMenu a:hover {color: #b0b0b0;}

.search { float:left; margin: 0 0 6px 5px; font-weight: bold; font-size: 12px; color: #fff;}
.searchButton {cursor:pointer; vertical-align:middle; border:outset 1px #CCC; color:#0b2563; font-size: 9px; font-weight:bold;  background-color:#B9C5DF; /* for IE6 compatability (W3C browsers will support the "hover psudo-class below */
        h: expression(onmouseover=new Function("this.style.backgroundColor='#CCC'; this.style.color='#000';"),
                       onmouseout=new Function("this.style.backgroundColor='#B9C5DF'; this.style.color='#547EE1';"));
}
.searchButton:hover {color:#000; background-color:#CCC;}


div#main {position: relative; width: 780px; text-align: left; padding: 4px 0; background: #fff; float:left;}

div#sidebar {float: left; width: 120px; font-weight: bold; overflow:hidden;}
div#sidebar ul { list-style-type: none;  margin: 0; padding-left: 15px; text-align: left;}
div#sidebar li {margin-top: 5px; display: block; font-size: 11px;}
div#sidebar li.header {height: 16px; margin-top: 8px; background: url(../images/menuHeade.jpg) no-repeat center; color: #1a1a1a; font-size: 12px; font-weight: bold;}
div#sidebar a {color: #b0b0b0; padding-bottom: 5px; border-bottom:0px dotted #1a1a1a; text-decoration: none;}
div#sidebar a:hover {color: #1a1a1a; border-bottom:0px dotted #CCC;}

div#content {float: left; margin-left: 10px; border-left: 0px dashed #fff; padding-left: 10px; width: 610px; min-height:600px;}
div#content a {color: #039; text-decoration: none;}
div#content a:hover {color: #D040FF; text-decoration: underline;}

/* Miva Styles */

/* styles for page buttons (Buy One Now)*/

.largeFormButton
{
cursor:pointer;
float:right;
border:outset 2px #000000;
color:#000000;
font-weight:bold;
padding: 1px 2px;
background-color:#EEEEEE;
/* for IE6 compatability (W3C browsers will support the "hover psudo-class below */
        h: expression(onmouseover=new Function("this.style.backgroundColor='#C3D3ED'; this.style.color='#FFF';"),
                       onmouseout=new Function("this.style.backgroundColor='#EEEEEE'; this.style.color='#547EE1';"));
}

.largeFormButton:hover 
{
color:#FFF;
background-color:#C3D3ED;
}

/* Miva Product Styles */

div#MivaProduct {background-color:#FFF;}
	
div#MivaProduct p {color:#7b7b7b;}
div#MivaProduct a {color:#b0b0b0; font-weight:bold; text-decoration: none;}
div#MivaProduct a:hover {color:#BBB; text-decoration: none;}
	
div#QuantityPriceBox {width: 180px; float:right; border:outset 2px; background-color:#EEEEEE; margin-left:4px; min-height:100px;}
div#QuantityPriceBox ul {list-style-type:none; font-size:12px; margin:2px; text-align:center;}
div#QuantityPriceBox li.header {color: #000; text-decoration: underline; font-weight:bold; background-color:#DDDDDD; line-height: 18px; height: 18px;}
div#QuantityPriceBox a
{display: block; background-color:#EEEEEE; color:#547EE1; border-bottom:1px solid #b0b0b0; font-size:12px; text-decoration: none;}
div#QuantityPriceBox a:hover {color: #FFF; background-color:#C3D3ED;}


div#footer {text-align:center; clear:both; padding:20px; border-top:1px solid #b0b0b0; background-color:#fff;}

div#cat_Item{width:132px; height:146px; float:left; margin:0 auto; text-align:center; background:url(gray_background.jpg) no-repeat; font-size: 11px;}
div#cat_Item.out {background-position: top right; color: #547EE1; font-weight:normal;}
div#cat_Item.over {background-position: top left; color: #000; font-weight: bold;}
div#cat_Item img{width:73px; height:106px; border:0;}

.jump_span {}
.jump_span span{color:#660000; cursor:pointer;}

.info_box {float:left; width:190px; font-size:95%; border:4px groove #cccccc; padding-right:5px; margin-right:5px;}
.info_box span {color:#660000; font-style:italic;}
.info_box_txt {line-height:130%; text-align:center; font-size:11px; color:#333333;}

.new_item {clear:both;}
.new_item img {float:right; margin:-50px 5px;}

.to_top_btn  {float:right; width:48px; height:21px; background-image:url('http://www.myprotools.com/common/Data/VK/images/buttons/To_Top.gif');}
.top_img {float:right; margin-right:5px; margin-top:-36px;}

.btn_div {width:140px; height:20px; color:#FFFFFF; font-size: 0.8em; text-align:center; background-image:url('http://www.myprotools.com/common/Data/VK/images/buttons/size_btn.png');}
.btn_div:hover {color:#CCCCCC; background-image:url('http://www.myprotools.com/common/Data/VK/images/buttons/size_btn_over.png'); cursor:pointer;}

.content_top {clear:left;}
.content_top p,ul {width:360px; clear:left; float:left;}
.content_top br {line-height:1.1em;}
.content_top h3 {margin-top:0px}
.content_top h3 img {float:right; margin-right:5px;  margin-top:0px;}
.content_top #caption_txt {margin-top:-8px;}

.slideshow_text p {width:280px;}
.centeredImage {text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}

.c_slctor {width:140px; height:160px; border: thin solid #D8D8D8; margin: 0px 8px 20px 0px; color:#000000; text-align: center; font-weight:bold; float: left;}
.c_over {color:#547EE1; font-style:italic; text-decoration:underline; border: thin solid #547EE1;}
.c_slctor img {opacity:0.7; filter:alpha(opacity=70)}
.c_slctor img:hover {opacity:1; filter:alpha(opacity=100)}