html, body, blockquote, div, form, img, input, h1, h2, h3, h4, h5, h6, p {font-family: verdana, sans-serif; padding: 0; margin: 0;}
body {
color: #333;
background: #003399;
/* background: #003399 url("http://dipline.su/img/ny-body-bg.jpg") left top repeat; */
}
.gallery_back
{
margin-bottom: 20px;
}
a {text-decoration: none;}
blockquote {font-style:italic; padding-left: 10px;}
fieldset {border: none; padding: 0; margin: 0;}
form {padding: 0; margin: 0;}
img {border: none;}
label {font: 10px verdana, sans-serif;}
p {font-size: 11px;}
h1 {font: 24px arial, sans-serif; text-transform: uppercase; color: #5a707e/*A1*/; margin-bottom: 20px; margin-top: 20px;}
.clearfix:after {content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px; height: auto !important; height: 1px;}
.loaderGif {background: #fff;z-index: 100;position:absolute;}
.noListStyle {list-style: none; padding: 0; margin: 0;}
.noListStyle li {padding: 0; margin: 0;}
.hide {display: none;}
.show {display: block;}
.noShow {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden;}
a.arrow {display: block; font-size: 10px; white-space: nowrap;}
.icons
{
margin-left: 562px;
position: absolute;
top: 5px;
}
.winpop {color: #333; background: #fff; text-align: left;}
.validationMsgs {width: 325px; line-height: 1.2; color: #c00; padding: 0; margin: 0;}
.validationMsgs p {font-size: 11px; color: #c00; padding: 0; margin: 0;}
.validationMsgs ul {padding: 0 0 .75em; margin: 0 1em;}
.validationMsgs li {font-size: 10px; list-style-position: outside; padding: 0; margin: 0 0 .5em;}
.error label {color: #c00;}
.error input, .error select, .error textarea {background-color: #FDEDF2;}
.errorContent {min-height: 550px; _height: 550px; padding: 0 15px;}
.errorContent h2 {font: 24px arial, sans-serif; color: #c00; margin: 0 0 5px;}
.errorContent p {font: 11px/1.5em verdana, sans-serif; color: #333;}
.errorContent a {text-decoration: underline; color: #333;}
p.img {
border: 1px solid #ccc;
}
p.center {
text-align: center!important;
}
.illustr
{
margin-top: 20px;
text-align: center;
}
.illustr p
{
padding: 0;
text-align: center!important;
background: #ccc;
}
.illustr img
{
}
/* NY */
/*
body {
background: #003399 url("http://dipline.su/img/ny-body-bg.jpg") 0 0 repeat;
}
*/
.form h3
{
font-family: Times New Roman!important;
}
.form form
{
background: #5F9BD0;
padding: 10px;
color: #fff;
}
.form ol
{
font-size: 0.85em!important;
}
.form .title
{
background: #5F9BD0;
color: #fff!important;
margin-top: 10px!important;
text-align: center;
padding-top: 15px;
}
.form form h3
{
color: #fff!important;
margin-top: 10px!important;
}
.form input[type="text"]
{
height: 15px;
width: 460px;
}
/* exhibition */
.exhibition
{
text-align: center;
}
.exhibition p
{
text-align: center!important;
}
.exhibition img
{
text-align: center;
margin-bottom: 10px;
}
/* table */
table.office
{
border: none;
}
table.office td
{
border: none!important;
}
/* layout */
#marta { text-align: center; }
#marta p {font: italic 18px/34px verdana, sans-serif; color: #fd0326; padding-left: 15px; margin: 0;}
.pageContainer {position: relative; width: 780px; text-align: left; margin: 0 auto;}
#header { }
#masthead {height: 88px; /*overflow: hidden;*/}
#logo {width: 142px; height: 88px;}
#imgcenter {text-align: center; padding-top:10px; padding-bottom:20px; }
#imgcenter img { border: 1px solid #5a707e; padding: 2px; }
#imgcenterd {text-align: center; padding-top:10px; padding-bottom:20px; }
#imgcenterd img { border: 1px dotted #5a707e; padding: 2px; }
p.right img {
float: left;
margin-right: 10px;
}
#imgnews {text-align: center; padding-top:10px; padding-bottom:20px;}
#imgnews img { padding: 2px; text-align: center;}
#imgnews p { text-align: center;}
div.viokon_top
{
position: absolute;
margin-left: 436px;
z-index: 999999l
}
div.headerico { position: absolute; width: 76px; margin-left: 694px; display: inline; background: #ff9900; text-align: center; padding:5px;}
div.logotitle {float: right; position: relative; display: inline; width: 273px; /*overflow: hidden;*/ margin-top: 26px; margin-right: 144px;}
div.logotitle h1 { font: 10px arial, sans-serif; color: #fff; }
div.worldLink {float: right; position: relative; display: inline; width: 173px; /*overflow: hidden;*/ margin-top: 32px; margin-right: 34px;}
div.rightmenu {FONT-FAMILY: tahoma; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 75%; PADDING-BOTTOM: 16px; MARGIN: 0px 20px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; PADDING-TOP: 25px}
div.rightmenu div {FONT-FAMILY: tahoma; FONT-SIZE: 92%; MARGIN: 0px 0px 5px 10px; TEXT-INDENT: -20px}
div.rightmenu div div {FONT-FAMILY: tahoma; FONT-SIZE: 92%; MARGIN: 7px 5px 7px 0px; TEXT-INDENT: -0px}
div.rightmenu a {COLOR: #ffffff; TEXT-DECORATION: none}
div.rightmenu a.link {COLOR: #ffffff; TEXT-DECORATION: none}
div.rightmenu img {VERTICAL-ALIGN: bottom}
div.rightmenu a.active {FONT-FAMILY: tahoma; COLOR: #666666}
.onecol {background-color: #ffffff; margin-top:5px; padding-left:5px; padding-right:5px;}
.5col {}
.5col .block { float: left; width: 154px; margin: 0; padding:0px;}
.3col .block { width: 770px; padding:0px; margin: 0;}
.galprev { width: 526px; margin-top: 6px;}
.columns { width: 100%; border-bottom: 1px dotted #999999; }
.columns h3 { font: bold 14px arial, sans-serif; color: #5a707e; }
.columns p { font: 12px verdana, sans-serif; color: #5a707e; padding:0; margin:0; padding-top: 10px; line-height: 0.5em; }
.columns img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; }
.columns a { color: #5a707e; }
.columns a:hover { color: #666; }
.columns .a,
.columns .b
{ float: left; padding: 5px 0 5px 0; margin: 5px 0 5px 0; }
.columns .a { width: 20%; }
.columns .b { width: 80%; }
span.date
{
color: #5A707E;
font-size: 13px;
padding-bottom: 5px;
display: block;
}
span.title
{
color: #5A707E;
font-size: 12px;
}
.videocenter {text-align: center; PADDING: 20px 0px 20px 0px; }
.imgcenter {
text-align: center;
PADDING: 15px 0px;
}
.imgcenter img {
border: 1px solid #999999;
PADDING: 2px;
margin-bottom: 5px;
}
.imgcenter a:hover img {border: 1px solid #999999; FILTER: alpha(opacity=90,style=20)}
.imgcenter p {margin:0; text-align: center;}
.img-article {text-left: center; PADDING: 20px 0px 10px 0px; }
.img-article img {border: 1px solid #999999; PADDING: 2px 2px 2px 2px; }
.img-article a:hover img {border: 1px solid #999999; }
.img-article p {margin:0; padding-top:20px; text-align: center;}
.video-download h3 { font: bold 14px arial, sans-serif; color: #5a707e; }
.video-download ul { margin: 30px 0 20px 0; padding: 0; }
.video-download ul li { list-style-type: none; }
.tehno { border: 1px 1px 1px 1px solid #5f9bd0; margin-top: 20px; margin-left: 10px; margin-right: 10px;}
.tehno ul {_height: 1px; padding: 5px 0;}
.tehno li {font-size: 11px; line-height: 1.3em; background: url("http://dipline.su/img/icon_arrow.gif") 0 3px no-repeat; padding-left: 8px; margin: 4px 0 0 2px;}
.tehno li a {color: #4d5fab;}
.tehno h3 { font: bold 12px arial, sans-serif; color: #000; }
.tehno .title6 { background: #5f9bd0; font-size: 19px; color: #ffffff; padding: 20px 10px 20px 10px; text-transform: uppercase;}
.tehno .tehnoblockup { width: 474px; padding: 27px 5px 5px; margin: 20 8px 15px;}
.tehno .tehnoblock { width: 474px; padding: 27px 5px 5px; background: url("../img/bg_01.gif") 0 0 no-repeat; margin: 0 8px 15px;}
.tehno .technoimg { float: left; width: 156px; margin-right: 10px;}
.tehno .technotext { }
#contacts-maps
{
}
#contacts-map
{
display:block;
width:497px;
height:406px;
background: url("http://dipline.su/img/map/map-sng.jpg") 0 0 no-repeat;
position:relative;
}
#contacts-map .russia-ico
{
position:absolute;
margin-top:200px;
margin-left:200px;
cursor:hand;
}
#contacts-map .ukraine-ico
{
position:absolute;
margin-top:200px;
margin-left:25px;
cursor:hand;
}
#contacts-map .eston-ico
{
position:absolute;
margin-top:139px;
margin-left:59px;
cursor:hand;
}
#contacts-map .azerb-ico
{
position:absolute;
margin-top:292px;
margin-left:42px;
cursor:hand;
}
#contacts-map .belorus-ico
{
position:absolute;
margin-top:172px;
margin-left:36px;
cursor:hand;
}
#contacts-map .gruz-ico
{
position:absolute;
margin-top:272px;
margin-left:34px;
cursor:hand;
}
#contacts-map .kazah-ico
{
position:absolute;
margin-top:282px;
margin-left:154px;
cursor:hand;
}
#contacts-map .latvia-ico
{
position:absolute;
margin-top:155px;
margin-left:52px;
cursor:hand;
}
#contacts-map .litva-ico
{
position:absolute;
margin-top:150px;
margin-left:8px;
cursor:hand;
}
#contacts-map .turkmen-ico
{
position:absolute;
margin-top:340px;
margin-left:100px;
cursor:hand;
}
#contacts-map .uzbek-ico
{
position:absolute;
margin-top:320px;
margin-left:115px;
cursor:hand;
}
#contacts
{
width:497px;
}
#contacts h2
{
font-size:140%;
font-weight:normal;
border-bottom: 1px dotted #999999;
cursor:hand;
padding-top:15px;
padding-bottom:2px;
margin-bottom:10px;
}
#contacts h2:hover
{
color:#5f9bd0;
}
#contacts .title
{
background:#e9e8e9;
margin-top:25px;
}
#contacts .title h2
{
font-size:150%;
font-weight:normal;
font-family: Georgia, Times, Sylfaen, serif;
border:1px dotted #666666;
text-align:center;
padding-top:15px;
padding-top:2px;
margin-top:10px;
cursor:none;
text-transform:uppercase;
color:#5a707e;
}
#contacts .exclusive-bt h2, #contacts .distrib-bt h2
{
font-size:100%;
padding-top:0px;
padding-top:2px;
margin-top:10px;
border:none;
border-bottom:1px dotted #5a707e;
cursor: pointer;
cursor: hand;
}
#contacts h3
{
font-weight:normal;
font-size:120%;
padding-bottom:15px;
padding-top:15px;
text-align:center;
}
#contacts h4
{
font-size:140%;
font-weight:normal;
padding-top:15px;
padding-bottom:2px;
margin-bottom:20px;
color:#5a707e;
}
#contacts #fra
{
position:relative;
height:100%;
}
#contacts #russia
{
position:relative;
}
#contacts #russia ul {
list-style: none;
padding:0;
margin:0;
}
#contacts #russia LI
{
margin-right: 0.6em;
padding-left: 2px;
padding-right: 2px;
list-style-position: outside;
list-style-image: none;
behavior: expression("");
}
#contacts #russia LI a
{
color:#5a707e;
border-bottom:1px dotted #5a707e;
}
#contacts #ukraine
{
position:relative;
}
#contacts #eston
{
position:relative;
}
#contacts .status
{
font-weight:bold;
font-size:80%;
}
#contacts dd
{
color:#2c689f;
font-weight:bold;
}
.contacts { }
.bleft {
border: 1px dotted #999999;
margin-bottom:10px;
}
.bleft:hover {
background: #e9e8e9;
}
.blockcontacts { width: 497px; margin:0px;}
.contacts h3 { cursor:hand; font: 14px arial, sans-serif; color: #fff; background: #5f9bd0; padding: 2px; border-bottom: 1px solid #999;}
.contacts h4 { cursor:hand; font: 12px arial, sans-serif; color: #fff; padding: 2px; }
.contacts h4 a { color: #fff; }
.contacts h5 { font: bold 17px arial, sans-serif; color: #999999; padding-top: 15px; padding-left: 5px;}
.contacts img { vertical-align:top; }
.contacts .small { font: 10px arial, sans-serif; color: #999999; }
.blockcontacts dl {padding: 10px 0 10px; margin: 0;}
.blockcontacts dt {font: 12px verdana, sans-serif; padding: 0; margin-left:21px;}
.blockcontacts dd {font: 16px verdana, sans-serif; padding: 0; margin-left:21px; color: #111}
.feedback { border: 1px 1px 1px 1px solid #5f9bd0; padding-top:15px; margin-bottom: 30px; margin-top: 30px; margin-left: 10px; margin-right:10px;}
.feedback .title { font: 12px/17px verdana, sans-serif; padding-bottom:7px; padding-top:10px; }
.feedback input { font: 11px/17px verdana, sans-serif; border-bottom: 1px solid #003300; border-top-style: none; border-right-style: none; border-left-style: none; }
.feedback form { font: 12px/17px verdana, sans-serif; margin-top: 0px; margin-left: 20px; }
#partnership { padding-top:10px; margin-bottom: 30px; margin-top: 10px; margin-right:10px;}
#partnership .title { font: 12px/27px verdana, sans-serif; padding-bottom:5px; padding-top:5px; }
#partnership .title span
{
color: red;
font-size: 1.1em;
}
#partnership input { text-align:center; font: 15px/17px verdana, sans-serif; color:#999999; width: 300px; background: #f1eff1; }
#partnership .submit input { font: 12px/27px verdana, sans-serif; border: 1px solid #bbbcc0; padding:2px; background: #2c689f; color:#ffffff; }
#partnership p { text-align:center; }
#partnership h3 {
font: 16px arial, sans-serif;
color: #5a707e;
margin-bottom: 20px;
}
.warnText { color:#ff0000; padding-top:10px;}
#partnership textarea { background: #e9e8e9; border: 1px solid #bbbcc0; }
#partnership form { font: 12px/17px verdana, sans-serif; margin-top: 0px; margin-left: 20px; }
#partnership form { border: 1px solid #bbbcc0; background: #f1eff1; padding:5px; text-align:center; }
#partnership form .att
{
color: red;
}
.line {background-color: #2c689f; margin-top:5px; margin-left:5px; margin-right:5px; padding:8px 5px 5px 5px;}
.sitemap ul { font: 13px/1.3 arial, sans-serif; text-align:left; color: #5b5f63;}
.sitemap ul a { color: #5b5f63;}
.sitemap ul a:hover { color: #4d5fab;}
.sitemap ul li { font: 12px/1.3 arial, sans-serif; text-align:left; color: #999; margin-top:4px;}
#lypa{ border:0;}
.productblock { float: left; width: 474px; border: 1px solid #5f9bd0; margin-top:20px;}
.productblock h3 { font: bold 12px arial, sans-serif; color: #fff; background: #5f9bd0; padding: 2px 7px; margin-top:0px;}
.productblock h4 { font: bold 13px arial, sans-serif; color: #000; }
.productblock h4 a { color: #000; }
.info { font-size: 11px; float: left; line-height: 1.2; padding: 0; padding-right: 5px; margin-right: 5px; margin-bottom: 10px;}
.info a { color: #4d5fab; }
.info a:hover { color: #111111; }
.info img { vertical-align:top; }
.productImg img { border: 1px solid #999999; }
.producttext { float: left; padding-right: 14px; text-align:left; font: 10px verdana, sans-serif; margin: 0; text-decoration: none; }
.producttext p { text-align:left; }
.textshort { font: 11px verdana, sans-serif; color: #666; text-decoration: none; margin-bottom:20px; }
.textfull h3 { font: bold 12px arial, sans-serif; color: #fff; background: #666; padding: 2px 7px;}
.doopinfoblock { width: 375px; margin-bottom:20px; }
.doopinfo ul { margin:20px 10px 10px 10px;}
.doopinfo ul li { font: 12px arial, sans-serif; padding-left: 8px;}
.doopinfo ul li a { color: #666; }
.doopinfo ul li a:hover {color: #00b7e4; }
.doopinfoimg { float: left; }
.doopinfo { float: left; }
.textdesc { font: 11px verdana, sans-serif; color: #666; text-decoration: none; }
.textdesc ul { font: 11px verdana, sans-serif; color: #666; text-decoration: none; margin:2;}
.textdesc p { font: 11px verdana, sans-serif; color: #666; text-decoration: none; margin:2;}
.catalogmenu { background: #6699cc; color: #fff;}
.catalogmenu ul {
font: 16px arial,sans-serif;
padding: 3px 10px;
}
.catalogmenu ul li {
float: left;
margin: 3px;
list-style: none outside none;
}
.catalogmenu ul li a {
color: #FFFFFF;
display: block;
padding: 3px 3px;
}
.catalogmenu ul li a:hover {color: #fff; background: #2c689f; }
.cataactive {color: #fff; background: #2c689f; font: 16px arial, sans-serif;}
#diploms {
padding-top: 44px;
}
#diploms h2 {font: 24px arial, sans-serif; text-transform: uppercase; color: #5a707e/*A1*/; margin-bottom: 5px; padding-left:20px;}
#diploms p {font: 10px/2em verdana, sans-serif; color: #333; padding-left:20px;}
#diploms h2 {text-transform: none;}
#diploms-brand {
text-align:center;
}
#diploms-brand img {
padding-top: 44px;
text-align:center;
}
#seminar {
border-bottom: 1px dotted #999999;
padding-bottom:20px;
}
#seminar h2 { font: 21px arial, sans-serif; color: #ffffff; background: #5688b5; padding:2px; margin:0;}
#seminar h3 { font: 18px arial, sans-serif; color: #5a707e; border-bottom: 1px dotted #5a707e; padding-top:10px; margin:0;}
#seminar .title { border-bottom: 1px dotted #5a707e; padding-top:20px; }
#seminar .anketa { text-transform: uppercase; font: 18px arial, sans-serif; color: #5a707e; border: 1px dotted #999999; padding:7px; margin-top:20px; margin-bottom:10px; }
#seminar .forma { text-transform: uppercase; font: 18px arial, sans-serif; color: #5a707e; border: 1px dotted #999999; padding:7px; margin-top:20px; margin-bottom:10px; }
#seminar .anketa form, .forma form { background: #f0f5fa; text-transform: none; padding-top:20px; padding-left:40px; color: #111111; font: 18px arial, sans-serif; }
#seminar .anketa label, .forma label { font: 15px arial, sans-serif; display: inline; }
#seminar .anketa dd, .forma dd { padding-top:10px; }
.skidki {text-decoration: line-through;}
#productCategory {margin-bottom: 6px;}
#productCategory h3 {font: bold 12px arial, sans-serif; color: #fff; background: #5f9bd0; padding: 2px 7px;}
#productCategory .innerBorder {border: 1px solid #aeaeae;}
#productCategory .colWrapper {padding: 7px 0 8px;}
#productCategory .block {float: left; }
#productCategory .col1 {margin-right: 17px;}
#productCategory .productImg {padding-right: 10px;}
#productCategory .productInfo {float: left; width: 285px; padding-left: 3px;}
#productCategory h4 {font: 18px verdana, sans-serif; color: #2c689f; padding-top: 10px; padding-bottom: 10px; padding-left: 5px;}
#productCategory h4 a {color: #1b4164;}
#productCategory ul {margin: 1px 0; padding-bottom: 10px;}
#productCategory li {font-size: 13px; line-height: 1.3em; background: url("http://dipline.su/img/icon_bullet-dkgrey.gif") 0 5px no-repeat; padding-left: 1px;}
#productCategory li.viewMore {padding-left: 6px; margin: 4px 0 0 2px;}
#productCategory li.viewMore a {color: #774f4d;}
#productCategory table td {
border: none;
}
#productCategory table {
border: 1px solid #dadada;
}
#colormap p { font: bold 10px arial, sans-serif; color: #666; text-align:center;}
#colormap table { margin-top: 10px; }
#colormap tr { vertical-align: text-top; }
.ideaNotebook {float: right; margin-top: 15px; margin-right: 15px;}
.home .ideaNotebook {margin-right: 5px;}
.contentContainer {border-width: 1px 0; border-style: solid; border-color: #fff;}
.navContainer {position: relative; z-index: 100;}
.navContainer ul li {float: left; font: 13px arial, sans-serif; padding: 0; margin: 0; position: relative; z-index: 100; }
.navContainer ul li a {display: block; position: relative;width: 174px; color: #fff/*A6*/; background-color: #2c689f/*A1*/; padding: 8px 10px; border-right: 1px solid #fff;}
/*.IE55 .navContainer ul li a {width: 195px;}*/
.navContainer ul li a:hover, .navContainer ul li a:active {/*text-decoration: none;*/ color: #fff; background: #f8991d/*A4*/;}
.navContainer ul li a.active {color: #fff; background: #5f9bd0/*A4*/;}
.navContainer ul li a.active:hover {}
.navContainer ul li.last a {width: 174px; border-right: none;}
.IE55 .navContainer ul li.last a {width: 195px;}
/* JSK .navContainer ul li ul {padding:5px 0; margin:-3px 0 0; position: absolute; z-index: 100; top: 35px; left: 0px; background: #cdd1c2;}*/
.navContainer ul li ul {float: left; padding:5px 0; margin:0; position: absolute; z-index: 100; left: 0px; background: #d6ddea;}
.navContainer ul li.last ul { width: 195px; overflow: hidden; }
/**/
.navContainer ul li ul li { float: none; font-size: 10px; line-height: 1.9; background: #d6ddea; }
.navContainer ul li ul li a,.navContainer ul li ul li a.active {width: 172px;margin-left: 10px; padding-right: 10px; color: #1e1e1e; background: url("http://dipline.su/img/icon_arrow.gif") 3px 8px no-repeat; padding: 2px 0 2px 12px; border-right: none;}
.navContainer ul li ul li a:hover {color: #fff; background-color: #5f9bd0/*A1*/; }
/*-- content --*/
.content {background: #fff; border-width: 15px 0; border-style: solid; border-color: #fff;}
.home .content {border-width: 0 0 12px;}
.upper {background: #2c689f; border-bottom: 1px solid #fff;}
.lower {background: #ffffff; }
.calcul {
position: absolute;
padding-top:152px;
right:-66px;
}
.calcul-content {
z-index: 222;
position: absolute;
padding-top:152px;
right:700px;
}
/*.landing {background: #fff;}*/
.home .upper, .landing, .shareMakeover, .diy, .productsLanding {background: none !important;}
/*-- main content (left column) --*/
.mainContainer {float: left; width: 536px; background: #fff;}
.productsLanding .mainContainer {width: 550px;}
.diy .upper .mainContainer {width: 340px;}
.shareMakeover .mainContainer {width: 462px; min-height: 520px; _height: 520px;}
/*-- upper content --*/
.upper .flashSplash {padding: 0px; margin: 0 1px;}
.upper .flashSplash img {display: block;}
.upper .mainContainer {position: relative; z-index: 99;}
.upper .mainContainer .mainImg {margin: 0 5px;}
.diy .upper .mainContainer .mainImg {margin: 0 1px 0 5px;}
.upper .mainContainer img {display: block;}
.beforeMakeover {position: absolute; right: 32px; bottom: -22px;}
.actionBar {position: relative; height: 30px; background: #bbc3a4/*A4*/; margin: 0 5px;}
.actionBar img {display: block;}
.diy .upper .actionBar {height: 40px; margin: 0 5px 0 0;}
.actionBar .buttonContainer {height: 21px; overflow: hidden; padding: 5px 5px 4px 11px;}
.actionNavContainer .buttonContainer { padding-top: 7px; }
.diy .actionBar .buttonContainer {height: 31px;}
.mainContainer .actionBar .buttonRight {float: right;}
.mainContainer .actionBar .buttonBorder {border: 1px solid #6a764a/*A1*/;}
.mainContainer .actionBar .actionNavContainer {position: absolute; width: 100%; height: auto; background-color: #4f5a30/*A1*/;}
.mainContainer .actionBar .actionNavContainer .wtf {float: right; position: relative; display: inline; width: 116px; background-color: #828c67/*A2*/; margin: 40px 20px 0;}
.mainContainer .actionBar .actionNavContainer .wtf a {display: block; border: 1px solid #d2d4c9/*A6*/;}
.mainContainer .actionBar .actionNavContainer .actionNav {}
.mainContainer .actionBar .actionNavContainer .actionNav li {line-height: 0; padding: 10px 0 10px 15px; border-bottom: 1px solid #fff; margin-left: 12px;}
.mainContainer .actionBar .actionNavContainer .actionNav li.last {border-bottom: none;}
.mainContainer .actionBar .actionNavContainer .actionNav li a, .upper .mainContainer .actionBar .actionNavContainer .actionNav li span {font: 10px/10px arial, sans-serif; text-transform: uppercase; color: #fff; padding-left: 10px;}
.LearnHowLink {font-size: 10px; font-weight: bold; text-transform: uppercase; color: #333/*A1*/; background: url("http://dipline.su/img/arrow.gif") 4px 6px no-repeat; padding: 3px 6px 4px 13px;}
.CreateWith {display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; /*background: url(http://dipline.su/version/5314/img/arrow_default.gif) 0 5px no-repeat; */ padding: 2px 0 0;}
.whatIdeaNotebook {display: block; font: 9px/13px arial, sans-serif; text-transform: uppercase; color: #fff; padding: 7px 8px;}
.tryDiff {display: block; font-size: 10px; font-weight: bold;text-transform: uppercase; color: #fff; background: url("http://dipline.su/img/arrow_down.gif") 0 6px no-repeat; padding: 3px 6px 4px 15px;}
.tryPalettes {position: absolute; top: 0; width: 100%; background-color: #4f5a30/*A1*/; padding: 5px 0 10px;}
.projectContainer {/*min-height: 142px; _height: 142px;*/ background: #fff; margin: 0 10px;}
/* End IE5-Mac hack */
.projectFormContainer {padding-top: 15px; margin: 0 20px;}
.projectFormContainer h4 {font: 10px arial, sans-serif; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
.projectFormContainer p {font: 12px arial, sans-serif; padding: 10px 0 5px;}
.projectFormContainer .formControl {margin-top: 5px;}
.projectFormContainer .formControl input {vertical-align: middle; border: 1px solid #666;}
.projectFormContainer .formControl .button {font: 10px arial, sans-serif; text-transform: uppercase; color: #fff; background: #828c67/*A2*/; padding: 2px 5px; _padding: 2px 5px 1px; border: none;}
.projectFormContainer .formControl a.button {padding: 3px 20px 4px 8px;}
.formadd {margin-top: 5px;}
.formadd input {vertical-align: middle; border: 1px solid #666;}
.formadd {font: 10px arial, sans-serif; color: #666; }
.formadd {padding: 3px 20px 4px 8px;}
.projectButtons {padding: 0 10px;}
.tryPalettes .projectButtons li {display: inline; font: 10px arial, sans-serif; text-transform: uppercase; color: #fff;}
.projectButtons li a {float: left; display: block; color: #fff; background: #828c67/*A2*/; padding: 3px 15px 4px 12px; margin: 7px 7px 0 0;}
.projectButtons li.selected a, .projectButtons li.selected span {float: left; display: block; color: #333; background: #fff; padding: 9px 15px 5px 12px; margin: 0 7px 0 0;}
.tryPalettes .projectButtons img {display: inline;}
.upper .mainContainer .colorContainer {background: #653d1d/*A1*/; padding: 0 0 5px; margin: 0 5px;}
.colorContainer ul {padding: 5px 44px;}
.colorContainer li {float: left; padding: 4px 0 0;}
.colorContainer li a {display: block; padding-top: 6px; margin: 0 15px 0 22px;}
.colorContainer li div {padding-top: 6px; margin: 0 20px;}
.upper .mainContainer .tmbContainer {height: 75px; background: #85502f/*A1*/; margin: 0 5px;}
.tmbContainer ul {padding: 8px 0 8px 8px;}
.tmbContainer li {float: left; padding: 0;}
.tmbContainer li a {display: block; background-color: #fff; padding: 4px 3px; margin: 0 3px 0;}
.tmbContainer li.selected a, .tmbContainer li a:hover {background-color: #b99e83;/*A3*/}
/*-- lower content --*/
.margin {margin: 0 15px;}
.lower .mainContainer .inner {margin: 0 15px;}
.lower .productsL2 .inner, .lower .productsL3 .inner, .lower .diyL2 .inner, .lower .diyL3 .inner, .contactUs .mainContainer .inner {margin: 0 5px;}
.shareMakeover .mainContainer .inner {margin: 0 25px 0 35px;}
.titles {padding: 0 0 5px; border-bottom: none; margin: 20px 0 0;}
.introColor .titles {padding: 0 0 10px; border-bottom: 1px solid #c2c0c4; margin: 20px 0 15px;}
.titles h2 {font: 24px arial, sans-serif; text-transform: uppercase; color: #5a707e/*A1*/; margin-bottom: 5px;}
.titles h2 span.altColor {color: #635b82/*B1*/;}
.titles p {font: 10px/2em verdana, sans-serif; color: #333;}
.introColor .titles p {font: 14px/17px arial, sans-serif; color: #a2aea4/*B1*/;}
.titles h2 {text-transform: none;}
.dsTitles { background: #ad8871; border-bottom: none; margin: 0 0 13px; padding: 5px 8px 6px; }
.dsTitles h2 { color: #fff !important; font-size: 20px; margin: 0 0 3px; }
.dsTitles p { color: #fff !important; font: 16px arial, sans-serif; color: #333; margin: 0;}
.diyL3 .titles {border-bottom: none; margin: 15px 8px 10px;}
.diyL3 .titles h2 {font: 20px arial, sans-serif;}
.diyL3 .titles p {width: 435px; font: 14px/17px arial, sans-serif; color: #333;}
.diyL3 .titles .printPage {float: right; width: 100px; text-align: right;}
.diyL3 .titles .printPage a {font: 10px/17px verdana, sans-serif; vertical-align: middle; color: #333; background: url("http://dipline.su/img/icon_printer.jpg") 0 0 no-repeat; padding: 2px 0 4px 23px;}
.contactUs .titles {background: url("http://dipline.su/img/bg_border-gradient-pal02.png") bottom left no-repeat; padding-bottom: 10px; border-bottom: none; margin: 15px 8px 10px;}
.contactUs .titles h2 {font: 22px arial, sans-serif;}
.contactUs .titles p {font: 14px/17px arial, sans-serif; color: #333;}
.contactUs .titles p.regInfo {font: 10px/14px verdana, sans-serif; padding-top: 1em;}
.shareMakeover .titles {border-bottom: none; margin: 20px 0 15px;}
.shareMakeover .titles h2 {font: 22px arial, sans-serif; text-transform: none; color: #27476A;}
.shareMakeover .titles p {font: 14px/17px arial, sans-serif; color: #7D6473;}
.shareMakeover .titles p.uploading {color: #D45959;}
.shareMakeover .titles .progressBar {padding-top: 15px;}
.shareMakeover .titles .progressBar p {font-size: 12px; color: #D45959;}
.notebook .titles {height: 67px; padding: 0; border-bottom: none; padding-top: 15px; margin: 0 10px 0;}
.notebook .titles h2 {font: 24px arial, sans-serif; text-transform: uppercase; color: #231f20; margin: 0;}
.notebook .titles p {font: 12px/1.3 arial, sans-serif; text-transform: uppercase; color: #5b5f63;}
.signature h2, .signature p {width: 395px;}
.signature .sigLogo {float: right; width: 105px; text-align: right; margin-top: 25px;}
.prodBanner, .imgBanner {margin: 0 0 5px;}
.prodBanner img, .imgBanner img {display: block;}
.secBanner {color: #fff; background: #bfa96d/*A3*/; padding: 5px 8px 6px; margin: 0 0 5px;}
.secBanner h2 {font: 20px arial, sans-serif; margin: 0 0 3px;}
.secBanner p {font: 16px arial, sans-serif;}
.banner2 {position: relative; height: 93px; overflow: hidden; padding: 0; margin: 0 0 15px;}
.banner {position: relative; height: 192px; overflow: hidden; padding: 0; margin: 0 0 15px;}
.banner {position: relative; height: 300px; overflow: hidden; padding: 0; margin: 0 0 15px;}
.diyL2 .banner {height: 110px;}
.banner img {position: absolute; display: block; z-index: 3;}
.banner .titles {position: relative; z-index: 5; margin: 0;}
.banner h2 {font: 20px arial, sans-serif; text-transform: none; color: #95825b; padding-top: 15px; margin: 0 15px;}
.diyL2 .banner h2 {padding-top: 30px; padding-bottom: 5px;}
.banner p {width: 285px; font: 12px/16px arial, sans-serif; color: #333; margin: 0 15px;}
.mainContent a { color: #5a707e; }
.mainContent {}
.mainContent h2 { font: 16px arial, sans-serif; color: #5a707e; margin-bottom: 15px; margin-top: 25px; }
.mainContent .instruction h3 { font: 20px arial, sans-serif; color: #5a707e; margin-bottom: 15px; margin-top: 32px; border-bottom: 1px dotted #5a707e;}
.mainContent p { font: 13px/1.3 arial, sans-serif; text-align:left; color: #111111; padding-top: 8px; margin-bottom: 10px;}
.mainContent ul { font: 13px/1.3 arial, sans-serif; text-align:left; color: #5b5f63; list-style-type: square; }
.mainContent li { margin: 0 0 5px; }
.mainContent blockquote { border: 1px dotted #5a707e; padding:5px; margin:15px; background: #eaeaeb; }
.mainContent .pic img {margin-right:10px; margin-bottom:10px; border: 4px solid #FFFFFF; }
.mainContent .title-zayavka h3 {
padding-top:10px;
font: 16px arial, sans-serif;
color: #5a707e;
margin-bottom: 10px;
margin-top: 25px;
cursor:hand;
border-bottom:1px dotted #999999;
}
#code { margin-bottom: 15px; margin-top: 50px; }
#code h3 { font: 16px arial, sans-serif; color: #5a707e; margin-bottom: 0px; }
#code textarea { width:400px; height:200px; font:85% Courier New;padding:5px;color:#666; border: 1px dotted #5a707e;}
#code textarea { background-color: #ddeaed;font:12px Arial;}
.wQuote .contentWrapper {float: left; width: 345px;}
.contentBlock {padding-bottom: 25px;}
.contentBlock h3 {font-size: 10px; margin-bottom: 5px;}
.contentBlock img {}
.contentBlock p {font-size: 10px; line-height: 1.9;}
.contentBlock .contentImg {float: left; width: 85px; margin: 5px 5px 5px 0;}
.contentBlock .contentImg img {display: block;}
.contentBlock .paletteImg {position: relative; height: 104px; width: 102px;}
.contentBlock .threeCol {margin: 10px 0 5px;}
.contentBlock .threeCol .block {float: left; width: 172px;}
.contentBlock .threeCol .col3 {width: 160px;}
.contentBlock .threeCol .block div.caption {font-size: 10px; padding-top: 5px; margin-right: 13px;}
.contentBlock .threeCol .col3 div.caption {margin-right: 0;}
.contentBlock .threeCol .block div.caption h4 {font-size: 10px; line-height: 1.4;}
.contentBlock .threeCol .block div.caption p {line-height: 1.4;}
.contentBlock .inspirations .block p.caption {font-size: 10px; color: #95825b;}
.fourCol.col3 p { background-color: #111111; }
.shareYourMakeover {position: relative; height: 164px !important; padding-bottom: 0;}
.contentBlock .shareImg {position: absolute; z-index: 3;}
.contentBlock .shareContent {position: relative; z-index: 5; min-height: 1px; _height: 1px; padding: 12px 15px 0 0;}
.contentBlock .share {float: right; width: 230px;}
.contentBlock .share h4 {font: bold 12px arial, sans-serif; margin: 0 0 5px;}
.contentBlock .share p {font-size: 10px; line-height: 14px; color: #787f79; margin: 0 0 5px;}
.contentBlock .share a {display: block; font-size: 10px; color: #7f6020; padding-left: 10px;}
.quoteContainer {float: right; width: 149px;}
.quoteBlock {padding: 3px 3px 20px; border: 1px solid #ccc;}
.quoteBlock h3 {font: 9px arial, sans-serif; text-transform: uppercase; color: #fff; background: #8d9b68/*A2*/; padding: 8px;}
.quoteBlock blockquote {font: italic 9px/14px verdana, sans-serif; padding: 10px 3px;}
.quoteBlock blockquote p {font: italic 9px/14px verdana, sans-serif;}
.quoteBlock .byline {font: 9px/14px verdana, sans-serif; text-align: right; padding: 0 3px;}
.quoteBlock .byline strong {display: block;}
.contactInfo {float: right; width: 175px; padding-right: 5px; margin-top: 5px; margin-left: 3px;}
.contactInfo h3 {font: bold 12px arial, sans-serif; color: #fff; background: #a56a4a; padding: 1px 7px;}
.contactInfo .innerBorder {padding: 5px 7px 0; border-width: 0 1px 1px; border-style: solid; border-color: #dbc3b7;}
.contactInfo dl {padding: 0 0 10px; margin: 0;}
.contactInfo dt {font: bold 11px arial, sans-serif;}
.contactInfo dd {font: 10px verdana, sans-serif; padding: 0; margin: 0;}
.contactForm {padding: 0 0 15px 10px;}
.contactForm p {margin-bottom: 10px;}
.contactForm .twoCol .formControl {float: left; width: 164px;}
.contactForm .formControl {margin: 0 0 10px;}
.contactForm .formControl label {display: block; font-size: 10px; margin: 0 0 1px;}
.contactForm .formControl input {width: 147px;}
.contactForm .formControl textarea {width: 310px;}
.contactForm .formControl select {width: 170px; font-size: 10px;}
.contactForm .formButtons {}
.miniFAQ {}
.miniFAQ ul {margin: 0 10px;}
.miniFAQ li {line-height: 1;}
.miniFAQ li a {font-size: 10px; color: #7f4628; padding-left: 9px;}
.usefulLinks {}
.usefulLinks ul {margin: 0;}
.usefulLinks li {line-height: 1;}
.usefulLinks li a {font-size: 10px; color: #27476A; padding-left: 9px;}
.promoContent {padding-top: 4px;}
.promoContent .block {float: left; display: inline; margin-left: 5px;}
.promoContent .block2 {float: left; display: inline; margin-left: 5px;}
.promoContent .twoCol .block {width: 382px;}
.promoContent .twoCol .col2 {width: 383px;}
.promoContent .threeCol .block {width: 253px;}
.promoContent .threeCol .col2 {margin-left: 6px;}
.promoContent .threeColAlt .block {width: 188px;}
.promoContent .threeColAlt .col1 {width: 386px;}
.promoContent .threeColAlt .col2, .promoContent .threeColAlt .col3 {margin-left: 4px;}
.promoContent .fourCol .block {width: 189px;}
.promoContent .fourCol .col4 {width: 188px;}
.promoContent .block img {display: block;}
.promoContent .text {padding: 5px 10px 0;}
.promoContent .text a { color: #111; }
.promoContent .text { color: #111; }
.promoContent .text h4 {font-size: 10px;}
.promoContent .text p {min-height: 24px; _height: 24px; font-size: 10px; padding-bottom: 5px;}
.coordColors .colWrapper .text p {min-height: 36px; _height: 36px;}
.coordColors .twoCol .text p {min-height: 0; _height: 0;}
.diy .landing .colWrapper .text p {min-height: 40px; _height: 40px;}
.home .promoContent {padding-top: 0;}
.home .promoContent .fourCol .block {position: relative; width: 195px; margin: 0; height: 162px;}
.home .promoContent .fourCol .block img {display: block; padding-left: 2px;}
.home .promoContent .fourCol .block.banner img {
padding-left: 2px;
}
.home .promoContent .text {position: absolute; top: 29px; width: 175px; padding: 0 10px;}
.home .promoContent .text a { color: #2c689f; }
.home .promoContent .text p {min-height: 48px; _height: 48px; padding-bottom: 13px;}
.home .promoContent .col4 .text {top: 50px; right: 10px; width: 84px; padding: 0;}
.home .promoContent .col4 .text label {display: block; margin-bottom: 5px;}
.home .promoContent .col4 .text input {width: 80px; height: 14px; font-size: 10px; vertical-align: middle; color: #7f7f7f; padding-top: 1px; margin-bottom: 5px;}
.home .promoContent .col4 .text .formButton {text-align: right;}
.home .promoContent .col4 .text .button {width: auto; height: auto; color: #fff; background: #84969d/*A1*/; padding: 1px 3px 2px; _padding: 2px 0 1px; border: none;}
.home .promoContent .col4 .text .lowesDealer { margin-top: 19px; }
.home .promoContent .col4 .text .lowesDealer .buttonHolder { position: relative; right: 10px; }
.home .promoContent .col4 .text .lowesDealer .button {width: auto; height: auto; color: #fff; background: transparent !important/*A1*/; border: none; padding:0; }
.home .promoContent .col4 .text .lowesDealer p {min-height: 48px; _height: 48px; padding-bottom: 13px; _padding-left: 13px; }
.home .homeNavigation {background: #bfd1e1; border-top: 1px solid #fff;}
.home .homeNavigation .fourCol .block {float: left; width: 195px; }
.home .homeNavigation .fourCol .block img {display: block;}
.home .homeNavigation .fourCol .block .innerBlock {padding-bottom: 15px;}
.home .homeNavigation .fourCol .col1 .innerBlock {padding-bottom: 4px; padding-left: 1px; }
.home .homeNavigation .fourCol .block h2 {font: 13px arial, sans-serif; margin-right: 1px;}
.home .homeNavigation .fourCol .block h2 a {display: block; width: 174px; color: #c0d1e3/*A6*/; background: #2c689f/*A1*/; padding: 8px 10px;}
.home .homeNavigation .fourCol .block h2 a:hover {color: #fff; background: #ff9900/*A4*/;}
.home .homeNavigation .fourCol .col1 h2 a {width: 173px;}
.home .homeNavigation .fourCol .block ul {margin: 7px 10px 0;}
.home .homeNavigation .fourCol .block li {font-size: 12px; line-height: 1.9; margin-bottom: 3px; }
.home .homeNavigation .fourCol .block li a {color: #1e1e1e; padding: 2px 5px 2px 5px; background: #9ec3e4; border-left: 1px solid #ffffff;}
.home .homeNavigation .fourCol .block li.forum a { background: #ff9900; color: #ffffff; }
.home .homeNavigation .fourCol .block li.hilight a { background: #ff3f7e; color: #ffffff; }
.home .homeNavigation .fourCol .block li a:hover {color: #ffffff; background: #ff9900;}
.promoContent .block .innerBorder {padding: 8px 8px 0; border: 1px solid #ccc;}
.promoContent .block .productIntro {}
.promoContent .block .productIntro .productImg {float: right; width: 160px;}
.promoContent .block .productIntro .productText {float: left; width: 155px; margin: 25px 0 0 12px;}
.promoContent .block .productCategories {}
.promoContent .block .productCategories .row {margin-bottom: 25px;}
.promoContent .block .productCategories .col1 {float: left; width: 174px; margin-right: 16px;}
.promoContent .block .productCategories .col2 {float: left; width: 174px;}
.promoContent .block .productCategories h3 {font-size: 11px; color: #fff; padding: 2px 15px 3px;}
.promoContent .col1 .productCategories h3 {background: #bfa96d/**/;}
.promoContent .col2 .productCategories h3 {background: #a2aea4/**/;}
.promoContent .block .productCategories ul {min-height: 80px; height: 80px; margin: 8px 0 8px 8px;}
.promoContent .block .productCategories li {font-size: 10px; line-height: 1.3em; background: url("http://dipline.su/img/icon_bullet-dkgrey.gif") 0 5px no-repeat; padding: 0 0 0 8px; margin: 0 0 4px;}
.promoContent .buttonHolder {border: 1px solid #6a764a/*A1*/; margin: 5px 0 0;}
.promoContent .buttonHolder td {white-space: nowrap; color: #6a764a/*A1*/;}
.promoContent .button a {font-size: 10px; color: #6a764a/*A1*/; padding: 3px 20px 4px 20px;}
.home .promoContent .buttonHolder {border-color: #465c71/*A1*/;}
.home .promoContent .button a {color: #465c71/*A1*/; padding: 2px 5px 3px 9px;}
.promoContent .productCategories .buttonHolder {margin: 5px 0 0 16px;}
.promoContent .col1 .productCategories .buttonHolder {border: 1px solid #95825b/*A1*/;}
.promoContent .col2 .productCategories .buttonHolder {border: 1px solid #9aa49c/*A1*/;}
.promoContent .col1 .productCategories .buttonHolder td {color: #95825b/*A1*/;}
.promoContent .col2 .productCategories .buttonHolder td {color: #9aa49c/*B1*/;}
.promoContent .productCategories .button a {padding: 2px 6px 3px 13px;}
.promoContent .col1 .productCategories .button a {color: #95825b/*A1*/; }
.promoContent .col2 .productCategories .button a {color: #9aa49c/*B1*/; }
.knowWhere a {font-size: 10px; text-decoration: underline; color: #333;}
.diyIntro {margin: 0 25px 10px 15px;}
h3.secHeader {font: bold 12px arial, sans-serif; color: #5e5931; background: url("http://dipline.su/img/bg_border-gradient-pal01.png") 0 100% no-repeat; padding: 3px; margin: 10px 5px 5px;}
.itemIntro {font-size: 10px; margin: 10px;}
.dialogBalloon {position: absolute; min-width: 250px; _width: 250px; min-height: 1%; _height: 1%; text-align: left; visibility: hidden; }
.contentBlock .paletteCombo .block .dialogBalloon {}
.mainContainer .actionBar .actionNavContainer .wtf .dialogBalloon {width: 325px;}
.notebook .userSection .dialogBalloon {min-width: 0; width: 185px;}
.dialogBalloon td {font-size: 10px; padding: 0; margin: 0;}
.dialogBalloon .corner-tl {width: 17px; height: 17px; background: transparent url("http://dipline.su/img/dialog_corner-tl.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-tl.png', sizingMethod='image');}
.dialogBalloon .shadow-ht {height: 17px; background: transparent url("http://dipline.su/img/dialog_horz-top.png") 0 0 repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_horz-top.png', sizingMethod='scale');}
.dialogBalloon .corner-tr {width: 23px; height: 17px; background: transparent url("http://dipline.su/img/dialog_corner-tr.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-tr.png', sizingMethod='image');}
.dialogBalloon .shadow-vl {width: 17px; background: transparent url("http://dipline.su/img/dialog_vert-left.png") 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_vert-left.png', sizingMethod='scale');}
.dialogBalloon .shadow-vr {width: 23px; background: transparent url("http://dipline.su/img/dialog_vert-right.png") 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_vert-right-ie.png', sizingMethod='scale');} /* different image for IE */
.dialogBalloon .corner-bl {width: 17px; height: 25px; background: transparent url("http://dipline.su/img/dialog_corner-bl.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-bl.png', sizingMethod='image');}
.dialogBalloon .shadow-hb {height: 25px; background: transparent url("http://dipline.su/img/dialog_horz-bot.png") 0 0 repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_horz-bot.png', sizingMethod='scale');}
.dialogBalloon .corner-br {width: 23px; height: 25px; background: transparent url("http://dipline.su/img/dialog_corner-br.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-br.png', sizingMethod='image');}
.dialogBalloon .cpointer {width: 65px; height: 37px; background: transparent url("http://dipline.su/img/dialog_corner-pointer.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-pointer.png', sizingMethod='image');}
.notebook .userSection .dialogBalloon .cpointer {background: transparent url("http://dipline.su/img/dialog_corner-pointer2.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-pointer2.png', sizingMethod='image');}
.green .corner-tl {height: 36px; background: transparent url("http://dipline.su/img/dialog_corner-tl-grn.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-tl-grn.png', sizingMethod='image');}
.green .shadow-ht {height: 36px; background: transparent url("http://dipline.su/img/dialog_horz-top-grn.png") 0 0 repeat-x; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_horz-top-grn.png', sizingMethod='scale');}
.green .corner-tr {height: 36px; background: transparent url("http://dipline.su/img/dialog_corner-tr-grn.png") 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_corner-tr-grn.png', sizingMethod='image');}
.green .shadow-vr {background: transparent url("http://dipline.su/img/dialog_vert-right2.png") 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/version/5314/img/dialog_vert-right2.png', sizingMethod='scale');} /* different image for IE */
.dialogBalloon .dialog-content {background: #fff; padding: 0 5px; margin: 0;}
.dialogBalloon .dialog-content li {line-height: 1.5; padding-left: 8px;}
.dialogBalloon .dialog-content li a {text-transform: uppercase; color: #333;}
.mainContainer .actionBar .actionNavContainer .wtf .dialogBalloon .dialog-content li {padding: 0 0 0 8px; border-bottom: none; margin-left: 0;}
.mainContainer .actionBar .actionNavContainer .wtf .dialogBalloon .dialog-content li a {display: inline; font: 12px arial, sans-serif; text-transform: none; color: #7d7d96; background-color: transparent; border: none;}
.dialogBalloon .dialog-content p {font: 12px/1.5 arial, sans-serif; background: #fff; margin: 0;}
.dialogBalloon .dialog-content p.text {padding: 5px 0 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.notebook .userSection .dialogBalloon .dialog-content p {font: 11px arial, sans-serif; padding-bottom: 2px;}
.dialogBalloon .colorBar {font: 13px arial, sans-serif; color: #fff; padding: 8px 5px 0; margin: 0;}
.subContent {float: left; width: 244px; }
.productsLanding .subContent {width: 225px; height: 138px; overflow: hidden; background: url("http://dipline.su/img/bg_sub-banner-search.jpg") 0 0 no-repeat;}
.diy .subContent {width: 440px;}
.shareMakeover .subContent {width: 318px;}
.imgPromo {margin-top: 43px;}
.module {margin-right: 5px; overflow: visible;}
.upper .module { }
.lower .module {border-bottom: 1px solid #fff;}
.lower .upperB {border-bottom: 1px solid #fff/*A3*/;}
.productsLanding .module {}
.diy .upper .module {background: #cca518; height: 244px; border-bottom: 1px solid #fff;}
.upperA, .upperB {background: #af9349/*A2*/;}
.typeE {background: #2c689f/*A2*/;}
.typeA {background: #5f9bd0/*A3*/;}
.typeB {background: #d6ddea/*A4*/;}
.typeB a {color: #2b81cd;}
.newsblock .date { font: 11px arial, sans-serif; color: #666666; padding: 20px 0 0 0;}
.newsblock a {color: #5a707e; }
.newsblock a:hover { color: #2c689f; }
.newsblock h2 { font: 16px arial, sans-serif; color: #5a707e; margin-bottom: 0px; padding-bottom: 5px; margin-top: 20px;}
.newsblock h2 a { color: #5a707e; }
.newsblock h4 { text-transform: uppercase; font: 18px arial, sans-serif; color: #5a707e; border: 1px dotted #999999; padding:7px; margin-top:20px; margin-bottom:10px; }
.newsblock h3
{
color: #5A707E;
font: 16px arial,sans-serif;
margin-bottom: 15px;
margin-top: 25px;
text-transform: uppercase;
}
.newsblock h5 { font: 16px arial, sans-serif; color: #5a707e; margin-bottom: 0px; padding-bottom: 20px; margin-top: 20px;}
.newsblock i.data { display: block; font: 11px arial, sans-serif; color: #666666; font-weight: normal; font-style: normal; margin-top: 0px; padding-bottom: 20px; }
.newsblock .back { display: block; font: 12px arial, sans-serif; color: #666666; font-weight: bold; font-style: normal; margin-top: 40px; padding-left: 4px; border-left: 2px solid #5a707e;}
.newsblock p { font: 13px/1.3 arial, sans-serif; text-align: left; color: #111111; padding: 0; margin-top: 5px;}
.newsblock li { font: 11px verdana, sans-serif; text-align:left; color: #5b5f63;}
.newsblock ol { font: 11px verdana, sans-serif; text-align:left; color: #5b5f63;}
.newsblock .pic img {margin-right:10px; margin-bottom:10px;border: 4px solid #FFFFFF;}
.newsblock blockquote { font: italic 9px/14px verdana, sans-serif; border:0; padding:5px; margin:15px; background: #fdf6db; }
.newsblock td{ border-left: 1px dotted #999999; border-top: 1px dotted #999999; padding:3px; }
.newsblock table{ font: italic 12px/16px verdana, sans-serif; border-right: 1px dotted #999999; border-bottom: 1px dotted #999999; }
.newsblock p.s1
{
font-size: 1em;
line-height: 1.4em;
}
.imgtitle {
width:488px;
background: #2c689f;
margin-bottom:20px;
}
.newsblock .gallery img
{
}
.application-series { width: 100%; border-bottom: 1px dotted #999999; }
.application img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; }
.application h3 { font: bold 14px arial, sans-serif; color: #5a707e; padding-top: 15px;}
.application a { color: #5a707e; text-decoration: underline; }
.application a:hover { color: #666; }
.application blockquote { font-style:italic; }
.application blockquote p{ font-size: 11px; color: #666666; font-style:italic;}
.application blockquote li{ font-size: 11px; color: #666666; font-style:italic;}
.application .des p{ font-size: 12px; color: #666666; font-style:italic; text-align:center; }
.application-series { width: 100%; border-bottom: 1px dotted #999999; }
.posters-series { width: 100%; border-bottom: 1px dotted #999999; }
.posters { padding-top:5px; }
.posters img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; }
.des img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; }
.des img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; }
.posters h3 { font: bold 14px arial, sans-serif; color: #5a707e; padding-top: 15px;}
.posters a { color: #5a707e; text-decoration: underline; }
.posters a:hover { color: #666; }
.posters blockquote { font-style:italic; }
.posters blockquote p{ font-size: 11px; color: #666666; font-style:italic;}
.posters blockquote li{ font-size: 11px; color: #666666; font-style:italic;}
.posters .des p,
.des p
{
font-size: 12px; color: #666666; font-style:italic; text-align:center; }
.posters-series { width: 100%; border-bottom: 1px dotted #999999; }
#ideas a { text-decoration: underline; }
#ideas .title { border-bottom: 1px dotted #5a707e; padding-top:20px; text-transform: none;}
#ideas .ideas-pic { text-align:center; }
#ideas .ideas-pic img { border: 3px solid #ab8850; margin-bottom: 20px; }
#ideas .zayavka { text-align: center; font: 16px arial, sans-serif; color: #5a707e; padding:7px; margin-top:30px; margin-bottom:10px; }
#ideas table { border: none; padding-top: 10px; padding-bottom: 10px;}
#ideas table td {
border-bottom: 1px dotted #bbbcc0;
border-right: none;
border-top: none;
border-left: 1px dotted #bbbcc0;
}
#ideas table td:hover {
background: #e9e8e9;
}
.idea { padding-bottom: 20px; }
.idea h3 { font: bold 14px arial, sans-serif; color: #5a707e; }
.idea p { font: 12px verdana, sans-serif; color: #5a707e; padding:0; margin:0; padding-top: 10px; line-height: 0.5em; }
.idea img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; margin: 5px;}
.idea a { color: #5a707e; }
.idea a:hover { color: #666; }
#stock .title { border-bottom: 1px dotted #5a707e; padding-top:20px; text-transform: none;}
#stock .zayavka { text-align: center; font: 16px arial, sans-serif; color: #5a707e; padding:7px; margin-top:30px; margin-bottom:10px; }
#stock .zayavka form { background: #f0f5fa; text-transform: none; padding-top:20px; margin-top:20px; border: 1px dotted #999999; color: #111111; font: 18px arial, sans-serif; }
#stock .zayavka label { font: 15px arial, sans-serif; display: inline; }
#stock .zayavka dd { padding-top:10px; }
.status { color: #2c689f; margin-top:20px; }
.status span { color: #ffffff; background: #478f29; padding:2px; border: 1px dotted #999999; }
.statusoff { color: #2c689f; margin-top:20px; }
.statusoff span { color: #ffffff; background: #ed1c24; padding:2px; border: 1px dotted #999999; }
.all { color: #ffffff; margin-top:30px; border-top: 1px dotted #999999; }
.stock a {color: #5a707e; text-decoration: underline; }
.stock a:hover { color: #2c689f; }
.stock h3 {font: 18px arial, sans-serif; color: #5a707e; margin-bottom: 5px;}
.mainContainer td{ border-left: 1px dotted #999999; border-top: 1px dotted #999999; padding:3px; }
.mainContainer table{ font: italic 12px/16px verdana, sans-serif; border-right: 1px dotted #999999; border-bottom: 1px dotted #999999; }
.blink { font: 25px arial, sans-serif; color: #5a707e; border-bottom: 1px dotted #5a707e; padding-top:20px;}
.blink a { color: #666; }
.pages { background: #f0f5fa; text-transform: none; font: 14px arial, sans-serif; color: #666666; border: 1px dotted #999999; padding:7px; margin-top:40px; margin-bottom:10px; }
.pages a { color: #5a707e; }
.archive { background: #f0f5fa; text-transform: none; font: 18px arial, sans-serif; color: #666666; border: 1px dotted #999999; padding:7px; margin-top:10px; margin-bottom:10px; }
.archive a { color: #5a707e; }
.indexnewsblock .mainblock { padding-top:5px; padding-bottom:5px; }
.indexnewsblock {font: 10px arial, sans-serif; margin-top: 10px; padding-left:10px; padding-top:10px; padding-bottom:10px; background: #e9e8e9; }
.indexnewsblock a {color: #2c689f; }
.indexnewsblock p {font: 11px arial, sans-serif; margin-bottom:5px; }
.indexnewsblock h3 {font: 14px arial, sans-serif; margin-bottom: 5px; color: #2c689f; }
.indexnewsblock h2 {font: 12px arial, sans-serif; margin-right: 1px; color: #2c689f; }
.indexnewsblock h2 a { color: #2c689f; }
.typeC {background: #e2e2e2;}
.typeC h3 { font: bold 15px verdana, sans-serif; color: #999; margin:0; padding-top: 5px; padding-bottom: 8px; }
.typeC h2 { font: bold 13px verdana, sans-serif; color: #5a707e; margin:0; padding-top: 5px; padding-bottom: 8px; }
.typeC h1 { font: bold 10px verdana, sans-serif; color: #666; margin:0; padding-top: 5px; padding-bottom: 8px; }
.typeC h1 a { font: bold 10px verdana, sans-serif; color: #666; margin:0; padding-top: 5px; padding-bottom: 8px; }
.typeC a { color: #5a707e; }
.typeC a:hover { color: #666; }
.typeD {background: #e2e2e2/*A6*/;}
.typeD a {color: #2b81cd;}
.module .inner {padding: 10px 0 0; margin: 0 12px;}
.upper .module .inner {}
.diy .upper .module .diyMod {margin: 0;}
.module .borderTop {border-top: 1px solid #cfbc84/*A3*/;}
.productsLanding .module .inner {padding: 0; margin: 58px 15px 0;}
.lower .module .inner {}
.module .noBottom {padding-bottom: 0 !important;}
.module .inner .promoBody {margin-bottom: 3px; margin-top: 3px;}
.module p {font-size: 11px; line-height: 1.3; color: #333/*C1*/; padding: 5px 0;}
.upper .module p {line-height: 1.4;}
.contactUs .upperA p {color: #fff;}
.module .inner img {}
.module .diyMod p {color: #fff; padding: 10px 0;}
.diyMod .block {float: left; display: inline; padding-top: 3px;}
.diyMod .twoCol .col1 {width: 155px; margin-left: 5px;}
.diyMod .twoCol .col2 {width: 274px;}
.diyMod .twoCol .col2 .borderWrapper {min-height: 231px; _height: 231px; padding-left: 15px; border-left: 1px solid #ebdaa2;}
.module .inner h4 {font: 13px arial, sans-serif; color: #333/*C1*/;}
.module .inner h4.main {padding: 5px 0;}
.upper .module .inner h4.small {font: bold 10px arial, sans-serif; text-transform: uppercase;}
.subContent .module .diyMod h4 {color: #fff; padding: 0;}
.module .diyMod .col1 h4 {margin: 0 0 10px 3px;}
.module .inner .promoBody h4 {}
.module .inner .promoBody h4.seeNext {font: 10px verdana, sans-serif;}
.module .inner .promoBody h4.seeNext span {font: 13px arial, sans-serif; text-transform: uppercase;}
.module .inner .promoBody p.textRight {float: right; position: relative; width: 96px; margin-right: -3px;}
.module .inner .promoImg {float: right; width: 110px; _height: 95px; min-height: 95px;}
.module .inner .profile {width: 135px;}
.module .inner .exploreColor {width: 98px;}
.module .inner .narrow {width: 90px; text-align: right;}
.module .inner .house {width: 105px; margin-top: 5px;}
.module .inner .inspirationImg {float: left; width: 105px; margin-top: 5px;}
.upper .module .inner .colorByPhotos {float: none; position: absolute; width: 120px; margin-left: 113px; z-index: 1;}
.module .diyMod .diyPhotos {float: right; width: 125px;}
.module .diyMod .diyPhotos img {display: block;}
.module .breakRight {position: relative; margin-right: -17px;}
.module .breakRight2 {position: relative; margin-right: -12px;}
.module .breakLeft {position: relative; margin-left: -12px;}
.module .breakTop {position: relative; margin-top: -10px;}
.module .inner .makeOverNav {float: right; width: 120px; min-height: 0 !important; _height: auto !important; margin-bottom: 10px;}
.module .inner .makeOverNav img {vertical-align: middle;}
.module .inner .makeOverNav .makeOverImg {float: left; margin-right: 8px;}
.module .inner .makeOverNav .next {float: left; width: 22px; margin-top: 21px;}
.dropdown {padding-bottom: 10px;}
.ddPadTop {padding-top: 10px;}
.ddPadTop2 {padding-top: 5px;}
.upper .module .colorByLink { margin-bottom: 5px;}
.upper .module .colorByLink a {display: block; padding-bottom: 6px;}
.upper .module .colorByLink .arrowRight {float: right; width: 20px; margin-top: -4px;}
.module .findaDealer {}
.upperA .findaDealer {padding-bottom: 10px;}
.module .findaDealer label {display: block; font-size: 11px; color: #fff; margin-bottom: 5px;}
.upperA .findaDealer label {color: #333/*C1*/;}
.module .findaDealer input {width: 95px; font-size: 9px; color: #7f7f7f;}
.module .findaDealer .button {width: auto; color: #fff; background: #cfbe92/*A4*/; padding: 1px 4px 2px; _padding: 2px 4px 1px; border: none;}
.upperA .findaDealer .button {background: #774f4d/*A1*/; padding: 0 4px 1px; _padding: 1px 4px 0; border: 1px solid #beaba4/*A3*/;}
.module .findaDealer .lowesDealer .button { padding-left:0; }
.module .findaDealer .lowesDealer .button a {font: 10px verdana,sans-serif; background-position: 5px center; }
.module a.arrow {color: #fff; padding: 3px 5px 4px 8px;}
.module .buttonHolder {width: 115px; background-color: #2c689f/*A2*/; border: 1px solid #e9e2cd/*A6*/; margin: 5px 0 10px;}
.upper .module .buttonHolder {background-color: #9a7117/*A3*/; border: 1px solid #e9e2cd/*A6*/; margin-bottom: 10px;}
.module .buttonHolder td {white-space: nowrap; color: #fff;}
.module .button a {font: 11px arial, sans-serif; background-position: 5px center; padding: 3px 4px 4px 13px;}
.module .button a:active, .module .button a:hover, .module .button a:active {color: #fff; /*text-decoration: underline;*/}
.module .twoButton {margin: 0 0 10px;}
.module .twoButton .buttonHolder {margin: 5px 0 0;}
.upper .module .buttonList {width: 120px; margin-top: 10px;}
.upper .module .buttonList li {margin: 0 0 2px;}
.upper .module .buttonList a {display: block; width: 101px; \width: 120px; w\idth: 101px; font: 11px arial, sans-serif; background-color: #95825b/*A1*/; background-position: 5px center; padding: 2px 4px 3px 13px; border: 1px solid #e9e2cd/*A6*/;}
.upper .module .buttonList a:hover, .upper .module .buttonList a:active {text-decoration: none; color: #fff; background-color: #bfa96d/*A3*/;}
.upper .module .navLanding .buttonList {position: absolute;}
.r0c0 {z-index: 3;}
.r0c1 {z-index: 2;}
.r0c2 {z-index: 1;}
.r1c0 {z-index: 6;}
.r1c1 {z-index: 5;}
.r1c2 {z-index: 4;}
.r2c0 {z-index: 9;}
.r2c1 {z-index: 8;}
.r2c2 {z-index: 7;}
.paletteGrid .dialogBalloon .dialog-content p {font: 10px/1.3 arial, sans-serif;}
.head1 {font: 13px/17px arial, sans-serif;}
/*-- ïàíåëü ïîëüçîâàòåëÿ --*/
.notebook {border-bottom: 0;}
.notLogged {background: url("http://dipline.su/img/bg_konkyrs.jpg") 0 0 no-repeat;}
.notLogged2 {}
.notebook .inner {margin: 0 5px;}
.notebook .sectionBar {height: 30px; overflow: hidden; background: #e9e8e9; padding: 0 10px;}
.notebook .sectionBar h3 {font: 13px arial, sans-serif; color: #4f4f4f; padding-top: 7px;}
.notebook .sectionBar h3 a {color: #5f9bd0; }
.notebook .kroshki {font: 10px arial, sans-serif; color: #4f4f4f; padding-top: 7px;}
.notebook .kroshki a {color: #4f4f4f; }
.notebook .notebookSection {min-height: 129px; _height: 129px;}
.notebook .notLogged .projects {}
.notebook .sectionCopy {padding-top: 16px; margin: 0 10px;}
.notebook .sectionCopy h4 {font: 24px/27px arial, sans-serif;}
.notebook .sectionCopy h4 a {color: #5f9bd0; }
.notebook .sectionCopy p {font: 11px/17px arial, sans-serif; padding-bottom: 7px; padding-top: 7px;}
.notebook .sectionCopy .blue {color: #5f9bd0; }
.notebook .sectionCopy .blue a {color: #5f9bd0; }
.notebook .sectionCopy .bluesmall {font: 11px/17px arial, sans-serif; color: #5f9bd0; }
.notebook .sectionCopy .bluesmall a {color: #5f9bd0; }
.notebook .sectionCopy2 {background: url("http://dipline.su/img/bg_konkyrs2.jpg") 0 0 no-repeat; padding-top: 16px; margin: 0 10px;}
.notebook .sectionCopy2 h4 {font: 24px/27px arial, sans-serif;}
.notebook .sectionCopy2 p {font: 11px/17px arial, sans-serif; padding-bottom: 7px; padding-top: 7px;}
.notebook .userSection {float: right; position: relative; width: 430px; min-height: 129px; _height: 129px;}
.notebook .userSection2 {float: left; position: relative; width: 430px; min-height: 129px; _height: 129px;}
.notebook .projects .userSection {width: 299px; padding-top: 20px;}
.notebook .projects .userSection2 {float: right; width: 299px; padding-top: 20px;}
.notebook .projects .sectionCopy {width: 445px; padding-bottom: 20px;}
.notebook .projects .sectionReg {width: auto;}
.notebook .projects .sectionReg h2 {font: 14px arial, sans-serif; vertical-align: middle; padding-left: 10px;}
.notebook .projects .sectionReg .formreg {font: 14px arial, sans-serif; padding-left: 10px;}
.notebook .projects .sectionCopy h4 {width: auto;}
.notebook .notLogged .savedItems .userSection {width: 495px;}
.notebook .loggedIn .savedItems .userSection {float: none; width: auto; min-height: 129px; _height: 129px; margin: 0 8px;}
.notebook .projects .userForm {min-height: 1px; _height: 1px; background: url("http://dipline.su/img/bg_form.gif") left bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.notebook .projects .userForm h4 {font: 12px arial, sans-serif; text-transform: uppercase; color: #fff; background: #9fb1c0 url("http://dipline.su/img/bg_form_header.gif") no-repeat; padding: 5px 11px 4px;}
.notebook .projects .userForm form {padding-top: 10px;}
.notebook .projects .userForm .formtxt {padding: 5px 11px 4px; font: 11px verdana,sans-serif;}
.notebook .projects .userForm .formtxt a {color: #4f4f4f; }
.notebook .projects .userForm .formtxt a:hover {color: #2c689f; }
.notebook .projects .userForm .formControl {min-height: 1px; _height: 1px; margin: 0 11px 5px;}
.notebook .projects .userForm .formControl label {float: left; width: 106px; _width: 103px; font: 11px arial, sans-serif; margin-top: 3px;}
.notebook .projects .userForm .formControl input {width: 169px; height: 19px; font: 12px arial, sans-serif; border: 1px solid #999; margin: 0;}
.notebook .projects .userForm .formButtons {text-align: right; padding-top: 5px; padding-left: 106px; margin: 0 11px;}
.notebook .projects .userForm .formControl a {font: 12px arial, sans-serif; color: #666; }
.notebook .projects .userForm .updates {float: left; width: 93px; margin: -2px 0 0;}
.notebook .projects .userForm .updates td {text-align: left; vertical-align: top;}
.notebook .projects .userForm .updates .checkbox {padding: 0 4px 0 0 !important; padding: 0;}
.notebook .projects .userForm .updates .checkbox input {width: auto; vertical-align: middle; _margin: -4px;}
.notebook .projects .userForm .updates label {font: 11px arial, sans-serif; vertical-align: middle;}
.notebook .projects .userForm .formLinks {margin: 4px 11px 0;}
.notebook .projects .userForm .formLinks a {font: 10px arial, sans-serif; color: #4f4f4f; background: url("http://dipline.su/img/icon_arrow-dkgrey2-right.gif") 0 2px no-repeat; padding-left: 8px; margin-right: 15px;}
.notebook .paletteScroll, .notebook .imageScroll {position: relative; height: 120px; margin: 7px 16px 0 0;}
.notebook .projectScroll {position: relative; height: 225px; margin: 7px 16px 0 0;}
.notebook .loggedIn .projectScroll, .notebook .loggedIn .paletteScroll, .notebook .loggedIn .imageScroll {margin: 7px 0 0;}
.notebook .projectScroll .next {float: right; width: 17px; margin-top: 85px;}
.notebook .projectScroll .previous {float: left; width: 17px; margin-top: 85px;}
.notebook .paletteScroll .next {float: right; width: 17px; margin-top: 50px;}
.notebook .paletteScroll .previous {float: left; width: 17px; margin-top: 50px;}
.notebook .imageScroll .next {float: right; width: 17px; margin-top: 52px;}
.notebook .imageScroll .previous {float: left; width: 17px; margin-top: 52px;}
.notebook .scrollContainer {position: absolute; left: 17px; width: 444px; height: 120px; overflow: hidden;}
.notebook .loggedIn .scrollContainer {width: 719px; height: 225px;}
.notebook .scrollContainer ul {width: 30000px;}
.notebook .scrollContainer li {display: inline;}
.notebook .scrollContainer li.selected {}
.notebook .scrollContainer a {display: block; float: left;}
.notebook .scrollContainer .project {float: left; width: 241px;}
.notebook .scrollContainer .project a {float: none;}
.notebook .projectScroll .scrollContainer a {width: 241px; background: url("http://dipline.su/img/bg_notebook-project-shadow.gif") 0 0 no-repeat; padding: 8px 0 13px;}
.notebook .paletteScroll .scrollContainer a {width: 111px; background: url("http://dipline.su/img/bg_notebook-palette-shadow.gif") 0 0 no-repeat; padding: 8px 0 10px;}
.notebook .imageScroll .scrollContainer a {width: 148px; background: url("http://dipline.su/img/bg_notebook-image-shadow.gif") 0 0 no-repeat; padding: 8px 0 12px;}
.notebook .loggedIn .paletteScroll .scrollContainer a {width: 102px;}
.notebook .loggedIn .imageScroll .scrollContainer a {width: 143px;}
.notebook .scrollContainer img {border: 1px solid #e1e1e1; margin-left: 8px;}
.notebook .scrollContainer a:hover img {border: 1px solid #b2b2b2;}
.notebook .scrollContainer li.selected img {border: 1px solid #b2b2b2;}
.notebook .scrollContainer li .projectInfo {padding-left: 10px; margin-top: -2px;}
.notebook .scrollContainer li .projectInfo {font: 11px arial, sans-serif; color: #666;}
.notebook .scrollContainer li .projectInfo strong {display: block; font-weight: bold; color: #4f4f4f;}
/* ---- */
.base {line-height: 0; background-color: #2c689f; padding: 6px; border-width: 0 5px; border-style: solid; border-color: #fff;}
/* -- footer -- */
.footer {font: 10px arial, sans-serif; color: #4e73b9; padding: 5px 0 35px;}
.footer .widget {float: right; position: relative; width: 244px; height: 27px; text-align: right; padding-top: 7px; font-size: 80%;}
.footer .widget img { vertical-align: top; }
.footer .widget a { color: #4e73b9; }
.footer .widget select {width: 155px; height: 16px; font: 10px arial, sans-serif; color: #8d8d8d; margin-top: 4px;}
.footer .widget .findOurProducts {position: absolute; bottom: 0; left: 0; width: 237px; font: 10px arial, sans-serif; text-align: left; background: #fff; border: 1px solid #bbbcc0;}
.widget .findOurProducts .findaDealer {display: none; padding: 5px 10px 0;}
.open .findOurProducts .findaDealer {display: block;}
.widget .findOurProducts .findaDealer label {display: block; font: 10px arial, sans-serif; color: #333; margin-bottom: 5px;}
.widget .findOurProducts .findaDealer input {width: 60px; height: 16px; font: 10px arial, sans-serif; color: #333; vertical-align: middle;}
.widget .findOurProducts .findaDealer .button {width: auto; height: 20px; color: #fff; background: #9a7117/*A2*/; padding: 0 4px; border: none;}
.footer .widget .noTogLink {display: block; width: 204px; height: 10px; overflow: hidden; line-height: 1em; color: #808082; padding: 7px 10px 8px 23px;}
.footer .widget .toggle {display: block; width: 204px; height: 10px; overflow: hidden; line-height: 1em; color: #808082; padding: 7px 10px 8px 23px;}
.footer .nav {font: 10px arial, sans-serif; padding-top: 13px;}
.footer .nav p {font: 10px/1 arial, sans-serif; _padding: 5px 0; margin: 0;}
.footer ul {}
.footer ul li {float: left; line-height: 1.2; vertical-align: top; padding: 0; border-left: 1px solid #fff; margin: 0;}
.footer ul li.first {border: none;}
.footer ul li a {padding: 0 5px;}
.footer ul li.first a {padding-left: 0;}
.footer a {color: #fff;}
/* -- overrides -- */
.pageContainer .noPadding {padding: 0 !important;}
.pageContainer .noBorder {border: none !important;}
.pageContainer .noMargin {margin: 0 !important;}
.pageContainer .padBot5 {padding-bottom: 5px !important;}
.pageContainer .padTop3 {padding-top: 3px !important;}
.galtable { width: 774px; padding:0px; margin: 0; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #fff; margin-right: 3px; margin-left: 3px; margin-top: 12px;}
.galtable a { color: #fff;}
.galtable td a:hover {background: #42bad3;}
.galtable1 { background: #42bad3; padding:10px; }
.galtable2 { background: #c6cc34; padding:10px; }
.galtable3 { background: #f8981d; padding:10px; }
.galtable4 { background: #ed008c; padding:10px; }
.galtable5 { background: #ed2124; padding:10px; }
/* -- Gallery -- */
#galleryblock-wrapper { text-align: left; clear: both; width: 100%; margin-bottom: 25px; }
#galleryblock-wrapper h3 { font: 20px arial, sans-serif; color: #5a707e; margin-bottom: 15px; margin-top: 32px; border-bottom: 1px dotted #5a707e;}
#galleryblock-wrapper p { font: italic 11px arial, sans-serif; text-align: left; color: #666666; }
.galleryblock { float: left; display: box; width:160px; height:200px; margin-bottom:0px; padding-top:15px; padding-bottom:15px; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #666; }
.galleryblock a { color: #5f9bd0; }
.galleryblock h2 { padding:0px; margin: 0; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #666; }
.galleryblock img { border: 1px solid #bbbcc0; background: #e9e8e9; text-align: center; float: left; margin-right:0px; margin-top:15px; margin-bottom:14px; padding:5px; }
.galitems { clear: both; width: 100%;}
.galitems h3 { font: bold 14px arial, sans-serif; color: #5a707e; }
.galitems p { font: 12px verdana, sans-serif; color: #5a707e; padding:0; margin:0; padding-top: 10px; }
.galitems img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; }
.galitems a { color: #5a707e; }
.galitems a:hover { color: #666; }
.galitems .a, .galitems .b { float: left; }
.galitems .a { width: 20%; }
.galitems .b { width: 80%; }
.gallery_list .gallery_item
{
display: block;
text-align: center;
background: #E2E2E2;
margin-bottom: 10px;
padding: 5px 0px;
}
.gallery_list .gallery_item a
{
display: block;
padding: 10px 20px;
text-decoration: underline;
}
.gallery_list .small_photo
{
float: left;
width: 120px;
}
.gallery_list .title
{
padding-left: 130px;
text-align: left;
}
.floats img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:4px; margin: 0 0 5px 0; }
.floats h3 { font: italic 14px arial, sans-serif; text-align: left; color: #5a707e; margin: 0 0 5px 0; }
.floats
{
font: italic 11px arial, sans-serif; text-align: left; color: #666666;
margin: -12px -12px 0 0;
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;
display: inline;
overflow: hidden;
margin: 12px 12px 0 0;
width: 151px;
min-width: 151px;
}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats .left .min
{
margin: 0 0 150px 0;
height: 60px;
width: 151px;
}
.galblock { width:160px; margin-bottom:10px; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #666; }
.galblock a { color: #5f9bd0; }
.galblock img { border: 1px solid #bbbcc0; background: #e9e8e9; text-align: center; float: left; margin-right:8px; margin-top:14px; margin-bottom:14px; padding:5px; width:160px; }
.gal-title h3 { font: 20px arial, sans-serif; color: #5a707e; border-bottom: 1px dotted #5a707e;}
.gal-title { margin: 20px 0 20px 0; }
.dipline-gallery {
width:100%;
margin:2em 0 2em;
padding:0;
}
.dipline-gallery h2 {margin:0; }
.dipline-gallery a {
display:block;
margin:8px 0 0 8px;
border:#999 1px solid;
float:left;
background-color:#e7e6e6;
width: 150px;
height: 150px;
text-align: center;
overflow: hidden;
padding: 10px 0;
}
.dipline-gallery a:hover { border:#666666 1px solid; }
.dipline-gallery a img {
border:none;
}
.dipline-gallery a.first-item { margin-left:0; }
.dipline-gallery a.first-row { margin-top:10px; }
/* -- ïðåçåíòàöèè -> ôîòîãàëåðåÿ -- */
.detailimg img { border: 1px solid #bbbcc0; background: #e9e8e9; padding:5px; }
.profilephotos {
}
.profilephotos a {
padding:5px;
border: 1px solid #bbbcc0;
background: #e9e8e9/*A2*/;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #2c689f;
}
.new {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
color: #FF0000;
}
.details {font: 12px arial, sans-serif; color: #4f4f4f; padding-left: 8px; margin-right: 15px;}
.details { width: 100%; }
.borderdetails { padding-left: 130px; }
.comments {font: 10px arial, sans-serif; color: #4f4f4f; padding-left: 8px; margin-top: 27px; border: 1px solid #b2b2b2; background: #d6ddea/*A2*/;}
.username {font: 16px/18px arial, sans-serif;}
.topraiting {font: 10px arial, sans-serif; color: #4f4f4f; padding-left: 8px; margin-top: 27px; margin-bottom: 27px; margin-right: 15px; }
.topraiting a {color: #5f9bd0;}
.search {font: 12px arial, sans-serif; color: #4f4f4f; padding-left: 8px; margin-top: 27px; margin-bottom: 27px; margin-right: 15px; }
.search a {color: #5f9bd0;}
.noWidth {width: auto;}
.subContent .module .inner .promoBody p a.arrow {color: #fff;text-decoration:none;}
.copyright {padding:5px 0px 15px 0px; font: 10px arial, sans-serif; color: #fff;}
.nextandprev {font: 10px arial, sans-serif; color: #4f4f4f; padding-left: 8px; margin-top: 47px; border: 1px solid #b2b2b2; background: #ffffb9/*A2*/; }
.nextandprev a {color: #4f4f4f;}
.nextandprev img { border: 1px solid #bbbcc0; background: #e9e8e9/*A2*/; text-align: center; margin-bottom:0px; padding:5px; width:80px; }
.nextandprevright { padding-right:14px; }
.voted { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 9px; }
.thanks { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 9px; }
.static { color:#7C6843; font-size: 9px; }
.tovote {text-align: center; color:#7C6843; font-size: 10px; }
.oblprimen { min-height: 1px; _height: 1px; background: #fff; padding: 0 15px 10px;}
.oblprimen ul {text-align: center; margin: 0 auto;}
.oblprimen ul li {display: inline; margin-right: 25px;}
.oblprimen ul li a {display: inline-table; vertical-align: middle;}
.oblprimen ul li img {vertical-align: middle;}
.sferi {font: 10px arial, sans-serif; padding-left:10px; padding-top:5px; padding-bottom:5px; background: #d6ddea; }
.sferi a {color: #2c689f; }
.sferi p {font: 11px arial, sans-serif; margin-bottom:5px; }
.sferi h3 {font: 14px arial, sans-serif; margin-right: 1px; margin-bottom:5px; color: #666; }
.sferi img { border: 1px solid #bbbcc0; background: #e9e8e9/*A2*/; text-align: center; margin-bottom:5px; padding:5px; width:80px; }
.dipline-notes {font: 10px arial, sans-serif; padding-left:10px; padding-top:5px; padding-bottom:5px; background: #d6ddea; }
.dipline-notes a {color: #2c689f; }
.dipline-notes p {font: 11px arial, sans-serif; margin-bottom:5px; }
.dipline-notes h3 {font: 14px arial, sans-serif; margin-right: 1px; margin-bottom: 5px; color: #666; }
.dipline-notes blockquote {font: italic 11px/14px arial, sans-serif; padding: 10px 3px;}
.dipline-notes blockquote p {font: italic 11px/14px arial, sans-serif;}
.about-dipline {font: 10px arial, sans-serif; padding-top:5px; padding-bottom:5px; margin-top:10px; margin-bottom:5px; padding-left:10px; padding-right:10px; background: #e9e8e9; }
.about-dipline h3 {font: 14px arial, sans-serif; margin-right: 1px; color: #2c689f; margin-top:10px; margin-bottom:5px;}
.about-dipline p {font: 11px arial, sans-serif; margin-top:5px; }
#easyscroll{margin:1em 0;}
#easyscrollnav, #easyscrollnav li{ height:10px; line-height:10px; margin:0; padding:0; }
#easyscrollnav{ margin:1em 0; }
#easyscrollnav li{ list-style:none; float:right; margin-right:10px; padding:0 5px; color:#333; cursor:pointer; }
#easyscrollnav li.over{ color:#999; text-decoration:underline; }
.banner_index { border: 1px solid #bbbcc0; background: #e9e8e9/*A2*/; text-align: center; margin-bottom:5px; padding:5px; width:738px; }
.banner_01 { width:480px; }
.banner_02 { width:250px; }
.banner_03 { width:730px; }
.indexpolls {font: 10px arial, sans-serif; margin-top: 10px; padding-left:10px; padding-top:10px; padding-bottom:10px; background: #e9e8e9; }
.indexpolls a {color: #2c689f; }
.indexpolls p {font: 11px arial, sans-serif; margin-bottom:5px; }
.indexpolls p a { text-decoration: underline; color: #666; }
.indexpolls h3 {font: 14px arial, sans-serif; margin-right: 1px; color: #2c689f; }
.indexpolls img { border: 1px solid #bbbcc0; background: #e9e8e9; text-align: center; margin-bottom:5px; padding:5px; width:80px; FILTER: alpha(opacity=60,style=20)}