html {overflow: -moz-scrollbars-vertical; margin: 0; padding: 0;}
body {color: #222; margin: 0px; padding: 0px; line-height:18px;
	font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif;
	background-color:#fafafa;
	font-weight: normal;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}

/*body, td, th, input, textarea, select, a {font-size:12px;}*/
* { margin:0; padding:0; }
h1 {margin-bottom:30px; font-size: 26px; font-weight: normal; text-rendering:optimizelegibility; text-transform:uppercase;}
h2 {font-size:20px; font-weight: normal; margin-top: 0px; margin-bottom:10px; padding:3px 0px 5px 0px; text-transform:uppercase;}
h3 {font-size:15px; margin-top: 25px; margin-bottom:5px; padding:3px 0px 5px 0px; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight:normal;}

h4 {font-size:12px; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;  margin-top: 0px; text-align: justify; margin-bottom:10px; padding:3px 0px 5px 0px; font-weight:normal; }

#main h1, #main h2, #main h3, #main h4 {color: #222;}
#headerbar h1, #headerbar h2, #headerbar h3, #headerbar h4 {color: #fff;}
#panel h1, #panel h2, #panel h3, #panel h4 {color: #fff;}


p {font-size:12px; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 20px; line-height:20px;}


.align-justify { text-align: justify; }

.hidden {
	display:none;	
}

.clear{clear:both;}
form { padding:0; margin:0; display:inline;}

input[type='text'], input[type='password'], textarea, select { background:#fff; border: 1px solid #dddddd; padding:5px 7px; margin-left: 0px; margin-right: 0px; font-size:12px; font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:218px;
outline: none;
}

input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus { 
border:1px solid #bbb; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
@include box-shadow(0 0 5px #363636);
}

label {cursor: pointer;}


#content-slider {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}


/********** modal **********/
#modalcontent {display:none;}

#toppainel {
	z-index: 9999;
    bottom: 0px;
    position: fixed;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
	font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif;
    background-color: #000000;
    color: #fff;
    padding: 6px;
}

#toppainel .msg {
	margin-left:20px;
	float: left;
    font-size: 13px;
    text-align: center;
}

#toppainel .btn {
	float: right;
    font-size: 20px;
    margin-right: 20px;
}


/* Overlay */
#simplemodal-overlay {background-color:#fff;}

/* Container */
#simplemodal-container {
	min-height:180px; width:300px; 
	border: solid 1px #ccc;;
	-moz-box-shadow: 0 0 8px 6px #838383;
	-webkit-box-shadow: 0 0 8px 6px#838383;
	box-shadow: 0 0 8px 6px #838383;
	background-color:#fff;
	padding: 0px;
	overflow:hidden;
}

#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}

#simplemodal-container a {}
#simplemodal-container a.modalCloseImg {width:25px; height:29px; display:inline; z-index:3200; position:absolute; top: 5px; right: -5px; cursor:pointer; color: #ddd;}

#simplemodal-container .header {
	margin-top: 10px;
	height: 35px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#simplemodal-container .icon {
	background-size: 25px 25px;
	width: 25px;
	margin-top: 30px;
}

#simplemodal-container .msg {
	text-align: center;
	font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	height: 65px;
}

#simplemodal-container .contents{
	padding:40px;
}

#simplemodal-container .buttons {
	border-top: none;
	text-align: center;
	margin-bottom: 0px;
	position: absolute;
	bottom: 10px;
	width: 285px;
	padding: 0;
}

#simplemodal-container .left {
	float:left;
	width:270px;
}

#simplemodal-container input[type='text'], #simplemodal-container input[type='password'] { 
	float:left;
	width: 250px;
}

#simplemodal-container .item {
	display: table;
	font-size: 11px;
	font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	width:270px;
}

#simplemodal-container .mobileon {
	display:none;
}

#simplemodal-container .mobileoff {
	display:block;
}

#simplemodal-container .vline {
	border-right: 1px solid #dddddd;
	margin-left: 20px;
	margin-right: 30px;
	width: 1px;
	height: 250px;
}

#simplemodal-container .center {
	text-align: center;
}

#simplemodal-container .hline {
	border-bottom:1px solid #dddddd;
	margin-top:12px;
	margin-bottom:12px;
	width:250px;
	height:1px;
}

/*
#modalcontent .overdialog {
	margin-top: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}*/


/********** layout **********/
.wrapper-box{max-width:1040px; margin:0px auto; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); }
.wrapper-wide{max-width:100%; background:#F5F5F5; }
.wrapper-wide-transp{max-width:100%;}

.main-wrapper{max-width:1100px; margin:0px auto; padding:0 20px; background:#fff; }

#container{text-align:left; margin:0 auto;}
#column-left { float:left; width:220px; padding:15px 15px 0 0px; border-right:1px solid #eee; }
#column-right { float: right; width:220px; padding:0px 0px 0 15px; border-left:1px solid #eee; }
#content { min-height: 300px; }
#column-left + #column-right + #content, #column-left + #content { margin-left:250px; }
#column-right + #content { margin-right:250px; }



/********** headerbar **********/
#headerbar {
	background: #EEE;
}

#headerbar #htop{
	max-width: 1100px;
	margin: 0px auto;
	color: #bbb;
	background: none repeat scroll 0 0 #EEEEEE;
	position: relative;
	width: 100%;
}

#headerbar .iconb, #headerbar .iconb a{
	cursor: pointer;
	text-align: center;
	line-height: 2;
	padding: 4px 3px 0px 3px;
	color:#222;
	float: left;
}

#headerbar .localsettings {
	margin-left: 22px;
}

#headerbar .links {
	margin-right: 22px;
}



#headerbar .nolink{
	cursor:default;
}

#headerbar .iconb:hover, #headerbar .iconb a:hover{
	color:#03F;
}

#headerbar .nolink:hover{
	color:#222;
}

#headerbar .iconb i{
	font-size: 18px;
}

#headerbar .msgwelcome span, #headerbar .iconb span{
	font-size: 11px;
	vertical-align: super;
}

#headerbar .htop{ font-size:11px; }
#headerbar .htop:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#headerbar .left {float:left;}

/********** header **********/

#header .pnormal {position: relative; padding:0px;}

.fix { z-index: 501;
position: fixed;
top: -5px;
width: 1100px;
background-color: #fff;}

.fixmenu { z-index: 500;
position: fixed;
top: 85px;
width: 1100px;
background-color: #fff;
margin-bottom:10px;
}


#header:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#header .htop{border-bottom:1px solid #eee;}
#header .htop:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header .hsecond{position:relative; margin:0 auto; min-height:100px;}
#header #logo {float:left; margin: 16px 10px 0px 12px; }

#header #logo span {
	margin-left: 60px;
	font-weight: 600;
	font-size: 28px;
	vertical-align: -webkit-baseline-middle;
}

#header #logo span p { margin-left: 60px; font-weight: 100; }



