.message
{
    padding: 9px; text-align: justify; direction:rtl;
    font-family: Tahoma; font-size: 11px; line-height: 18px;
    }

a {text-decoration:none;}

/*Example CSS for demo ticker*/

#ajaxticker1{
margin: 8px 6px; direction:rtl; line-height:18px; text-align:justify;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

table { border-collapse: collapse; margin: 0px; padding: 0px; }

td { margin: 0px; padding: 0px; }

.rtl { text-decoration: none; direction:rtl; text-align:right; }

input, select {font-family:Tahoma; font-size:11px; border: solid 1px #575757; }

.button { border: solid 1px #CF5526; 
          padding: 1px; background-color: #F9941B; 
          color:#fff; font-family:Tahoma; font-size:11px;
}

html, body 
{
    margin: 0 auto; padding: 0; font-family:Tahoma; font-size:11px;
}

table {border-collapse: collapse;}

img 
{
    border: none 0; margin: 0; padding: 0;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: none 0; direction:rtl; text-align:right; padding:0; margin: 0;
overflow: scroll; /*leave this value alone*/
width: 485px; /*Width of Carousel Viewer itself*/
height: 99px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0; padding:0;
top: 0; margin:0; padding:0;
}

.stepcarousel .panel {
margin : 2px auto; text-align:center;
float:right; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 160px; height:94px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.box-product {margin : 20px;}

.categorypanel 
{
    margin : 10px 13px;
    float: left; /*leave this value alone*/
    width: 147px; 
}

/*---------------------pagination-----------------------------*/

div.pagination {
	padding:5px;
	margin:5px;
	text-align:center;
	float:left;
	font-size:11px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #d8325d;
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #ddd;
	color: #fff;
	background-color: #d8325d;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	font-weight: bold;
	background-color: #d8325d;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	color: #ccc;
}

/*  Main Menu */

.main-menu 
{
    list-style-type: none; 
    padding: 0; margin: 0;
    font-size: 11px; font-family: Tahoma;
    text-align: right;
}

.main-menu li
{
    padding: 0; margin: 0;
    list-style-type: none; 
    padding-right: 20px; vertical-align: middle;
    background-image: url('images/faarr.gif'); background-position: right -21px; 
    background-repeat: no-repeat;
}

.main-menu li:Hover
{
    color: #939393;
    list-style-type: none;
    background-image: url('images/faarr.gif'); 
    background-position: right 0px; 
    background-repeat: no-repeat; 
}

.main-menu li:Hover a
{
    color: #eee;
}

.main-menu a 
{
    text-decoration: none; vertical-align: middle;
    color:#492C24;
}

.main-menu a:Hover
{
    text-decoration: none; color: #eee; vertical-align: middle;
}

/* Footer Menu */
.footer-menu 
{
    padding: 0; margin: 0;
    font-size: 11px; font-family: Tahoma;
    text-align: center;
}

.footer-menu a
{
    padding: 0; margin: 0; text-decoration: none;
    font-size: 11px; font-family: Tahoma; color: #60609b;
}

.footer-menu a:hover
{
    color: White; text-decoration: none;
}

/* Product Info */
.product-image
{
    margin: 2px 8px;  text-align:left; float:left;
}

.product-info
{
    font-family:Tahoma; font-size: 11px; vertical-align:top; float:right;
    color: Black; margin: 6px auto; direction:rtl; text-align:justify;
}

.read-more
{
    background-color: #F7FAFF; text-align:left; margin-top: 10px;
    border: solid 1px #ABCDF3; padding: 3px 3px; display: block;
}

.read-more:hover
{
    background-color: #F7FAFE; text-align:left; margin-top: 10px;
    border: solid 1px #ABCDF3; padding: 3px 3px; display: block;
}

/* form elements */
.form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
.label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
.input {
	padding: 2px;
	border:1px solid #c3c3c3;
	font: normal 1em Tahoma;
	color:#777;
}
.textarea {
	width:400px;
	padding:2px;
	font: normal 1em Tahoma;
	border:1px solid #c3c3c3;
	height:100px;
	display:block;
	color:#777;
}