html,
body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height:100%;
}

.logo {text-align: center; float:left; padding:0px; background:url(img/compass.png) no-repeat left; height:82px; width:82px;}
.promo {text-align: center; margin-left:10px;float:left; padding:0px; background:url(img/promo-compass-beta.png) no-repeat left; height:82px; width:222px; margin-right:20px;}

.promonew {text-align: center; margin-left:10px;float:left; padding:0px; background:url(img/promo-compass-beta-new.png) no-repeat left; height:82px; width:222px; margin-right:20px;}





table,th, td{border: 1px solid #DDDDDD;border-collapse:collapse;empty-cells: show;}
td
{
padding:5px;
}
.widgetTable
{
    border:none;
}
.widgetTable td
{
    border:none;
}


a,img{border:none;}
a {text-decoration: none;}



b{font-size: 110%;}
em{color: red;}

#maincontainer{
max-width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{


	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	border: 1px solid #cbcbcb;
	padding:2px;



	background-color: white;
	min-height: 80px; /*Height of top section*/

	margin-bottom:20px;
	margin-top:10px;
	margin-left:10px;
}

#topsection h1{
margin: 0;
padding-top: 15px;

}




#header{
background-image:url(img/mainTop.png);
	background-position: 100% 50%;
	background-repeat:no-repeat;
height: 80px; /*Height of top section*/
margin-bottom:20px;
}

h1{
color:#444444;
}

h1 a{
color:#0063DC;
}



.mainSection
{

	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	border: 1px solid #cbcbcb;

	padding:2px;



	background: white;
	min-height: 80px; /*Height of top section*/

	margin-bottom:20px;
	margin-top:10px;
	margin-left:10px;

}

.divHeader
{

	border-bottom: 1px solid #EAEAEA;

	height:15px;
	background:url(img/bgGrey.png) repeat-x;
	padding:8px 10px 12px 10px;

	font-weight: bold;
	color:#FF0084;
	font-size:110%;

}

.divHeader h2
{
    font-size:110%;
    margin: 0;
}

.tableHeader
{

	margin-top:15px;
	background-color:#6B6B6B;
	padding:5px;
	font-weight: bold;
	color:#FFFFFF;
	font-size:110%;
	border: 1px solid #DDDDDD;
	border-bottom:none;


	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;


	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;

	-o-border-radius-topright: 5px;
	-o-border-radius-topleft: 5px;
}

#tabs .smallHeader
{
	font-size:110%;
	margin-top:0px;
	margin-bottom:10px;
	background-color:#F8F8F8;
	padding:3px;
	color: #666666;
	font-size:100%;
	border: 1px solid #DDDDDD;

	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;


	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;

	-o-border-radius-topright: 3px;
	-o-border-radius-topleft: 3px;

	-webkit-box-shadow: 0px 2px 10px -3px #636363;
	-moz-box-shadow: 0 2px 10px -3px #636363;
	-opera-box-shadow: 0px 2px 10px -3px #636363;
}

#tabs .smallHeader a, а:visited
{
	color: rgb(0, 115, 234);
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 300px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
background: white;
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0 30px 0;
background-color:#F8F8F8;
color: #666666;
border: 1px solid #DDDDDD;
-webkit-box-shadow: 0px 2px 10px -3px #636363;
-moz-box-shadow: 0 2px 10px -3px #636363;
-opera-box-shadow: 0px 2px 10px -3px #636363;

}

#footer a, а:visited{
clear: left;
color: #666666;
}

.innertube{
margin: 10px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/

}

.spacer
{
	padding:8px;
}

/* За лебелите на филтъра*/


.filterLabels
{
list-style:none;
padding:10px;;
margin:0;

}

.filterLabels div
{
	text-align:center;
	font-size:80%;
	font-weight: bold;
	color:#666666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#f4f4f4;
	padding-left:3px;
	padding-right:3px;
	align:center;
	display:inline-block;
	margin:0px 5px 5px 0px;

	border: 1px solid #cbcbcb;



}


