﻿@charset "UTF-8";

@media all {
	#nav_main { /* (en) This image is mainly transparent */
		background: #F5F8FB url(/images/tabs/tabsBg.gif) top repeat-x;
		float: left;
		width: 100%;
	}
	#nav_main ul {
		height: 30px !important;;
		list-style: none;
		margin: 0;
		padding: 0 0 0 50px;
		white-space: nowrap;
		background: transparent url(/images/tabs/blue-bg.gif) repeat-x scroll left -4px !important;
		padding-left: 25px;
		border-bottom: 1px solid #CCCCCC;
	}
	#nav_main li { /* (en) Repeat the main color from the image */
		background: url(/images/tabs/shop-bg.gif) right -84px no-repeat;
		float: left;
		margin: 0;
		padding: 0 3px 0 3px;
		border: 1px solid #CCCCCC;
		border-bottom: none;
		border-width: 0;
		line-height: 20px;
	}
	#nav_main a,#nav_main strong { /* (en) This image is mainly transparent */
		background: url(/images/tabs/shop-bg.gif) left -45px no-repeat;
		color: #667;
		display: block;
		font-weight: normal;
		padding: 5px 11px 3px 8px;
		text-decoration: none;
		text-transform: none;
		/**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
		width: auto; /* only IE 5.x */
		width /**/: /**/ .1em; /* only IE 6.0 */
	}
	/**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */
	#nav_main>ul a,#nav_main>ul strong {
		width: auto;
	} /* for other browsers */
	#nav_main #current { /* (en) Repeat the main color from the image */
		background: transparent url(/images/tabs/blue-bg.gif) no-repeat scroll left -166px !important;
		border: 0;
		padding: 0px;
		margin: 0px 3px 0px 3px;;
		border-bottom: none;
	}
	#nav_main #current a,#nav_main #current strong { /* (en) This image is mainly transparent */
		background: transparent url(/images/tabs/blue-bg.gif) no-repeat scroll right -127px !important;
		color: #334;
		font-weight: bold;
	}
	.CommonPanel {
		margin-bottom: 3px;
	}
	.CommonPanel h3 {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 23px;
		padding-left: 10px;
		color: #FFF; *
		zoom: 1;
		background: transparent url(/images/tabs/blue-bg.gif) left -320px repeat-x !important;
	}
	.CommonPanel .box {
		border: 1px solid #BACBE0;
		border-top: none;
		background-color: #F8FAFD;
	}
	.CommonPanelHeader {
		margin-bottom: 0px;
		height: 23px;
	}
	.CommonPanelHeader h3 {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 23px;
		padding-left: 10px;
		color: #FFF; *
		zoom: 1;
	}
	.CommonPanelHeader {
		background: transparent url(/images/tabs/blue-bg.gif) left -320px repeat-x !important;
		border-bottom: 1px solid #ffb0b9;
	}
	.CommonPanelBody {
		padding: 20px 4px 10px 5px;
		overflow: hidden;
		margin-top: 0;
		width: 192px;
	}
	ul.CommonPanelList {
		list-style: none;
		position: relative;
		top: -10px;
	}
	ul.CommonPanelList li {
		border: none;
		border-top: 1px dashed #eee;
		padding: 3px 0 3px 10px;
		overflow: hidden;
	}
	ul.CommonPanelList li.Patro {
		background: none;
		border: none;
		padding-bottom: 0;
	}
	ul.CommonPanelList li.Patro .pic {
		background: none;
		padding: 3px 0 3px 5px;
		width: 170px;
	}
	ul.CommonPanelList li h4 {
		padding: 0;
		margin: 0;
		line-height: 16px;
		margin-left: -10px;
		border-top: 1px dashed #eee;
		overflow: hidden;
		width: 178px;
	}
}