@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Arabic Naskh'), local('DroidArabicNaskh'), url(http://themes.googleusercontent.com/static/fonts/droidarabicnaskh/v4/DoPHb5-mRxBWLB7ak7r4l3qw9guB1wYJWBG7JD1o6Vs.woff) format('woff');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Arabic Naskh Bold'), local('DroidArabicNaskh-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidarabicnaskh/v4/CDwEtJq2qx8cINyJdWppnAXyZv-dGEpQf2_AZn_MqNc.woff) format('woff');
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

 * {
 outline:0 !important;
 }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/*bold version*/
/*container element*/
div { font-family: 'Droid Arabic Naskh Bold', sans-serif; }
/*span elements inside the container div*/
span { font-weight: normal; }

.btn, button {
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
}


#lastnews{
  width: 100% !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #333;
  margin-bottom: 10px;
  margin-left: 0px;
  position: relative;
  padding: 10px 0;
}

input, select, textarea, button {
  vertical-align: middle;
  color: #2f2f2f;
  outline: 0;
}

.gkHighlighterInterface {
margin-right:10px;
}

body#stylef1, body#stylef2, body#stylef3, body#stylef4, body#stylef5, body#stylef6, body#stylef7, body#stylef8, body#stylef9, body#stylef10, body#stylef11, body#stylef12, body#stylef13, body#stylef14, body#stylef15, body#stylef16 {
    background: #f2f2f2;
	color: #3c3f44;
	font-family:Droid Arabic Naskh   !important ;
	font-size: 12px;
	line-height: 21px;
	margin: 0;
	padding: 0;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	
}

input, select, textarea, button {
  vertical-align: middle;
  color: #2f2f2f;
  outline: 0;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.bg_0 {
width:100%;
overflow:hidden;
}

.border_top {
}

.border_bottom {
	

width: 970px;
margin: 0px auto 70px;

}
.cont2
{
	margin:0 auto;
}

#header {
	position: relative;
	background-color: #fff;
}
.container_12 {
	position: relative;
	clear:both;
	margin: 0 auto;
	padding: 0;
}

button.button
{
	  overflow: visible;
  width: auto;
  border: 0px solid #868686;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  border: 0 none;
  color: #ffffff;
    background-color: #ededed;
}

button.button span {
display: block;
  padding: 8px 8px 8px 9px;
  text-align: center;
  white-space: nowrap;
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 400;
  background: #e4e4e4;
  color: #666;
  background-color: transparent;
  height: 45px;
  width: 45px;
  line-height: 45px;
  font-size: 13px;
  padding: 0;
  border: none;
}

 button.button span span {
  padding: 0;
  height: 0;
}

button.button span span .fa {
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  width: 45px;
}

button.button:hover span {
  color: #ffffff;
  background-color: #381E14;
}

#midblock {
	min-height:600px;
}

.container_12 .grid-12 {
	width: 970px;
	margin:0 auto;
	clear:both;
}

.left
{
	float:left;
}
#rowtop .tel {
  color: #eee;
  font-size: 11px;
  direction: ltr;
  padding-right: 21px;
  padding: 5px 0;
}

#logo {
	display: block;
	height: 62px;
	width: 61px;
	float: left;
	background: url(../images/logo.png) no-repeat left;
	padding: 5px;
}
#top-menu{
float: right;

}
#rowtop{
	line-height: 30px;
  height: 34px;
  background-color: #333;
}
.joomla_ass
{
	
}

#sreach {
	position: relative;
	margin: 23px 0px 0 0px;
}
#jshop_search
{
	 border: 0;
  vertical-align: middle;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  float: right;
  font-size: 100%;
  height: 45px;
  margin: 0;
  line-height: 45px;
  padding: 0 10px 0 60px;
  width: 100%;
  color: #5e5e5e;
  background-color: #ffffff;
  border-color: #ededed;
}

#menu {
	  margin: 0 auto 2px;
  background:#381E14; /* #538199;*/
  float: right;
  width: 100%;
}

/* ADDITIONAL  FOR ADVERT INTRO */
h1.hadv{
	text-shadow:1px 1px #fff;
	color:#3d3d3d;
	font-size:200%;
}
p.padv{
	text-shadow:1px 1px #eee;
	color:#121212;
}
/* BOTTOM PART OF THE SITE LAYOUT. BASE WRAP */
#centerbottom {
     background: none;
}
#menu2{
    background: url("../images/metal/pic/top_menu_bg1.gif") repeat-x scroll top 0 transparent;
    height: 34px;
}
#btn_showlogin{
	display:none}

.both{
	clear:both;
}
	
#topmenu{
    float: left;
    margin-left: 3px;
    margin-top: 4px;
    position: relative;
    width: 111px;
}
#topmenu li{
    background: none repeat scroll 0 0 transparent;
    border-right: 1px solid #D5D5D5;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}
#topmenu li a{
    background: url("../images/metal/pic/tabs_bg.gif") repeat-x scroll 0 0 transparent;
    border-right: 1px solid #EEEEEE;
    color: #fff;
    display: block;
    font-family: tahoma;
    font-size: 11px;
    margin: 0;
    padding:0 20px;
    text-align: center;
    text-decoration: none;
	text-indent:0;

}
#topmenu li a:hover{
    background: none;
    color: #000;
}
#topmenu li.current-side a{

    color: #FFFFFF !important;
}
/*GRIDS STYLING CAN BE USED TO STYLE EACH metal DIFFERENTLY */
#yjsg1 {
	background:#292929;
	color:#efefef;
}

.flex-nav-container {
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
}
.flex-nav-container p {
	margin: 0;
	padding: 24px 0;
	text-align: center;
	font-family:Droid Arabic Naskh,Tahoma, Geneva, sans-serif;
	color: #989898;
	font-size: 16px;
	line-height: 24px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	text-transform: uppercase;
}

.content_top_bg, .content_bottom_bg {
	position: relative;
	background:  #DC1F3D;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	min-height:235px
}


.content
{
	
}

.right
{
	float:right;
}

.form-serch {
  margin-right: 20px;
  display: inline-block;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 12px;
}


.product-preview,.subCategory {
  padding: 0px;
  background: #fff;
  overflow: hidden;
  position: relative;
    min-height: 220px;
}

.men
{

	padding: 0px 0px 20px 0px;
}
.title{
	background: #d43232;
font-size: 12px;
font-weight: bold;
line-height: 24px;
margin-top: 0px;
padding: 6px 4px;
text-transform: uppercase;
font-family: Droid Arabic Naskh,tahoma;
color: #FFFFFF;
text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
margin-bottom: 0px;
}

ul.menu li
{
  float: right;
  z-index: 10;
  position: relative;
  padding: 2px 15px;
  border-right: 1px solid rgba(255,255,255,0.15);
}

ul.menu  > li:last-child {
  border-left: 0;
}




ul.menu > li:hover {
  background: rgba(255,255,255,0.08);
}

ul.menu li a {
	display: block;
  z-index: 1;
  font-family: Droid Arabic Naskh,tahoma;
  color: #F7F1EB;
  line-height: 21px;
  font-size: 1.3em;
  font-weight:500;
  position: relative;
  text-decoration: none;
  text-shadow: none;
  padding: 10px 4px;
}

@media(max-width:1200px)
{
    ul.menu li {
        padding: 2px 5px;
    }
    ul.menu li a {
    font-size: 1.2em;
    }
}

.accordeonck   ul.menu > li:last-child{
border-bottom:none !important;
}

ul.menu li a:hover
{
	color:#E714680  ;
}

ul.menu li:first-child
{
	border-top:none !important;
}
.box-heading,div.itemListSubCategories h3.mmq,.itemHeader h2,.title h1,.title h2 {
	font-family: Droid\ Arabic\ Naskh,tahoma;
font-size: 12px;
line-height: 22px;
padding: 7px 10px;
color: #fff;
font-weight: bold;
margin: 0;
background: #D43232;
text-align: right;
text-transform: uppercase;
}

.itemHeader{
	padding-bottom:20px;
}

.box-product2 {
	width: 75%;
margin: 0;
padding: 0;
float: left;
}

.box-product {
	width: 100%;
margin: 0;
padding: 0;
float: left;
}

.menu li ul {
	
}

.menu li ul li
{
	float: right;
	width: 183px;
	background: none;
	padding: 7px 0px;
	margin: 0px 12px 0 0;
	border-bottom: 1px dashed #fff;
}

.menu li ul li:last-child {
border-bottom:none !important;
}

