@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body         
{ 
	/*background:url(../images/main-top.jpg) center top repeat-x fixed #f4f2f5;*/
	/*background:url(../images/irongrip.png) center top repeat fixed #f4f2f5;*/
	background:#fff;
	margin:0px 0px 0px 0px;	
	padding:0px 0 0px 0;
	font-family:'Open Sans', Arial, Helvetica, sans-serif; 
	font-size:0.84em; 
	color:#5a5a5a; 
	line-height:1.51em; 
	font-weight:400;
}

td, table
{
	color:#5a5a5a;  
	
}

a:link, a:active, a:visited
{
	color:#00397c;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

a:hover
{
	color:#ed1c24;
	text-decoration:underline;
}

input, textarea, select
{
	font-size:11px;
	color:#5A5A5A; 
	background:#fff; 
	border:1px solid #DFE2E2; 
}

form
{
	margin:0px;
}

ol, ul
{
	padding:0px 0px 0px 25px;
	margin:10px 0px;
}

ol li
{
	padding-bottom:15px;
}

ul li
{
	padding-bottom:5px;
}

.title 
{
	font-size:26px; 
	color:#000000; 
	font-weight:400;
	line-height:1.6em;
	text-align:left;
	
	padding:3px 0 0px 0px;
	text-transform:capitalize;
	
	border-bottom:3px solid #eee;
}

.sidetitle
{
	margin:0px;
	padding:0px 0px 0px 15px;
	font-size:12px;
	font-weight:bold;
	color:#72B421;
	text-align:left;
	vertical-align:middle;
	line-height:35px;
	float:left;
}
.producttitle {padding:0px;
	margin:0px;
	font-size:14px;
	color:#4e8c33;
	text-align:left;}
.price {font-size:14px;
	color:#5a4b36;
	text-align:left; font-weight:bold; line-height:3em;}
	.btn {clear:both;}
	hr {background:#eeeeee; border:none; height:3px; margin:3px 0;}
h1, h2, h3, h4, h5, h6, .title, .sidetitle {font-weight:400;}
h1
{
	padding:0px 0px 8px 0;
	margin:0px 0px 25px 0px;
	font-size:28px;
	color:#000000;
	
}

h2
{
	font-size:26px; 
	color:#000000; 
	font-weight:400;
	line-height:1.6em;
	text-align:left;
	
	padding:3px 0 0px 0px;
	text-transform:capitalize;
	
	border-bottom:3px solid #eee;
	
}

h3
{
	margin:8px 0;
	font-size: 18px;
	color: #333333;
	letter-spacing:0;
	
}

h4
{
	margin:0px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	letter-spacing:0;
}

h5
{
	margin:0px;
	font-size: 18px;
	font-weight: 400;
	color: #11114d;
	letter-spacing:0;
	padding:3px 0 3px 28px;
	
}
.side1 { background:#666666; color:#fff; padding:10px 0 10px 16px;}
h6
{
	margin:0px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	letter-spacing:0;
}

/************** DIV CLASS ***************/
.container {background:rgba(255, 255, 255, 1); margin:0 auto; width:990px; padding:5px 20px 0px; margin:10px 0 15px; /*border:1px solid #f4f4f4; -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.65); box-shadow: 0 0 10px 3px rgba(0,0,0,0.65);*/}
.maincontainer
{
	position:relative;
		padding:0px 0 0 0;
		/*background:#fafafa;
		border-bottom:1px solid #eeeeee;*/
}
.contain1 { width:990px; margin:0 auto; padding:0px 0px 0px 0px;} 
.contentcontainer {background:/*url(../images/sliderbg2.png) center -1px no-repeat*/; }
.contain { width:950px; margin:0 auto; padding:5px 20px 20px 20px; margin:-25px 0 0 0; z-index:1; background:#ffffff; border:1px solid rgba(85, 85, 85, 0.1);} 
.topbar
{
	position:relative;
	padding:3px 0;
	background:#000;
	border-bottom:1px solid #333;
}
.topaccount {width:990px; margin:0 auto;}
.menucontainer
{
	margin:0 auto;
	padding:0px 0 0 0;	
	/*background:#333;
	border-top:1px solid rgba(0,0,0,0.01);*/
}
.headercontainer
{
	margin:0 auto;
	padding:0px 0 0 0;	
	
	
	/*background-image: linear-gradient(to bottom,  #fefefe, #eeeeee);
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.55);
box-shadow: 0 0 3px 1px rgba(0,0,0,0.55);*/
}
.header
{
	position:relative;
	width:990px;
	padding:0 0px;
	border-bottom:5px solid #000;
	/*border-top:3px solid #00397c;
		border-left:1px solid rgba(85, 85, 85, 0.1);
	border-right:1px solid rgba(85, 85, 85, 0.1);
	background:#ffffff;*/
}
.slidercontainer
{
	position:relative;
	padding:0px 0 0px 0;
	width:990px;
	margin:0 auto;
	/*background:#fafafa;
	background:url(../images/sliderbg.png) center top no-repeat;*/
}
.logo
{
	padding:15px 0px 0px 0px;
	float:left;
	text-align:left;
	vertical-align:middle;
}

.logo img{
	width:500px;
}

.icons {float:right; padding:10px 15px 15px 0;}
.account img, .icons img { vertical-align:middle;}
.account
{
	position:relative;
	padding-right:0px;
	float:right;
	text-align:right;
	font-size:13px;
	color:#666;
	margin-top:-60px;
	
}
.account a:link, .account a:active, .accounta:visited
{
	color:#666666;
}

.account a:hover
{
	color:#0000fe;
	text-decoration:underline;
}
.ar {margin-right:15px;}
.lang
{	
	position:relative;
	padding-right:15px;
	padding-top:10px;
	height:87px;
	float:right;
	text-align:right;
}

.curr
{	
	position:relative;
	padding-right:15px;
	padding-top:10px;
	height:87px;
	float:right;
	text-align:right;
}

.search
{
	padding-bottom:5px;
	float:right;
	height:20px;
}

/********************** main content ************************/
.content
{
	width:990px;
	position:relative;
	float:left;
}
.content2
{
	float:left;
	width:990px;
	/*padding:0 10px;*/
}
.content22
{
	float:left;
	width:930px;
	text-align:justify;
	padding:20px 10px;
}
.content3
{
	float:left;
	/*padding: 0 30px 30px 30px;*/
}
.content1
{
	float:left;
	text-align:justify;	
	padding: 15px 25px;
	background:#fff;
}


.content-topper
{
	width:990px;
	height:15px;
	float:left;
}

.content-footer-bg
{
	width:980px;
	height:55px;
}

.contentmain
{
	width:990px;
	position:relative;
	float:left;
	z-index:99999;
}
/*********************************************************************/

/**************************** banner rotator ************************/
.banner-rotator
{
	padding-bottom:8px;
}

.banner-rotator ol, .banner-rotator ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
/*********************************************************************/

/***************************** Welcome Msg ***************************/
.welcome-top
{
	width:550px;
	height:17px;
	float:left;
}

.welcome-middle
{
	width:550px;
	float:left;
	text-align:left;
	padding:0px 0px 10px 0px;
}

.welcome-bottom
{
	width:550px;
	height:15px;
	float:left;
}

.welcome-content
{
	text-align:left;
	width:520px;
}
/*********************************************************************/

/******************* index content ******************************/
.index-content
{
	float:left;
	width:550px;
}
/*********************************************************************/

/******************* Featured Products ************************/
.contenttop
{
	width:550px; 
	height:35px;
	float:left;
}

.contentmiddle
{
	width:550px;
	padding:10px 0px;
	float:left;
}

.contentbottom
{
	width:550px; 
	height:17px;
	float:left;
}
/*********************************************************************/

/************************* content ***********************************/
.content-layout
{
	width:700px;
	float:left;
}

.content-layout-top
{
	width:550px;
	height:17px;
	float:left;
}

.content-layout-middle
{
	width:550px;
	float:left;
	text-align:left;
	padding:0px 15px 5px 15px;
}

.content-layout-bottom
{
	width:550px;
	height:15px;
	float:left;
}

.content-layout-content
{
	width:515px;
	float:none;
	text-align:justify;
	padding-bottom:10px;
}
/*********************************************************************/

/************************* product ***********************************/
.product-layout
{
	width:550px;
	float:left;
}

.product-layout-top
{
	width:550px;
	height:17px;
	float:left;
}

.product-layout-middle
{
	width:550px;
	float:left;
	text-align:left;
	padding:0px 15px 5px 15px;
}

.product-layout-bottom
{
	width:550px;
	height:15px;
	float:left;
}

.product-layout-content
{
	width:515px;
	float:none;
	text-align:justify;
	padding-bottom:10px;
}
/*********************************************************************/

/************************* Side Menu ******************************/
.sidemenu-left
{
	width:220px;
	text-align:left;
	float:left; 
	padding-right:25px;
	padding-left:3px;
}

.sidemenu-right
{
	width:270px;
	text-align:left;
	float:right; 
	padding-left:0px;
	border-left:1px solid #ffffff;
}

.sidemenu-main-left
{
	width:220px;
	text-align:left;
	float:left; 
	padding-right:10px;
	
}

.sidemenu-main-right
{
	width:220px;
	text-align:left;
	float:right; 
	padding-left:8px;
}

.sidemenu-product-left
{
	width:220px;
	text-align:left;
	float:left; 
	padding-right:10px;
}

.sidemenu-product-right
{
	width:220px;
	text-align:left;
	float:right; 
	padding-left:8px;
}

.sidemenutop
{
  /*background-image: linear-gradient(to bottom,  #03acef, #0074ba);*/
  background-image: linear-gradient(to bottom,  #97c243, #00397c);  
  text-shadow: 0 1px 0 rgba(255,255,255,.3);
  border-radius: 4px; 
	width:222px; 
	height:40px;
}
.sidemenutop h2 {color:#ffffff; padding:8px 0 8px 15px; font-size:14px; font-weight:normal; text-shadow: 1px 1px 2px #333333; filter: dropshadow(color=#333333, offx=1, offy=1);}
.sidemenumiddle
{
	background:#fcfcfc; 
	width:220px;
	padding:10px 0px;
	text-align:center;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-top:1px solid #eee;
	margin:5px 0 0 0;
	border-radius: 4px 4px 0 0;
}

.sidemenubottom
{
	background:#fcfcfc; 
	width:220px; 
	height:8px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	border-radius: 0 0 4px 4px;
}

.sidemenu-content
{
	width:200px;
	text-align:left;
}
/*********************************************************************/

/******************************** Footer *****************************/
.footerbg
{
	margin: 0 auto;
	border-top:3px solid #eeeeee;
}
.content4container {position:relative; margin:30px 0;}
.content4
{
	
	text-align:left;	
	padding: 40px 0 0px;
	width:990px;
	border-top:3px solid #eeeeee;
	
}

/*.content4 h4 {color:#0066cc; padding-bottom:10px;font-size:14px; font-weight:normal;}
.content4 h4 a:link, .content4 h4 a:active, .content4 h4 a:visited {color:#0066cc; font-size:14px; }
.content4 ul, .content4 ul li { list-style:none; padding:0 0 0px 0; margin:0;}
.content4 ul {padding-bottom:18px;}
.content4 a:link, .content4 a:active, .content4 a:visited
{
	color:#999;
	text-decoration:none;
	font-size:12px;
}

.content4 a:hover
{
	color:#ed1c24;
	text-decoration:none;
}*/
.footer
{
	padding:10px 15px 18px;
	text-align:left;
	font-size:11px;
	color:#666;	
	/*border-top:1px solid rgba(85, 85, 85, 0.1);*/
}

.footer a, .footer a:active, .footer a:link, .footer a:visited
{
	color:#666;
}

.footer a:hover
{
	color:#ed1c24;
}

/*********************************************************************/

/****************************** Others *******************************/
.product_name
{
	font-size:13px;
	font-weight:bold;
}

.price_f
{
	color:#CC0000;
}
/*********************************************************************/

/****************************** Menu *********************************/
.menubg
{
	text-align:center;
	/*background:url(../images/menubg.jpg) top repeat-x #000;	*/
	border-radius:4px;
	padding:0 10px;
	margin-top:20px;
}

.menu
{
	display:block;
	padding:0px 0 0 0px;
	font-size:13px;
	font-weight:normal;
	text-transform:capitalize;
	margin-bottom:0px;
	
}

.menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu ul li
{
	padding:0px;
	margin:0px;
	position: relative;
	display: inline;
	float: left;
	border-right:3px solid rgba(255,255,255, 0.25);
	
}
.menu ul li:last-child { background:none; border:none;}
.menu ul li a
{
	display:inline-block;
	text-decoration: none;
	color:#eeeeee;
	padding:12px 20px;
	/*border-top:4px solid rgba(17, 17, 77, 0);*/
}

.menu ul li a:active, .menu ul li a:link, .menu ul li a:visited
{
	color:#eee;
	text-decoration:none;
	background:url(../images/menubg.jpg) left -5px repeat-x #000;
	border-radius:6px 6px 0 0;
}

.menu ul li a:hover
{
	color:#fff;
	/*border-top:4px solid #ea1d24;
	background:url(../images/menuhover.png) bottom center no-repeat ;*/
	background: #000;
}

/*Sub menu*/
.menu ul li ul
{
	position: absolute;
	left: 0;
	top:0;
	display: block;
	visibility: hidden;
	z-index: 100;
	padding:6px 0px 0 0;
	margin:0px;
}

.menu ul li ul li
{
	display: inline;
	float: none;
	background-image:none;
	border:none;
}


*html .menu ul li ul li a
{
	width:170px; 
}

.menu ul li ul li a
{
	display:block;
	width:150px; 
	margin:0px;
	padding:7px 20px;
	font-size: 13px;
	line-height:18px;
	font-weight:normal;
	/*background:rgba(255, 255, 255, 1);*/
	
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	color:#333;
	text-align:left;
	text-shadow:none;
	border-radius:0px;
}

.menu ul li ul li a:active, .menu ul li ul li a:link, .menu ul li ul li a:visited
{
	text-decoration:none;
	color:#000;
	border-radius:0px;
	background:#cccccc;
}

.menu ul li ul li a:hover
{
	color:#FFFFFF;
	background: #666;
	text-decoration:none;
	border:none;
	}

/*Third level menu*/
.menu ul li ul li ul
{
	position: absolute;
	left: 93px;
	top:0;
	display: block;
	z-index: 100;
	padding:0;
	margin:-17px 0 0 0;
	border-left:2px solid #336196;
}

.menu ul li ul li ul li
{
	display: inline;
	float: none;
	background-image:none;
}


*html .menu ul li ul li ul li a
{
	width:180px; 
}

.menu ul li ul li ul li a
{
	display:block;
	width:160px; 
	font-weight: normal;
	margin:0px;
	padding:7px 10px;
	font-size: 12px;
	background:#eeeeee;
	border-top:0px;
	color:#333333;
}

.menu ul li ul li ul li a:active, .menu ul li ul li ul li a:link, .menu ul li ul li ul li a:visited
{
	text-decoration:none;
	color:#555;
}

.menu ul li ul li ul li a:hover
{
	color:#ffffff;
	background:#00397c;
	text-decoration:none;
}
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/*********************************************************************/

/******************************* Faq *********************************/
.arrowlistmenu
{
	width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader
{ /*CSS class for menu headers in general (expanding or not!)*/
	font:12px Arial;
	color: #333;
	background: #F3F3F3 repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu ul
{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	font-weight:normal;
}

.arrowlistmenu h3
{
	font-size:12px;
}
.form_button { background: #00397c; color:#eeeeee; padding:5px 6px; cursor:pointer; text-transform:capitalize; border:none; font-weight:bold; border-radius:0 8px 0 8px; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;}
.form_button:hover {background:#000;}
.cart_button { background: #533c2a; color:#eeeeee; padding:5px 6px; cursor:pointer; text-transform:capitalize; border:none; font-weight:bold; border-radius:0 8px 0 8px; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;}
.cart_button:hover {background:#97c243;}
#pagewrap {
	margin: 0 auto;
	width: 600px;
	padding-left: 150px;
	position: relative;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 15px;
	margin-left: 1030px;
	z-index:1000;
}
#back-top a {
	width: 58px;
	display: block;
	text-align: center;
	font: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: #999 url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}
#back-top a:hover span {
	background-color: #333;
	opacity:1;
}
img.homebanner {  position: relative; z-index:100; float:left;
    top: 0;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;}
img:hover.homebanner  { top:-10px;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;-webkit-box-shadow:  1px 1px 3px 1px #666;
        
        box-shadow:  1px 1px 3px 1px #666;}
		

.homebottom img{  position: relative;  float:left;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;}
.homebottom img:hover, .homepromo img:hover { 
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0,0 ,0.3);        
        box-shadow:  0px 0px 5px 1px rgba(0, 0,0 ,0.3);z-index:100;}
.homenews {float:left; margin:0px 0px 0 20px; width:300px; text-align:left;}
.homenews ul {margin:0; padding:0;}
.homenews li img {float:right; margin:0 0px 0 10px;}
.homenews li {list-style:none; float:left; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; 
	padding:15px; 
	border-left:1px solid rgba(85, 85, 85, 0.1);
	border-top:1px solid rgba(85, 85, 85, 0.1);
	border-right:1px solid rgba(85, 85, 85, 0.1); 
	background:#ffffff;
	 }
.homenews li:last-child {border-bottom:1px solid rgba(85, 85, 85, 0.1);}
dt {font-size:11px; line-height:1.81em; color:#333333;}
.homesocial {float:left; margin:20px 0px 0 20px; width:300px; text-align:left;}

.fl {float:left;}
.fr {float:right;}

a.more{ background: #ffffff; color:#666; padding:3px 10px; cursor:pointer; text-transform:capitalize; border:none; font-weight:normal; border-radius:2px; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s; font-size:12px; border:1px solid #666; }
a.more:hover {background:#666; text-decoration:none; color:#ffffff;}

ul.product {list-style:none; margin:0; padding:0;}
ul.product li {float:left; width:211px; padding:10px 10px 20px 10px; border-bottom:1px solid rgba(85, 85, 85, 0.1); }
.pinfo {border:1px solid rgba(85, 85, 85, 0.1); padding:10px 15px; border-radius:4px;}
.sku {font-size:12px; padding-bottom:15px;}

.news {padding:12px 0px;}
.news ul {margin:0; padding:0;}
.news li {list-style:none;  padding:0 0 10px 0;  margin:0 0 9px 0; border-bottom:3px solid #f4f4f4; display:block;}
.news li a {color:#006e97;}
.news li a:hover {color:#006e97; text-decoration:underline;}

.events {padding:12px 15px;}
.events ul {margin:0; padding:0;}
.events li {list-style:none;  padding:0 0 10px 0;  margin:0 0 9px 0; border-bottom:3px solid #cccccc; display:block;}
.events li a {color:#006e97;}
.events li a:hover {color:#006e97; text-decoration:underline;}


.span1 {float:left; width:665px;  margin-right:25px; text-align:justify;}
.span2 {float:left; width:730px; margin-right:25px; text-align:justify;}
.span3 {float:left; width:170.75px; margin-right:25px; text-align:left;}
.span4 {float:left; width:482.5px; overflow:hidden; margin-right:25px; }
.span5 {float:left; width:270px; overflow:hidden; border:1px solid #f4f4f4; margin-bottom:5px;}
/*.span4:hover {background:#bae1fe;}*/
.last {margin-top:0; margin-left:0; margin-right:0; margin-bottom:0;}

.welcome {text-align:center; border-bottom:3px solid #eeeeee; padding:30px 65px; margin-bottom:40px;}
.welcome h1 {border:none; color:#006e97; font-size:40px; font-weight:400; text-align:center;}
.welcome p {font-size:16px; line-height:25px;}
.shadow {-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s; border:5px solid rgba(0, 0 , 0, 0);}
.shadow:hover {-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.55);
box-shadow: 0 0 3px 1px rgba(0,0,0,0.55); border:5px solid rgba(255, 255 , 255, 0.20);}

.div1{width:400px; display: inline-block; vertical-align: top;}
.div2{width:250px; display: inline-block; vertical-align: top;}