
* {
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
}

body {
	font-size: 12px; 
	font-family: Arial, sans-serif;
}

/* GENERAL LAYOUT */

div#background {

	background: #fff url(backgrou.jpg) no-repeat top center;
    margin:0;
    width:100%;
    overflow:hidden;
/*
*/

}

div#wrapper {
	width: 1003px;
    overflow: hidden;
	background: #fff;
	border: 1px solid #daccd4;
	margin: 0 auto;
	margin-top: 76px;
}

div#leftcolumn {
	width: 260px;
	float: left;
	padding-top: 183px;
	background:#fff url(logo0000.png) no-repeat 63px 21px;
}

div#rightcolumn {
	width: 743px;
	float: right;
	background: #fff; 
}

div#suppliers {
	// see SUPPLIERS section 
}

h1 {
	line-height: 23px;
	height: 23px;
	font-size: 12px;	
	text-transform: uppercase;
	margin-bottom: 15px
}

p {
	font-size: 11px;
	text-align: justify;
	margin: 15px 0;
}

a {
	color: #00afa9;
}

a.h2 {
	text-decoration: none;
}

a.h2:hover {
	text-decoration: underline;
}

div#breadcrumbs {
	color: #00afa9;
	text-align: left;
	margin-top: 20px;
	clear: both;
}

div#pagetitle {
	font-size: 28px;
	font-weight: bold;
	clear: both;
	margin-bottom: 17px;
	margin-top: 24px;
	display: block;
}

div#pagetitle img {
	position: relative;
	top: 4px;
}

div.maincontent, form.maincontent {
	width:681px;
	padding: 0 21px;
	background: #fff;
	border: 1px solid #e6ebea;
}


/* SUPPLIERS */

div#suppliers {
	height: 133px;
	width: 100%;
	clear: both;
	border-top: 1px solid #eaeceb;
	padding: 25px 0;
	overflow: hidden;
	
	display: none;
}

div#suppliers .description {
	width: 217px;
	height: 118px;
	float: left;
	padding: 0 23px;
}

div#suppliers .images {
	
	width: 660px;
	float: left;
}

div#suppliers .item_container {
	float: right;
	width: 70px;
	height: 52px;
	font-size: 9px;	
	color: #8C8C8C;
	position: relative;
	margin: 0 12px 12px 12px;
}

div#suppliers .item {
	padding: 12px;
 	border: 1px solid #FFFFFF;
}

div#suppliers .item img {
	max-height: 52px;
	max-width: 65px;
	
}

div#suppliers .item span, div#suppliers .item p {
	display: none;
}

div#suppliers .item.hovered span, div#suppliers .item.hovered p {
	display: block;
}

div#suppliers .hovered {
	width: 200px;
	height: 52px;	
	border: 1px solid #eaeceb;
	position: absolute;
	background: #fff;
	z-index: 9990;
}

div#suppliers .hovered img {
	margin-right: 12px;
	max-height: 52px;
	float: left;
}

div#suppliers .hovered span {
	display: block;
	margin-bottom: 0.5em;
	
	color: #00989c;
	font-size: 11px;
	
}

div#suppliers .hovered p {
	margin: 0;
	font-size: 9px;
}



/*   CATEGORIES NAVIGATION  */

ul#categories {
	display: block;
	width: 236px;
	border-top: 1px solid #e9ecea;
	color: #009c9f;
    margin-top:36px;
	font-weight: bold;
	margin-bottom: 36px;
}

ul#categories li {
	height: 35px;
	padding-left: 23px;
	list-style: none;
	border-bottom: 1px solid #e9ecea;
	line-height: 33px;
	white-space: nowrap;
	
}

ul#categories a {
	color: #009c9f;
	text-decoration: none;
  	
}

ul#categories a:hover, ul#categories li.current a {
	text-decoration: none;
	color: white;
}

ul#categories li:hover, ul#categories li.current {
	background: /*#54127c*/ url(backgrou.gif) no-repeat 0 0px; 
	cursor: pointer;
}

ul#categories li:hover a {
	color: white;
}

ul#categories li.new a:after{
	content: url(http://www.7cont.ru/images/newcategorymarker.png);
	display: inline-block;
	margin-left: 1em;
}