.menu li ul li a
{
	  color: #ed4c4c;
}

.menu li:hover ul
{
	display:block;
}

.table.list td {
padding: 6px;
border-top: 1px solid #DDDDDD;
font-size:11px;
}

.box-product ul li,.box-product2 ul li {
  text-align: center;
  background: none;
  float: right;
  min-height: 1px;
  overflow: hidden;
  padding: 0px 10px 20px;
  position: relative;
  width: 220px;
}

.box-product ul li .inner-indent,.box-product2 ul li .inner-indent {
	width: 194px;
padding: 0px 15px 30px;
margin-bottom: 0px;
margin-top: 9px;
text-align: center
}
.item_name a,.name h3 a{
	font-size: 12px;
	color: #121212;
	font-family:Droid Arabic Naskh,tahoma;
	text-decoration: none;
	line-height: 18px;
font-weight:500;
}
.item_name a:hover ,.name h3 a:hover{
	color: #d8285d;
}

.box-heading{
		background:url(../images/dar.png) no-repeat right ;
}
	
.box-product h3,.box-product2 h3{
	font-size: 14px;
	color: #000;

line-height: 22px;
text-transform: uppercase;
font-weight: bold;
padding: 9px 20px 12px;
margin: 0 0 30px 0;
overflow: hidden;
background: url(../images/dar.png) no-repeat right;
background: none !important;
}
.tophits_products h4{
background: #d43232;
color: #fff;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
font-weight: bold;
padding: 7px 20px 7px;
margin: 0 0 15px 0;
overflow: hidden;
}
.tophits_products h4 span{
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
font-weight: bold;
}

.tophits_products ul li {
padding:5px;
margin-bottom: 5px;
  border-bottom: 1px solid #efefef;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
float: right;
background:#FFF;
}
.tophits_products ul li:hover {

}

.tophits_products ul li a.products_block_img {
  display: block;
  float: right;
  width: 35%;
}
.tophits_products ul li a.products_block_img img{
   max-width: 100%;
  width: 100%;
  height: auto;
}
.tophits_products ul li > div {
  float: right;
  width: 63%;
  padding: 0 7px 0 0;
  text-align: right;
}
.shop_box {
border-bottom: 1px solid #e2e1e1;
}
.cart
{
	text-align: center;
  position: absolute;
  bottom: 33px;
  margin-left: 40px;
  left: 32px;
}

.cart2
{
	text-align: center;
	position: absolute;
	bottom: 17px;
	margin-left: 40px;
}

.itemBody  {
  background: #FFf;
  padding: 20px 0 50px;
    
}

a.addToCart {
border: 1px solid #b6b5b5;
  border-radius: 2px;
  color: #4e4e4e;
  height: 30px;
  line-height: 30px;
  text-align: center;
  min-width: 30px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px;
  font-weight: 700;
  width: auto;
  padding: 0 10px;
  min-width: 80px;
  margin-left: 0px;
}

a.addToCart:hover {
  background: #7092a3;
  border-color: #7092a3;
}

.box-color2 , .box-color3,.newproducts {
margin-bottom:30px;
}

a.addToCart span {
	
	display: inline-block;
  line-height: inherit;
  color:#4e4e4e;
}

a.addToCart span:hover {
color:#FFF;
}
.cart .button{
box-shadow:none !important;
}
a.button:hover span {
	color: #fff;
}

.item_image
{
	text-align:center;
}

/*
#logo {
    height: 111px;
    right: 10px;
    top: 1px;
    width: 167px;
}
#logo h1{
    float: right;
}
#logol{
    background: url("../images/pic/logol.jpg") no-repeat scroll 0 center transparent;
    float: left;
    height: 85px;
    width: 250px;
}
*/
#yjsgheadergrid {
	color:#efefef;
}

.inner-indent2
{
padding: 0px 0px 0px;
  margin-bottom: 0px;
  text-align: center;
  background: #FFF
}

#yjsg2 {
	background:#d9d9d9 url(../images/metal/yjsg2_bg.jpg) repeat-x left bottom;	
}

#yjsg3 {
	background:#fff;
}

#yjsg4 {
	background:#d9d9d9;
}

#yjsg5 {
	background:#e1e1e1;
}

#pathway {
    background: none repeat scroll 0 0 #4a4a4a;
    border-top: 1px solid #C8C8C8;
    color: #EFEFEF;
    cursor: pointer;
    font-family: tahoma;
    font-size: 11px;
    padding: 0 11px 13px !important;
}

#pathway .yjsg_breadcrumbs a.pathway{
	background: url(../images/arrow.png) no-repeat right center;
}
#yjsg6 {
	background:#f2f2f2;
}

#yjsg7 {
	background:#292929;
	color:#efefef;
}

td.content img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
border: 1px solid #ffffff;
width: 100%;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}


#footer {
   color: #959595;
  font-weight: 300;
  line-height: 23px;
  background: #3c3f44;
  padding: 15px 0 15px;
  display: inline-block;
  margin-top: 20px;

}

#joomlacredit {
	background:#1F1F1F;
	color:#474646;
}

/*TEMPLATE CSS 
--------------------- */
/* SITE LINKS */
a:link, a:visited{
	
}
/* SITE HOVERS */
a:focus, a:hover {
	
	text-decoration: none;
}
/*DIFFERENT STYLE FOR  LINKS ON DARK BG
--------------------- */
#footmod .yjplain a, #footmod .yjplain a:visited, #cp a, #cp a:visited, #joomlacredit a, #joomlacredit a:visited, #pathway a, #pathway a:visited, #yjsg1 a, #yjsg1 a:visited, #yjsg7 a, #yjsg7 a:visited, #yjsgheadergrid a,#yjsgheadergrid a:visited{
	color:#444242;
}
#footmod .yjplain a:hover, #footmod .yjplain a:focus, #cp a:focus, #cp a:hover, #joomlacredit a:focus, #joomlacredit a:hover, #pathway a:focus, #pathway a:hover, #yjsg1 a:focus, #yjsg1 a:hover, #yjsg7 a:focus, #yjsg7 a:hover, #yjsgheadergrid a:focus,#yjsgheadergrid a:hover {
	color:#525252;
}
/* SITE HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color:#444242;
}

.small, .createdate, .modifydate, .createby {
	text-transform: uppercase;
	color:#ccc;
	font-size:10px;
}
/* SITE TITLE, NEWS ITEM TITLE, MORE ARTICLES */
.pagetitle, div.title h1, .yjsg-morearticles h3 , .menutitle,#userForm .componentheading{
    color:#FFF;
    font-family:Droid Arabic Naskh  ,tahoma;
    font-size: 13px !important;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    text-indent: 7px;

}
div.title h1{
	 color:#3F3F3F;
}

.views-row
{
	width: 29.3%;
	float: right;
	margin: 20px 19px 0px;
}

#block-views-solutios-block .views-field-title {
	color: #fff;
	font-family: Droid Arabic Naskh  , Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	font-style: normal;
	line-height: 24px;
	background: url('../images/pictu/icon1.png') right 0 no-repeat;
	min-height: 50px;
	padding-left: 60px;
	margin-bottom: 20px;
}

#block-views-solutios-block .views-field-title {
	color: #fff;
	font-family: Droid Arabic Naskh  , Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	font-weight: nomal;
	text-transform: uppercase;
	font-size: 14px;
	font-style: normal;
	line-height: 49px;
	text-indent: 53px;
}

#block-views-solutios-block .views-field-body {
	margin-bottom: 17px;
	font-size:10px;
}
#phocagallery table[float=right]
{
	float:right;
}
.content_top_bg .button a {
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	display: inline-block;
	padding-left: 16px;
	font-family:Droid Arabic Naskh  ;
	background: url('../images/pictu/button_arrow_white.png') left 7px no-repeat;
	color: #fff;
}
a.download{
	background: url(../images/pictu/arrow_down.png) no-repeat right;
	color: #3f3f3f;
	padding-right: 38px;
	padding-top: 10px;
}

#block-views-solutios-block .views-row-2 .views-field-title {
background: url('../images/pictu/icon3.png') right 0 no-repeat;
}

#block-views-solutios-block .views-row-3 .views-field-title {
background: url('../images/pictu/icon2.png') right 0 no-repeat;
}


li#current a{
	text-decoration:underline;
}

.yjsg-morearticles h3 {
	border:none;
}
/* NEWS ITEM TITLE WITH LINK*/
div.title h1 a:link, div.title h1 a:visited, div.title h2 a:link, div.title h2 a:visited {
	color:#222222;
}