/********** Country, Language & Currency **********/
#country, #language, #currency{float:left; margin:0 0px; cursor:default; color:#bbbbbb;  font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-transform:capitalize; position:relative; z-index:1015; line-height:30px; }
#country ul, #language ul, #currency ul{ display:none; position:absolute; top:30px; left:0; background:#fff; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); z-index:1013; padding:10px; }
#country ul li, #language ul li, #currency ul li{ display:block; width:120px; line-height:18px; padding:2px 0;}
#country ul li a, #language ul li a, #currency ul li a{display:block;}
#country ul li a b, #language ul li a b, #currency ul li a b{cursor:default; display:block;}
#country ul li a:hover, #language ul li a:hover, #currency ul li a:hover{color:#03F;}

#country span, #language span, #currency span{ position:relative; display:block;  padding:0 10px 0 10px; z-index:1014; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
#country span b, #language span b, #currency span b{background:url(../image/bullet-d.png) right center no-repeat; padding:0 12px 0 0px;}

#country:hover span, #language:hover span, #currency:hover span{ background:#fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#country:hover, #language:hover, #currency:hover{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.25);}
#language img {cursor: pointer; margin-right:3px; }
#country:hover, #currency:hover, #language:hover { color:#000;}
#currency a b{color: #000; text-decoration: none; }
#country a b{color: #000; text-decoration: none; }

/********** Top Links **********/

#headerbar .links span { font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; }
#headerbar .links { position: relative; float:right; line-height:30px; margin-right:0px; }
#headerbar .links a {display: inline-block; padding: 0px 0px 0px 10px; color: #222;  text-decoration: none; font-size:11px; position:relative; text-transform:uppercase;}
#headerbar .links a + a:before{display:inline-block; clear: both; height: 0; color:#bbbbbb; font-size:11px; padding-left:12px; position:absolute; left:-15px;}
#headerbar .links a:hover{color:#03F;}

#headerbar .settings { float:left; }

#header #search_minicart{
  background-color: #fff;
  position: absolute;
  top: 117px;
  right: -20px;
}

#header #search_minicart .triangle{
width: 0; 
  height: 0; 
  border-top: 37px solid #000; 
  border-right: 25px solid transparent;
  float: left;
}
  
#header #search_minicart #minicart{
	float:left;
	  padding: 6px;
  padding-right: 20px;
}


.rotate45 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rotate90 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/********** Site Map **********/

.grid3col {
	width: 100%;
	display: table;
	margin-bottom:20px;
}


.grid3col .column {
width: 32%;
margin-left: 2%;
}

.column.first {
margin-left: 0 !important;
}

.column.last {
margin-right: 0 !important;
}

.column.unique {
width: 100%;
}

.column {
float: left;
margin-top: 10px;
}

.grid3col ul {
list-style: none outside;
}
.grid3col ul li {
	padding: 8px;
	font-size: 12px;
}

.grid3col ul li a:hover {
	text-decoration:underline;
}


.grid3col ul li li {
	padding: 6px;
	font-size: 12px;
	margin-left: 5px;
}

.grid3col ul li li a:hover {
	text-decoration:underline;
}

h3.sitemap {
	margin-bottom: 0px;
	font-weight:bold;
}

/********** Mini Cart  ***********/
#header #cart { 
	/*line-height: 25px;
	position: absolute;
  right: -21px;
  top: 115px;
  padding-right: 20px;
  background-color: #fff;*/}
#header #cart .heading {padding:0 0px 0 0px; position: relative;}
#header #cart .heading h4 { background:#fff; float:left; margin:4px 0px 0 0; padding:0;  z-index:1012; position:relative; height:32px;}
#header #cart .heading a { text-decoration: none; font-size:14px; height:36px; color:#444; display:inline-block; background:#fff; z-index:1012; position:relative; padding:0 7px 0 2px;}
#header #cart .heading a span { background:url('../image/bullet-d.png') right 11px no-repeat; padding-right: 12px; display:inline-block; margin-top:5px; 
}
#header #cart .heading span { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:11px; height:34px; color:#444; display:inline-block; background:#fff; z-index:1012; position:relative; padding:0 7px 0 2px; margin-top: 5px;}

#header #cart .content { clear: both; display:none; position:absolute; padding:8px; min-height: 150px; z-index:1011; background: #FFF; width:350px; right:0; top:35px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);}
#header #cart.active .heading{  box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); }
#header #cart.active .content { display: block; }
.mini-cart-info table { line-height: 20px; border-collapse: collapse; width: 100%; margin-bottom: 3px; }
.mini-cart-info td { color: #000; vertical-align: top; padding: 8px 2px; border-bottom: 1px solid #EEEEEE; }

#header #cart .icon-bag {
	width: 25px;
	height: 25px;
	float: left;
	background-size: 25px 25px;
}

.mini-cart-info table td.name {width: 140px; }

.mini-cart-info .image { width: 1px; }
.mini-cart-info .image img { text-align: left; }
#header #cart .mini-cart-info .name small { font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif; text-size:10px; color: #666; }
#header #cart .mini-cart-info p { line-height: 20px; margin-bottom: 0px; font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;text-align: left;}

#header #cart .mini-cart-info p img { border: 1px solid #dddddd; }

#header #cart .mini-cart-info .quantity { font-family: Verdana, Arial, Helvetica, sans-serif; text-size:10px; text-align: right; }
#header #cart .mini-cart-info td.total { font-family: Verdana, Arial, Helvetica, sans-serif; text-size:10px; text-align: right; }
.mini-cart-info .remove { text-align: right; }
.mini-cart-info .remove img { cursor: pointer; }
#header #cart .mini-cart-more {  font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
text-size: 10px; text-align: left; font-size: 11px; margin-left: 10px; }
#header #cart .mini-cart-total {  font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; text-size:11px; text-align: right; }
.mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; }
.mini-cart-total td { color: #000; padding:2px; }
#header #cart .checkout {text-align: right; clear: both; line-height:normal; margin:0;}
#header #cart .empty { padding-top: 50px; text-align: center; }

/********** Search Bar **********/
#header #search { float:left; padding: 6px; margin-right: 30px;/*position:absolute; top:83px; right:205px*/ ;}
#header .button-search {   background: url('/shop_2/image/button-search.png') center center no-repeat;
  height: 25px;
  cursor: pointer;
  float: right;
  min-width: 10px;}
#header #search input {background:#FFF; padding:0 10px; width:150px; height:25px; line-height:25px; font-size:11px; color:#333; outline:none;}

#header .info { float: right; }
#header .info .column {   padding-top: 8px; color: #FFF; font-size: 11px; margin-top: 0px; margin-right: 35px;   letter-spacing: 0.2px; }
#header .info .column.last { margin-right: 0px; }
#header .info .column p { color: #0021CC;}

#header .info .column .icon {
	color: #D00418;font-size: 18px; vertical-align: sub; margin-right: 2px;
}

#header .info .column a {
    cursor: pointer;
    color: #fff;
}

#header .info .column a:hover {
    color: #CCC;
}



/********* Banners ************/
.slMain {
    position: relative;
}