/*
ul#categories li.new a {
	//z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = this.innerHTML + " <img src='images/newcategorymarker.png' />")
}
*/

/* LEFTCOLUMN CONTACT INFO */

div#contactinfo .separator {
	width: 236px;
	height: 1px;
	margin: 0 -23px;
	margin-bottom: 26px;	
	background: #e9ecea;
}

div#contactinfo {
	width: 190px;
	height: 251px;
/*
	margin-top: ;
*/
	padding: 26px 23px;
	border: 1px solid #e9ecea;
}

div#subscribe {
	width: 190px;
	height: 76px;
	padding: 26px 23px;	
	
}

div#subscribe img {
	cursor: pointer;
}

div.tel {
	font-size: 16px;
	color: #00afb7;
	background: url(pic_tel0.png) no-repeat 0 0px;
	padding-left: 26px;
	line-height: 26px;
}

div.skype {
	font-size: 16px;
	color: #00afb7;
	background: url(http://www.7cont.ru/images/pic_skype.png) no-repeat 0 0px;
	padding-left: 74px;
	line-height: 26px;
}

div.icq {
	font-size: 16px;
	color: #00afb7;
	background: url(http://www.7cont.ru/images/pic_icq.png) no-repeat 0 0px;
	padding-left: 51px;
	line-height: 26px;
}

div.email {
	font-size: 16px;
	color: #00afb7;
	line-height: 26px;
}

div.call {
	font-size: 16px;
	color: #00afb7;
	line-height: 26px;
}

/*   SECTIONS BUTTONS  */

ul#sections {
	height: 40px;
	width: 100%;
	background:#00a5a7 url(backgrov.gif) repeat-x;
	color: white;
	font-weight: bold; 
}

ul#sections li {
	float: left;
	height: 40px;
	padding: 0 18px;
	line-height: 40px;
	border-left: 1px solid #00c3c3;
	list-style: none;
	
}

ul#sections li#homepagebutton {
	border-left: none;
}

ul#sections a {
	color: #fff;
	text-decoration: none;
}

ul#sections li:hover a {
	text-shadow: 0px 0px 15px #fff;
	cursor: pointer;
	
    filter: glow(color=#ffffff,strength=10);

}

/*   SEARCH FORM   */

form#search {
	width: 697px;
	height: 92px;
	background:#410746 url(http://www.7cont.ru/images/background_search.jpg) no-repeat left top;
	padding-top: 26px;
	padding-left: 26px;
	
}

input#searchinputfield {
 	float: left;
	width: 609px;
	height: 43px;
	line-height: 43px;
	background: #fff url(backgrow.gif) no-repeat left top;
	padding-left: 12px;
	font-size: 16px;
	color: #c4c5c5;
}

input#searchheaderinputfield {
 	float: left;
	width: 150px;
	height: 24px;
	line-height: 24px;
	background: #fff url(backgrow.gif) no-repeat left top;
	color: #c4c5c5;
    margin-top:4px;
    padding-left:4px;
}

input#searchsubmitbutton {
	float: left;
	width: 46px;
	height: 43px;
	background: transparent url(backgrox.gif) no-repeat left top;
	cursor: pointer;
}

input#searchheadersubmitbutton {
    float:left;
	width: 26px;
	height: 24px;
    line-height: 24px;
	background: transparent url(backgroy.gif) no-repeat left top;
	cursor: pointer;
    margin-top:4px;
}

div#searchhelpstring {
	margin-top: 10px;
	color: #8759a4;
	font-size: 14px;
	line-height: 46px;
}

div#searchhelpstring a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px white dotted;
}

/* HOT OFFERS */

div#hotoffers {
	width: 725px;
	height: 176px;
	background: #fff url(http://www.7cont.ru/images/background_hotoffers.png) no-repeat left top;
	
}

div#hotoffers a {
	color: #000;
	text-decoration: none;
}

div#hotoffers a:hover {
	text-decoration: underline;
}

div#hotoffer1, div#hotoffer2, div#hotoffer3 {
	width: 204px;
	height: 124px;
	float: left;
	margin: 25px 17px;
}

