/************************************** STANDART CLASSES **************************************/

/* standart tags */

body {background: url(images/bg.png) 0% 0% #e8e7e7 !important; margin:0px; border-top: 10px solid #0f80b2; font-family: 'Ubuntu', 'UbuntuLight', sans-serif; font-size:12px; padding: 0 0 50px 0;}

hr {border: none; border-bottom: 1px solid #dce2e5; height: 1px;}
table {font-size: 10px;}
a:hover {color: #cbcbcb;}
a img {border: none;}

/* main color classes */
/* 1-darkest; 2-dark; 3-normal; 4-light */

.t1 { background-color: #A0AAAE; color: #FFFFFF; font-size: 10px;}
	#t1 a{color: White;}
.t2 { background-color: #dce2e5; color: #000000; font-size: 10px;}
	#t2 a{color: Black;}
.t3 { background-color: #ebeff4; color: #000000; font-size: 10px;}
	#t3 a{color: Black;}
.t4 { background-color: #FFFFFF; color: #000000; font-size: 10px;}
	#t4 a{color: Black;}

div.selected_sites {display: block; clear: both}
div.selected_sites li{list-style: circle;}
div.selected_sites h3 {color: #A0AAAE;}

#other_links {margin: 10px; clear:both; border-top: 1px solid #d9d9d9; padding: 10px 0 10px 0; display:table; width:730px;}
#other_links a{padding: 5px 10px 5px 10px; margin: 2px 5px 3px 0; color:#007db3; background: #f4f4f4; display: block; float:left; text-decoration: none; font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}	
#other_links a:hover {color:#FFF; background: #007db3;}

/************************************** TEXT CLASSES **************************************/

/* big text */
big {font-size: 12px; font-family: inherit; color: inherit;}

/*paragraph text*/
p {font-size: 12px;}

/* smallest text min 8px; */
small {font-size: 9px;}

h1 { font-size: 18px !important; font-weight: bold; color: #000000;} /* relative to h4 bgcolor or use extra color */
h2 { font-size: 16px !important; font-weight: bold; color: #636466;} /* relative to h3 bgcolor or use extra color */
h3 { font-size: 14px !important; font-weight: bold; color: #939598;} /* relative to h2 bgcolor or use extra color */
h4 { font-size: 12px !important; font-weight: bold; color: #bcbec0;} /* relative to h1 bgcolor or use extra color */

/* title, color text: bgimage, border, +(2-4px).big_text */
.date {font-size: 10px; font-variant: italic;}

h1.head_text {height: auto; line-height:30px; color: #007db3; font-size: 25px; background: url(images/head_text_bg.jpg) 0% 100% no-repeat #f4f4f4; padding: 15px 12px 25px 33px; margin: 56px 5px 10px 5px; clear: both; font-weight:normal; border-top: 1px solid #cfcfcf;}

#home h1.head_text {margin: 0px 15px 0px 15px;}

/************************************** LINK CLASSES **************************************/

/* navigation links */
#nav_links{font-size:12; color: #FFF; display:block; clear: both; margin: 0 20px 10px 20px; background: #F00; padding:10px;}
#nav_links a {font-size:12; color: #FFF;}
#nav_links a:hover{color: #FFF; text-decoration:underline}

a.next_link {display: table; padding: 5px; background: #f4f4f4; text-align: left; clear: both; color: #0f80b2; font-size:12px; text-decoration:underline;}
a.next_link:hover {background: #FFF;}

/************************************** IMAGE CLASSES **************************************/

/* main image from the cuurent page, eccept images from the template */
img.main_image {padding: 5px; border: 0px;}

/* border images, border alpha filter, padding, color border, border style */
img.border_image {border: solid 5px #ebebea; padding: 10px; }


/************************************** TABLE CLASSES **************************************/

/* main table, bgcolor, padding, margin, border=0px; */

.main_table {background: transparent; padding: 5px; margin: 0px; border: 0px; color: inherit; font-family: inherit; font-size:inherit;}
.main_table tr 	{background: #FFF; padding: 2px}
.main_table td 	{background: #FFF; padding: 2px}

/* border table: border, bgcolor, border-style, */
.border_table	{background: transparent; border: 1px solid #A0AAAE; color: inherit; font-family: inherit; font-size:inherit;}
.border_table thead td, .border_table th {background: #636466; text-align: center; color: #FFF; font-size: 14px;}
.border_table tr {background: #ebeff4; border-bottom: solid 0px #A0AAAE;}
.border_table td {border-bottom:1px solid #A0AAAE;  border-left: 0px solid #A0AAAE; border-right: 0px solid #A0AAAE; border-top: 0px solid #A0AAAE; }
.border_table tfoot td{background: #bcbec0; border: none;}

#page_prices {background: #e4e4e4; width:100%; border-collapse:collapse; clear:both;}
#page_prices th {font-size: 18px;}
#page_prices td {border-right: 1px solid #FFF; padding: 5px; font-size: 14px; color: #000; border-top: 5px solid #FFF; height: 30px; line-height:30px;}
#page_prices td.cart {background: #007db3;}
#page_prices td.cart_item_price {width: 100px; text-align:center; background: url(images/cart_price_bg.jpg) 100% 100% no-repeat;}
#page_prices td.cart:hover {background: #F00}

/************************************** BLOCK CLASSES **************************************/

/* message blocks, width, bgcolor, color */
.message_normal{display: block; margin: 5px; background: #dcddde; color: #000000; padding: 10px; border: solid 1px #c7c8ca;}
	.message_normal a{color: #000;}
	.message_normal a:hover{color: #000; text-decoration: underline;}

.message_warning {display: block; margin: 5px; background: #D5FCC9; color: #000000; font: 10px inherit; padding: 10px; border: solid 1px #CAEFA7;}
	.message_warning a{color: Black;}
	.message_warning a:hover{color: Black;	text-decoration: underline;}

.message_error{display: block; margin: 5px; background: #FF0000; color: #FFFFFF; font: 10px inherit; padding: 10px; border: solid 1px #D70000;}
	.message_error a{color: #FFF;}
	.message_error a:hover{color: White;	text-decoration: underline;}


/************************************** FORM CLASSES **************************************/

/* standart classes */
form {padding: 0px; margin: 0px;}
input, select, textarea {color: #007db3; background: #f4f4f4; border: 1px solid #cfcfcf; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input:focus {outline:none; border: 1px solid #007db3}

form.search input{margin: 20px;  padding: 5px;}

/************************************** MENU CLASSES **************************************/

#menu a.menu_button {display: block; color:#666666; font-size:18px; text-decoration:none; border: 1px solid #FFF; border-bottom: 1px dotted #d6d6d6; padding:10px 5px 10px 5px; margin: 0 25px 0 25px; line-height: 18px; text-align:left; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;}
	#menu a.menu_button:hover, #menu a.selected, #menu a.open {display: block; font-size:18px; text-decoration:none; color: #007db3; background: #FFF; border: 1px solid #d6d6d6; border-right: 1px solid #FFF; margin: -1px 0 0 15px; padding: 10px 30px 11px 15px;}
	#menu a.open {background: #f4f4f4; border-right: 1px solid #f4f4f4;}
	
#menu .submenu_button {display: block; font-size: 14px; background: #FFF; color: #000; padding:5px 10px 5px 10px; margin: 0 0 1px 0; text-align:left; border-radius:5px; -moz-border-radius:5px;}
	#menu .submenu_button:hover, #menu .sbselected {background: #007db3; color:#FFF;}

.menu_button_bullet, .submenu_button_bullet {display: block; width: 20px; height: 20px; float: left;}

#menu .submenu {display: block; padding:15px 5px 10px 5px; margin: -5px 0 0 15px; border: 1px solid #d6d6d6; border-top: 1px solid #FFF; border-right: 1px solid #FFF; background: #FFF; border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px;}

#menu .menu_shadow{display: block; height: 17px; background: url(images/menu_shadow.png) 0% 0% no-repeat; margin: 1px 0 0 25px;}

/************************************** EXTRA CLASSES **************************************/

/* bullets : bgimage 20x20px (.gif)*/

.bullet1 {display: block; float: left;  background: url(images/bullet1.gif) 50% 50% no-repeat; width:30px; height:30px;}/* prefix bullet */
.bullet2 {background-image: url(https://www.maksoft.net/css/images/bullets/bullet2.gif); display: block; float: left; width:20px; height:20px; background-repeat: no-repeat;}/* sufix bullet */	


@import url(https://maksoft.net/css/admin_classes.css);
	/* predefine here*/
	
/*CMS classes*/

/*page content identificator*/

#pageContent {display: block; margin: 0px 10px 10px 10px; clear:both; min-height:325px; height:auto;}
#home #pageContent {margin: 0px 15px 10px 15px; min-height:0px;}

#pageContent .sPage{float: left; margin: 7px; background: #FFF; padding: 0 0 5px 0}
#pageContent .sPage a {font-weight: normal; text-decoration: none;}
#pageContent .sPage a:hover {color: #cbcbcb;}

#pageContent .sPage a.title{float: left; border: none; border-bottom: 1px solid #d9d9d9; color: #007db3; font-size: 16px; display: block; width: 100%; margin: 1px;}
#pageContent .sPage a.title:hover{background-color: #f4f4f4; color: #000000;}

#pageContent .sPage .text{display: inline; margin: 1px; cursor: pointer; }
#pageContent .sPage .text a {color: #000;}
#pageContent .sPage .text a:hover {color: #cbcbcb;}
#pageContent .sPage img{background-color: #d9d9d9; border: 1px solid #FFF; margin: 0px;}
#pageContent .sPage img:hover{border: 1px solid #0b83bb;}
#pageContent .sPage img[align="left"] {margin: 1px 10px 1px 1px}
#pageContent .sPage img[align="right"] {margin: 1px 1px 1px 10px}
/*
#pageContent .sPage a.img {display: table; float: left; height:auto; background: url(http://www.maksoft.net/Templates/brandit/images/shadow.jpg) 50% 100% no-repeat; padding: 0 0 12px 0;}
*/
#pageContent .sPage .ssLinks {display: block; clear:both; height: 300px; border: 1px solid #FFF;}
#pageContent .sPage .ssLinks:hover {border-left: 1px solid #069;}
#pageContent .sPage .ssLinks a{padding: 5px; margin: 1px; color:#069; background: #F5F5F5; display: block; float:left; text-decoration: none; font-size:10px;}
#pageContent .sPage .ssLinks a:hover{text-decoration: underline; color: #000000;}

#pageContent .sDelimeter {clear: both;}

div.shadow {display: block; clear:both; height:12px; background: url(images/shadow.jpg) 50% 0% no-repeat;}
#home div.shadow {display: block; clear:both; height:12px; background: url(images/shadow_long.jpg) 50% 0% no-repeat;}

#promo {display: block; height:320px; clear: both; margin: 56px 15px 0 15px;}
#promo h2 {color: #007db3; font-size: 25px; text-align:left; height:60px; line-height:60px; margin: 0px; padding:0px; font-weight: normal;}
#promo .box {display: block; width:355px; height: 300px; background:#FFF;}

#box_promo.box {float: left; display: block; width: 355px; height: 300px; overflow:hidden; position:relative;}
#box_promo .promo_info {display: block; text-align: center; width: 355px; height: 50px; position: absolute; z-index:10; margin: 190px 0 0 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); color:#FFF; line-height:50px; text-align: center; font-size:16px;}
#box_promo .promo_info .add_to_cart {display: block; width: 60px; height:50px; float:left; background: url(images/add_to_cart.jpg) 50% 50% no-repeat;}
#box_promo .promo_info .title {display: block; float: left; width: 215px; margin: 0 auto 0 auto; height: 50px; line-height: 50px;}
#box_promo .promo_info .price {display: block; width: 80px; height:45px; float:left; border-bottom: 5px solid #0f80b2; position:relative;}
#box_promo .promo_info .price.special {background: transparent; color: #FFF; font-weight:bold;}
#box_promo .discount {display: block; width: 80px; height: 80px; background: #C00; color: #FFF; text-align:center; line-height: 80px; font-size: 25px; position: absolute; margin: 20px 20px 0 255px; border-radius:40px; }

#box_latest.box {float: right; display: block; width: 355px; height: 300px; overflow:hidden; position:relative}
#box_latest h2 {border-bottom: 1px solid #cfcfcf;}
#box_latest .product {display: block; width: 160px; height: 200px; float:left; margin: 10px 0 0 10px;}
#box_latest .img_content{display: block; border: 1px solid #c8c9c9; clear:both; width: 160px; height:170px;}
#box_latest .img_content:hover {border: 1px solid #0f80b2;}
#box_latest img {clip:rect(0px,160px,170px,0px); position:absolute;}
#box_latest .product .title {display: block; text-decoration: none; height: 40px; text-align:center; line-height: 16px; color: #000; font-size:16px; padding: 7px 5px 5px 5px; background: url(brandit/images/shadow.jpg) 50% 0% no-repeat; margin: 1px 0 0 0;}
#box_latest .product .title:hover {color: #0f80b2;}
#box_latest .label_new {position: absolute; z-index: 3; margin: 30px 0 0 -5px; background: url(images/label_new.png) 0% 0% no-repeat; display: block; width: 43px; height: 23px;}

.box_categories {display: table; clear:both; margin: 0 0 20px 0; height:auto;}
.box_categories .category {display: block; float:left; background:url(images/bullet1.gif) 0% 0% no-repeat #FFF; width: 48%; margin: 1%;}
.box_categories .category:last-child {background: none;}
.box_categories .category a.title {margin: 0 10px 0 30px; color: #007db3; font-size: 20px; text-decoration:none;}
.box_categories .category .sublinks {color: #7a7a7a; margin: 0 0 0 30px;}
.box_categories .category .sublinks a{color: #7a7a7a; text-decoration:underline; font-size:14px;}
.box_categories .category .sublinks a:hover {color: #007db3}
.box_categories .category a.more {display: block; width:110px; height:28px; line-height:28px; color: #FFF; background: #007db3; font-size:14px; text-decoration:none; text-align:center; margin: 0 0 0 30px; border-radius: 3px; -moz-border-radius:3px; padding:0px;}
.box_categories .category a.more:hover{background: #36a6ca;}

.coll {display: block; width: 180px; float:left;}
.coll ul {margin: 0px; display: block; width: 180px;}
.coll li {list-style-image:url(images/li_bullet.jpg); margin:0;}
.coll a{font-size: 14px; color: #0f80b2;}
.coll h3{margin: 10px 10px 10px 40px;}

.box_howto {display: table; clear:both; margin: 0 0 20px 0; height:auto; width:100%;}
.box_howto h2{border-bottom: 1px solid #d9d9d9; margin: 0px; font-size: 25px; color: #007db3; padding: 0 10px 0 10px; font-weight:normal; line-height:50px;}
.box_howto h2 a {color: #007db3; text-decoration: none;}
.box_howto img{margin: 0 0 0 4px;}

#box_news {display: block; height:auto; background: #FFF; margin: 8px; text-align:left; padding: 0 0 20px 0; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;}
#box_news h3 {color: #FFF; display: block; height: 48px; line-height:38px; background: url(images/news_title.jpg) 0% 0% no-repeat; text-align:left; padding: 0 20px 0 20px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;}
#box_news .news {margin: 20px 10px 10px 10px;  font-size: 12px; text-align:justify;}
#box_news a.title {color: #000; text-decoration: underline; display: block; font-size:16px;}
#box_news a.next_link {color: #0f80b2; font-size:12px; text-decoration:underline; display:block; text-align:left; background: none;}

#social_links {display: block; width: 184px; height:30px; }
#social_links .sl_content {display: block; height: 40px; margin: 0 auto 0 auto; width: 100px; background: #FFF; min-height:0px; text-align:center; box-shadow:inset 1px 1px 3px #747474;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#social_links .sl_content a {display: block; width:25px; height: 25px; float: left; margin: 6px 0 6px 6px ; background-image: url(images/social_links.jpg); background-repeat:no-repeat;}
#social_links .sl_content a.rss {background-position: 0% 0%}
	#social_links .sl_content a.rss:hover {background-position: 100% 0%}
#social_links .sl_content a.facebook {background-position: 0% 50%}
	#social_links .sl_content a.facebook:hover {background-position: 100% 50%}
#social_links .sl_content a.tweeter {background-position: 0% 100%}
	#social_links .sl_content a.tweeter:hover {background-position: 100% 100%}
	
#box_most_visited {display:table; clear:both; padding: 0 0 0 20px;}
#box_most_visited .label {color: #979797; float: left; padding: 5px; margin: 1px; }
#box_most_visited a{padding: 5px; margin: 1px; color:#069; background: #F5F5F5; display: block; float:left; text-decoration: none; font-size:10px;}	
#box_most_visited a:hover {color:#FFF; background: #069;}

#box_tags {margin: 20px; diplay: block;}
#box_tags a{color: #069; text-decoration:none;}
#box_tags a:hover {color:#999;}

a.download {display: block; float: left; margin: 37px 0 0 510px; width: 83px; height:83px; background: url(images/download_catalog.png) 0% 0% no-repeat;}