.slLinkContainer {
    position: absolute;
}


/********** Menu **********/
#topmenu {margin-top:14px;}

#menu > span, .m-menu{display:none;}
#menu { height:40px; padding:0px 0px 0px 0px;
		/*background: #EBEBEB;
		background: -moz-linear-gradient(center top , #fff, #e1e1e1);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e1e1e1));
		-webkit-box-shadow: 0 1px 0 #FFF inset;
		-moz-box-shadow: 0 1px 0 #FFF inset;*/
		box-shadow: 0 1px 0 #FFF inset;
		box-shadow: 0px -1px 0px 0px #666 inset;
}

#menu > ul > li.home { margin:0 0 0 0px; }
#menu > ul > li.home a { display:block; height:35px!important; line-height:35px!important; padding:5px 5px 0 5px!important; }
#menu > ul > li.home a span { background:url(../image/home-icon.png) center center no-repeat; display:block; width:30px; height:30px; text-indent:-9999px;}


#menu ul { list-style: none; margin: 0; padding:0 0 0 2px;}
#menu > ul > li { position: relative; float: left; z-index:1010; padding:0px; }
#menu > ul > li > a { font-size:13.1px; color: #FFFFFF; line-height:40px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 1009; position: relative; text-transform:uppercase; letter-spacing: 0.4px;}
#menu > ul > li:hover > a {color:#fff; background:#363636; }
#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #363636; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu > ul > li:hover > div.custom_block{display:table;}
#menu > ul > li:hover > div.custom_block ul{display:table-cell;}

#menu > ul > li:hover > div { display: table;}
#menu > ul > li > div > ul { display: table-cell; vertical-align: top; }



#menu > ul > li.catdouble > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px 10px 0px 10px; border-top:2px solid #363636; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu > ul > li.catdouble > div > .column {position:relative; display:inline-block; margin:0 15px 15px 0px;}
#menu > ul > li.catdouble > div > .column + .column, #menu > ul > li > div > ul li + li{}
#menu > ul > li.catdouble > div > .column > a{font-weight:bold; font-size: 12px;
color: #000; border-bottom:1px solid #ddd; margin-bottom:5px;}
#menu > ul > li.catdouble > div > .column a, #menu > ul > li > div > ul li a{padding:4px 0; display:block; text-transform:uppercase;}
#menu > ul > li.catdouble > div > .column .head {font-weight: bold;color: #999; letter-spacing: 0.4px;}
#menu > ul > li.catdouble > div > .column:hover > a{color:#363636;}
#menu > ul > li.catdouble > div > .column > div{display:block;}
#menu > ul > li.catdouble > div > .column:hover div{display:table; }
#menu > ul > li.catdouble > div > .column > div ul{display:table; padding:0;float:left;}
#menu > ul > li.catdouble > div > .column > div ul li + li{}
#menu > ul > li.catdouble > div > .simple { width:150px; }
#menu > ul > li.catdouble > div > .double { width:300px; }

#menu > ul > li ul + ul { padding-left: 20px; }
#menu > ul > li ul > li > a {text-decoration:none; color:#222; font-size:11px; padding:3px; display:block; min-width: 150px; letter-spacing: 0.4px;}


#menu > ul > li ul > li > a:hover {color:#363636; text-decoration:underline;}

#menu > ul > li div > ul > li > a {color:#222; }
#menu > ul > li div > ul > li > a:hover {color:#363636; text-decoration:underline;}

#menu > ul > li ul > li > a.head{ font-weight: bold;color: #999; }

/*#menu > ul > li:hover > div {display: block;}*/
#menu > ul > li > div > ul {position:relative; width:160px;}
#menu > ul > li > div > ul li a {font-size:11px; text-transform:uppercase;}

#menu > ul > li > div > ul li.head a { font-weight: bold; }

/*
#areas {
	width: 1088px;
	margin: 0 auto;
	padding: 20px 0;
}

#areas .col3 {
	width:354px;
	margin-right:10px;
	float:left;
	border:1px solid #fff;
	cursor: pointer;
}


#areas .last {
	margin:0px;
}


#areas .col3:hover {
	border:1px solid #000;
}*/



.custom_block p{line-height:18px; margin:0;}