div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus {
	color:#727272;
}

/* FORM ELEMENTS */
/* ARTICLE TABLE OF CONTENTS */
fieldset, .toclink {
	border:1px solid #c8c8c8;
}
/* FIELDSET IN MODULES */
.yjsquare_in fieldset, .yjround_in fieldset {
	border:none;
}
/* INPUTBOXES */
.inputbox, #userreminder .required {
    background: none repeat scroll 0 0 #D8D8D8;
	border: 1px solid #D1D1D1;
	color: #797979;
	
	font-size: 12px;
	padding: 4px;
}

.inputbox:hover, .inputbox:focus, #userreminder .required:hover, #userreminder .required:focus {

}

#crt
{
	background: url(../images/exel.png) 0 -205px no-repeat;
	float: right;
	width: 35px;
	height: 32px;
	margin: 0 3px 0 2px;
	text-indent: -9999px;
	overflow: hidden;
}

#crt:hover
{
	background-position: -32px -205px;
}

#seb span
{
	padding: 0 2px;
	line-height: 33px;
	color: #707070;
}



#sebad{
	width:400px;	
	margin:7px auto;
	background:url(../images/back-cart.png) repeat-x;
	height:60px;
	border-radius: 4px;
}

#seb{
	font-family: Tahoma, Geneva, sans-serif;
	padding: 13px 37px;
	overflow: hidden;
}
span.ico{
	background: url(../images/exel.png) 0px -177px no-repeat;
	width: 9px;
	height: 9px;
	display: inline-block;
	margin-right: 5px;
	padding: 0px !important;
}
a.over{
line-height: 30px;color: #387DD5;padding: 0 10px 0 0;"
}
a.over:hover
{
	color:#0070FF;
}

span.ico:hover{
	background-position:-9px -177px;
}
/*BUTTONS
--------------------- */
.button-c:hover{
	background-color: #AFAFAF;
	cursor:pointer;
}

.button {
    color: #404040;
    cursor: pointer;
}

.button, .validate {

}

#last-prodct
{
	width:100%;
	margin:0 auto;
}

#favo{
	background:url(../images/1375370084_Favorite_32x32.png) no-repeat right center transparent !important;
}

#add-cart{
		background: url("../images/1375370121_shopping-cart-add.png") no-repeat scroll right center transparent;
}

a.button:link, a.button:visited, a.button:focus {
	
	
}

.back_button a:hover, .back_button a:active {
	color: #000;
	text-decoration: none;
}

a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a {
	background:#c8c8c8;
	border:1px solid #727272;
	color:#121212;
}

a.readon:link, a.readon:visited {
   background-color:  #DC3309;
    border: 1px solid #AD2C0C;
    border-radius: 3px 3px 3px 3px;
    color: #EEEEEE;
    float: left;
    font-family: tahoma;
	      transition: all 1s linear;
      -moz-transition: all 1s linear;    /* FF3.7+ */
      -o-transition: all 1s linear;      /* Opera 10.5 */
      -webkit-transition: all 1s linear; /* Saf3.2+, Chrome */
}

/* ADDITIONAL SPAN READON CLASS FOR ROUND CORNERS */
.readon span {

}

.owl-carousel .owl-item {
  float: left;
}

 .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.respl-item {
  margin-bottom: 0px;
}

.super-cat-wrapper .respl-item {
  margin-bottom: 0px;
}

.owl-item {
  padding: 0;
}
.respl-item .item-inner {
  padding: 15px;
  overflow: hidden;
  position: relative;
}
.owl-theme .owl-controls .owl-buttons div {
 width: 24px;
height: 24px;
text-align: center;   
}


.respl-item .item-inner {
  border: none;
  border-right: 1px solid #ddd;
  background-color:#FFF;
    min-height: 290px;
}
.respl-item .item-inner .w-image-box {
  position: relative;
    text-align: center;
	padding: 12px;
}

.owl-item img {
    display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  margin: 0 auto;
}

.respl-item .item-inner .w-image-box  a img {
  width: 100%;
}



.respl-item .item-inner .item-info {
  position: relative;
  text-align: center;
}

.respl-item .item-inner .item-info .item-title {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0px 0 2px;
  text-align:center;
}

.respl-item .item-inner .item-info .item-title a {
    color: #666;
	white-space: pre-line;
	word-wrap: break-word;
}


.respl-item .item-inner .add-info,.add-info {
 display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin-top: 11px;
  bottom: 15px;
  left: 30%;
}

.product-shop1 .add-info  { 
	bottom: 12px;
}

.product-shop1 .add-info {
 left: 21%;
}

.respl-item .item-inner .add-to-cart,.add-to-cart  {
  width: 100%;
  text-align: center;
    
}

.item .item-inner:hover {
  -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.respl-item .item-inner .btn-pd,.btn-pd {
  display: inline-block !important;
  height: 35px;
  z-index: 20;
  border: 1px solid #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.respl-item .item-inner .add-to-cart .btn-pd.btn-cart ,.add-to-cart .btn-pd.btn-cart{
 transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  height: 32px;
  padding: 0 20px;
  border: 1px solid #ddd;
  color: #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  line-height: 31px;
}


.item-inner:hover .add-to-cart .btn-pd.btn-cart {
  background-color: #149B7D;
  border-color: #149B7D;
  color: #fff !important;
}

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

.owl-controls .owl-buttons {
  position: absolute;
  top: -35px;
  left: 10px;
}

.respl-item .item-inner .w-image-box .right-item {
  width: 55px;
  height: 55px;
  position: absolute;
  top: -15px;
  right: -15px;
  overflow: hidden;
}

.respl-item .item-inner .w-image-box .left-item {
  width: 55px;
  height: 55px;
  position: absolute;
  top: -15px;
  left: -15px;
  overflow: hidden;
}

.right-item  span,.left-item span {
	display:block;
	width:100%;
	height: 100%
}
.right-item  span.New
{
	background: url(../images/new.png) no-repeat top left;	
}

.left-item  span.New
{
	background: url(../images/new.png) no-repeat top left;	
}
.right-item  span.sale
{
	background: url(../images/sale.png) no-repeat top left;	
}

.left-item  span.sale 
{
	background: url(../images/sale.png) no-repeat top left;
}

.right-item  span.vip
{
	background: url(../images/special.png) no-repeat top left;	
}

.left-item  span.vip
{
	background: url(../images/special.png) no-repeat top left;
}

a.readon:hover, .pagenavbar a:hover {
	 background-color: #ff0000;
	 color:#000;
}

.owl-pagination {
text-align: center;
  margin-top: 33px;
}

#owl-djslider .owl-item img {
  display: block;
  width: 88%;
  -webkit-transform-style: preserve-3d;
  margin: 0 auto;
}

/* THIS TEMPLATE IS EQUIPED WITH  ROUND AND SQUARE CORNERS
TO SEE ROUND CORNERS SIMPLY CHANGE THE MODULE metal STYLE IN TEMPLATE MANAGER
UNDER ACCORDION ADVANCED OPTIONS. SEE ALSO rounded.css FILE".

/* ROUND MODULES STYLING
--------------------- */
/* ROUND IMAGE. YOU CAN CHANGE TO YOUR OWN. 1 IMAGE TECHNIQUE USED */
.yjround .content, .yjround .t, .yjround .b, .yjround .b div {
	background:url(../images/metal/rounded.png);
	bac\kground:url(../images/metal/rounded_ie.gif);
}

.yjround h4 {
	color:#222222;
	border-bottom:1px dashed #222222;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR */
.yjround h4 span {
	color:#222222;
}
/* SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND*/
#yjsg1 .yjround .content, #yjsgheadergrid .yjround .content, #yjsg7 .yjround .content {
	color:#222222;
}
.yjround_in {
}