.filterLabels img
{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	cursor:pointer;
	margin-left:4px;
	position:relative;
	top:3px;
}

.filterLabels img:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}





.oScale:hover
{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);


}

.oScale
{

	-webkit-transition: all 3s ease-in-out;
	-moz-transition: all 3s ease-in-out;
	-o-transition: all 3s ease-in-out;

}


.CalendarIcon img
{
	position:relative;
	top:7px;
	margin-left:5px;
}

.bigTXT
{
	font-size:115%;
	color:#666666;
	letter-spacing:0.5px;
	display:table;
}

.bigTXT img
{
	margin-right: 15px;
}

.reklamaTOP
{
	float:right;
}

.reklamaTOP img
{
	margin-left:15px;
	border: 1px solid #cbcbcb;
	-webkit-border-top-radius: 3px;
	-webkit-border-top-radius: 3px;
	padding:3px;


	-moz-border-radius: 3px;
	-moz-border-radius: 3px;


}

.checkB
{
padding:1px;
margin-bottom:5px;
}

.warning
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	clear:both;
	min-height:20px;
	background:#FAA924;
	background-image:url('img/alert.png');
	background-repeat:no-repeat;
	background-position: 5px 5px ;
	padding: 15px 15px 15px 60px;
	z-index:200;
	display:block;


}


.detailTable
{
	color:#666666;
        width:100%;

}

.detailTable td
{
	padding-left:20px;
	max-width:250px;

}

.detailTable img
{
	align:left;
}


.detailTitle td
{
	padding:10px;
	background:#E6E6E6;
	color:#343434;
	border-color:#BDBDBD;

}

.detailObProduct td
{
	padding:10px;
	padding-left:20px;
	background-color:#F7F7F7;
	color:#343434;
	font-weight:bold;

}


.topPromo
{
	background-image:url('img/bookmark.png');
	background-repeat:no-repeat;
	background-position:  5px 50% ;
	padding-left:40px;
	min-height:30px;
}

body .mailman div {clear:left;margin-bottom: 0.8em;}
body .mailman label {float:left;width: 20%;font-weight: bold; font-size:11px;}
body .mailman input.text {width: 40%; padding: 0.2em;}
body .mailman textarea {height: 130px; width: 40%; padding: 0.2em;}

.msg
{
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
	background-color:#EBCE88;
	display:block;
	clear:both;
	padding:10px 10px 10px 40px;
	margin-bottom:5px;
	margin-top:0px;
	font-size:13px;
	background-image:url('../img/alert.png');
	background-position: 5px 50%;
	background-repeat:no-repeat;
}


.msgOK
{
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
	background-color:#97DE90;
	display:block;
	clear:both;
	padding:10px 10px 10px 40px;
	margin-bottom:5px;
	margin-top:0px;
	font-size:13px;
	background-image:url('../img/ok.png');
	background-position: 5px 50%;
	background-repeat:no-repeat;
}


.msgINFO
{
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
	background-color:#F4F4F5;
	display:block;
	clear:both;
	padding:10px 10px 10px 40px;
	margin-bottom:10px;
	margin-top:0px;
	font-size:13px;
	background-image:url('../img/ktip.png');
	background-position: 5px 50%;
	background-repeat:no-repeat;
	font-size:90%;

}

.msgINFO ul
{
	list-style-type: none;
	margin:0px;
	padding:5px 5px 5px 5px;

}



/* nav-main */
#nav-main {overflow: hidden; border-bottom:1px dotted #DADADA; background-color:#F8F8F8;}
#nav-main ul {float: left; list-style-type: none; margin:0px; padding:5px 5px 5px 5px;}
#nav-main li {display: inline;margin-left:0px; padding-left:0px;}
#nav-main a {float: left; border-right: 1px dotted #DADADA; padding: 0 .75em; font-size: 110%; font-weight: bold; text-decoration: none;}
#nav-main a:link, #nav-main a:visited {color: #0063DC; }
#nav-main a:hover, #nav-main a:focus {text-decoration: underline; }
#nav-main ul li:last-child a {border-right: 0;}