.breadcrumb { color: #c2c2c2; margin-bottom: 8px; font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif; margin-left: 20px; margin-top: 10px; float: left; line-height: 2.2; text-transform: uppercase; font-size:10px;}
.breadcrumb .item {float:left;color: #c2c2c2;}
.breadcrumb .item a { color:#222; }
.breadcrumb .item a span { color:#222; }
.breadcrumb .item a, a:visited, a b {color: #222;}
.breadcrumb .item a:hover { color:#363636; text-decoration:underline; }

.breadcrumb .last {float:left;color: #c2c2c2;}
.breadcrumb .last a { color:#999; }
.breadcrumb .last a span { color:#999; }
.breadcrumb .last a, a:visited, a b {color: #999;}
.breadcrumb .last a:hover { color:#363636; text-decoration:underline; }


.breadcrumb a { color:#222; }
.breadcrumb a, a:visited, a b {
	color: #222;
	}
.breadcrumb a:hover { color:#363636; text-decoration:underline; }
.breadcrumb span { color:#999;}

.success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color:#555555; }
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; }
.warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; }
.attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; }
.success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; }
.warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; }
.attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; }
.success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; }
.required { color: #FF0000; font-weight: bold; }
.error { display: block; color: #FF0000; }
.help { font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif; display: block; }
table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
table.form tr td:first-child { width: 150px; }
table.form > * > * > td { color: #333; }
table.form td { padding:8px 4px; }
input.large-field, select.large-field { width: 300px; }
table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
table.list thead td { background-color: #EFEFEF; padding: 0px 5px; }
table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; }
table.list tbody td { vertical-align: top; padding: 0px 5px; }
table.list .left { text-align: left; padding: 7px; }
table.list .right { text-align: right; padding: 7px; }
table.list .center { text-align: center; padding: 7px; }
table.radio { width: 100%; border-collapse: collapse; }
table.radio td { padding: 5px; vertical-align: top; }
table.radio td label { display: block; }
table.radio tr td:first-child { width: 1px; }
table.radio tr td:first-child input { margin-top: 1px; }
table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; }

/*********** Pagination ***********/
.pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; }
.pagination .links { float: left; }
.pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #777; }
.pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #363636; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #363636; }
.pagination .links a:hover { color:#363636; border: 1px solid #ccc; }
.pagination .results { float: right; padding-top: 3px; }

/*********** button ***********/


a.button, input.button { cursor: pointer; color:#fff; font-size: 13px; font-weight: bold; background:#363636; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);}
a.button { display: inline-block; text-decoration: none; padding:7px 12px; }

input.button { margin:0; padding:7px 12px; }
a.button:hover, input.button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; }

.htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom: 1px solid #ddd; }
.htabs a {
	padding: 7px 10px 6px 10px;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #222;
	margin-right: 2px;
	opacity: 0.7;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.htabs a.selected { 
	opacity: 1;
	padding-bottom: 7px;
	background: #000;
	color: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.tab-content{padding: 10px; margin-bottom: 0px; z-index: 2;}
.tab-content ul { margin-left:20px; }

.product-tab{margin-bottom:20px;}
.product-tab .tabs{height:30px; line-height: 16px; padding-left:10px; border-bottom: 1px solid #ddd; margin-bottom:20px;}
.product-tab .tabs li{float:left; list-style-type:none;}
.product-tab .tabs li a{padding:7px 10px 6px 10px; float:left; font-size:14px; text-transform:uppercase; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.product-tab .tabs li.active a{opacity:1; padding-bottom: 7px; background: #000000; color:#fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.product-tab .deactive{display:none;}
.addthis_default_style > a{padding:0}

/*********** box ***********/
.box { margin-bottom: 20px; }
.box .box-heading, .welcome{text-transform:uppercase; padding:0px 0px 0px 0px; margin-bottom:20px; height:30px; line-height:30px; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.box .box-content { padding:0px; }

/*********** box products ***********/
.box-product { width: 100%; }
.box-product > .flexslider ul li{vertical-align: top; background:#fff; text-align:center; width:220px !important;}
.box-product > .flexslider ul li .slide-inner{padding:10px; position: relative; text-align: center;}
.box-product > .flexslider ul li .slide-inner:hover{}
.box-product .image { display: block; margin-bottom:5px;}

.box-product .ref {
	float: left;
    text-transform: uppercase;
    color: #BDBDBD;
    font-size: 10px;
    line-height: 1;
}

.box-product .image a { display:block; }
.box-product .image img { padding:0px; }


.box-product .name a {
	text-transform: uppercase;
	font-size: 12px;
	color: #666666;
	font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px;
	}
.box-product .name a:hover {text-decoration:underline;}

.box-product .price { display: block; font-weight: bold; margin:5px 0 10px 0; padding:0 8px; color:#363636; font-size:13px;}
.box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;}
.box-product .price-new { font-weight: bold; }
.box-product .rating { display: block; margin-top: 5px; }


.box-product > .flexslider ul li .cart input, .box-product > .flexslider ul li .cart a{padding:2px 3px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif;}
.box-product > .flexslider ul li .rating img{ width:auto; display:inline;}

.box-product > .flexslider.style1 ul li .name a{margin:0 0 10px 0;}
.box-product > .flexslider.style1 ul li .name{text-align:left}
.box-product > .flexslider.style1 ul li .price{float:left; width:95px; padding:0; margin:0; text-align:left;}
.box-product > .flexslider.style1 ul li .rating{float:left;}
.box-product > .flexslider.style1 ul li .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;}
.box-product > .flexslider.style1 ul li:hover .rating{display:block;}

.box-product > .flexslider.style1 ul li .cart{float:right; }
.box-product > .flexslider.style1 ul li .cart input, .box-product > .flexslider.style1 ul li .cart a{font-size:11px; text-indent:-9999px; background:#363636 url(../image/cart-icon.png) center center no-repeat; width:35px; height:35px; border-radius:50%;}
.box-product > .flexslider.style1 ul li .cart input:hover, .box-product > .flexslider.style1 ul li .cart a:hover{background-color:#444; border-radius:50% 0%; }
.box-product > .flexslider.style1 ul li .slide-inner{background:#f3f3f4; padding:5px; margin:0 5px; border:0px none;}
.box-product > .flexslider.style1 ul li .slide-inner:hover{border:0px none; box-shadow:0px 0px 10px  rgba(0, 0, 0, 0.1) inset;}



/********** Comented for Right Part Start*******/
.box-product > .flexslider ul li{display:block;}
.box-product > .flexslider ul li .slide-inner{padding:5px; }
#column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:220px;}
#column-left .box-product .image, #column-right .box-product .image { float:left; margin-right:5px; margin-bottom:0px; }
#column-left .box-product .name, #column-right .box-product .name { margin-bottom:2px; text-align:left; }
#column-left .box-product .name a, #column-right .box-product .name a { padding:0 0 0 0px; width:auto; font-size:12px;}
#column-left .box-product .price, #column-right .box-product .price { float:left; padding:0 10px 0 0; margin:0px 0 2px 0; font-size:12px;}
#column-left .box-product .rating, #column-right .box-product .rating { float:left; margin-top:0px; }
/********** Comented for Right Part End*******/



/*********** Category boxes ***********/
.box-category ul, .list-item { list-style: none; margin: 0; padding: 0; }

.box-category > ul > li, .list-item > li {display: block; position: relative; }
.box-category .down { top: 6px; right: 0; position: absolute; cursor: pointer; width:16px; height:16px; padding: 2p; background: transparent url(../image/plus.png) 0px 0px no-repeat; opacity: 0.6; -moz-opacity: 0.6; }
.box-category .down:hover { opacity: 1; -moz-opacity: 1;}
.box-category ul li a, .list-item li a {padding:5px 0px 5px 12px; color:#222; display: block; background: transparent url(../image/bullet-dark.png) 0px 11px no-repeat;text-transform: uppercase;}
.list-item li span {padding:5px 0px 5px 12px; color:#222; display: block; background: transparent url(../image/bullet-dark.png) 0px 11px no-repeat; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase;}
.box-category ul li.double a { display: inline-block; margin: 0; }
.box-category ul li { position: relative; }
.box-category > ul > li a.active + .down { background-position: 0px -16px; }
.box-category > ul > li > a { color: #333; text-transform: uppercase; }
.box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;}
.box-category > ul > li a.active { font-weight: bold; }
.box-category > ul > li > a.active { margin-bottom:5px; }
.box-category > ul > li a.active + ul { display: block; }
.box-category a:hover, .list-item a:hover {text-decoration:underline; }

.box-category > ul > li ul li a:hover, .list-item a:hover, .box-category > ul > li > ul > li a.active { }

.box-category > ul > li ul li { border-top: 1px solid #eee; }
.box-category > ul > li ul li a { margin-right: 16px; }
.box-category > ul > li ul li a:hover, .list-item a:hover {/* margin-right: 16px;*/}
.box-category > ul > li ul > li > a { text-decoration: none; }
.submenu{display:nne;}

/*********** Filter ***********/
.box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444;}
.box-filter > li > ul{margin-bottom:15px;}
.box-filter > li > ul li {margin-bottom:5px;}
.box-filter > li > ul li label{margin-left:5px;}
#button-filter{font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase;}


/*********** content ***********/
#content .content { padding: 10px; overflow: auto; margin-bottom: 20px; }
#content .content .left { float: left; width: 49%; }
#content .content .right { float: right; width: 49%; }

/*********** category ************/
.category-info { overflow: auto; margin-bottom: 20px; }
.category-info .image { float: left; padding:0px; margin-right: 15px; }
.category-list { overflow: auto; margin-bottom: 20px; }
.category-list ul { float: left; width:23%; margin-right:12px;}

/*********** manufacturer ***********/
.manufacturer-list { overflow: auto; margin-bottom: 20px; }
.manufacturer-heading { background: #f8f8f8; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 15px; font-weight: bold; padding: 5px 8px; margin-bottom: 6px; }
.manufacturer-content { padding: 8px; }
.manufacturer-list ul { float: left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; }

/*********** product ***********/
#cloud-zoom-big{background:#fff;}
.product-filter { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background:#F9F9F9; padding:6px 5px; overflow: auto; line-height:27px; }
.product-filter .display { margin-right: 15px; float: left; color: #333; }
.product-filter .display a { font-weight: bold; }
.product-filter .sort { float: right; color: #333; }
.product-filter .limit { margin-left: 15px; float: right; color: #333; }
.product-filter select{padding:2px 2px;}
.product-compare { padding-top: 6px; margin-bottom: 25px; font-weight: bold; }
.product-compare a { text-decoration: none; font-weight:normal;}

/*********** Product List ***********/
.product-list > div {overflow: auto; border:1px solid #fff; padding:10px;}
.product-list > div:hover{border:1px solid #ddd;}
.product-list .right { float: right; margin-left: 15px; }
.product-list .left .cart  .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:left; }

.product-list > div + div { border-top: 1px solid #ddd; }
.product-list > div:hover + div{border-top: 1px solid #fff;}
.product-list .image { float: left; margin-right: 10px; }
.product-list .name { margin-bottom:8px; }
.product-list .name a { color: #555; font-weight: bold; text-decoration: none; font-size:13px; }
.product-list .name a:hover { color:#363636; }
.product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; }
.product-list .rating { color: #7B7B7B; margin-bottom:5px;}
.product-list .price {font-size:14px; font-weight: bold; color:#363636; margin-bottom:5px;}
.product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; }
.product-list .price-tax { font-size: 12px; font-weight: normal; color: #BBBBBB; }
.product-list .cart input {padding:2px 3px; font-size:10px; height:auto; line-height:normal; text-transform:uppercase;}
.product-list .wishlist, .product-list .compare {margin-left:10px;}
.product-list .wishlist a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;}
.product-list .compare a {color: #333333; text-decoration:none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;}
a.wishlist:hover { color:#363636; }

/*********** Grid-List Icon ***********/
.product-filter .display b { float:left; margin-right:10px;}
.grid-icon{background:url(../image/list-icon.png) left top no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.list-icon{background:url(../image/list-icon.png) left -45px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.grid1-icon { background: url(../image/list-icon.png) left -23px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.list1-icon { background: url(../image/list-icon.png) left -68px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px; }



/**************************************/
.review-list { padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; }
.review-list .author { float: left; margin-bottom: 20px; }
.review-list .rating { float: right; margin-bottom: 20px; }
.review-list .text { clear: both; }
.attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
.attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; }
.attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; }
.attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; margin-bottom: 20px; }
.compare-info thead td, .compare-info thead tr td:first-child { color: #333; font-size: 14px; font-weight: normal; text-transform:uppercase; background: #F7F7F7; text-align: left; }
.compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; }
.compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top;  border-bottom: 1px solid #DDDDDD; }
.compare-info td + td{border-left: 1px solid #DDDDDD;}
.compare-info thead td{padding:10px 7px;}
.compare-info .name a { font-weight: bold; }
.compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; font-weight:normal; }
.compare-info .price-new { font-weight: normal; }


.qty strong{margin-right:10px;}
.qty a{ background: url("../image/plus.png") no-repeat left top; display: inline-block; height: 16px; width: 16px; overflow: hidden; position: relative; text-indent: -9999px;  border:1px solid #fefefe; top:4px;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.qty a.mines{background-position:left bottom;}
.qty a:hover{ border:1px solid #ccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/*********** Login ***********/
.login-content { margin-bottom: 20px; overflow: auto; }
.login-content .left { float: left; width: 48%; }
.login-content .right { float: right; width: 48% }
.login-content .right b{margin-bottom:3px; display:inline-block;}
.login-content .right a{margin-top:12px; display:inline-block}
.login-content .left .content, .login-content .right .content { min-height: 190px; }



/************** Collections Catalog ************/
#pdfcollection {
	margin: 30px 10px 40px 10px;
}

#pdfcollection .single {
	float:left;
}


/************** Accordion ************/
.accordion-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding:10px 8px; font-weight: bold; cursor:pointer; font-size: 13px; color: #555555; margin-bottom: 15px; }
.accordion-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; line-height:18px; }


/*********** checkout ***********/
.checkout{margin-bottom:20px;}
.checkout-heading {border-bottom: 1px solid #DBDEE1; padding:15px 0; font-weight: normal; font-size: 16px; color: #333; text-transform:uppercase;}
.checkout-heading{}
.checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; }
.checkout-content { padding: 0px 0px 15px 0px; margin-top:20px; display: none; overflow: auto; }
.checkout-content .left { float: left; width: 48%; }
.checkout-content .right { float: right; width: 48%; }
.checkout-content .buttons { clear: both; }
.checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;}
.checkout-product td { padding: 7px; }
.checkout-product thead td {padding:10px 7px; color: #000; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
.checkout-product thead .name, .checkout-product thead .model { text-align: left; }
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; }
.checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; }
.checkout-product tbody .name, .checkout-product tbody .model { text-align: left; }
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; }
.checkout-product tfoot td { text-align: right; border-right: 1px solid #DDDDDD; }
.contact-info { overflow: auto; }
.contact-info .left { float: left; width: 48%; }
.contact-info .right { float: left; width: 48%; }
.sitemap-info { overflow: auto; margin-bottom: 40px; }
.sitemap-info .left { float: left; width: 48%; }
.sitemap-info .right { float: left; width: 48%; }

/************** Back To Top *************/
.back-to-top{display:none;}
.back-to-top a{ position:fixed; bottom:20px; right:20px; background:rgba(250, 250, 250, 0.5)url(../image/back-to-top.png) left top no-repeat; width:35px; height:35px;text-indent:-9999px; display:block;}
.back-to-top a:hover { background:#363636 url(../image/back-to-top.png) left -35px no-repeat; }

/************************* Footer ***********************/
#footer .part3{width:33%; /*width:320px; float:left;*/}
#footer .part3 + .part3{padding: 0;float: left;width: 33%;}

#footer .social-part{padding:0px 0px 30px 0; margin:0;}
#footer .social-part:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


/******* Facebook ********/
/*#footer #facebook{ position:relative; height:240px; overflow:hidden;}*/
#footer #facebook .line {background:#222; display: block; height: 6px; position: absolute; top:103px; width: 100%; z-index: 1;}



/******** Twitter *******/
#footer #twitter_footer{padding:0px;}
#footer #twitter_update_list.twitt_icon li{background:url(../image/twitt_feeds-icon.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon1 li{background:url(../image/twitt_feeds-icon1.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon2 li{background:url(../image/twitt_feeds-icon2.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon3 li{background:url(../image/twitt_feeds-icon3.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon4 li{background:url(../image/twitt_feeds-icon4.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon5 li{background:url(../image/twitt_feeds-icon5.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon6 li{background:url(../image/twitt_feeds-icon6.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon7 li{background:url(../image/twitt_feeds-icon7.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon8 li{background:url(../image/twitt_feeds-icon8.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon9 li{background:url(../image/twitt_feeds-icon9.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon10 li{background:url(../image/twitt_feeds-icon10.png) left 2px no-repeat;}
#footer #twitter_update_list.twitt_icon11 li{background:url(../image/twitt_feeds-icon11.png) left 2px no-repeat;}

#footer #twitter_footer li {
	font-family: 'Ubuntu',Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer #twitter_update_list li {padding:0 0 8px 35px; }
#footer #twitter_update_list {padding: 0 !important; list-style: none !important; margin-top:0 !important; line-height:17px; }
#footer #twitter_footer li:last-child { border: none !important; }
#footer #twitter_footer li:first-child { padding-top:0 !important; }
#footer #twitter_footer li span { display: block; color:#999999; }
#footer #twitter_footer li a { font-style:normal; color:#555555;}
#footer #twitter_footer li a:hover{ color:#ffffff;}

#footer a.twitter-timeline {
	font-size:12px;
}

/******** Footer Links *******/
#footer { clear: both;
overflow: auto;
}

#footer .row-social{ 
	border-top: 1px solid #DDD;
	background: #EEE;
}

#footer .row-contents{ 
	border-top: 1px solid #DDD;
	background: #EEE;
}

#footer .row-end{ 
	border-top: 1px solid #DDD;
	background: #EEE;
}

#footer .fpart-inner{max-width:1100px; margin:0 auto; padding:20px 20px 0 20px;}
#footer a{color: #222;text-transform: uppercase;}
#footer a:hover{color:#03F;}

#footer h3{color: #040404; font-size:14px;  margin:0px 0 10px 0; padding:0px 0px 7px 0px; border-bottom: none; text-transform:uppercase; font-weight:normal;}
#footer .column { float: left; position: relative; width: 32%;  margin-left: 20px; }
#footer .column + .column { margin-left:13px; }
#footer .column ul {width:170px; padding:0px; }
#footer .column ul li { list-style-type:none; }

#footer .column a { text-decoration: none; display:block; padding: 2px 0px; line-height:18px; font-size:11px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .custom_column p{line-height:18px; margin:0;}

/******** Contact Details *******/
#footer .contact{margin-left:13px; margin-top: 10px; float:left;}
#footer .contact ul{ /*width:260px;*/}
#footer .contact ul li{ list-style-type: none;line-height: 18px;margin-bottom: 7px;text-transform: uppercase;}
#footer .contact_icon ul li{background:url(../image/contact-icon.png) left top no-repeat;}
#footer .contact_icon1 ul li{background:url(../image/contact-icon-1.png) left top no-repeat;}
#footer .contact_icon2 ul li{background:url(../image/contact-icon-2.png) left top no-repeat;}
#footer .contact_icon3 ul li{background:url(../image/contact-icon-3.png) left top no-repeat;}
#footer .contact_icon4 ul li{background:url(../image/contact-icon-4.png) left top no-repeat;}
#footer .contact_icon5 ul li{background:url(../image/contact-icon-5.png) left top no-repeat;}
#footer .contact_icon6 ul li{background:url(../image/contact-icon-6.png) left top no-repeat;}
#footer .contact_icon7 ul li{background:url(../image/contact-icon-7.png) left top no-repeat;}
#footer .contact_icon8 ul li{background:url(../image/contact-icon-8.png) left top no-repeat;}
#footer .contact_icon9 ul li{background:url(../image/contact-icon-9.png) left top no-repeat;}
#footer .contact_icon10 ul li{background:url(../image/contact-icon-10.png) left top no-repeat;}

#footer .contact ul li.logo{background:none;}
#footer .contact ul li.address{background-position:0px 7px;}


#footer .contact ul li.mobile{background-position:0px -48px; line-height:25px;}
#footer .contact ul li.email{background-position:0px -99px; line-height:28px;}
#footer .contact ul li.fax{background-position:0px -153px; line-height:25px;}
#footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/******** Payments Types *******/
#footer .payments_types{float:left; padding:8px 0 0 0;}
#footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .payments_types img:hover{}
#footer .payment { float:left; padding-right: 4px;}

/******** Social Icon *******/
#footer .social { float:right; margin:0; text-align:right; padding:8px 0 0 0;}
#footer .social a { display:inline-block; margin:0px 0 0px 5px;}
#footer .social a img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .social a img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


#footer .fpart-inner-center {
	max-width: 1100px;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
}
/******** Powered *******/
#footer #powered {}
#footer #powered a { font-size:11px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#footer #powered_text .copyright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*#footer.style-2 .powered_text{text-align:right;}*/

#footer .powered_text{text-align:center;}
#footer .powered_text p.copyright{float: right;margin-top: 10px;}

#footer .powered_text p{line-height:18px; margin:0;}

#footer .box2{width:490px; float:left;}
#footer .box2 + .box2{margin-left:20px;}

#footer .box5{width:235px; float:left;}
#footer .box5 + .box5{margin-left:15px;}


#footer .box3{width:300px; float:left;}
#footer .box3 + .box3{margin-left:20px;}
#footer .box3_1{width:380px; float:left;}


/*********** banner ***********/
.banner div { text-align: center; width:100%; }
.banner div img { margin-bottom: 20px; }

/*********** Extra ***********/
.w30{width:30px!important; text-align:center;}


.breaker{
	clear: both;
	padding: 20px;
}




@media only screen and (min-width:801px) {
#menu > ul, #footer ul { display: block!important;}

}

@media screen and (max-width:1060px) {
	
.wrapper-box{width:auto; margin:10px; }
.box-product > div, .product-grid > div{margin-right:2px;}
.main-wrapper{margin: 0px 0px 0 0px; padding:0 10px;}

#header #search{float: left;}

#header .pnormal {position: relative; padding:0px;}


body {-webkit-text-size-adjust: auto; }

.main-wrapper { padding:0; }


#header { min-height:auto; text-align:center; margin:0 auto; padding:0px;}

#header.style3 #logo, #header #logo{float:none; margin:0px 0 0 0;padding: 10px 0px;}
#header.style3 .hsecond{min-height:auto;}
#header.style3 #country, #header.style3 #language, #header.style3 #currency{top:0; position:relative;}
#header.style3 .htop{display:block; float:none;}
#header.style3 #language{right:auto;}
#header.style3 #country ul, #header.style3 #language ul, #header.style3 #currency ul{left:0; right:auto;}
#header.style3 #country ul li, #header.style3 #language ul li, #header.style3 #currency ul li, #header #country ul li, #header #language ul li, #header #currency ul li{text-align:left;}



/*#headerbar .links, #header #search_minicart { margin-right: 0px;right: 0px;}*/

#headerbar { min-height:auto; text-align:center; margin:0 auto; padding:0px;}

#headerbar.style3 #htop{min-height:auto;}
#headerbar.style3 #country, #headerbar.style3 #language, #headerbar.style3 #currency{top:0; position:relative;}
#headerbar.style3 .htop{display:block; float:none;}
#headerbar.style3 #language{right:auto;}
#headerbar.style3 #country ul, #header.style3 #language ul, #header.style3 #currency ul{left:0; right:auto;}
#headerbar.style3 #country ul li, #headerbar.style3 #language ul li, #headerbar.style3 #currency ul li, #headerbar #country ul li, #headerbar #language ul li, #headerbar #currency ul li{text-align:left;}


/*#header.style3 #search{top:auto; display:inline-block}
#header.style3 #cart{top:auto; float:left; position:relative;}
#header.style3 #cart .content, #header #cart .content{left:0;}*/









#header #search{margin-right: 0px;float: none;}
#header #search input{width: 80%!important;	float:none;}

#header #cart {float:none; margin-top:10px;display: inline-block;}
#header #cart .content { width:100%; top: initial;}

/* #header #cart .content{left:-95px;}*/
/*#headerbar .localsettings{width: 100%;padding: 5px 0 0 0;}*/
/*#headerbar .links{display: inline-block;float: none;margin-right: 0px;}*/

#header .info {
	display: inline-block;
	float: none;
}

#header #search_minicart {
    position: initial;
}

#header #search_minicart #minicart {
	float: none;
    padding: 0;
}

#header #search_minicart .triangle {
	display:none;
}





/*#header #search{position:relative; right:auto; float:right; top:auto;}*/
#header #cart{/*position:relative; top:auto; display:inline-block; float:left;*/}

/*#headerbar .links{display:inline-block; float:none;}*/
#headerbar .htop{border-bottom:none;}
#country, #language, #currency{float:none; display:inline-block;}


#header.style2 #logo{width:auto; margin:0;}
#header.style2 .htop{margin-bottom:0;}
#header.style3 .links{padding-right:0px;}

#footer, #header{ width:auto!important; }
#container{width:none!important;}

.home, .banner, .back-to-top a, #column-right, #column-left{ display:none!important; }
#header #welcome{width:100%; float:none;}
h1, .welcome { text-align:center }
.login-content .left, .login-content .right, .checkout-content .left, .checkout-content .right { width:auto!important; float:none; }
.login-content .left .content, .login-content .right .content{min-height:inherit }
input[type="text"], input[type="password"], textarea { width:95%; }

.breadcrumb a {font-size:11px; margin-bottom:10px; display:inline-block }

.m-menu{display:block;}
#menu {padding:0; height:auto; text-align:center;margin-top:-14px;}
#menu ul{padding:0;}
#menu > span {text-transform:uppercase; font-size:16px; padding:0px 15px 0px 8px; height:45px; line-height:45px; text-align:center; margin:0; cursor: pointer; display:inline-block; color:#bbbbb; background:url(../image/mplus.png) no-repeat right 17px;}
#menu > ul > li { float:none; padding:0px; display:none;}
#menu > ul > li.categories{display:block;}
#menu > ul > li.categories > a{display:none;}
#menu > ul > li.categories > div > .column > a{color:#333!important; }
#menu > ul > li.categories > div{display:block; position:relative;}

#menu > ul > li.categories > div > .column > div{display:none; position:relative; left:auto;}
#menu > ul > li.categories > div > .column:hover div{display:table; }
#menu > ul > li.categories > div > .column:hover > div ul{display:table-cell; }
#menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;}

#menu > ul { display:none; text-align:left; background:#fff!important; position:relative; z-index:9;}
#menu > ul > li > div{display:block;}
#menu > ul > li.categories > div > .column > a{font-weight:bold;}
#menu > ul > li.categories > div > .column > div{display: none; box-shadow:none; border:none; padding:0; margin-left:20px;}
#menu > ul > li.categories > div > .column:hover div{display: none;}
span.more{color: #c2c2c2; display: block; font-weight: bold;  position: absolute; right: 0; top:0px; width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; cursor:pointer; background:url(../image/mplus.png) no-repeat left -50px;}
span.more.plus{background-position:0 -80px;}


#simplemodal-container .contents{
	padding:20px;
}

.buttons .left , .buttons .right, .buttons .center{ float: none; text-align: center; margin:10px 0;}

#footer {padding:0!important;}
#footer .fpart-inner{padding:10px 10px 0}
#footer .column { float:none; width:auto; margin:0!important; display:inline; }
#footer h3{ cursor:pointer; display:block; text-align:center; padding:10px 0; margin-bottom:0px; border-top:1px dotted #444444;  border-bottom:none; height:32px; line-height:32px;}
#footer .custom_column h3{border:none;}
#footer h3 + h3{border-top:1px dotted #444444;}
#footer h3.active{color: #333;}
#footer .column a { font-size:10px; padding:3px 0; line-height:25px; height:25px; background:none;}
#footer .column:hover ul { display:none; }
#footer .column ul {display:none; position:relative; bottom:0px; width:auto; padding:10px 0;}
#footer .column ul li { text-align:center; }
#footer .info { width:auto; display:inline; float:none; }
#footer .info h3 { padding:5px 0; }
#footer .about-text { display:none; text-align:center; padding:0 10px; }
#footer-top-outside { display:none; }
#footer .contact{float:none; margin:0;}
#footer .contact ul{width:auto; display:none; padding:10px 0;}
#footer .contact ul li.address{background-position:0px 0px;}

#footer .contact ul li{ list-style-type: none;line-height: 18px;margin-bottom: 7px;text-align: center;}
#footer .contact ul li.roundbtn {  padding: 8px;}
#footer .contact ul li.roundbtn a {
background-color: darkgray;
  color: #fff;
  padding: 8px;
  border-radius: 18px;
}

#footer #powered{margin-top:0px;}

#footer .payments_types{float:none; padding:0 0 10px 0;margin-bottom: 30px;}
#footer .part3{width:100%; float:none;clear: both;}
#footer .part3 + .part3{margin:0;}

#footer .part3 + .part3{padding: 0;width: 100%;}

#footer .social{float:none; text-align:center; padding:12px 0 0;}

.social_wrap { display:none!important; }
#powered { width:100%; line-height:normal; padding-top:10px; height:auto!important;}
#powered .fl { float:none; }
.payments_types{float:none; margin:10px 0 0px 0;}
.payments_types img{margin-bottom:10px;}

#footer .box5, #footer .box2{float:none; width:auto;}
#footer .box5 + .box5, #footer .box2 + .box2{margin:0;}


#footer .fpart-inner-center {margin:0 auto; padding:10px 10px 0; display: table;}
#footer .fpart-inner-center .column {text-align: center; display: inline-block;}
#footer .fpart-inner-center .column a {float: left;padding: 10px;}

#footer .column .icon {color: #D00418;font-size: 18px;vertical-align: sub;margin-right: 2px;}

#footer.style-2 .fpart_column ul li{float:none; display:inline-block;}
#footer.style-2 .powered_text{text-align:center; margin-top:10px;}
#footer.style-2 .contact h3{display:block;}
#footer.style-2 .contact, #footer.style-3 .contact{float:none; margin:0; border:none;}
#footer.style-2 .contact ul, #footer.style-3 .contact ul{display:none; padding:15px 0;}
#footer.style-2 .contact ul li, #footer.style-3 .contact ul li{display:block; width:auto; margin:0; line-height:34px;}
#footer.style-2 .payments_types{padding:0;}
#footer.style-2 #powered{padding:10px 0;}
#footer.style-2 .custom-column-content{padding:0 0 15px 0;}


#footer .powered_text h1 {
	    text-align: center;
}

#footer .powered_text p.copyright { width:100%; }

/*#twitter_footer, #facebook{display:none;}*/
#social_footer_col1, #twitter_footer {display:none;}

#footer .box3_1{float:none; width:auto;}
#footer.style-3 .custom_column{margin:0 0 15px 0;}
#footer.style-3 .contact h3{display:block;}
#footer .contact ul li.address{background-position:0 7px;}


#column-right + #content { margin-right:0!important; }
#column-left + #content { margin-left:0!important; }
#column-left + #column-right + #content, #column-left + #content{margin-left:0!important; }
.product-list .left { width:auto; float:none; }

.social { float:none; margin:10px; text-align:center; clear:both;}
.social h3 { display:none!important; }
#footer .column a { font-size:11px; }
.jcarousel-skin-opencart { display:none!important; }

.mousetrap { width:99%; }

.product-grid{ text-align:center; }
.cart-info thead .price, .cart-info tbody .price { display:none; }

.cart-info thead .model, .cart-info tbody .model{display:none;}
.product-filter .sort select{width:auto;}

.pagination{text-align:center; margin-bottom:0;}
.pagination .links{float:none;}
.pagination .results{float:none; margin-top:5px;}
.box .box-heading span{padding:0 30px;}




.mini-cart-info .imgcolor {
	float: left;
	cursor:pointer;
	width: 25px;
	height: 25px;
}

.mini-cart-info .backcolor {
	float: left;
	width: 25px;
	height: 25px;
	cursor:pointer;
	display:block;
}

.mini-cart-info .colors{
	overflow: hidden;
}

.mini-cart-info .color1 {
	float: left;
	width: 25px;
	margin-right: 6px;
	border: 2px solid #fff;
	margin-bottom: 5px;
}

.mini-cart-info div.color2 {
	float: left;
	width: 50px;
	margin-right: 6px;
	border: 2px solid #fff;
	margin-bottom: 5px;
}

.mini-cart-info div.color3 {
	float: left;
	width: 75px;
	margin-right: 6px;
	border: 2px solid #fff;
	margin-bottom: 5px;
}

.mini-cart-info div.grisborder {
	border:1px solid #d1d1d1;
	margin-top: 0px;
	width:23px;
	height:23px;
}




/********** Site Map **********/

.grid3col {
	width: 100%;
	display: table;
}

.grid3col .column {
margin-left: 0%;
width:auto;
}

.grid3col .column.first {

}

.grid3col .column.last {

}

.grid3col .column {
	float: none;
}

.grid3col ul {
	margin-bottom: 20px;
	margin-left:10px;
}

.grid3col ul li {
	padding: 8px;
	font-size: 12px;
}

.grid3col ul li li {
	padding: 6px;
	font-size: 12px;
	margin-left: 5px;
}


}




@media screen and (max-width: 600px) {

h1, h2, h3, h4 {text-align:center; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}

#headerbar .left {float:none;}

#headerbar .links{display:inline-block; float:right;}

#simplemodal-container {
	max-width:300px;
}

#simplemodal-container .contents{
	padding:5px;
}

#simplemodal-container .rightline {
	border:none;
	}
	
#simplemodal-container .mobileon {
	display:block;
}

#simplemodal-container .mobileoff {
	display:none;
}

#content { min-height: 100px; margin-bottom:10px; }


}



@media screen and (max-width:480px) {
.wrapper-box{margin:0;}


h1, h2, h3, h4 {text-align:center; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}

#panel div#panel-col1-total, #panel div#panel-col2-total{display:none;}


/*#header #cart {float:none; margin-top:10px;}*/

#header #cart .content { width:100%; top: initial;}

/*#header #cart .content{left:-95px;}*/
#headerbar .localsettings{width: 100%;padding: 5px 0 0 0;margin-left:0px;}
#headerbar .links{display: inline-block;float: none;margin-right: 0px;}

#header .info {
	display: inline-block;
	float: none;
}

#header #search_minicart {
    position: initial;
}

#header #search_minicart #minicart {
	float: none;
    padding: 0;
}

#header #search_minicart .triangle {
	display:none;
}


#footer .info2 { display: inline-block; }
#footer .info2 .column2 {   padding-top: 8px; color: #FFF; font-size: 11px; margin-top: 0px!important; margin-right: 35px!important;   letter-spacing: 0.2px; }
#footer .info2 .column2.last { margin-right: 0px!important; }
#footer .info2 .column2 p { color: #0021CC;}

#footer .info2 .column2 .icon {
	color: #D00418;font-size: 18px; vertical-align: sub; margin-right: 2px;
}



.product-tab .tabs{padding-left:0px;}
.product-tab .tabs li a{padding: 7px 8px 6px; font-size:12px;}

.product-filter .display, .product-filter .limit, .product-filter .sort{width:auto; float:none; margin:0; clear:both;}
.product-filter .limit{margin:5px 0;}
.product-filter select{width:auto;}

.flex-control-nav, .flex-direction-nav li a.prev:hover{display:none!important;}

.contact ul li{float:none; width:auto;}
.category-list ul { float: none; width:auto; margin-right:0px;}

select{width:99%;}

.cart-info thead .image, .cart-info tbody .image{display:none;}
.product-list .image{float:none;}
.product-list .left{text-align:center;}
.product-list .left .cart .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:none;}

}




@media screen and (max-width:320px) {
/*	
h1, h2, h3, h4 {text-align:center; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
	
#header .links{line-height:20px;}
#header .links a{font-size:11px; padding:0 7px;}
#country, #language, #currency{font-size:11px;}

#header #cart .content, #header.style2 #cart .content, #header.style3 #cart .content{width:250px; left:-45px;}
*/
.product-info{overflow:hidden!important;}
.htabs a{font-size:10px; padding:7px 3px 3px 5px;}

.product-tab .tabs li a{padding: 7px 2px 6px; font-size:9px;}

}

.profile-item {
	padding: 15px;
	margin-bottom:15px;
}

.profile-item .bibl {
	margin-left:95px;
}

.profile-item .gallery {
	margin-left:60px;
}

.profile-item .gallery img {
	padding-left: 5px;
}

.profile-item .profile span {
	font-size: 16px;
    margin-left: 10px;
}

.profile-item .profile img {
    border-radius: 50%;
    vertical-align: middle;
}