#rightblock{
    float: right !important;
	    margin-right: 20px;
}
#midblock{
	 
}
/*SQUARE MODULES STYLE
--------------------- */
.yjsquare h4 {
    background: url("../images/pic/side-h.jpg") repeat-x scroll 0 0 transparent;
    color: #FEFEFE;
    font-family: arial;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    text-indent: 9px;
}
.yjsquare_men{
    background: none repeat scroll 0 0 #F4F4F4;
}
.yjsquare_men h4 {
    background: url("../images/pic/title_bg.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #327AC6;
    color: #FEFEFE;
    font-family: arial;
    font-size: 15px;
    height: 35px;
    line-height: 33px;
    margin: 5px 0 0;
    text-indent: 9px;
}
/* SPAN COLOR SHOWS FIRST */
.yjsquare h4 span {
	color:#FEFEFE;
}
.yjsquare {}
.yjsquare_in {}
/* ADDITIONAL MODULE STYLES */
/* _yj1 */
.yjsquare_yj1 h4 {}
.yjsquare_yj1 h4 span {}
.yjsquare_yj1 {}
.yjsquare_yj1 .yjsquare_in {}
/* _yj2 */
.yjsquare_yj2 h4 {}
.yjsquare_yj2 h4 span {}
.yjsquare_yj2 {}
.yjsquare_yj2 .yjsquare_in {}
/*  SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND */
#yjsg1 .yjsquare h4, #yjsg7 .yjsquare h4, #yjsgheadergrid .yjsquare h4 {
	color:#ccc;
	border-bottom:1px dashed #ccc;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR*/
#yjsg1 .yjsquare h4 span, #yjsg7 .yjsquare h4 span, #yjsgheadergrid .yjsquare h4 span {
	color:#ccc;
}

/*SEARCH INPUTBOX STYLING. CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
.search {}
.search .inputbox {}
/*LOGIN MODULE INPUTBOX CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
.menunav
{
	float: left;
	margin: 0px;
	position: relative;
	width: auto;
}
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
.horiznav {
 
	
}

#last-product{
	direction:ltr !important;
}
/* MENU OVERRIDES */
.YJSG_listContainer{
	background:none;
}
/* NORMAL SUBTITLE */
.horiznav ul li a span.yjm_desc {
	color:#8b8b8b;
}
/*ACTIVE AND HOVER SUBTITLE*/
.horiznav ul li.active a span.yjm_desc, 
.horiznav ul li a:hover span.yjm_desc, 
.horiznav ul li.sfHover a span.yjm_desc {
	color:#4F4F4F;
	text-shadow:1px 1px #efefef;
}
/* NORMAL TOP LINKS */
.horiznav ul li {
   float: right;


}
.horiznav ul li span{
	    line-height: 33px;
}
.horiznav ul li a {
	    
}

.horiznav ul li a:hover, .horiznav ul li:hover a, .horiznav ul li.sfHover a,
 .horiznav ul li.sfHoverHas a {
 color: #FFF !important;
 text-decoration:underline;
	
}

/* NORMAL TOP LINKS WITH CHILD ELEMENT */
.horiznav ul li.haschild {
	
}
/* TOP LINKS HOVER */
.horiznav ul li:hover, .horiznav ul li.sfHover{
  

}
.horiznav li .child {
    background: none;
    display: block;
}

/* TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav ul li.haschild:hover{
	background: none;
}
.horiznav ul li.haschild a:hover{
	color: #dddddd;
}
/* ACTIVE TOP LINKS  */
.horiznav li#current,.horiznav li.active{
	/*background:url("../images/metal/pic/menu_hover.gif") repeat-x scroll right center transparent !important;*/
}
.horiznav li#current a , .horiznav li.active a,.horiznav li.active a:visited,.horiznav li.active.sfHover a:visited,
.horiznav li.active.sfHoverHas a:visited{


	
}
.menunav  li a  {
	  
}
/* ACTIVE TOP LINKS WITH CHILD ELEMENT */
.horiznav li#current.haschild, .horiznav li.haschild,.horiznav ul li.haschild.active,
.horiznav ul li.sfHoverHas{
	background: noen;
}

/* ACTIVE TOP LINKS HOVER */
.horiznav li#current:hover, .horiznav li#current.sfHover,
.horiznav li.active:hover, .horiznav li.active.sfHover {
	/*background: url(../images/metal/topmenu/active_l.png) no-repeat left center;*/
}
.horiznav li#current a:hover,.horiznav li#current.sfHover a:hover,
.horiznav li.active a:hover{
none
}
/* ACTIVE TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav li#current.haschild:hover,.horiznav li#current.haschild.sfHoverHas,.horiznav li#current.active.sfHover{
	background: url(../images/metal/topmenu/active_l_haschild.png) no-repeat left center;
}
/* MAIN SUB UL AND MODULE BG */
ul.subul_main.group_holder,
.subul_main li.has_modpoz div.yj_menu_module_holder,
.subul_main li.has_module div.yj_menu_module_holder,
.subul_main li.haschild div.yj_menu_module_holder,
.horiznav ul ul.subul_main.dropline{
	background:#DEDDDD;
}
/* end drpline extra */
.horiznav  ul ul.subul_main.dropline ul a,
.horiznav  ul ul.subul_main.dropline ul a:hover,
ul.subul_main.dropline div.yj_menu_module_holder{
	border-bottom: 1px solid #c7c5c5!important;
}
.horiznav  ul ul{
	background:none;
}
/*--- end dropline extra ---*/

/* MAIN SUB ITEM*/

.top_menu ul.subul_main li a{
    background: none ;
    color: #FFFFFF;
    opacity: 0.9;
}
.top_menu ul.subul_main li a:visited{
	color: #121212;
	background:#3F86E8;
}
/*MAIN SUB ITEM HOVER*/
.top_menu ul.subul_main li a:hover {
  background: none repeat scroll 0 0 #575757;
    color: #121212;
}
.top_menu ul.subul_main li,
.top_menu ul.subul_main li.active,
.top_menu ul.subul_main li.active:visited,
.top_menu ul.subul_main li.active:hover,
.top_menu ul.subul_main li:hover,
.top_menu ul.subul_main li:visited,
.top_menu ul.subul_main li#current,
.top_menu ul.subul_main li#current:hover{
    background: none repeat scroll 0 0 #464646;
    border-bottom: 1px solid #333030;
    height: 20px;

}
/*MAIN SUB ACTIVE UL A ITEMS*/
.top_menu li#current ul.subul_main li a,
.top_menu li.active ul.subul_main li a{
    background: none !important;
}
ul.subul_main li a span{
 background:none  !important;	
}
ul.subul_main li a span span{
	  margin: 0 !important;
    padding: 0 10px 0 0 !important;
}
/*MAIN SUB ACTIVE UL ITEMS A HOVER*/
.top_menu li#current ul.subul_main li a:hover,
.top_menu li.active ul.subul_main li a:hover,
.top_menu li#current.sfHover ul.subul_main li a:hover,
.top_menu li.active.sfHover ul.subul_main li a:hover {
    background: none repeat scroll 0 0 #3F86E8;
}
/*MAIN SUB UL ACTIVE LI A ITEM*/
.top_menu ul.subul_main li#current a{

}
/*MAIN SUB UL ACTIVE LI A ITEM HOVER*/
.top_menu ul.subul_main li#current a:hover,
.top_menu ul.subul_main li#current.sfHover{

}

/*SUB LEVEL PARENT ITEM ARROWS*/
ul.subul_main li.haschild span.child a,
ul.subul_main ul.subul_main li.haschild span.child a,
ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a,
ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a{
	background-image:url(../images/metal/topmenu/arrow_right.gif)!important;
	background-repeat:no-repeat!important;
	background-position:95% 50%!important;
}
ul.subul_main li.haschild span.child a:hover,
ul.subul_main ul.subul_main li.haschild span.child a:hover,
ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover,
ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover{
	background-image:url(../images/metal/topmenu/arrow_down.gif)!important;
	background-repeat:no-repeat!important;
	background-position:95% 50%!important;
}
/* IE6 SPECIFIC */
.horiznav li li.sfHover ul,
.horiznav li li.sfHoverHas ul,
.top_menu ul.subul_main.isie{
background:#292929;
}

#btl {
  width: 400px;
}

#btl-content {
position:relative;
}

