body {
	background:url("/images/pageBG.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	font-family: verdana;
	font-size:12px;
	line-height:20px;
	color:#5e5e5e;
}

h1{
	margin:10px 0 10px;
	border-bottom:1px solid #87afc2;
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	line-height: 25px;
	color:#567482;
}
h1 span{
	border-bottom:2px solid #87afc2;
}

h1.noBorder{
	border:none;
	font-size:22px;
	margin:0;
}

h2{
	margin:10px 0 10px;
	border-bottom:1px solid #87afc2;
	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
	line-height: 23px;
	color:#567482;
}
h2 span{
	border-bottom:2px solid #87afc2;
}
h2 span a{
	border-bottom:2px solid #87afc2 !important;
	text-decoration: none;
	color:#567482;
}

h1, h2, h3, h4, h5{
	font-family: 'Ubuntu', sans-serif;
}

input {
	color:#555;
	background-image:linear-gradient(to top, #eee 0%, #fff 50%);
	border:1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:26px;
	padding:0px 7px;
	position: relative;
}

.noFloat{
	float:none !important;
}

.bcSep{
	padding:0 7px;
}

.imgBorder{
	border:1px solid #c3d0c7;
}

.list-view .pager{
	text-align: center;
	margin:20px 0 0 0;
}

.hidden{
	visibility: collapse;
	display: none;
}


/*header*/
header{
	background:url("/images/headerBG.jpg") no-repeat scroll 0 0;
	width:1008px;
	height:124px;
	margin:25px auto 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
header .logo{
	height:74px;
	width:211px;
	float:left;
	display:block;
	margin:25px 15px 25px 35px;
}
header .headBanner{
	height:90px;
	width:728px;
	border:1px solid #bcbcbc;
	float:left;
	margin:17px 0;
}

/*nav*/
nav{
	background:url("/images/menuBG.jpg") repeat-x scroll 0 0;
	width:1000px;
	height:35px;
	margin:0 auto;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align:left;
	font-size:0;
}
nav li{
	background:url("/images/menuSeparator.jpg") no-repeat scroll -1px 0;
	display: inline-block;
    line-height: 33px;
    margin-top: -1px;
    font-size:13px;
}
nav li:first-child{
	background:none;
}
nav li:hover, nav li.active{
	background-color: #345260;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
nav li a{
	color:#fff;
	text-decoration: none;
	font-family: 'Ubuntu', sans-serif;
	padding:0 30px;
	font-size:13px;
	display:block;
    text-shadow: 1px 1px 1px #2B2B2B;
}
.main{
	width:1008px;
	margin:0 auto;
}

/*footer*/
.footer{
	width:1008px;
	margin:0 auto;
	margin-top:20px;
	border-top:5px solid #567482;
	padding-top:10px;
}
.bottom{
	display:inline-block;
	width:100%;
}
.footer .nav{
	width:600px;
}
.footer img{
	float:right;
}
.footer a{
	text-decoration: none;
	color:#567482;
}


/* Content */
.content{
	width:730px;
	margin-right:18px;
	margin-top:15px;
	float:left;
}
.contentBanner{
	margin-top:25px;
}

/* Sidebar */
.sidebar{
	width:260px;
	float:left;
	padding-top:44px;
}

/*List box*/
.listBox{
	margin:0 30px 0 0;
	float:left;
	width:222px;
}
.listBox ul {
	color:#557381;
	font-size:12px;
	list-style: url('/images/bullet.png');
	padding-left:16px;
}
.listBox li{
	margin:10px 0;
	font-size:11px;
}
.listBox .showAll{
	display: block;
	text-align: center;
	width:100%;
	color:#fff;
	background-color:#87afc2;
	text-decoration: none;
}
.listBox:first-child{
	margin-left:0;
}
.listBox:last-child{
	margin-right:0;
}
.listBox a{
	color:#557381;
	text-decoration: none;
}

/* Newsletter */
.newsLetter{
	width:218px;
	border:1px solid #e3e3e3;
	padding:10px 15px 15px 15px;
	margin-top:15px;
}
.newsLetter.smaller{
	width:180px;
}
.newsLetter.smaller input, .newsLetter.smaller select{
	width:165px;	
}
.newsLetter p{
	color:#a2a2a2;
	font-size:11px;
	line-height: 15px;
	margin-bottom:10px;
}
.newsLetter h3{
	font-size:15px;
	color:#567482;
	margin-bottom:5px;
}
.newsLetter img{
	float:left;
	margin:5px 10px 0 0;
}
.newsLetter input, .newsLetter select{
	margin-top:10px;
	width:204px;
}

/*newsList and slider*/
.newsContent{
	height:265px;
}

/*slider*/
.slider{
	display: inline-block;
	float:left;
}
.bjqs-slide p{
	padding-left:15px !important;
	background-color:rgba(135, 175, 194, 0.84);
	color:#fff;
}
.bjqs-markers{
	position: absolute;
	top:0;
	text-align:right;
}
.bjqs-markers li a{
	background:#4d7558;
	color:#fff;
	display: inline-block;
	width:14px;
	height:14px;
	border:1px solid #000;
	margin:5px;
	outline: 0;
}
.bjqs-markers li.active-marker a{
	background:#fff;
	outline: 0;
}
div.newsPageSlider div.newsContent div.newsList ul li div p{
	height:68px;
	overflow: hidden;
}

/*news list*/
.newsContent {
	margin-top:10px;
}
.newsList{
	float:left;
	width:258px;
	height:270px;
	color:#567482;
	font-size:12px;
	line-height: 17px;
	padding-right:10px;
}
.newsList a{
	text-decoration: none;
	color:#567482;
}
.newsList li{
	display: block;
	height:88px;
	font-weight:bold;
	margin-bottom:3px;
	border-bottom:1px solid #ccc;
}
.newsList li:last-child{
	border-bottom:none;
}
.newsList img{
	margin-top:2px;
	float:left;
	margin-right:10px;
}
.newsListDate{
	font-size:11px;
	color:#ccc;
	font-weight: normal;
	margin-bottom:2px;
}

/*search box*/
.smallSearch{
	width:716px;
	height: 31px;
	padding:7px;
	background-color:#c7eafc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.smallSearch .searchKeyword{
	color:#555;
	background-image:linear-gradient(to top, #eee 0%, #fff 50%);
	width:250px;
	border:1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:26px;
	padding:0px 7px;
	position: relative;
	top: 1.5px;
}
.smallSearch .searchSubmit{
	background:url("/images/searchIcon.png") no-repeat scroll 10px 7px #c7eafc;
	cursor: pointer;
	display: inline-block;
	border:none;
	width:35px;
	height:30px;
	position: absolute;
	margin-left: 7px;
}
.searchForm{
	height:80px;
}
.searchForm .etabs li:first-child{
	margin-left:5px;
}
.searchForm .etabs li a{
	text-decoration: none;
	color:#fff;
}
.searchForm .etabs li{
	cursor: pointer;
	background-color: #567482;
	color:#fff;
	display: inline-block;
	width:88px;
	height:23px;
	padding:3px 5px;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 1px #2B2B2B;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.searchForm .etabs li.active, .searchForm .etabs li.active a{
	background-color: #c7eafc;
	color:#445A65;
	text-shadow: none;
}

/*sidebar tabs*/
.sidebarTabs{
	margin-top:20px;
}
.sideTabsBody{
	background-color: #f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:230px;
	padding:10px;
}
.sidebarTabs .etabs li:first-child{
	margin-left:5px;
}
.sidebarTabs .etabs li a{
	text-decoration: none;
	color:#fff;
}
.sidebarTabs .etabs li{
	cursor: pointer;
	background-color: #567482;
	color:#fff;
	display: inline-block;
	width:88px;
	height:23px;
	padding:3px 5px;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 1px #2B2B2B;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.sidebarTabs .etabs li.active, .sidebarTabs .etabs li.active a{
	background-color: #f2f2f2;
	color:#445A65;
	text-shadow: none;
}
.sidebarItems li span a{
	color:#567482;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
.sidebarItems li{
	border-bottom:1px solid #c3d0c7;
	margin-top:15px;
	padding-bottom:15px;
	font-family: verdana;
	font-size:10px;
	line-height: 15px;
	height:60px;
}
.sidebarItems li:first-child{
	margin-top:5px;
}
.sidebarItems li:last-child{
	border-bottom:none;
}
.sidebarItems li img{
	border:1px solid #c3d0c7;
	float:left;
	margin:3px 5px 0 0 ;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}


#adminThings {
	background-color: #eee;
	width:300px;
	position: fixed;
	top:0px;
	right:0px;
	border:1px solid #ccc;
	height:100%;
}
#adminThings.closed {
	right:-290px;
}
#adminThings .content{
	padding:0 0 0 10px;
}
.openClose {
	padding:10px;
	border-left:10px solid #f00;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	cursor:pointer;
}

/*edit model*/
div.form label{
	display: inline-block;
	width:130px;
}

/*banners*/
.banner img{
	/*border: 1px solid #bcbcbc;*/
}

/*News Page*/
.leftBar{
	width:225px;
	display: inline-block;
	vertical-align: top;
}
.newsPageSlider{
	display: inline-block;
	padding-left:20px;
	border-left:1px solid #87afc2;
}
.newsPageSlider .newsContent .newsList{
	width:233px;
	padding-right:30px;
	border-right:1px solid #87afc2;
	margin-right:30px;
}
.newsPageBlock{
	width:754px;
	padding-top:10px;
}
.newsPageBlock > .newsList{
	display: inline-block;
	width:240px;
	/*float:none !important;*/
	height:auto;
}
.newsPageBlock > .newsList:last-child{
	padding-right:0;
}
.newsSingleBody{
	display: inline-block;
	width:465px;
	border-left:1px solid #87afc2;
	border-right:1px solid #87afc2;
	padding: 0 15px;
}
.relatedNewsItem{
	height:120px;
}
.relatedNewsItem img{
	width:100px;
	float:left;
	margin:0 10px 0 0 ;
	max-height: 120px
}
.relatedNewsItem span a{
	color:#567482;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

/*products*/
.list-view{
	display: inline-block;
	width:775px;
	border-left:1px solid #bad1dc;
}
.viewProduct{
	background-color: #dce8ed;
	width:200px;
	display:inline-block;
	margin: 15px 30px;
	border:1px solid #dce8ed;
}
.viewProduct:nth-child(3n){
	margin-right:0 !important;
}
.viewProduct img{
	max-width:200px;
	min-height:160px;
}
.imageCut{
	height:155px;
	overflow: hidden;
	background-color: #777;
}
.items a{
	color:#567482;
	padding:0 5px;
	font-weight: bold;
	height:20px;
	white-space: nowrap;
	width:243px;
	display: inline-block;
}
.items > a {
    padding: 0 !important;
    text-align: right;
    width: 255px !important;
}

.viewProduct .text {
	padding: 0 5px;
	overflow: hidden;
}

.searchForm.products{
	display: inline-block;
	height:60px;
	padding-left:34px;
	border-left:1px solid #bad1dc;
}
.leftBar.products{
	float:left;
}
.searchForm.products{
	width:745px;
	padding:0 0 0 35px;
}
.searchForm.products .smallSearch {
	width:733px;
}
.searchForm.products .smallSearch .searchSubmit{
	margin-left:17px;
}

/*product*/
.singleProduct{
	display: inline-block;
	width:780px;
	border-left:1px solid #bad1dc;
}
.singleProduct .imagesBox{
	padding:0 0 0 35px;
}
.singleProduct .mainImageContainer{
	width:518px;
	max-height: 338px;
	overflow: hidden;
	display:inline-block;
	border:1px solid #bbd3df;
}
.singleProduct .mainImageContainer img{
	width:518px;
}

.singleProduct .otherImageContainer{
	width:202px;
	max-height: 338px;
	display:inline-block;
	vertical-align: top;
	overflow: hidden;
	margin-left:16px;
}
.singleProduct .otherImageContainer div{
	width:200px;
	height:100px;
	overflow:hidden;
	border:1px solid #bbd3df;
	margin:15px 0 0 0;
}
.singleProduct .otherImageContainer div:first-child{
	margin-top:0;
}
.singleProduct .otherImageContainer a img{
	width:200px;
	margin-top:-18%;
}
.singleProduct .productDesc{
	margin-top:10px;
}
.singleProduct a {
	color:#567482;
}
.singleProduct .productDescription{
	padding:0 0 0 35px;
}
.singleProduct .productDescription .viewProduct{
	margin: 15px 20px;
}

/*Company*/
.items a{
	width:auto;
}
#companyList {
	width:490px;
	padding:0 0 0 10px;
}
.companyBlock{
	/*height:180px;*/
	width:472px;
	border:1px solid #ccd5d9;
	margin-bottom:20px;
	padding:10px;
	background-color: #edf3f6;
}
.companyHead img{
	margin-bottom:-1px;
}
.companyHead{
	color: #b54400;
	font-weight: bold;
	padding:10px 0 5px 0;
}
.companyDescription{
	/*padding:0 10px;*/
}
.companyBranches{
	padding:3px 0;
	margin-top:10px;
	font-size:11px;
	text-align: center;
	color:#87afc2;
	border-top:1px solid #87afc2;
	border-bottom:1px solid #87afc2;
}
.companyBranchesView{
	padding:3px 0;
	font-size:11px;
	text-align: center;
	color:#87afc2;
	border-bottom:1px solid #bad1dc;
	margin-top:-12px;
}


.companydetails{
	margin-top:15px;
}
.companydetails .city,
.companydetails .distributor,
.companydetails .profile {
	display: inline-block;
}
.companydetails .city img,
.companydetails .distributor img,
.companydetails .profile img{
	margin-bottom:-3px;
}
.companydetails .city a,
.companydetails .distributor a,
.companydetails .profile a,
.companydetails{
	color:#8a9faa;
	font-weight: bold;
}

.companydetails .profile{
	width:152px;
	text-align: right;
	white-space: nowrap;
}
.companydetails .city,
.companydetails .distributor{
	width:165px;
}
.companydetails .city{
	padding-left:5px;
	width:140px;
}
	/* noVIP*/
.companyBlock.noVip{
	background-color: #f7f7f7;
}
.companyBlock.noVip .companyHead{
	color:#567482;
}

.singleCompany{
	border-left:1px solid #bad1dc;
	border-right:1px solid #bad1dc;
	width:482px;
	float:left;
	padding:0 0 0 20px;
}
.companyTitle h1{
	border:none;
	font-size:22px;
}
.companyTitle img{
	margin-bottom:-2px;
}
.companyAddressLogo a {
	color:#567482;
	text-decoration: none;
}
.companyAddressLogo{
	margin:10px 0;
	border-top:1px solid #bad1dc;
	border-bottom:1px solid #bad1dc;
	padding:8px 8px 8px 0;
	min-height: 100px
}
.companyAddressLogo .detail img{
	margin-right:5px;
	margin-bottom: -2px;
}
.companyAddressLogo .detail{
	font-size:11px;
	margin:4px 0;
}
.companyAddressLogo .detailLogo{
	float:right;
}
.companyDescription{
	padding-right:10px;
}
.companyProducts a{
	color:#567482;
	display: inline-block;
	width:auto;
}
.companyProducts .viewProduct{
	margin:15px 16px;
}

/*.companyBranches{
	border-bottom: 1px solid #bad1dc;;
}*/


/*Adverts*/
.viewAdvert{
	height:120px;
	width:472px;
	border:1px solid #ccd5d9;
	margin-bottom:20px;
	padding:10px;
	background-color: #f7f7f7;
}
.viewAdvert .adHead{
	color: #567482;
	font-weight: bold;
	margin-bottom:-15px;
}
.viewAdvert .adContent{
	padding-bottom:10px;
}
.adMainImage img{
	height:80px;
}
.adMainImage{
	height:80px;
	width:80px;
	overflow: hidden;
	background-color: #777;
	border:1px solid #d4e2d8;
	float:left;
	margin:5px 5px 0 0;
}
.adMainImage.noImg{
	border:none;
	background: none;
}
.description{
	width:380px;
	float:right;
}
.viewAdvert .description hr{
	border:none;
	border-bottom:1px solid #ccd5d9;
}

.adDetails{
	margin-top:15px;
}
.adDetails .type,
.adDetails .price,
.adDetails .profile {
	display: inline-block;
}
.adDetails .type img,
.adDetails .price img,
.adDetails .profile img{
	margin-bottom:-3px;
}
.adDetails .type a,
.adDetails .price a,
.adDetails .profile a,
.adDetails{
	color:#8a9faa;
	font-weight: bold;
}

.adDetails .profile{
	width:152px;
	text-align: right;
	white-space: nowrap;
}
.adDetails .type,
.adDetails .price{
	width:110px;
}
.adDetails .type{
	padding-left:5px;
	width:105px;
}
.adMainImage a, .adHead a{
	padding:0;
	text-decoration: none;
}


.singleAd{
	display: inline-block;
	width:500px;
	border-left:1px solid #bad1dc;
}
.singleAd .imagesBox{
	padding:0 0 0 35px;
}
.singleAd .mainImageContainer{
	width:466px;
	overflow: hidden;
	display:inline-block;
	border:1px solid #bbd3df;
}
.singleAd .mainImageContainer img{
	width:466px;
}

.singleAd .otherImageContainer{
	width:466px;
	display:inline-block;
	vertical-align: top;
	overflow: hidden;
}
.singleAd .otherImageContainer div{
	width:228px;
	height:100px;
	overflow:hidden;
	border:1px solid #bbd3df;
	margin:0 0 0 0;
	display: inline-block;
}
.singleAd .otherImageContainer div:nth-child(2){
	float:right;
}
.singleAd .otherImageContainer div:first-child{
	margin-top:0;
}
.singleAd .otherImageContainer a img{
	width:228px;
	margin-top:-18%;
}
.singleAd .productDesc{
	margin-top:10px;
}
.singleAd a {
	color:#567482;
}
.singleAd .productDescription{
	padding:0 0 0 35px;
}
.singleAd .productDescription .viewProduct{
	margin: 15px 20px;
}

/*FORMS*/
div.form .row{
	margin:10px 0;
}
#ui-datepicker-div{
	z-index: 100;
}

/* HIDE FILTER */
table.items tr.filters {display: none}

/*GRID VIEW*/
table.items tr td:last-child {width:90px;}


/* ADMIN */
.adminMenu{
	background: #ddd;
	padding:10px;
}
.adminMenu a{
	color:#000;
	text-decoration: none;
}
.adminMenu li:hover{
	background: #eee;
}
.adminMenu p{
	background: #ccc;
	padding:2px 5px;
	color:#333;
	font-size:14px;
	line-height:26px;
}