div#hotoffers .header {
	padding-left: 10px;
	margin-bottom: 17px;
	line-height: 23px;
	color: #fff;
	font-size: 12px;	
	text-transform: uppercase;
}

div#hotoffers .title {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	float: left;
	margin-bottom: 4px;
}

div#hotoffers .description {
width: 124px;
	font-size: 10px;
	font-weight: lighter;
	float: left;
	border-bottom: 1px solid #e2e8e6;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

div#hotoffers .oldprice {
	font-size: 10px;
	text-decoration: line-through;
	color: #009da2;
	font-weight: bold;
	float: left;
}

div#hotoffers .currentprice {
	font-size: 24px;
	font-weight: bold;
	float: left;
	clear: left;
	margin-top: -7px;
	
}

div#hotoffers img {
	float: right;
	width: 78px;
	height: 84px;
}

div#hotoffers #hotoffer1 .header {
	background-color: #009da2;
}

div#hotoffers #hotoffer2 .header {
	background-color: #f06b9a;
}

div#hotoffers #hotoffer3 .header {
	background-color: #fc6f37;
}

/* BESTSELLERS */

div#bestsellers {
	width: 715px;
	padding: 22px 0;
}

div#bestsellers a {
	color: #000;
	text-decoration: none;
}

div#bestsellers a:hover {
	text-decoration: underline;
}

div#bestseller1, div#bestseller2, div#bestseller3, div#bestseller4, div#bestseller5, div#bestseller6, div#bestseller7, div#bestseller8, div#bestseller9, div#bestseller10 {
    height: 124px;
	width: 306px;
	float: left;
	margin: 18px 16px 18px 18px;
}

div#bestsellers .header {
	width: 633px;
	margin-left: 18px;
	margin-right: 18px;
	height: 22px;
	background: #8a46b3 url(backgroz.gif) no-repeat 8px 4px;
	padding-left: 28px;
	margin-bottom: 4px;
	line-height: 22px;
	color: #fff;
	font-size: 12px;	
	text-transform: uppercase;
}

div#bestsellers .title {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	float: left;
    width:220px;
}

div#bestsellers .description {
    width: 220px;
	font-size: 9px;
	font-weight: lighter;
	float: left;
	border-bottom: 1px solid #e2e8e6;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

div#bestsellers .oldprice {
	font-size: 10px;
	text-decoration: line-through;
	color: #009da2;
	font-weight: bold;
	float: left;
}

div#bestsellers .currentprice {
	font-size: 24px;
	font-weight: bold;
	float: left;
	clear: left;
	margin-top: -7px;
	
}

div#bestsellers img {
	float: right;
	width: 78px;
	height: 84px;
}

div#bestsellers .measurement {
	color: #a7b4bd;	
	padding-left: 0.4em;
	text-transform: uppercase;
}

/* NEWS */

div#news{

}

div#news a {
	color: #00989c;
	text-decoration: none;
}

div#news a:hover {
	text-decoration: underline;
}

div#news .header {
	width: 192px;
	height: 24px;
	margin-left: 18px;
	line-height: 24px;
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;	
	cursor: pointer;
}
/*
background: url(images/rsslink.png) no-repeat right -1px;
*/

div#news1, div#news2, div#news3, div#news4, div#news5, div#news6{
	width: 204px;
	float: left;
	margin: 18px 16px 18px 18px;
	border-top: 1px solid #e4e8e7;
    height: 170px;
}

div#news .title {
	padding-top: 23px;
	color: #00989c;
	font-size: 11px;
	text-align: justify;
	
}

div#news .excerpt {
	margin-top: 15px;
	font-size: 10px;
	text-align: justify;
	font-weight: lighter;
}

/* BANNERS */

div#banners {
	width: 1003px;
	height: 126px;
	margin: 16px auto;
	padding-left: 6px;
}

div#banners div {
	width: 327px;
	height: 80px;
	margin-right:6px;
}

/*div#banner1 {
	background: url(images/background_banner1.jpg) no-repeat top left;
}

div#banner2 {
	background: url(images/background_banner2.jpg) no-repeat top left;
}

div#banner3 {
	background: url(images/background_banner3.jpg) no-repeat top left;
}*/

