/*****css-menu-01 styles*****/
div#wrapper-menu{    /* background-color: #FFFFFF;*/
   /* border: 1px solid #000000;*/
    float: left;
    height: 60px;
 /*   margin-top: -50px;*/
    position: relative;
	   background: url("../img/men2.png") repeat;
	   border-top:3px solid #CCC;
    width: 100%;}
/*First of all you need to fix a width for your menu. Is necesary if you want center it, with margin negatives you can solve vertical centering and with margins auto for left and right you solve horizontal centering*/
div#wrapper-menu ul#nav{
	position:relative;
	width:1000px;/*this is the complete width of the menu*/
	width:1000px\9;/*hack for fix width in IE8 and below*/
	height:55px;
	*height:58px !important;
	height:-58px\9;
	margin-left:auto;
	margin-right:auto;
	/*top:50%;*/
	/*margin-top:-27px;*/
	}
div#wrapper-menu ul#nav li{display:inline-block;float:left;width:auto;height:100px;margin-right:4px;}/*size for each list element*/
div#wrapper-menu ul#nav li#item7{margin-left:10px;}/*special margin for cart option*/
div#wrapper-menu ul#nav li.current{background:url(../img/black-arrow-current-navigation.png) no-repeat center 40px;}/*each li element in the html code that is assigned to the current class will put the arrow on the button when representing the active section*/
div#wrapper-menu ul#nav li a{
	color:#FFF;
	display:inline-block;
	width:auto;
	height:40px;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-weight:normal;
	font-size:1.5em;
	letter-spacing:-1px;
	line-height:40px;
	text-align:center;
	text-transform:capitalize;
	padding:5px 10px 0 10px;
	border-radius: 8px;/*Only for advanced browsers*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin:5px;
	 border:1px solid transparent
	}
div#wrapper-menu ul#nav li#item7 a{font-size:1em;}
div#wrapper-menu ul#nav li#item7 a:hover{background-color:#000;color:#ffe509;}
div#wrapper-menu ul#nav li a:hover{color:#fff; border:1px solid #FFF}
div#wrapper-menu ul#nav li a.current{color:#f8db3a;background-color:#252525;}/*to represent the active section you need to used the current class in list tag (li) and in the anchor tag (a), in both.*/
div#wrapper-menu ul#nav li.last-child a{color:#f8db3a}
div#wrapper-menu ul#nav li span{  /* background: url("../img/icon-cart.png") repeat scroll center center transparent;*/
  
  
    width: 48px;
	font-size:21px}





#toTop {
	width:153px;
	height:40px;
      
        text-align:center;
        padding-top:11px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
		padding-left:6px;
        font-size:11px;
		background-image:url(../img/top.png);
		background-repeat:no-repeat
}
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:14pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 200px; 
				height: 200px; 
				
				float:left; 
				background:#161613; 
				 border: 8px solid #AAAAAA;
				overflow: hidden; 
				position: relative; 
				border-radius:0px;-moz-border-radius:0px; border:1px solid #666;-ms-border-radius:0px;

	-moz-border-radius: 0px;
	-webkit-border-radius:0px;
	-khtml-border-radius: 0px;
	border-radius:0px;
	z-index:1000;
	margin:0 auto
	
			}
				.boxgrid:hover{ border:8px solid #CCC}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					
				
	z-index:1000;
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.boxcaption h3{ color:#FFF; font-size:15px; margin-left:15px }
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background:url(../img/details2.png) #000000; 
				height: 170px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				-ms-border-radius: 11px;

	-moz-border-radius: 0px;
	-webkit-border-radius:0px;
	-khtml-border-radius: 0px;
	border-radius:0px;
	z-index:1000
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
				#search-box, #sidebar-content #search-box {
	margin:8px 0 0 0;
	padding: 5px 5px;
	width: 182px;
	height: 20px;
	line-height: 20px;
	color: #525a61;
	border: 1px solid #edeeee;
	border-right: none;
	background: #fff url('../img/search-input-bg.png') repeat-x left top;
	float: left;
}
#sidebar-content #search-box {
	width: 181px;
	border: 1px solid #c9ccce;
	border-right: none;
	background-image: none;
}
#search-but, #sidebar-content #search-but {
	margin:8px 0 0;
	
	width: 39px;
	height: 32px;
	border: none;
	background: transparent url('../img/search-button.png') no-repeat left top;
	float: left;
	cursor: pointer;
}

blockquote, pre, #login-button, #logout-button, #body-wrap ul.page-numbers li a, #body-wrap ul.page-numbers li span.current, .no-title-box-text {
    -moz-border-radius: 3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}

#login-button, #logout-button {
    background: url("../img/button-bg.png") no-repeat scroll -100px -100px #fff;
    border: 1px solid #11161C;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    margin-top: 9px;
    padding: 0 15px;
    text-transform: uppercase;
}
#login-box, #login-box #sub-box, #main-menu li ul, .title-and-text-box .box-text, .price-box-style-2 .box-content, .order-button-wrap, .tabs-style1 .tabs-content, #hide-on-screen-features {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}
#login-box {
	display: none;
	position: absolute;
	top: 0px;
	right: 103px;
	padding: 4px 9px;
	width: 232px;
	height: 74px;
	background: url('../img/login-box-bg.png') repeat-x left top;
	float: right;
	z-index:2000;
}
#login-box form {
	position: relative;
	width: 232px;
	height: 78px;
}
#login-box input {
	margin: 3px 0px 2px 0px;
	padding: 5px 7px;
	width: 166px;
	height: 20px;
	line-height: 20px;
	color: #525a61;
	background: #fff url('../img/input-bg.png') repeat-x left top;
	border: 1px solid #e1e4e9;
}
#login-box #SubmitLogin {
	padding: 0;
	width: 25px;
	height: 17px;
	background: transparent url('../img/login-button.png') no-repeat left top;
	border: none;
	cursor: pointer;
}
#login-box #SubmitLogin:hover {
	background: transparent url('../img/login-button.png') no-repeat left bottom;
}
#login-box #sub-box {
	padding-top: 2px;
	width: 230px;
	height: 13px;
	background: #1b2128;
}
#login-box .sub-box {
	margin: 0;
	padding: 0;
	color: #959daa;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}
#login-box .sub-box a { color: #959daa; }
#login-box .sub-box a:hover { color: #1a8fcc; }
#close-login {
	position: absolute;
	top: 3px;
	right: 0px;
	width: 17px;
	height: 17px;
	background: transparent url('../img/login-close.png') no-repeat left top;
	cursor: pointer;
}
#close-login:hover {
	background: transparent url('../img/login-close.png') no-repeat left bottom;
}
#login-box form {
    height: 78px;
    position: relative;
    width: 232px;
	text-align:left
}