body, body.inner
{
direction:rtl;
font:12px arial;
margin:0px;padding:0px;
background:#d4d4d4 url('images/bgindex.jpg') repeat-x top;
color:#393939;
}

body.inner{background:#fff url('images/bg.jpg') repeat-x top;}

p
{
direction:rtl;
margin:5px 0px 5px 0px;
padding:0px;
}

a
{
color:#2b2b2b;
text-decoration:none;
font-weight:bold;
}

a:hover
{
color:#998030;
text-decoration:none;
}

h1
{
font:22px arial;
font-weight:bold;
margin:0px;padding:0px; 
color:#817e7e;
text-align:right;
}

h2
{
font:15px arial;
font-weight:bold;
color:#484142;
text-align:right;
margin:0px;padding:0px;
}

h3
{
font:14px arial;
font-weight:bold;
color:#30a729;
text-align:right;
margin:0px;padding:0px;
}

#container
{
width:995px;height:auto;
min-height:220px;
margin:0px auto;
padding:0px 15px 0px 0px;
border:1px solid #98822f;
border-top:0px;border-bottom:0px;
}

label {position:absolute; top:2px; left:38px;color:#383838;font:11px arial}

#container #top, #topinner
{
width:995px;height:127px;
}

#topinner{height:162px;}

#secondmenu
{
height:31px;width:950px;
margin:0px 22px 0px 0px;
background:#e9e9e9;
float:right;
}

#secondmenuname
{
float:right;
margin:6px 45px 0px 0px
}

#logo
{
float:left;display:block;
width:266px;height:57px;
margin:15px 0px 0px 13px;
}

#flash
{
float:right;
width:530px;height:56px;
margin:15px 23px 0px 0px;
}

#topmenucont
{
float:right;width:972px;
margin:16px 0px 0px 0px;
padding:0px 8px 0px 0px;
}

/*body.inner #topmenucont{background:#98822f;}*/

#middle
{
width:995px;height:auto;
margin:0px;padding:0px;
}

#rightdiv
{
float:right;
width:478px;height:auto;
min-height:565px;
}

#rightdiv #h1cont
{
margin-top:50px;
float:right;
}

#rightdiv #h1contNews
{
margin-top:0px;
float:right;
width:445px;height:70px;
overflow:hidden;
}

#rightdiv #smallpiccont
{
width:258px;height:233px;
margin-top:20px;
float:right;clear:right;
border:1px solid #d0d0d0;
display:block;
overflow:hidden;
}

#rightdiv #prodtxtcont
{
float:left;
margin:20px 18px 0px 0px;
width:200px;
height:220px;
}

#rightdiv #prodtxtcont .txt{height:142px;width:180px}

#rightdiv #prodaddcont
{
margin:20px 0px 0px 0px;
height:60px;
}

#rightdiv #prodaddcont .third, #rightdiv #prodaddcont .fourth
{
width:80px;height:70px;
overflow:hidden;
float:right;
margin:10px 0px 0px 0px;
border: 1px solid #dbdbdb;
}

#rightdiv #prodaddcont .fourth
{
float:left;
margin:10px 0px 0px 20px;
}

#rightdiv #prodaddcont .third:hover, #rightdiv #prodaddcont .fourth:hover
{
border: 1px solid #2b2b2b;
}

#rightdiv #prodtxtcont2
{
float:right;clear:right;
margin:20px 0px 0px 0px;
width:458px;height:235px;
display:block;
}

#leftdiv #largepiccont
{
width:500px;height:auto;
float:left;clear:right;
border:1px solid #d0d0d0;
display:block;
overflow:hidden;
}

#leftdiv
{
float:left;
width:502px;
margin-left:15px;
}

#piccng
{
width:980px;height:393px;
margin:0px;
z-index:2;
}

.content
{
width:990px;
clear:both;float:right;
margin:7px 0px 25px 0px;
}

.innercontent
{
width:950px;height:auto;
clear:both;float:right;
margin:7px 0px 5px 0px;
padding:15px 15px 15px 15px;
background:#fff;
min-height:522px;
}

.innercontent h1{border-bottom:1px solid #817e7e}

.innercontent .text{padding:5px 15px;}

.verif
{
font:11px arial;
color:#393939;
width:100px;
}

.searchbut
{
border-width:0px;
width:28px;height:26px;
background:url('images/search.png') no-repeat;
}

.logindet
{
float:left;
color:#fff;
margin:3px 0px 0px 0px;
}

div.pagination
{
float:right;
width:458px;
margin:20px 0px 0px 0px;
text-align:center;
font:bold 14px arial;
}

.pagination div.prev
{
display:block;
width:30px;height:30px;
float:right;
}

.pagination div.next
{
display:block;
width:30px;height:30px;
float:left;
}

.note{width:250px;float:left;color:red}
.note2{width:100%;color:red;font-weight:bold}

.clearer
{
width:100%;
clear:both;
}

/*************** Table ************************/

.prodtb{border-collapse:collapse}

.prodtb .caption, .prodtb .caption2{background:#eee;}

.prodtb .caption td, .prodtb .caption2 td
{
font:12px arial;
font-weight:bold;
color:#787878;
padding:5px 0px;
text-align:center;
border-left:1px solid #dcdcdc;
}

.prodtb .caption2 td{border:1px solid #dcdcdc;}

.prodtb .tbcont td
{
color:#a9a9a9;
font:12px arial;
font-weight:bold;
border:1px solid #dcdcdc;
text-align:center;
vertical-align:middle;
}

.prodtb .tbcont:hover{background:#f6f6f6}

.prodtb .first td{border-top:0px}
.prodtb .last td{border-bottom:0px}

.prodtb .tbcont td.name a{color:#998030;}
.prodtb .tbcont td.pic {overflow:hidden;height:100px}

.prodtb .imgwrp
{
width:100px;/*height:80px;
overflow:hidden;*/
}

/*************** footer ***********************/

#footer
{
width:995px;height:45px;
margin:0px;padding:5px 0px 0px 0px;
color:#817e7e;
clear:both;
text-align:center;
}

#footer a{color:#817e7e;}
#footer a:hover{color:#393939;}

#footer2
{
width:100%;height:92px;
background:url('images/bgfooterinner.jpg') repeat-x bottom;
clear:both;
text-align:center;
}

#footer2 #cont
{
width:995px;height:52px;
padding:40px 9px 0px 6px;
border:1px solid #98822f;
border-top:0px;border-bottom:0px;
margin:0px auto;
}

#credcont
{
width:993px;margin:15px auto 0px auto;
clear:both;
}

#credcont .floaterl
{
float:left;
display:block;
font:10px arial;
}

#credcont .floaterl a
{
font:10px arial;
font-weight:normal;
}

/************products***************/

.catwrap
{
width:158px;height:137px;
float:right;
margin:0px 1px 0px 3px;
border:1px solid #dbdbdb;
}

.catwrap:hover
{
border:1px solid #2b2b2b;
}

.newswrap
{
border:1px solid #2b2b2b;
background:url('images/newsBG.jpg') repeat-x top;
}


#marqueecontainer{
position: relative;
width:152px;height:133px;
overflow: hidden;
padding: 2px;
padding-right: 4px;
border:1px solid #2b2b2b;
background:url('images/newsBG.jpg') repeat-x top;
}

.catwrap .imgwrp
{
padding:0px;
height:117px;
}

.catwrap .namewrp
{
padding-top:3px;
height:17px;
text-align:center;
background:#d0d0d0;
}

.catwrap .namewrp a
{
font:12px arial;
font-weight:bold;
color:#2b2b2b;
}

.sonwrp
{
width:800px;height:120px;
display:block;
border-bottom:1px solid #dfdfdf;
margin:3px auto;
}

.sonwrp .imgwrp
{
width:158px;height:117px;
overflow:hidden;
float:right;
}

.sonwrp .deswrp
{
width:470px;height:80px;
padding:10px 15px;
float:right;
}

.sonwrp .moredet
{
width:90px;height:20px;
float:left;
margin-top:100px;
}

.sonwrp .moredet a{color:#817e7e}

.imgframe
{
border:1px solid #dadada;
padding:5px;
float:right;
}

.imgframe .prodimgwrp
{
width:130px;height:auto;
}

.prodcont
{
width:400px;height:auto;
padding:0px 15px;
float:right;
}

.prodcont .text
{
clear:both;padding:0px 0px 10px 0px;
}

.prodcont .ftext
{
border-bottom:1px solid #dcdcdc;
}

.prodcont .text .nam
{
font:12px arial;
font-weight:bold;
color:#62ad44;
}

#brandscont
{
width:904px;height:auto;
min-height:100px;
margin:30px 20px 0px 0px;
}

.brandwrap, .brandwrapfirst, .salewrap
{
/*width:150px;height:170px;*/
width:100px;height:100px;
float:right;
/*margin:0px 36px 10px 0px;*/
margin:0px 43px 43px 0px;
border:1px solid #dbdbdb;
}

.salewrap{border-width:0px;height:160px;display:block}

.salewrap div{height:30px;display:block}

.brandwrapfirst{margin-right:0px}

.brandwrap:hover
{
border:1px solid #2b2b2b;
}

.brandwrap .imgwrp, .salewrap .imgwrp
{
padding:0px;
/*height:150px;*/
height:100px;
}

.brandwrap .namewrp
{
padding-top:3px;
height:17px;
text-align:center;
background:#d0d0d0;
}

.brandwrap .namewrp a
{
font:12px arial;
font-weight:bold;
color:#2b2b2b;
}

/************************************ Contact us Form *********************************/

#contactus, #login, #signup
{
width:300px;
margin:20px 30px 0px 0px;
}

#signup
{
margin:0px 0px 0px 0px;
}

#login
{
margin:30px 0px 0px 20px;
}

.formname
{
float:right;clear:right;
margin:0px 0px 10px 10px;
width:100px;
}

.formtxtwrp
{
float:right;
width:160px;
margin:0px;
}

.formtxt
{
width:150px;
font:12px arial;
}

.formtxtarea
{
width:150px;height:75px;
font:12px arial;
}

.subcont
{
width:190px;
float:right;
margin:10px 114px 0px 0px;
}

.formbut
{
margin-left:7px;
width:70px;
text-align:center;
background:#eee;
color:#817e7e;
border:1px solid #484142;
font:12px arial;
font-weight:bold;
}

/************************************ Top menu *********************************/

ul.topmenu 
{
list-style:none; 
margin:0; 
padding:0;
}

ul.topmenu * 
{
margin:0; 
padding:0;
z-index:9;
}

ul.topmenu a 
{
display:block; 
color:#fff; 
text-decoration:none;
font: 11px arial;
}

ul.topmenu li 
{
position:relative; 
float:right;
background:#98822f;
border-bottom:1px solid #d0d0d0;
}

ul.topmenu ul 
{
position:absolute; 
top:21px; 
right:0px; 
display:none; 
opacity:0; 
width:160px;
list-style:none;
z-index:100;
}

ul.topmenu ul li 
{
position:relative;
border-top:none;
margin:0;
z-index:100;
}

ul.topmenu ul li a 
{
display:block; 
padding: 5px 10px;
background:#d0d0d0;
width:140px;
font: 11px arial;
color:#484142;
}

ul.topmenu ul li a:hover 
{
background:#484142;
color:#fff;
}

ul.topmenu ul ul 
{
right:120px; 
top:0px;
}

ul.topmenu .menulink 
{
border:0px solid #aaa;
border-left:1px dotted #605a5b;
padding:2px 18px 3px 18px; 
color:#eee;
/*color:#484142;*/
font:bold 12px arial;
text-align:center;
}

ul.topmenu .menulink:hover, ul.topmenu .menuhover 
{
color:#98822f;
background:#eee;
/*color:#fff;background:#d0d0d0;*/
}

ul.topmenu .sub 
{
background:#30a729 url(images/arrow.gif) 10px no-repeat;
color:#fff;
}

ul.topmenu .topline 
{
border-top:0px solid #aaa;
}

/*body.inner ul.topmenu .menulink {color:#484142;}
body.inner ul.topmenu .menulink:hover {color:#fff;background:#d0d0d0;}*/

/************************************ Side menu *********************************/
		
ul.sidemenu 
{
list-style:none; 
margin:0; 
padding:0; 
float:right;
}

ul.sidemenu * 
{
margin:0; 
padding:0;
}

ul.sidemenu a 
{
display:block; 
color:#345125; 
text-decoration:none;
}

ul.sidemenu li 
{
position:relative; 
float:right; 
margin:2px 0px 0px 0px;
}

ul.sidemenu ul 
{
position:absolute; 
right:169px; 
background:#eeeff0; 
display:none; 
opacity:0; 
list-style:none;
top:0px;
width:170px;
}

ul.sidemenu ul li 
{
position:relative; 
border:0px solid #aaa; 
border-top:none; 
width:170px; 
margin:0;
border-bottom:1px dotted #818181; 
}

ul.sidemenu ul li a 
{
display:block; 
font-weight:bold;
padding:5px 7px 7px; 
background-color:#eeeff0;
}

ul.sidemenu ul li a:hover 
{
background-color:#0172c4;
color:#fff; 
text-decoration:none;
}

ul.sidemenu ul ul 
{
right:170px; 
top:-1px;
}

ul.sidemenu .menulink 
{
padding:2px 35px 2px 0px; 
font-weight:bold;
width:169px;
height:20px;
color:#64271e;
}

ul.sidemenu .menulink:hover, ul.sidemenu .menuhover 
{
color:#515459; 
text-decoration:none;
height:20px
}

ul.sidemenu .menulinkparent
{
padding:5px 15px 5px 0px; 
font-weight:bold; 
background:#c2da5d url(images/arrow.gif) 10px no-repeat;
width:189px;
}

ul.sidemenu .menulinkparent:hover, ul.sidemenu .menuhover 
{
color:#fff; 
text-decoration:none;
width:189px;
background:#586100 url(images/arrow.gif) 10px no-repeat;
}


ul.sidemenu .sub 
{
background:#eeeff0 url(images/arrow.gif) 10px no-repeat;
}

ul.sidemenu .topline 
{
border-top:0px solid #aaa;
}

/***************************** carousel ***********************************/
.carousel-box {
	position:relative;
	width: 370px;height: 82px;
    margin:41px 0px 0px 0px;
    float:right;clear:right;
	direction:ltr;
}
.carousel-box .prev {
	position:absolute;
	left:-21px;
	top:32px;
}
.carousel-box .next {
	position:absolute;
	left:382px;
	top:32px;
}
.carousel-box .carousel {
	width:2000px;
	overflow:hidden;
}
.carousel-box .carousel ul {list-style:none;}
.carousel-box .carousel ul li {
	float:left;
	border:0;
	margin-right:3px;
	position:relative;
}
.carousel-box .carousel ul li a {
	 width:90px;
	 height:82px;
	 display:block;
}

.carousel-box .carousel ul li a img {
border: 1px solid #dbdbdb; /* Set image border color */
}

.carousel-box .carousel ul li a:hover img {
border: 1px solid #2b2b2b; /* Set image border hover color */
}