#nav-main h2
{
	display:inline;
	font-size:100%;
}

#nav-main .mactive a
{
	color:#FF0084;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 2px 10px -2px #636363;
	-moz-box-shadow: 0 2px 10px -2px #636363;
	border:none;


}


.photo
{
	display:block;
	border: 1px solid #CBCBCB;
	padding: 1px;
	-webkit-box-shadow: 0px 2px 10px -2px #636363;
	-moz-box-shadow: 0 2px 10px -2px #636363;
	text-align: left;
	float:left;
	margin:0px 10px 20px 5px;


}

.photoPC
{
	display:block;
	border: 1px solid #CBCBCB;
	padding: 1px;
	-webkit-box-shadow: 0px 2px 10px -2px #636363;
	-moz-box-shadow: 0 2px 10px -2px #636363;
	margin:0px 10px 20px 5px;


}

.photoBrand
{
	display:block;
	border: 1px solid #CBCBCB;
	padding: 1px;
	-webkit-box-shadow: 0px 2px 10px -2px #636363;
	-moz-box-shadow: 0 2px 10px -2px #636363;
	margin:1px 1px 1px 1px;


}

a:hover .photoBrand
{
	border: 1px solid #666666;
}

.historyDetails
{
	border:none;
	padding:20px;
}




.historyDetails td
{
	padding:5px 10px 0px 10px;
        border:none;
}

.historyTitle
{
font-weight: bold;
padding:2px 10px 2px 15px;
background-color:#EBEFF9;
margin-top:10px;
}

.ProdDetails h3
{
	font-size:190%;
}

.up{

color:#AA0033;
}

.down
{
color:#008000;
}

.clear
{
	clear:both;
	padding:0px;
	margin:0px;
	margin-top:10px;
}

.promoTitle
{
margin-top:10px;
font-weight: bold;
padding:2px 10px 2px 15px;
background-color:#EBEFF9;
}

.promoPrice
{
	padding:5px 10px 0px 10px;
}

.promoDate
{
	padding:5px 10px 0px 10px;
}

.promoDetails
{
	padding:5px 10px 0px 10px;
}

.PromoStores
{
	width:318px;
	float:right;
	margin-bottom:10px;

}

.similarItem
{
	float:left;
	width:300px;
	height:100px;
	padding:5px;
	vertical-align:middle;


}

.similarItem a
{
	font-weight: bold;
}



.priceChangeItem
{
	float:left;
	width:325px;
	height:100px;
	padding:5px;
	vertical-align:middle;


}

.priceChangeItem a
{
	font-weight: bold;
}


.ads
{
margin-top:10px;
text-align:center;
}

.widgetTabs
{
	display:table;
	margin:0px;
	padding:0px;
}

.widgetTabs table
{
	border:none;
}

.widgetTabs table td
{
	padding:2px 5px 2px 5px;
}

.price
{

	border-left:3px solid #CC0000;


	padding:3px;
	color:#000000;
	margin-right:10px;

	background-color:#F8F8F8;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;

}

.ProductType
{

	border-left:3px solid #3C3CA4;
	padding:3px;
	color:#000000;
	margin-right:10px;

	background-color:#F8F8F8;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;

}

.ProductGroup
{
	border-left:3px solid #FFC300;
	padding:3px;
	color:#000000;
	margin-right:10px;
	margin-left:15px;

	background-color:#F8F8F8;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;

}

.innerDiv
{
	margin-top:10px;


}

.firmDesc
{
	background-color:#F8F8F8;
	min-height:110px;
	padding:10px;


}

.social
{
  background:url(img/buzz.jpg) no-repeat left;
  padding-left: 20px;
  display:table-cell;
  height: 20px;
  color: #2E2E2E !important;
}

.social:hover
{
    text-decoration: underline;
}

/* search */

#search
{
    background-color:#F8F8F8;
    padding:5px 5px 5px 15px;
}
#search label
{
 color:#FF0084;
}