/********************** CORNERS FOR MENU UL'S ***************************/
/*TOP LEFT*/
.horiznav li.tl, .horiznav li.tl:hover{
/*	background:transparent url(../images/metal/topmenu/corners/tl.png)!important;*/
}
/* TOP RIGHT*/
.horiznav li.tr, .horiznav li.tr:hover {
	/*background:transparent url(../images/metal/topmenu/corners/tr.png) no-repeat right top!important;*/
}
/* BOTTOM RIGHT*/
.horiznav li.br, .horiznav li.br:hover{
	/*background:transparent url(../images/metal/topmenu/corners/br.png) no-repeat right bottom!important;*/
}
/* BOTTOM LEFT*/
.horiznav li.bl, .horiznav li.bl:hover {
/*	background:transparent url(../images/metal/topmenu/corners/bl.png) no-repeat left bottom!important;*/
}
/* RIGHT MIDDLE */
.horiznav li.right, .horiznav li.right:hover {
	/*background:transparent url(../images/metal/topmenu/corners/right.png) no-repeat right bottom!important;*/
}
/********************** YJSG MEGA MENU STYLE ***************************/
/* Group holder title*/
.top_menu .horiznav .group_holder li.haschild a,
.top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a{
	color: #888;
	border:none;
	background:none;
}
.top_menu .horiznav .group_holder li.haschild a:hover,
.top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a:hover{
	color: #121212;
	background:none;
}
/* Group holder items title*/
.top_menu .horiznav .group_holder li.haschild li a,
.top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a{
	color: #121212;
	border-bottom: 1px solid #c7c5c5;
	background:#DEDDDD;
}
.top_menu .horiznav .group_holder li.haschild li a:hover,
.top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a:hover{
	color: #121212;
	background:#d5d5d5;
	
}
span.separator{
	background:#DEDDDD;
	border-bottom: 1px solid #c7c5c5;
	color: #121212;
}
/*Menu module links*/
div.yj_menu_module_holder .yjsquare_in a:link,
div.yj_menu_module_holder .yjsquare_in a:visited{
	color:#121212!important;
}

div.yj_menu_module_holder .yjsquare_in a:focus,
div.yj_menu_module_holder .yjsquare_in a:hover{
	color:#525252!important;
}
/*SIDE MENU MODULE
--------------------- */
/* MENU NORMAL LINKS COLOR */
#mainlevel li a, .menu li a, a.mainlevel {

}
/* HOVER AND ACTIVE LINKS BG IMAGE */
#mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel:hover, a.mainlevel#active_menu, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, .menu li a:hover, .menu li.active a {

}
 /* SUB LEVELS LI IMAGE */
a.sublevel {
	background: url(../images/metal/bodyli.gif) no-repeat 5px 9px;
}

a.sublevel:hover {
	text-decoration:underline;
}
/*HOVER AND ACTIVE LINK COLOR */
#footmod a.mainlevel:hover, #footmod a.mainlevel:active, #footmod a.mainlevel:focus, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel#active_menu, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, ul li a:hover, li.active a, li.parent a {
	
}
/* MENU LI A AND MENU SUB LEVELS LINK COLOR */
li.active ul li a, a.sublevel#active_menu {
	color:#E214A0; 
}
  /* MENU LI A HOVER AND ACTIVE LINK COLOR AND BG */
li.active ul li a:hover, li.active ul li.active a {
	color:#D618A9;
}
/* SITES LI IMAGE */
ul li {
	
}

/*USER PAGES STYLE */
#userlogin, #userlogout, #userregister, #userreminder {
	background:#e7e7e7;
}
/* IMAGE CAPTIONS */
p.img_caption {
	background:#efefef;
	border:1px solid #ccc;
	text-shadow:1px 1px #fff;
	text-transform:uppercase;
	color:#5F5F5F;
}
#toTop {
    background: url("../images/metal/pic/arrows.png") repeat scroll left top transparent;
    bottom: 5px;
    cursor: pointer;
    font-size: 0;
    height: 30px;
    position: fixed !important;
    right: 10px;
    text-indent: -999em;
    width: 30px;
    z-index: 9;
}
#toTop:hover {
    background-position: left bottom;
}
#tablemainpage{
	margin-top:10px;
}
#slide{
    vertical-align: top;
    width: 50%;
    padding: 3px;
    border: 1px solid #C8C8C8;
    background: #EFEFEF;
}
#contentpagemian{
	vertical-align:top;
    width:50%;
}
#dinamyctext{
	clear: right;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    padding: 8px 4px;
    width: 823px;
}
#dinamyctext #sp_news_highlighter43 , #dinamyctext #sp_news_highlighter43{
background:none !important;	
}
.button_area {
float:right;
}
#dinamyctext p a{
font-family:Tahoma, Geneva, sans-serif !important;
font-size:10px !important;
color:#666 !important;
	
}
#dinamyctext:hover{
cursor:pointer;
}
#ghanon{
    background: url("../images/metal/pic/ghanon.gif") no-repeat scroll 0 0 transparent;
    height: 78px;
    left: 8px;
    position: absolute;
    top: 23px;
    width: 235px;
}
.black-tie p{
	text-align:justify !important;
	display:block !important;
}
.news_item_a p{
	display:block;
	}
span.text {
margin:0 0px 0 16px !important;	
}
#onlinesupport{
    background: url("../images/metal/pic/online.gif") repeat scroll left top transparent;
    bottom: 5px;
    cursor: pointer;
    font-size: 0;
    height: 50px;
    position: fixed !important;
    right: 46px;
    text-indent: -999em;
    width: 100px;
    z-index: 9;
	}
#onlinesupport:hover{
	    background: url("../images/metal/pic/online2.gif") repeat scroll left top transparent;
}
#tablesample{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin:5px auto;
	padding:2px;
	border:1px solid #eee;
}
#tablesample tr td{
	  padding: 0;
}
#tablesample #images{
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CFCDCD;
    padding: 2px;
}
#tablesample #images a{
	      cursor: -moz-zoom-in;
    display: inline-table;
    margin-top: 0;
    padding: 0;
}
#tablesample #images a:hover{
	  opacity:0.8;
}
#tablesample table{
}
#tablesample table tr td{
}
#tablesample table #titr{
    font-weight: bold;
    padding-left: 6px;
    text-align: left;
}
#limitworksampel{
    font-family: tahoma;
    font-size: 11px;
    text-align: center;
    width: 100%;	
}
#limitworksampel a{
	
}
#lastproject{
    background: none repeat scroll 0 0 #fff;
    padding: 3px 10px;
    position: relative;
    width: 930px;
	margin:0 auto;
	    direction: ltr;	
}
#lastproject ul li{
direction:rtl;
height:150px !important; 
}
#djslider53 , #slider-container53 ,#djslider-loader53{
height:150px !important;
width:900px !important;	
}
#lastproject ul li img{
	   background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #666666 !important;
    height: 140px !important;
    padding: 3px;
	width:160px !important;
}

#allpage{
    padding: 0;
    position: relative;
    width: 100%;	
}
#contentpagemian .black-tie .ui-tabs {
	height:301px !important;

}
#contentpagemian .black-tie .ui-tabs .ui-tabs-nav li  {
	 margin: 0 4px 1px 0 !important;
}

#contentpagemian p{
display:none;	
}
#bnr{
 direction:ltr;
}
#searchh-bg{
    background: url("../images/new/search.png") no-repeat scroll 0 0 transparent;
    height: 76px;
    left: 7px;
    position: absolute;
    top: 56px;
    width: 346px;
}
*+html #searchh-bg{
    height: 25px;
    left: 7px;
    position: absolute;
    top: 63px;
    width: 300px;
}
* html #searchh-bg{
    height: 25px;
    left: 7px;
    position: absolute;
    top: 63px;
    width: 300px;
}
#searchh-bg form{
	margin:0 !important;
}
#searchh-bg form .inputbox{
    background: url("../images/new/searchbox.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4E0000;
    height: 27px;
    margin: 5px 1px 0 0;
    text-indent: 14px;
    width: 221px;
}
#searchh-bg form .button {
    background: url("../images/new/searchbtn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #121212;
    height: 25px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
    text-indent: -7500px;
    width: 82px;
}
.yjsquare ul{
 margin:0 !important;
}
.yjsquare ul li{
 margin:0 !important;
 padding:0 !important;
 background:none !important;
}
.menumenumain{
    background: none repeat scroll 0 0 #F4F4F4;
    padding-bottom: 10px;
}
.fpss-template-tt .navigation li.navigation-next, .fpss-template-tt .navigation li.navigation-previous, .fpss-template-tt .navigation li.navigation-control {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0;
}
.fpss-template-tt .navigation li.navigation-button {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    float: right;
    margin: 0 4px;
    padding: 0;
    position: relative;
    z-index: 7;
}

