/* ----------------------------------------------     Overal    ---------------------------------------------- */
body { color: #b3b3b3; background-color: #101010; }
div.container {
    width: 980px;
    margin: 0 auto;
    font-family: Tahoma; font-size: 13px;
    direction: rtl; text-align: justify;
}
div.container_en {
    direction: ltr; text-align: justify;
    width: 980px;
    margin: 0 auto;
    font-family: Tahoma; font-size: 13px;
}
br { clear: both; }
body h1 { font-size: 28px; line-height: 40px; }
body h2 { font-size: 18px; margin-bottom: 8px; }
body h3 { font-size: 16px; margin-bottom: 8px; }
body h4 { font-size: 15px; margin-bottom: 8px; }
body h5 { font-size: 14px; margin-bottom: 8px; }
body h6 { font-size: 13px; }
/* ----------------------------------------------     Generic    ---------------------------------------------- */
div.title_hr { border-top: 2px solid #f09e0d; height: 1px; width: 100%; margin: 2px 0px 5px 0px; }
div.content_hr { border-top: 1px solid #717171; height: 1px; width: 100%; margin: 0px 0px 20px 0px; clear: both; }
div.imgContainer { padding: 25px 10px; margin-bottom: 20px; text-align: center; background: #151515; border: solid 1px #212121; }
.textContainer { padding: 15px; margin-bottom: 20px; text-align: justify; border: solid 1px #212121; }
.floatLeft { float: left; display: inline; margin: 0px 15px 10px 0px; }
.floatRight { float: right; display: inline; margin: 0px 0px 10px 15px; }
.alignCenter {text-align: center; margin: 10px 0px 10px 0px; }
.label { display: -moz-inline-block; display: inline-block; width: 120px; font-weight: bold; line-height: 26px; }
.textbox { padding: 4px; margin: 4px 0px; background-color: #151515; color: #b3b3b3; border: solid 1px #212121; font: 13px Tahoma; }
.errorMessage { color: Red; }
/*---------- grids ----------*/
div.grid_container { width: 100%; height: 350px; overflow: auto; background-color: #151515; border: solid 1px #212121; margin-top: 20px; }
div.grid_container .grid_general { width: 100%; text-align: center; }
div.grid_container .grid_header { background-color: #af2322; color: White; height: 24px; }
div.grid_container .grid_header th { padding: 4px 0px; font-weight: bold; text-align: center; }
div.grid_container .grid_row { background-color: #323232; color: Gray; height: 24px; }
div.grid_container .grid_row td { padding: 4px 0px; text-align: center; color: White; }
div.grid_container .grid_row td a { text-decoration: none; color: #43d643; }
div.grid_container .grid_row td a:hover { text-decoration: underline; color: #ffff00; }
div.grid_container .grid_selectedrow { background-color: Orange; height: 24px; }
div.grid_container .grid_selectedrow td { padding: 4px 0px; text-align: center; }
div.grid_container .grid_selectedrow td a { text-decoration: none; color: #43d643; }
div.grid_container .grid_selectedrow td a:hover { text-decoration: underline; color: #ffff00; }
div.grid_container .grid_editingrow { background-color: Yellow; color: White; height: 24px; }
div.grid_container .grid_editingrow td { padding: 4px 0px; text-align: center; }
div.grid_container .grid_alternatingrow { background-color: #1c1c1c; color: White; height: 24px; }
div.grid_container .grid_alternatingrow td { padding: 4px 0px; text-align: center; }
div.grid_container .grid_alternatingrow td a { text-decoration: none; color: #43d643; }
div.grid_container .grid_alternatingrow td a:hover { text-decoration: underline; color: #ffff00; }
/*---------- collapsible panels ----------*/
.collapsePanelHeader {
    width: 98.5%; height: 22px;
    background: #ef6c00; color: White;
    padding: 5px; cursor: pointer;
}
.collapsePanelContent {
    width: 100%; height: 0px;
    overflow: hidden;
    vertical-align: middle;
}
/*-------*/
div.bulletDiv ul { margin: 0px 16px; }
div.bulletDiv ul li { list-style: url(images/bullet_yellow.gif) outside; }
div.bulletDiv ul li a { text-decoration: none; color: White; }
div.bulletDiv ul li a:hover { text-decoration: underline; color: White; }
/* ----------------------------------------------     Top & Header    ---------------------------------------------- */
div#topbar { height: 50px; background: Black url(images/topbar_bg.gif) repeat-x; }
div#altLogo {
    position: relative; top: 0px; left: 10px;
    float: left;
    width: 260px;
}
div#login { float: left; width: 600px; }
div#language { float: left; width: 100px; }
div#header { height: 300px; background: #efa712 url(images/header_bg.jpg) repeat-x; }
div#header_base { height: 130px; background: #efa712 url(images/header_base_bg.gif) repeat-x; }
div.banner {
    position: absolute; top: 85px; padding-right: 200px;
}
div#slogan { float: left; width: 580; position: absolute; top: 140px; padding-right: 475px;}
div#slogan_en { float: left; width: 580; position: absolute; top: 140px; padding-left: 18px; }
div#slogan_content { text-align: center; color: #7d6603; }
div#album { width: 400px; float: right; position: absolute; }
div#album_en { width: 400px; float: right; position: relative; right: 0;}
/* ----------------------------------------------     Menu    ---------------------------------------------- */
div#menu {
    height: 50px; z-index: 100;
    background: Black url(images/menu_bg.gif) repeat-x;
}
div#menu ul.menu { text-align: center; padding-top: 6px; /*hover effect is made of this padding, mixed with display & line-height in 'a' element.*/ }
div#menu ul.menu li {
    display: inline;
    width: 95px; height: 37px;
}
div#menu ul.menu li a {
    display: -moz-inline-block; display: inline-block;
    text-decoration: none;
    line-height: 35px;
    color: #b3b3b3;
    width: 95px; height: 37px;
    background: url(images/menu_li_b.png) top left;
}
div#menu ul.menu li a:hover {
    display: -moz-inline-block; display: inline-block;
    text-decoration: underline;
    color: White;
    width: 95px; height: 37px;
    background: url(images/menu_li_bg.png) top left;
}
div#menu ul.menu li a.selectedAnchor {
    text-decoration: none;
    color: White;
    width: 95px; height: 37px;
    background: url(images/menu_li_bg.png) top left;
}
/* ----------------------------------------------     Wrapper & Content    ---------------------------------------------- */
div#wrapper {
    min-height: 500px; height: 100%; line-height: 20px;
    background: #101010 url(images/wrapper_gradiant.gif) repeat-x top left;
}
div#backcolor { background-color: #0d0d0d; }
div#content {
    width: 690px; min-height: 500px; height: 100%;
    padding: 30px; float: left;
    background: #101010 url(images/wrapper_gradiant.gif) repeat-x top left;
}
div#content h3 { /* use for pan-style headings */
    padding: 5px;
    width: 98.6%; height: 22px; background: #151515;
    color: White; border: solid 1px #212121;
}
div.side_separator {
	border-top: 1px solid #717171;
	height: 1px; width: 100%;
	margin: 4px 0px;
}
div#sidebar {
    float: left;
    width: 200px; min-height: 500px; height: 100%;
    background-color: #0d0d0d;
    padding: 30px 15px 30px 15px;
}
div#sidebar h5 { color: #f09e0d; margin-bottom: 7px;}
/* ----------------------------------------------     User Controls    ---------------------------------------------- */
/*---------- Categories.ascx ----------*/
a.UnselectedCategory {
    display: block;
    width: 100%; line-height: 22px;
    text-decoration: none;
    color: #b3b3b3;
}
a.UnselectedCategory:hover {
    display: block;
    width: 100%; line-height: 22px;    
    background-color: #4d4c4c; color: #fb51e9;
    text-decoration: underline;
}
a.SelectedCategory {
    display: block;
    width: 100%; line-height: 22px;
    background-color: #717171; color: White;
    font-weight: bold;
}
/*---------- ProductsList.ascx ----------*/
ul.ProductList {
    text-align: center; vertical-align: middle;
	width: 100%;
	list-style: none;
	margin: 0; padding: 0;
}
ul.ProductList li {
    float: right; display: inline;
	margin: 11px; padding: 0;
	text-align: justify;
	border: 1px solid #444444; /* previous color was: #717171*/
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; 
}
ul.ProductList li a {
    text-decoration: none;
    color: #b3b3b3;
    display: block;
}       
ul.ProductList li img {
    text-align: center;
    display: block;
    margin-bottom: 5px;
}       
ul.ProductList li a.ProductInfo {
	width: 260px; height: 201px;
	padding: 17px 30px; cursor: pointer;
}
ul.ProductList li a.ProductInfo:hover { background: #2f2e2e; color: #ffff00; }
ul.ProductList li span {
	width: 260px; height: 201px;
	overflow: hidden; display: block;
}
ul.ProductList li h6 {
	font-weight: normal; color: White; background: #dc143c;/* af2322 */
	text-align: center;
	margin: 0; padding: 4px;
}
/*---------- ProductDetails.ascx ----------*/
div.AttrVal {
	margin: 0; padding: 0;    
    width: 100%; height: 27px;
}
div.AttrVal label { 
    width: 250px;
    font-weight: bold;
    display: -moz-inline-block; display: inline-block;
}
div.AttrVal span {
    width: 265px;
    display: -moz-inline-block; display: inline-block;
}
div.AttrVal label.measure { 
    width: 160px;
    font-weight: bold;
    display: -moz-inline-block; display: inline-block;
}
/*---------- UserInfo.ascx ----------*/
.UserInfoContent { line-height: 25px; }
.UserInfoContent a {
    line-height: 25px;
    text-decoration: none;
    color: #b3b3b3;
    display: block;
}
.UserInfoContent a:hover {
    color: #b3b3b3; background-color: #4d4c4c;
    display: block;
    width: 100%;
    color: #fb51e9;
    text-decoration: underline;
}
/* ----------------------------------------------     Footer    ---------------------------------------------- */
div#footer {
    height: 260px; clear: both;
    background: #9b031b url(images/footer_bg.gif) repeat-x; color: White;
}
.box {
    width: 320px;
    padding: 25px 15px 0px 30px;
    float: right;
    text-align: justify; line-height: 25px;
}
.box_en {
    width: 320px;
    padding: 25px 15px 0px 30px;
    float: left;
    text-align: justify; line-height: 25px;
}
div#copyright {
    height: 40px;
    background-color: #101010;
    text-align: center;
}
div#copyright p {
    font-size: 12px;
    padding-top: 12px; text-align: center;
}