/*   FOOTER   */


div#footer {
	width: 1007px;
	height: 156px;
	margin: 0 auto;
	clear: both;
	background: url(backgrp0.gif) no-repeat top left;
	padding: 10px 0 0 0;
	
}

div#footer h1 {
	padding-left: 23px;
	margin-bottom: 5px;
}
div#footer .asidediv {
	width: 318px;
	float: left;
	border-top: 1px solid #e8eceb;
	padding: 23px 23px 10px 23px;
}

div#footer .middlediv {
	width: 229px;
	float: left;	
	border: 1px solid #e8eceb;
	border-bottom: none;
	padding: 23px 23px 10px 23px;
}

div#footer .asidediv img {
	margin-right: 23px;
}

/*   USERSMENU  */

div#usermenu {
	position: fixed; top: 0; left: 0; z-index: 9999;
	width: 100%;
	height: 47px;
	background: #3a1547 url(backgrp1.gif) repeat-x;
	line-height: 47px;
	color: #b393ba;
}

div#usermenuwrapper {
	width: 1103px;
	height: 39px;
	margin: 3px auto;
	padding-top: 1px;
/*
	background: url(images/background_usersmenuwrapper.gif) no-repeat left top;
*/
}

div#usermenuwrapper ul {
	height: 38px;
	line-height: 38px;
	
}

div#usermenuwrapper ul li{
	float: left;
	height: 36px;
	line-height: 36px;
	list-style: none;
	border-right:1px solid #613a79 ;
	padding: 0 18px;
}

div#usermenu span {
	color: #fff;
	font-weight: bold;
}

div#usermenu li img {
	float: left;
	margin-top: 1px;
	margin-right: 7px;
	position: relative;
	top: 1px;
}

div#usermenu li.basket_notempty {
	 background: url(backgrou.png) no-repeat left -2px;
	 padding-right: 0;
	 width: 230px;
	 cursor: pointer;
}

div#usermenu li.basket_notempty a {
	color: #afa26e;
	border-bottom: 1px dotted #afa26e;
	text-decoration: none;
	margin-left: 19px;
}

div#usermenu li.basket_notempty a span {
	color: #ffd81a;
}

div#usermenu li.basket_notempty.expanded {
	 background: url(backgrov.png) no-repeat left -1px;
}

div#usermenu li.basket_notempty.expanded a {
	color: #fff;
	border-bottom: none;
}

div#usermenu li.basket_notempty.expanded a span {
	color: #fff;
}

div#usermenu li.basket_added {
	 background: url(backgrou.png) no-repeat left -2px;
	 padding-right: 0;
	 width: 230px;
	 cursor: pointer;
}

div#usermenu li.basket_added a {
	color: #ffd81a;
	border-bottom: 1px dotted #ffd81a;
	text-decoration: none;
	margin-left: 19px;
}

div#usermenu li.basket_added a span {
	color: #ffd81a;
}

div#usermenu li.basket_added.expanded {
	 background: url(backgrov.png) no-repeat left -1px;
}

div#usermenu li.basket_added.expanded a {
	color: #fff;
	border-bottom: none;
}

div#usermenu li.basket_added.expanded a span {
	color: #fff;
}

div#usermenu #displaybasket {
	  padding: 12px 0 13px 18px; border-left:1px solid #563457; margin: 2px 0 0 24px; cursor: pointer; float: right;
}

div#usermenu #headersearch {
	border-right: none;
}

/* EXPANDABLE MENUS */

div#usermenu div.expand {
	width: 230px;
	padding: 0 9px;
	margin-left: -18px;
	color: #67686a;
	display: none;
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');
}

div#usermenu .expand_switch {
	height: 36px;
	width: 100%;
	display: block;
}

div#usermenu .basket_notempty table {
	width: 248px;
	padding: 0;
	margin-left: -9px;
	background: #fff;
}

div#usermenu .basket_notempty table td {
	padding: 0;
}

div#usermenu .basket_notempty table td.left {
	padding-left: 9px;
	text-align: left;
}

div#usermenu .basket_notempty table td.mid {
	text-align: center;
	width: 45px;
}