#fpssContainer65.fpss-template-tt {
    border: none !important;
    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    width: 900px;
}
.fpss-template-tt .navigation-wrapper {
    border-top: none !important;
    bottom: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2147483647;
	background:none !important;
}
#masiryab{
	background: none repeat scroll 0 0 #D94800;
    border-bottom: 1px solid #EBEBEB;
    color: #D7D7D7;
    font-family: tahoma;
    font-size: 11px;
    height: 30px;
    line-height: 27px;
    text-indent: 15px;
}
.yjsg_breadcrumbs{
    background: url("../images/pic/home.gif") no-repeat scroll right center transparent;
    display: inline-block;
    height: 30px;
    margin-right: -10px;
    text-indent: 26px;
}
#masiryab a{
/*    background: url("../images/pic/arr.gif") no-repeat scroll 5px 0 transparent;*/
    color: #000000;
    display: inline-block;
    height: 30px;
    padding-left: 20px;
    text-align: right !important;
    text-indent: 0;
}
#flag{
    background: url("../images/pic/en.jpg") no-repeat scroll 0 0 transparent;
    height: 11px;
    left: 50px;
    position: absolute;
    top: 52px;
    width: 16px;
}

ul#accordeonck159 {
    width:100%;
}

#boxs-bg{
    display: inline-block;

    margin: 8px 16px 0;
    padding: 0 25px;
    width: 868px;
}
#boxs-bg div{
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #DDDDDD;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    height: 138px;
    margin-left: 15px;
    text-align: justify;
    width: 277px;
}
#boxs-bg div div{
    border: none;
}
#boxs-bg div div div div div div{
    background: none repeat scroll 0 0 transparent;
    height: auto;
    margin: 0;
    padding: 0 15px;
    width: auto;
}
#boxs-bg div h3{
    background: url("../images/pic/title_bg.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #3478BF;
    color: #FFFFFF;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: -1px -1px 5px;
    text-indent: 15px;
}
#box1{

}
#box2{

}
#box3{
    margin-left: 0 !important; 
}

.yjsquare_menu{
	margin-bottom:10px;
}
.yjsquare_menu h4{
  background: url("../images/yadak/sidebar_title_content_top_bg_2.png") no-repeat scroll right 12px #0087C9;
    border-radius: 11px 11px 0 0;
    color: #CCCCCC;
    font-family: arial;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    margin: 0;
    text-indent: 25px;
}
.yjsquare_poll{
    background: none repeat scroll 0 0 #E5E2E2;
	margin-bottom:10px;
}
.yjsquare_poll h4{
    background: url("../images/pic/men.gif") no-repeat scroll right 12px transparent;
    color: #404040;
    font-family: arial;
    font-size: 15px;
    height: 38px;
    line-height: 42px;
    margin: 0;
    text-indent: 25px;
}
.yjsquare_poll .yjsquare_in{
    font-family: tahoma;
    padding: 0 15px 15px;
    color: #1D1B1B;
}
.yjsquare_poll .yjsquare_in h4{
	background:none !important;
	text-indent:0 !important;
}
.yjsquare_nt{
    background: none repeat scroll 0 0 #231F20;
	margin-bottom:10px;
}
.yjsquare_nt h4{
    background: url("../images/pic/men.gif") no-repeat scroll right 12px transparent;
    border-bottom: 1px dotted #000000;
    color: #ccc;
    font-family: arial;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    margin: 0;
    text-indent: 25px;
}
.yjsquare_nt .yjsquare_in{
    font-family: tahoma;
    padding: 0 15px 15px;
    color: #1D1B1B;
}
.yjsquare_nt .acymailing_form input.inputbox{
    background: none repeat scroll 0 0 #141212;
    border: 1px solid #2C2929;
    color: #CCCCCC;
    padding: 4px 4px 7px;
    width: 168px;
}
.yjsquare_nt .acymailing_form input.button{
    border: 1px solid #EAEAEA;
    font-family: tahoma;
    font-size: 12px;
    padding: 0 8px 4px;
}
.jqplot-target {
    color: #666666;
    font-family: tahoma !important;
    font-size: 13px !important;
}
.select {
    background: url("http://127.0.0.1/sgs/components/com_niceajaxpoll/views/niceajaxpoll/tmpl/select.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font: 12px/21px tahoma !important;
    height: 21px;
    overflow: hidden;
    padding: 0 8px 0 24px !important;
    position: absolute;
    width: 158px;
}
select.stylednice {
    font-family: tahoma !important;
    opacity: 0;
    position: relative;
    width: 190px;
    z-index: 5;
}
#poll{
    background: none repeat scroll 0 0 #141212;
    margin: 0;
    padding: 10px;
}
#poll .pollstableborder{
display:none;
}

#log{
    display: inline-block;
    left: 50px;
    position: absolute;
    top: 88px;
    z-index: 9999;
}
#poll .inputbox{
    background: none repeat scroll 0 0 #2F2F2F;
    border: 1px solid #434343;
    color: #A7A7A7;
    padding: 3px;
}
#tb img{
    background: none repeat scroll 0 0 #4A4A4A;
    border: 1px solid #5E5B5B;
	
}
#tb a{
	cursor:url(zoom_in.png),auto;
}
#procOk{

}
#procOk td{
    background: none repeat scroll 0 0 #1E1E1E;
    border: 1px solid #232323;
    padding: 2px 3px;
    text-indent: 4px;
    text-shadow: 1px 1px 1px #000000;
}
#tt{
   margin: 15px 0;
}
#tt td{
    background: none repeat scroll 0 0 #151515;
    border: 1px solid #1C1C1C;
    padding: 5px 0;
    text-align: center;
}
#xmap ul{
    margin: 10px 15px 15px 0;
}
.newsfeed h2{
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
}
.feed-description{
	font-family:tahoma;
}
.newsfeed ol li{
    background: none repeat scroll 0 0 #1E1E1E;
    border: 1px solid #232323;
    margin: 10px 5px;
    padding: 2px 3px;
    text-shadow: 1px 1px 1px #000000;
}
.newsfeed ol li div{

}
.newsfeed ol li div div{

}
#userForm input[type=text],#userForm textarea{
    background: none repeat scroll 0 0 #1B1B1B;
    border: 1px solid #2C2929;
    color: #CCCCCC;
    padding: 1px 4px 1px;
   
}
#userForm textarea{
	
}
#userForm #submit{
    
}
hr{
    border: 1px solid #232323;
}
#TopSite{

    height: 30px;
    width: 100%;
	padding-bottom: 8px;
}
#TopSite-main{
   background: url("../images/yadak/top_links_wrapper.jpg") repeat-x scroll 0 0 transparent;
    border-radius: 0 0 5px 4px;
    font-family: tahoma;
    font-size: 11px;
    height: 30px;
    line-height: 31px;
    margin: 0 auto;
    padding: 0 11px;
    text-indent: 12px;
    width: 930px;
}
#TopSite-shoar{
    color: #7A7A7A;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    line-height: 29px;
    margin-left: 9px;
	margin-top: 3px;
}
#newsl{
   color: #FFFFFF;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 6px;
    width: 282px;
	text-align:center;	
}
#userForm input[type=text], #userForm textarea,#userForm select, .fabrikElement input {
    background: url("../images/pic/form.jpg") repeat-x scroll 0 0 #FFFFFF !important;
    border: 1px solid #C1C1C1 !important;
    border-radius: 0 0 0 0 !important;
    color: #666666;
    padding: 1px 4px 1px !important;
    
}
 #form_1 .fabrikActions input{
    background: url("../images/pic/form.jpg") repeat-x scroll 0 0 #FFFFFF !important;
    border: 1px solid #C1C1C1 !important;
    border-radius: 0 0 0 0 !important;
    color: #666666;
    padding: 4px 4px 7px !important;
	    font-family: tahoma;  

}
#userForm .rsform-block td.lable{
width: 128px;
    text-align: left;
}
#userForm .rsform-block-nedde input{
width: auto;
}
#userForm .rsform-block-nedde label{
display: inline-block;
    width: 97%;
}
#form_1 .fabrikActions {
text-align: center;

}
#userForm .rsform-block input[type=checkbox],#userForm .rsform-block input[type=radio]{
width: auto;
}
#userForm table{
margin: 10px auto;
width: 90%;
background: #EEEEEE;
border-radius: 1px;
border-spacing: 6px;
}

