/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0 2px 2px 0 #ddd;
    -moz-box-shadow: 0 2px 2px 0 #ddd;
    box-shadow: 0 2px 2px 0 #ddd;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 5px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
.dimbutton {
   -webkit-transition:-webkit-box-shadow .5s ease;
   -moz-transition:-webkit-box-shadow .5s ease;
   -ms-transition:-webkit-box-shadow .5s ease;
   -o-transition:-webkit-box-shadow .5s ease;
   transition:-webkit-box-shadow .5s ease;
}
.dimbutton:hover {
   -webkit-box-shadow:0 0 0 9999px rgba(0,0,0,.4);
   -moz-box-shadow:0 0 0 9999px rgba(0,0,0,.4);
   -ms-box-shadow:0 0 0 9999px rgba(0,0,0,.4);
   -o-box-shadow:0 0 0 9999px rgba(0,0,0,.4);
   box-shadow:0 0 0 9999px rgba(0,0,0,.4);
   position:relative;
   z-index:99999;
}
    #darkness {
    background:rgba(0, 0, 0, 0.5);
    display:none;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:5;
}
.thumbnails{
	margin-left:6px;
}
.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-right: 4px;
	margin-left:4px;
}

#menu{width:220px; z-index:1000;margin-top:0px; text-align:left;}

#menu ul.toplevel {list-style-type:none;z-index:1000;float:left; width:247px;border:0px #ccc solid;margin-left:0;margin-bottom: -1px;}
#menu ul.toplevel li.active a{color:#2271B2;}

#menu ul.toplevel li{
	float: left; position: relative;height:46px;
	width:100%;border:0px #ccc solid;
	border-bottom:1px #CDCDCD solid;
	border-top:0px #FCFCFC solid;
	margin:0;
	}
	
	#menu ul.toplevel li:first-child
	{
		border-top:0px #ccc solid;
	}
	
	#menu ul.toplevel li:hover{
		background-color:transparent;
		border-right:0 px;	
	}
	
	#menu ul.toplevel li:hover a {
		color:#666;
	}
	
	
	#menu ul.toplevel li a
	{	
		display:block;
		color:#333333;
		padding-left:25px;	
		font-size:15px;
		text-decoration:none;
		text-transform:capitalize;
		width:212px;
		height:46px;
		line-height:45px;
		
	}


	.arrow-right-position
	{	
		color:#FEC401;
		font-size:20px;
		font-style:normal;
		width:25px;	
	
		float:right;
		line-height:45px;
	
	}


#menu ul li:hover > ul{display: block;z-index:1000;top:-1px;}



#menu ul.toplevel ul{position: absolute; left:221px;top:0; display: none;  width:899px;z-index:1000; border:1px solid #ccc; z-index:888;padding:0px; border-left:0px; background-color:#fff;text-align: center;
    /*
    clear:both;
    margin: 0;
    padding: 0;
    */}



#menu ul.toplevel li ul li{height:45px;z-index:1000;border:0;margin-right:1px;text-align:center;width:160px;display:inline-block;
   
    /* float: left; */
    height: auto;
   
    padding: 0;
    margin:0px;
    list-style: none;
    }


#menu ul.toplevel li ul li a{z-index:1000;line-height:45px;padding-right:10px;}



#menu ul.toplevel li ul li a:hover {
	text-decoration:underline;color:#2271B2!important;
}








#submenu ul.toplevel li a.selected_sublink
{
	color:#2271B2;
	font-size:13px;
	
}


#submenu{width:220px; margin: 0 auto; line-height:55px;float:left;z-index:999;text-align:left;background-color:#fff;}

#submenu ul.toplevel {list-style-type:none;z-index:1000;float:left; width:220px;}

#submenu ul.toplevel li{float: left; position: relative;height:16px;line-height:16px;
	clear:both;width:220px;
	
	height:45px;line-height:45px;
	clear:both;width:247px;border:0px #ccc solid;
	border-bottom:1px #CDCDCD solid;
	border-top:1px #FCFCFC solid;
	
	}
	
	#submenu ul.toplevel li a:hover{
		
		background-color:#f4f4f4;text-decoration:underline;color:#2271B2!important;	
	}
	
	
#submenu ul.toplevel li a{	display:block;
	color:#515151;
	padding-left:30px;
	padding-right:5px;
	font-size:15px;
	text-decoration:none;
	text-transform:capitalize;
}
#div_related_product{
width:185px;
float: left;
margin: 1px;
border: 1px #CCC solid;
padding: 2px;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #FCFEFC;
}
#outer_product_div {
margin-top: 0px;
margin-left: 10px;
float: left;
}
.product_box_title {
text-decoration: none;
font-size: 12px;
color: #0080C0;
font-weight: normal;
width: 185px;
height: 43px;
padding-top: 5px;
}
#content_data {
float: right;
width: 100%;
min-height: 100%;
top: -50px;
}
#hoverbar { /*padding:9px 0 1px;*/ margin-top:0px;/* background: url(../images/navbg.png) no-repeat center 0 
padding: 0 0 6px 2px; margin-top:10px;background: url(../images/heading.png) left center no-repeat, url(../images/heading.png) right center no-repeat, url(../images/heading-mid.png) repeat-x;font-size: 22px;*/}
ul.hoverbar{ margin-left : 0px; }
ul.hoverbar> li { position:relative; margin: 0px;margin-left:12px; }
ul.hoverbar> li > a { text-decoration: none; display: block; z-index: 6; position: relative; color:#000!Important; /*text-transform:uppercase;  border-right:1px solid rgba(102,102,102,0.6); */ /* border-left:1px solid rgba(102,102,102,0.6); */ }
ul.hoverbar> li:hover > a, ul.hoverbar> li > a.active { color:#fff!important; text-shadow:none; /* background-color:rgba(102,102,102,0.6)  */}
ul.hoverbar> li > div { display: none; padding:0px; position: absolute; top: 96%; left: 0; z-index: 1000; display: none; float: left; min-width: 247px; margin:0px; list-style: none; background-color: #ffffff; border: 1px solid #E7E7E7; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px;
 *border-bottom-width: 2px;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
ul.hoverbar> li > div:before { right: auto; left: 12px; border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; top: -6px; }
ul.hoverbar> li > div:after { right: auto; left: 13px; border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; top: -5px; }
ul.hoverbar > li:hover > div { display: table; width:100% }
.sidewidt2 {
margin: 10px 11px 0 11px;
border: 1px solid #dddddd;
}
h1.headingfull2{background: url(../images/heading.png) left center no-repeat, url(../images/heading.png) right center no-repeat, url(../images/heading-mid.png) repeat-x;
font-size: 22px;padding:0 0 7px 0;}
h1.headingfull2 span {
padding: 0px 20px 7px 2px;
color: #fff;
text-shadow: 1px 1px 1px #333;font-size:20px;} h1.headingfull2 span:after {content: " ";
width: 30px;
height: 30px;
background:url("../images/arrow.png") right no-repeat;
top: 3px;
right: -4px;
position: absolute;
display: inline-block;}