body {
margin:0 0 0 0; padding:auto;
text-align: center; 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9pt;
color:#e1e1e1;
background:#555555;
}
img{border:0px;}
a {text-decoration:none; color:#000000}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
html {overflow: auto;  }  
img { -ms-interpolation-mode: bicubic; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}


/*MAIN NAVIGATION*/
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(../images/nav_home.png) no-repeat;
	width: 78px; 
}
#topnavhome_active {
	background: url(../images/nav_home.png) no-repeat;
	width: 78px; 
}
ul#topnav a.products {
	background: url(../images/nav_products.png) no-repeat;
	width: 117px; 
}
ul#topnav a.sale {
	background: url(../images/nav_sale.png) no-repeat;
	width: 78px; 
}
ul#topnav a.community {
	background: url(../images/nav_community.png) no-repeat;
	width: 117px; 
}
ul#topnav a.store {
	background: url(../images/nav_store.png) no-repeat;
	width: 117px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #ffffff url(../images/sub_bg.png) repeat-x;
	padding: 10px 10px 0px;
	font-size:11px;
	float: left;
	border:1px solid #636363;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 170px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	
}

ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #000000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 1px 3px 1px 4px;
	display: block;
	text-decoration: none;
	color: black;
}
ul#topnav .sub ul li a:hover {color: #f26522; background-position: 5px 12px ;}



#container {
	margin: 0 auto;
	text-align: left;
	width:1000px;
	
}

/*---------------------- Start Main Rounded Container---------------------- */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#ccc;letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}
.raised .top, .raised
.bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4,.raised .b1b, .raised .b2b, .raised .b3b,.raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b,
.raised .b3b {height:1px;}
.raised .b2 {background:#fefefe; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.raised .b3 {background:#fefefe; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.raised .b4 {background:#fefefe; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.raised .b4b {background:#fefefe; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.raised .b3b {background:#fefefe; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.raised .b2b {background:#fefefe; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.raised .b1 {margin:0 5px; background:#ccc;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#ccc;}
.raised .boxcontent {display:block;  background:#fefefe; border-left:1px solid #ccc; border-right:1px solid #ccc;}
/* ---------------------- End  Main Rounded Container----------------------  */

/*TOPLINE*/
#topline {
height:29px;

}
.topline_left_corner {background:url(../images/topline_left_corner.png) no-repeat; width:13px; height:30px;}
.topline_bg {background:url(../images/topline_bg.png) repeat-x; width:974px; height:30px;}
.topline_right_corner {background:url(../images/topline_right_corner.png) no-repeat; width:13px; height:30px;}
.login_menu a {text-decoration:underline; color:#555555;}
.login_menu a:hover {text-decoration:none; color:#000000;}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:999;
}
#popupAddads{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:50px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:9999;
padding:12px;
font-size:13px;
}
#popupAddads h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor:pointer;
}
#button{
}

/*HEADER*/
#header {}
.header_left_corner {background:url(../images/header_left_corner.png) no-repeat; width:12px; height:124px; border:0px;}
.header_bg {background:url(../images/header_bg.png) repeat-x; width:976px; height:124px;}
.header_right_corner {background:url(../images/header_right_corner.png) no-repeat; width:12px; height:124px; border:0px;}
.mymall_logo{width:208px; height:91px; border:0px; margin:13px 0px 0px 0px; }
.search_form_input{background:url(../images/search_form_input.png) no-repeat; width:419px; height:38px; border:0px; font-size:15px; color:black; font-weight:bold;}
.search_form_button{background:url(../images/search_form_button.png) no-repeat; width:76px; height:38px; border:0px; position:relative; left:-20px; }
.login_user{background:url(../images/form_login_user.png) no-repeat; width:176px; height:29px; border:0px; padding-left:25px; }
.login_pass{background:url(../images/form_login_pass.png) no-repeat; width:176px; height:29px; border:0px; padding-left:25px; }