.rsform-block td:first-child
{
text-align: left;
}
#userForm .rsform-block-s1 td,#userForm .rsform-block-s2 td,#userForm .rsform-block-s3 td,#userForm .rsform-block-s4 td,#userForm .rsform-block-s5 td,#userForm .rsform-block-s6 td{
border-bottom:2px solid #333;
font-weight:bold;
}
.fabrikElement textarea{
	    background: url("../images/pic/form.jpg") repeat-x scroll 0 0 #FFFFFF !important;
    border: 1px solid #C1C1C1 !important;
    border-radius: 0 0 0 0 !important;
    color: #666666;
    padding: 4px 4px 7px !important;
}
#sp_news_highlighter55 .button_area {
    height: 26px !important;
    line-height: 29px !important;
    width: 110px !important;
}
.button_area {
    float: right !important;
}
.sp-nh-buttons{
	   float: right;
	    width: 84px !important;
}
span.sp-nh-text {
    font-family: tahoma;
    font-size: 11px;
    margin: 0 0 0;
	color:#4D1C04;
}
.sp-nh-next {
    background-position: -26px 50%;
    right: 68px;
}
.sp-nh-prev {
    background-position: 0 50%;
    right: 81px;
}
.sp-nh-buttons, .sp-nh-item, .sp-nh-prev, .sp-nh-next {
    font-family: tahoma;
}
a.sp-nh-link {
    color: #F1F1F1  !important;
}
#bannersite{
    height:auto;
    margin: 0 auto;
    width: 100%;
}
#footer-menu{
    border-bottom: 1px solid #E3E3E3;
    display: inline-block;
    margin: 0 0 0 auto;
    text-align: center;
    width: 930px;
}
.menu_FOOTER li{
	float: right;
	background:none;
}
.menu_FOOTER{
	 margin: 0 137px 0 auto;
    text-align: center;
}
#form_1 .leftCol, #details_1 .leftCol, #form_1 .fabrikSubLabel ,.fabrikLabel  div{

    text-align: left;
}
.menunav li:hover {
    -moz-transition: all 0.5s ease 0s;
}
#logoo{
    background: url("../images/new/logo.png") no-repeat scroll 0 0 transparent;
    height: 86px;
    margin-top: 17px;
    padding: 5px;
    width: 350px;
}
#shadow-page{
    margin: 0 auto;
    width: 920px;	
}
.box_skitter .info_slide_dots {
 
    bottom: 4px !important;
}
#bannersite #v3dslideshow99{
 margin:0 auto;	
}
@font-face {
  font-family: 'yekan';
  src: url('../font/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../font/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../font/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
	     font-family: 'yagut';
  src: url('../font/BTitrBold.eot?#') format('eot'),  /* IE6–8 */
       url('../font/BTitrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../font/BTitrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}	
   
#tatmenu{
	float: left;
    width: 50%;
}
#tatex{
	float: right;
    width: 50%;
}

.pef_inner_container_box_group_container_row_even {
background-color: #f2f2f2;
height: 25px;
}

.pef_heading {
color: #9b188c;
font-size: 17px;
font-weight: normal;
}

.table.list {
margin: 0 auto;
width: 97%;
}

.yjm_title:hover{
	text-decoration:underline;
}

.table.list tr:nth-child(even) {
background-color: #F9F9F9;
}

.yjsquaretatnews {
   background: none repeat scroll 0 0 #FCFCFC;
    margin: 0 auto;
    width: 90%;	
	  border-radius: 2px 2px  2px 2px;
}
.yjsquaretatnews h4 {
    background: none repeat scroll 0 0 #DCDCDC;
    color: #951E26;
    font-family: b nazanin,arial;
    font-size: 19px;
    font-weight: bold;
    padding: 4px;
	margin:0;
		  border-radius:  2px 2px 0px 0px;
}
.yjsquaretatnews .yjsquare_in{
	padding: 5px 10px;
}
#user_name_formAcymailing1 ,#user_email_formAcymailing1{
    background: none repeat scroll 0 0 #D5D5D5;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 10px #ADADAD inset;
    color: #606060;
    padding: 8px;	
}
.acymailing_fulldiv tr, .acymailing_fulldiv td {
    text-align: left !important;
}
.acymailing_introtext{
    background: url("../images/new/newsnot.png") no-repeat scroll 100% 50% #FEF8C7;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px #C8C8C8;
    color: #B75500;
    display: block;
    padding: 7px;
    text-indent: 27px;
    text-shadow: 0 0 5px #5F2F00;
}
.acysubbuttons .button{
background: #9f0404; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #9f0404 0%, #840101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f0404), color-stop(100%,#840101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9f0404 0%,#840101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9f0404 0%,#840101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9f0404 0%,#840101 100%); /* IE10+ */
background: linear-gradient(top,  #9f0404 0%,#840101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0404', endColorstr='#840101',GradientType=0 ); /* IE6-8 */

    border: 1px solid #A30000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-family: tahoma;
    padding: 6px 19px;	
}
.yjsquaretattext{
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 13px #3A3A3A inset;
	text-shadow: 0 0 5px #545050;
    color: #343434;
    font-family: tahoma;
    margin: 0 auto 5px;
    padding: 13px;
    width: 85%;	
}
#v3dslideshow102 {
    height: 300px;
    margin: 0 auto !important;
    width: 930px;
}
#phocagallery-pane .phocagallery-box-file, #phocagallery .phocagallery-box-file, .phocagallery-box-file {
   border-radius: 4px 4px 4px 4px;	
}
.phocagallery-box-file {
 

}
#phocagallery .phocaname {

    text-shadow: 0 0 4px #C6C6C6;
}

.phocagallery-box-file
{
	background:none !important;
	border:1px solid #FFF !important;
	padding: 6px !important;
	
}

.phocagallery-box-file:hover
{
	box-shadow: 0 0 7px rgba(100, 87, 87, 0.8);
}


#top_site{
   border: 1px solid #DDDDDD;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 12px;
    margin-top: 6px;
}
#top_site table td{
	padding:0;
	margin:0;
}
.banner {
margin-bottom: 10px;
overflow: hidden;
background: #f3f3f3;
border-bottom: 1px solid #E0E5E8;
}

.banner img
{
	padding:0 10px;
}

#logo-site{
	   background: url("../images/pic/bglog.jpg") repeat-x scroll 0 0 transparent;
    height: 138px;
    width: 100%;
	 border-radius: 8px 0 0 8px;
}
#logopro{
   background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #E6E6E6;	
}
#logopro table td  , #logopro table td div{
    height: 57px;
    text-align: center;
    vertical-align: middle;
}
#event-news{
 background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px 8px 8px 8px;
    color: #666666;
    direction: ltr;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    height: 226px;
    padding: 5px;
    text-align: center;
}
#tablemain{
margin: 15px auto;	
}
#event-news div{
direction:rtl;
}
#event-news div h4 ,#event-news div h4 span{
	  color: #BE1E2D;
    font-family: b nazanin,arial;
}
#userForm .componentheading{
	text-align: center;
color: #F100B7;
margin-bottom: 15px;	
}
#table_product{
 padding: 0 13px;	
}
#table_product a{
	  background: url("../images/pic/bul.jpg") no-repeat scroll right center transparent;
    display: block;
    padding-right: 9px;
}
#text{
padding: 10px 0;	
}
#user-full-link{
	  background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #E0E0E0;
    border-radius: 8px 8px 8px 8px;
    padding: 5px;
    width: 100%;
	 height: 130px;
}
#user-full-link h4{
    border-bottom: 1px solid #E1DDDD;
    color: #464646;
    font-family: b nazanin,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 6px 0;
    text-indent: 11px;
	
	
}
#user-full-link ul {
    padding: 10px 6px 0;
}

.subCategory h2
{
font-size:12px;
text-align:center;
}
.flex-direction-nav a.flex-next:before{
font-size:12px !important;
}
.flex-direction-nav a:before{
font-size:12px !important;
}
.flexslider{
margin:0px !important;
}
#produ{
width:730px;
float:left;
}
.gkHighlighterWrapper a{
color:#7092a3 !important;
}

.tophits_products {
background: #ffffff;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
  

.slider-products-title {
  height:40px;
  border-bottom: 2px solid #0088cc;
  background: #fff;
  overflow: hidden;
  border-bottom: 2px solid #ed4c4c;
}

.slider-products-title h3 {
 background: #ed4c4c;
  color: #ffffff;
  display: inline-block;
  font-size: 1em;
  line-height: 40px;
  padding: 0 10px;
  position: relative;
  margin:0;
  text-align:right;
}

.slider-products-title h3:before {
  border-bottom: 42px solid #0088cc;
  border-left: 31px solid rgba(0, 0, 0, 0);
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: -1px;
  z-index: 1;
    border-bottom-color: #ed4c4c;
}

.slider-products-title span {
  margin-left: 5px;
}

.box-heading1 h3{
font-size:16px;
margin:5px 0;
}
.tel2 {
background: url(../images/phone.png) no-repeat left;
color: #ccc;
font-size: 11px;
float: left;
direction: ltr;
padding-left: 27px;
padding-right: 5px;

}

.news_item_a  {
background:#fff;
padding-bottom:40px;
}

.tel3 {
background: url(../images/tel.png) no-repeat left;
  color: #ccc;
  font-size: 11px;
  float: left;
  direction: ltr;
  padding-left: 17px;
  padding-right: 5px;
  margin-left: 20px;

}


.dare ,.btl-panel{
padding:5px 0;
}

#btl .btl-panel > span {
font-weight:normal;
color:#ccc;
}