div#usermenu .basket_notempty table td.right {
	padding-right: 9px;
	text-align: center;
	width: 15px;
}

div#usermenu .basket_notempty tr.allitems td.right {
	
	text-align: right;
}

div#usermenu .basket_added table {
	width: 248px;
	padding: 0;
	margin-left: -9px;
	background: #fff;
}

div#usermenu .basket_added table td {
	padding: 0;
}

div#usermenu .basket_added table td.left {
	padding-left: 9px;
	text-align: left;
}

div#usermenu .basket_added table td.mid {
	text-align: center;
	width: 45px;
}

div#usermenu .basket_added table td.right {
	padding-right: 9px;
	text-align: center;
	width: 15px;
}

div#usermenu .basket_added tr.allitems td.right {

	text-align: right;
}

div#usermenu td.right a.cancel {
	color: #67686a;
	display: inline;
	text-decoration: none;
}

div#usermenu .expand .item td, div#usermenu .expand .allitems td {
	height: 33px;
	line-height: 33px;
	border-bottom: 1px solid #e8eceb;
}

div#usermenu tr:hover{
	background: #e8eeee;
}

/*div#usermenu .expand .item div {
	float: right;
}

div#usermenu .expand .item span {
	width: 20px;
	height: 33px;
	float: right;
	background: url(images/remove-from-basket.gif) no-repeat right 12px;
	cursor: pointer;
}*/

/*div#usermenu .expand tr.item:hover, div#usermenu .expand tr.allitems:hover {
	background: #e8eeee;
}*/

/*div#usermenu .expand .item:hover span {
	background: url(images/remove-from-basket_hover.gif) no-repeat right 12px;
}*/

div#usermenu .expand .allitems {
	color: #05aeb3;
	cursor: pointer;
}

/*div#usermenu .expand .allitems span {
	width: 20px;
	height: 33px;
	float: right;
	color: #05aeb3;
	background: url(images/allitems.png) no-repeat right 12px;
}*/

div#usermenu .expand .summary {
	font-size: 140%;
	height: 42px;
	line-height: 42px;
	color: #000;
	overflow: hidden;
	background: #fff;
	width: 230px;
	padding:0 9px;
	margin-left: -9px;
	cursor: text;
	
}

/*div#usermenu .expand .summary strong {
	float: right;
}*/

div#usermenu .expand #checkout {
	height: 42px;
	text-align: center;
	border-top: 1px solid #cae7eb;	
	background: url(backgrow.png) no-repeat bottom left;
	width: 230px;
	padding: 7px 9px;
	margin-left: -9px;
}

div#usermenu .expand #checkout img {
	margin: 0;
	position: static;
	float: none;
	cursor:pointer;
}

div#usermenu #login {
	cursor: pointer;
}

div#usermenu #login .expand {
	background: url(http://www.7cont.ru/images/background_login_form.png) no-repeat bottom left;
	padding: 13px;
		
}

div#usermenu li#login.expanded {
	background: url(http://www.7cont.ru/images/background_login_expanded.png) no-repeat left 1px;
}

div#usermenu #login .expand span {
	float: right;	
	color: #66238f;
}

div#usermenu #login .expand span a {	
	color: #66238f;
	text-decoration: none;
}

div#usermenu #login .expand span a:hover {	
	text-decoration: underline;
}


div#usermenu #login.expanded .title {
	display: none;
}

div#usermenu #login .title_expanded {
	display: none;
	padding-left: 20px;
}

div#usermenu #login.expanded .title_expanded {
	display: block;
}

div#usermenu #login .expand input {
	border: 1px solid #d6d7d7;
	padding-left: 8px;
	line-height: 24px;
	height: 24px;
	color: #d6d7d7;
}
div#usermenu #login .expand label {
	color:#696969;
}

div#usermenu #fconnect {
	margin-left: -9px;
	border-right: none;
}

div#usermenu #fconnect img {
	float:right; 
	margin-top:5px; 
	margin-left:0.6em; 
	margin-right:0;
}

div#allitems .header {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

form#pager {
    float:right;
    clear:none;
    padding-bottom:10px;
}

form#pager select {
    outline:black;
    border:1px black solid;
}