/*MAIN MENU*/
#mainmenu {}
.mainmenu_left_corner {background:url(../images/mainmenu_left_corner.png) no-repeat; width:10px; height:45px; border:0px;}
.mainmenu_bg {background:url(../images/mainmenu_bg.png) repeat-x; width:980px; height:45px; border:0px;}
.mainmenu_right_corner {background:url(../images/mainmenu_right_corner.png) no-repeat; width:10px; height:45px; border:0px;}

/*MAIN BANNER*/
#mainbanner {background:url(../images/mainbanner_bg.png) repeat-x; width:998px; height:110px; border-left:1px solid black; border-right:1px solid black; border-bottom:2px solid #2a2a2a;}

/*CONTENT*/
#content {background:white; width:998px;  border-left:1px solid black; border-right:1px solid black; }
.food_cake {background:url(../images/food_cake.png) no-repeat; width:62px; height:45px; border:0px;}
.orange_text {color:#f26522;}
.food_side_menu  a:hover{color:#000000; text-decoration:underline;}
.product_search_input{background:url(../images/products_search_input.png) no-repeat; width:397px; height:28px; border:0px; font-size:13px; color:black; font-weight:bold;}
.product_search_button{background:url(../images/products_search_button.png) no-repeat; width:61px; height:29px; border:0px; }
.productLink a{color:#000000;text-decoration:underline;}
.productLink a:hover{color:#f7941d; text-decoration:underline;}
.news{background:#ffffff;}
.news_content{background:#f2f2f2; color:#000000;}
.news_content:hover{background:#cccccc;}

.category_promo a{color:#043d50; text-decoration:none; font-size:11px;}
.category_promo a:hover{text-decoration:underline;}

.news_link li{color:#000000;  font-size:12px; padding:4px; margin:1px;}
.news_link a{color:#000000;  font-size:12px; padding:4px;}
.news_link a:hover, li:hover{color:#000000; font-weight:bold; font-size:12px;  background:#ececec; }

.pagination a{border:1px solid #727272; padding:4px; margin-top:10px; color:#474747; background:url('../images/pagination_a.png') repeat-x;}
.pagination b{border:1px solid #017804; padding:4px; margin-top:10px; color:#ffffff; background:url('../images/pagination_active.png') repeat-x;}








/*FOOTER*/
#footer { width:998px; height:218px; border-left:1px solid black; border-right:1px solid black; }
.footer_left_corner {background:url(../images/footer_left_corner.png) no-repeat; width:13px; height:218px; border:0px;}
.footer_bg {background:#191919; width:972px; height:218px; border:0px;}
.footer_right_corner {background:url(../images/footer_right_corner.png) no-repeat; width:13px; height:218px; border:0px;}
.footer_links_dot{background:url(../images/footer_link_dot.png) no-repeat; width:8px; height:8px; border:0px; margin:4px;}
.footer_links_list {margin:5px 0px 0px 0px; width:470px;}
.footer_links_list a{color:#ffffff;}
.footer_links_list a:hover{color:#f7941d;}
.footer_information a{color:#cccccc;}
.footer_information a:hover{color:#ffffff; text-decoration:underline;}
.categories a{color:#000000;text-decoration:underline;}
.categories a:hover{color:#f7941d; text-decoration:underline;}

.products_steps a{color:#000000;text-decoration:none;}
.products_steps_active a{color:#f7941d; text-decoration:underline;}
.products_steps_active a:hover{color:red; text-decoration:none;}
.products_steps a:hover{color:#f7941d; text-decoration:underline;}

.add_products a{color:#e1e1e1;text-decoration:none;}
.add_products a:hover{color:#f7941d; text-decoration:underline;}

.products_default_category a{color:#000000;text-decoration:underline; font-size:11px;}
.products_default_category a:hover{color:#f7941d; text-decoration:underline; font-size:11px;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}



/*BOTTOMLINE*/
#bottomline {
width:1000px; height:44px;
}
.bottomline_left_corner {background:url(../images/bottomline_left_corner.png) no-repeat; width:9px; height:44px;}
.bottomline_bg {background:#000000; width:982px; height:44px;}
.bottomline_right_corner {background:url(../images/bottomline_right_corner.png) no-repeat; width:9px; height:44px;}
.mymall_black_logo{background:url(../images/mymall_black_logo.png) no-repeat; width:88px; height:38px; margin-top:3px;}

.imagecenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}
.imagecenter * {
    vertical-align: middle;
}

.imagecenter {
    display: block;
}
.imagecenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

<!--[if lt IE 8]>
.imagecenter span {
    display: inline-block;
    height: 100%;
}
<![endif]-->



#carousel {
	margin: 0 auto;
	width: 400px;
	height: 690px;
	padding: 0;
	overflow: scroll;
	border: 2px solid #999;
}
#carousel ul {
	list-style: none;
	width: 1500px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}


.boxgrid{ 
	width: 460px; 
	height: 170px; 
	float:left; 
	background:#161613; 
	border: solid 1px #555555; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 40px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
 	.captionfull .boxcaption {
 		top: 260;
 		left: 0;
 	}
 	.caption .boxcaption {
 		top: 220;
 		left: 0;
 	}

	div.gradientbe {
    background: url(http://mymall.bg/images/gradient.png) repeat-x #afdefd;
    }

		div#gradientbe {
    background: url(http://mymall.bg/images/gradient.png) repeat-x #afdefd;
    }
	
div.wrap {
width : 530px;
margin : 0 auto;

}
div#top div#navpromo {
float : left;
clear : both;
width : 540px;
height : 52px;
margin : 22px 0 0;
}
div#top div#navpromo ul {
float : left;
width : 400px;
height : 52px;
list-style-type : none;
}
div#navpromo ul li {
float : left;
height : 52px;
}
div#navpromo ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#headerpromo {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#headerpromo div.wrap {
height : 299px;
background : url(../images/header-bg.png) no-repeat 50% 0;
}
div#headerpromo div#slide-holder {
z-index : 40;
width : 530px;
height : 299px;
position : absolute;
}
div#headerpromo div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 530px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#slide-controls a{color:#ffffff;}
div#headerpromo div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#headerpromo div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 530px;
height : 46px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#headerpromo div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#headerpromo div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#headerpromo div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#headerpromo div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#headerpromo div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#navpromo ul li a {
background : url(../images/nav.png) no-repeat;
}


.products_category_menu{
width: 200px; /*width of menu*/
}




ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 200px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #404040;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #161616;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

#products_center_container{border:1px solid red;}
#products_menu {
      float:left;
      width:100%;
      font-size:90%;
      line-height:normal;
	  border-bottom:1px solid silver; 
	  
      }
#products_menu ul {
	  margin:0;
	  padding:10px 0px 0 0px;
	  list-style:none;
      }
#products_menu li {
      display:inline;
      margin:0;
      padding:0;
	 
      }
#products_menu a {
      float:left;
      background:url("../images/products_menu_left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
#products_menu a span {
      float:left;
      display:block;
      background:url("../images/products_menu_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#555555;
	  font-weight:bold;
	  margin-right:1px;
	 

	  
      }
	  
#products_menu a div {
      cursor:pointer;
      }
	  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#products_menu a span {float:none;}
    /* End IE5-Mac hack */
	
#products_menu a:hover span {
      color:#fda700;
      }
#products_menu a:hover {
      background-position:0% -42px;
      }
#products_menu a:hover span {
      background-position:100% -42px;
      }
#prodicts_menu_active {
 color:#fda700;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	
/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
width: 135px;
background-color: #FFFFB9;
padding-bottom: 2px;
}

/*USER PANEL MENU*/
#blueblock{
width: 180px;
border-right:1px solid #555555;
border-left:1px solid #555555;
border-bottom:1px solid #555555;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-size: 90%;
background-color: #c2c2c2;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #e4e4e4;
margin: 0;
}

#blueblock li a{
display: block;
padding: 10px 5px 10px 8px;
background-color: #d7d7d7;
color: #000000;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{

background-color: #949494;
color: #fff;
}