#btl .btl-panel > span:hover {
color:#FFF;
}

.jshop .product_label {
   left: 5px;
    top: 5px;
  z-index: 99;
}

.review_header span{
   background: #6c5f50 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    padding: 7px 20px;
    text-decoration: none;
}

.jshop .product_label.New {
  right: 6px;
  top: 5px;
  z-index: 111;
}

.subCategory  {
text-align:center;
}



.newproducts {
  margin-bottom: 20px;
}


.newproducts .slider-products-title,.itemListSubCategories   .slider-products-title{
  height: 40px;
  border-bottom: 2px solid #0088cc;
  background: #fff;
  overflow: hidden;
}

.newproducts .slider-products-title h3 ,.itemListSubCategories   .slider-products-title h3{
  background: #0088cc;
  color: #ffffff;
  display: inline-block;
  font-size: 1.14em;
  line-height: 41px;
  padding: 0 15px;
  position: relative;
}

.newproducts .slider-products-title h3:before ,.itemListSubCategories   .slider-products-title  h3:before {
  border-bottom: 42px solid #0088cc;
  border-left: 31px solid rgba(0, 0, 0, 0);
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: -1px;
  z-index: 1;
}

.banner-right a img {
    max-width:100%;
}

.newproducts .slider-products-title span ,.itemListSubCategories   .slider-products-title span {
  margin-left: 5px;
}

.category_sub .slider-products-title {
  float: left;
  padding-right: 31px;
  border: 0px;
}

.box-color3 .slider-products-title {
  border-bottom-color: #8c4161!important;
}

.box-color3 .slider-products-title h3 {
  background: #8c4161;
}

.box-color3 .slider-products-title h3:before {
  border-bottom-color: #8c4161;
}

.box-color2,.box-color55 {
  border-bottom-color: #19c59e!important;
}

.box-color2 .slider-products-title,.box-color55 .slider-products-title  {
  border-color: #19c59e!important;
}

.box-color2 .slider-products-title h3,.box-color55 .slider-products-title h3 {
  background: #19c59e;
}

.box-color2 .slider-products-title h3:before,.box-color55 .slider-products-title h3:before {
  border-bottom-color: #19c59e;
}

.topbar {
  color: #ffffff;
  font-size: 0.86em;
  font-weight: 300;
  min-height: 35px;
}

.products-grid {
margin-top:20px;
}

.products-grid div.item .item-inner {
  position: relative;
  text-align: center;
  background: #fff;
  padding: 10px;
   min-height: 270px;
}

.box-images:after {
  content: "";
  height: 1px;
  background: #dddddd;
  width: 83%;
  display: block;
  margin: auto;
}

.products-grid div.item .product-name {
	margin: 0;
    font-size: 1em;
}

.product-name a {
    line-height: 2em;
  font-size: 12px;
  font-weight: 500;
  color: #5f5f5f;
}

a.product-image {
  text-align: center;
}

.products-grid div.item {
     margin-bottom: 20px;
    overflow: hidden;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
}

.product-shop1 {
  text-align: right;
  padding-left: 0px;
  padding-top: 10px;
}

.products-grid div.item .box-images img {
  padding: 0 0 10px;
}

ul.content_1 li.level2 > a {
  padding: 1px 10px;
}

.review_header {
    border-bottom: 0;
    font-weight: normal;
    margin-top: 0px;
}
#commands {
 margin-top: 30px;
}

.product-tabs-content {
  width: 100%;
  padding: 20px 20px 30px 20px;
  background: #fff;
}

.box-reviews h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 600;
}

.form-list li {
  margin: 0 0 8px;
  text-align: right;
  list-style:none;
    background: none;
}

.form-list label {
  color: #666;
  font-weight: 500;
  position: relative;
  z-index: 0;
    margin-bottom: 0px;
}

.form-list .input-box {
  display: inherit;
  width: 220px;
}

.form-list input.input-text {
  width: 220px;
  padding: 1px 14px;
  background: #fff;
  
  border: 1px solid #EAEAEA;
}

.form-list textarea {
  height: 10em;
width:100%;
}

.validate3 {
    background: #e4e4e4 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 15px;
    padding: 10px 12px;
	color:#222;
	  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
}

#msg-title {
display:none;
}

.validate3:hover {
background: #6c5f50 none repeat scroll 0 0;
color:#FFF;
}

a.modal {
  display: block;
  font-size: 12px;
  position: relative;
  text-align: center;
}

li.level1 > a {
  font-size: 12px;
  padding: 0 2px 0 20px;
  color: #3c3f44;
  background-position: 9px center;
}

.postTitle,.title {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDDDDD;
  margin-bottom: 15px;
}

.postTitle h2,.title h2 {
   font-size: 13px;
  font-weight: normal;
  padding: 2px 14px !important;
  margin: 0px 0 13px;
}


.news_item_a {
  padding: 15px;
  background: #fff;
}

#captcha38 {
	float:right;
}

 .col-main {
  padding: 15px;
  background: #fff;
}

.postContent {
  padding-bottom: 10px;
}

.checkbox-inline, .radio-inline {
 padding-left: 2px !important;
  padding-right: 20px;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-right: -20px;

}

.owl-prev  i ,.owl-next i {
line-height:13px;
}	

/* Carousel base class */
.carousel {
  height:400px;
  min-height:400px;
  direction:ltr;
  margin-bottom:15px;
  overflow: hidden;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
}
.carousel-inner > .item > img {
 width: 100%;
 max-width:100%;
    height: auto;
}


.carousel-control.left {
background:none !important;
}

.carousel-control.right {
    background: none !important; 
}

#bnr  div:first-child {
	margin:0 0 0px !important;
	height:400px !important;
}

#centerbottom {
margin-top:10px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -43px !important;
}


.product_label {
    left: 5px;
    top: 5px;
	position:absolute;
    z-index: 99;
    width: 55px;
    height: 55px;
    text-align: center;
}

.product_label.discont .label_name ,.product_label.discont2 .label_name {
width: 40px;
    height: 40px;
    border-radius: 300px;
    display: block;
    color: #fff !important;
    text-align: center;
    line-height: 30px;
    margin: 4px auto;
    font-size: 11px;
    font-family: arial;
    font-weight: normal !important;
    background-image: url(../images/label_discount.jpg);
    background-position: 100% center;
}


.product_label.New2 {
    right: 16px;
    top: 5px;
    z-index: 111;
}

.jshop .product_label.discont{
    right: 5px;
    top: 65px;
    z-index: 99;
}

.w-image-box .product_label.discont  {
	right: -15px;
    top: 65px;
    z-index: 99;
    left: auto;
}


.product_label.Sale2{
    right: 26px;
    top: 5px;
    z-index: 111;
}

 .product_label.discont2{
    left: 25px;
    top: 5px;
    z-index: 99;
    width: 55px;
    height: 55px;
    text-align: center;
}

 .product_label.discont3{
    left: -16px;
    top: -16px;
    z-index: 99;
    width: 55px;
    height: 55px;
    text-align: center;
}


.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th
{
text-align:center;
}

.jshop .product_label.discont {
	
	right: 5px;
    top: 65px;
    z-index: 99
}


.itemBody .product_label.discont2{
    left: 25px;
    top: 90px;
    z-index: 99;
    width: 55px;
    height: 55px;
    text-align: center;
}

.jshop .product_label.discont {
	
	right: 5px;
    top: 65px;
    z-index: 99
}

.itemBody .Lleft {
    left: 21px;
    top: 1px;
    z-index: 111;
    position: absolute;
}

.item-inner .Lleft {
	left: 0px;
    top: 0px;
    z-index: 111;
    position: absolute;
}

.itemBody .Lleft .lable_sale ,.box-images .Lleft .label_sale {
	width: 55px;
	height: 55px;
	background: url(../images/sale.png) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	display:block;
	overflow: hidden;	
}