/* CSS Document */

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

div#main {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 980px;
}

div#top {
  position: relative;
  padding: 0;
  margin: 0;
  width: 980px;
  height: 262px;
  background-image: url(../img/top.gif);
}

div#middle {
  position: relative;
  padding: 0;
  margin: 0;
  width: 980px;
  background-image: url(../img/middle.gif);
  background-repeat: repeat-y;
  overflow: auto;
  height: auto;
  padding-bottom:10px;
}

div#bottom {
  position: relative;
  padding: 0;
  margin: 0;
  padding-left: 200px;
  width: 780px;
  height: 62px;
  background-image: url(../img/bottom.gif);
}
  
div#left-column{
  width:217px;
  margin:0;
  padding:0;
  height:auto;
  overflow:auto;
  float:left;
}

div#slider {
  width:144px;
  height:429px;
  background-color:#5F6468;
  margin: 15px 9px 0px 64px;
}

div#slider > div.content {
  width:137px;
  height:422px;
  background-color:#9cb8bb;
  border: solid 1px #004080;
  float:left;
}

div#slider > div.content div.row {
  display:block;
  width:133px;
  height: auto;
  overflow:auto;
  padding: 5px 2px;
  text-align:center;
  border-bottom: solid 1px #004080;
}

object#napis {
  position: absolute;
  top: 0;
  left: 70px;
  width: 855px;
  height: 44px;
}

object#banner {
  position: absolute;
  width: 705px;
  height: 156px;
  margin: 0;
  top: 46px;
  left: 221px;
}

#programBox {
	font-size:0px;
	width: 700px;
	height: auto;
	overflow: auto;
	background: url(../img/programShadow.jpg) repeat-y;
	padding-bottom: 0px;
	margin-bottom: 10px;
	background-position: 14px 0px;
	float: left;
	margin-right: 10px;
}

#programBox .textBox {
  width: 468px;
  }

#programBox a {
  font-size:11px;
	display:block;
	width:683px;
	background-color: #9db8bb;
	border:solid 1px #800000;
	height: 14px;
	border-bottom: none;
	padding:5px;
	text-decoration: none;
}
#programBox a span{
  text-align: right;
  display: block;
  float: right;	
}

.polec p{
  margin-bottom: 8px;
  margin-top: 27px;
}

.polec input.data {
  width: 197px;
  height: 20px;
}

p.polecInfo {
  margin-top: 7px;
  margin-bottom: 0;
}

p.polecana {
  background: #FFF;
  border: solid 1px #949691;
  margin-top: 0px;
  margin-bottom: 12px;
  text-align: left;
  padding: 4px;
}

p.polecana a {
  color: #294d6d;
}

.red {
  border: solid 1px #800000 !important;
  border-bottom: solid 1px #800000 !important;
}

a.listaprogramow:hover {
  background: url(../img/listaProgramyActive.gif) no-repeat;
}


.wiecejProgramow {
  position: absolute;
  top: 30px;
  left: 266px;
  padding: 0 5px 11px 0; 
  background: #000;
  width: 275px;
  height: 10px;
  background: url(../img/moreProgramsShadow.gif) no-repeat;
  background-position: 2px 3px;
  text-align: center;
}

.wiecejProgramow a {
  background: #9EB7BB;
  border: solid 1px #800000;
  display: block;
  width: 265px;
  height: 10;
  padding: 3px;
  text-decoration: none;
}

.wiecejProgramow a:hover {
  background: url(../img/moreProgramsActive.gif);
}
.right .shadowBox a:hover {
  background: url(../img/rightActive.gif)
}
.wizualizacje {
  position: absolute;
  background: url(../img/wizualizacjeShadow.jpg);
  text-align: left;
  width: 202px;
  height: 23px;
  top: 0px;
}
.wizualizacje a {
  background: #9eb7bb;
  border: solid 1px #008080;
  line-height: 17px;
  display: block;
  width: 196px;
  height: 17px;
  text-align: center;
  text-decoration: none;
}
.wizualizacje a:hover {
  background: url(../img/wizualizacjeHover.jpg) no-repeat;
}
div#menu-top {
  position: absolute;
  width: 708px;
  height: 38px;
  margin: 0;
  padding: 0;
  padding-top: 1px;
  padding-left: 1px;
  top: 208px;
  left: 222px;
  background-image: url(../img/menu-top.gif);
}

div#menu-left {
  position: relative;
  width: 143px;
  height: 391px;
  margin: 0px 9px 0px 64px;
  padding: 0;
  padding-top: 1px;
  padding-left: 1px;
  background-image: url(../img/menu-left.gif);
}

div#main div#middle div.normalBox {
	position: absolute;
	margin: 0;
  	padding: 0;
  	z-index:0;
  	cursor: pointer;
	}
div#main div#middle div.biggerBox{
	position: absolute;
	margin: 0;
  	padding: 0;
  	font-size:14px;
  	z-index:100;
  	cursor: pointer;
	}
 div#main div#middle div.biggerBox a {
 	font-size: 14px;
 }


div#main div#middle div#box1 {
  
  width: 226px;
  height: 103px;
  background-image: url(../img/box1.jpg);
  left: 223px;
  top: 0;
  padding: 172px 15px 15px 10px;
}

div#main div#middle div#box1.biggerBox {
	width: 274px;
  	height: 125px;
  	background-image: url(../img/box1_b.jpg);
  	padding: 206px 17px 17px 10px;
	}
div#main div#middle div#box2.biggerBox {
	width: 175px;
  	height: 158px;
  	background-image: url(../img/box2_b.jpg);
  	padding: 306px 17px 17px 10px;
	}
div#main div#middle div#box3.biggerBox {
	width: 256px;
  	height: 129px;
  	background-image: url(../img/box3_b.jpg);
  	padding: 216px 17px 17px 10px;
	}
div#main div#middle div#box4.biggerBox {
	width: 229px;
  	height: 113px;
  	background-image: url(../img/box4_b.jpg);
  	padding: 176px 17px 17px 10px;
	}
div#main div#middle div#box5.biggerBox {
	width: 244px;
  	height: 37px;
  	background-image: url(../img/box5_b.jpg);
  	padding: 184px 17px 17px 10px;
	}
div#main div#middle div#box6.biggerBox {
	width: 230px;
  	height: 33px;
  	background-image: url(../img/box6_b.jpg);
  	padding: 176px 17px 17px 10px;
	}
div#main div#middle div#box7.biggerBox {
	width: 227px;
  	height: 113px;
  	background-image: url(../img/box7_b.jpg);
  	padding: 206px 17px 17px 10px;
	}
div#main div#middle div#box8.biggerBox {
	width: 211px;
  	height: 114px;
  	background-image: url(../img/box8_b.jpg);
  	padding: 164px 17px 17px 10px;
	}
div#main div#middle div#box9.biggerBox {
	width: 170px;
  	height: 142px;
  	background-image: url(../img/box9_b.jpg);
  	padding: 262px 17px 17px 10px;
	}

div#main div#middle div#box2 {
  width: 143px;
  height: 130px;
  background-image: url(../img/box2.jpg);
  left: 490px;
  top: 0;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 256px;
}

div#main div#middle div#box3 {
  width: 211px;
  height: 104px;
  background-image: url(../img/box3.jpg);
  left: 674px;
  top: 0;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 183px;
}

div#main div#middle div#box4 {
  width: 188px;
  height: 92px;
  background-image: url(../img/box4.jpg);
  left: 223px;
  top: 307px;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 148px;
}

div#main div#middle div#box5 {
  width: 201px;
  height: 27px;
  background-image: url(../img/box5.jpg);
  left: 453px;
  top: 418px;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 156px;
}

div#main div#middle div#box6 {
  width: 189px;
  height: 26px;
  background-image: url(../img/box6.jpg);
  left: 696px;
  top: 320px;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 147px;
}

div#main div#middle div#box7 {
  width: 187px;
  height: 92px;
  background-image: url(../img/box7.jpg);
  left: 223px;
  top: 580px;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 173px;
}

div#main div#middle div#box8 {
  width: 173px;
  height: 93px;
  background-image: url(../img/box8.jpg);
  left: 493px;
  top: 634px;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 138px;
}

div#main div#middle div#box9 {
  width: 139px;
  height: 115px;
  background-image: url(../img/box9.jpg);
  left: 746px;
  top: 527px;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 221px;
}

div.right {
  float: left;
  margin-left: 1px;
}

div.right a {
  text-align: center;
  padding: 6px 0;
  font-weight: bold;
  margin-bottom: 10px
  text-decoration: none;
  color: #000;
  display: block;
  width: 208px;
  background: #9abab9;
}

div.right img {
  border: solid 1px; #000;
}
div.shadowBox a {
  text-decoration: none;
}

div.shadowbox img {
  width: 208px;
}

div.right div.cornerBottom {
  margin-bottom: 10px;
}

div.right div.shadowBox {
  background: #5F6468;
  position: relative;
  width: 211px;
  height: 27px;
  margin-top: 6px;
  margin-bottom: 15px;
}

div.right div.shadowBox div {
  position: absolute;
  top: -5px;
  left: -4px;
}

a.link-box {
  position: absolute;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  bottom: 15px;
  right: 15px;
  overflow: visible;
}

a.link-box:hover {
  text-decoration: underline;
}

a.link-box2 {
  position: absolute;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  bottom: 15px;
  right: 15px;
  overflow: visible;
  margin-right: 25px;
}

a.link-box2:hover {
  text-decoration: underline;
}


div#content {
	float: left;
	width: 720px;
	height: auto;
	margin:0px 6px 6px 6px;

	}


div.imageBox, div.textBox , div.smallTextBox, div.biggerTextBox, div.fullTextBox, div.newsBox, div.halfTextBox{
	width:215px;
	height: auto;
	background-color:#5f6468;
	position: relative;
	float: left;
	margin-right:18px;
}
div.imageBox {
	margin-bottom: 20px;
	float: none;
	overflow: auto;
	height: auto;
	width: 215px;
	font-size: 0px;
}
div.textBox {
	width:448px;
}
div.leftMenu {
	margin-top:0px;
	float:right;
	width:468px;
	}
div#content div.leftMenu div.text{
	width:441px;
	}

div.biggerTextBox{
	width: 600px;
	margin-top: 0px;
	float: right;
	}
div.fullTextBox{
	width:700px;
	}
div.newsBox{
	width:720px;
	margin-top: 10px;
	margin-right:0px;
	}
div.halfTextBox{
	width:332px;
	}

div.imageBox img {
	width: 208px;
	float: left;
	border:solid 1px #000000;
	margin:0px;
	
	}
	
div.corner, div.cornerBottom {
	width:5px;
	height:5px;
	float: left;
	background-color: #cddbe2;
	}
div.cornerBottom {
	margin-right: 10px;
	}
	
div.textBox div.text, div.smallTextBox div.text, div.biggerTextBox div.text, div.fullTextBox div.text, div.newsBox div.text,div.halfTextBox div.text{
	width:421px;
	background-color: #fff5d7;
	font-size: 11px;
	font-weight: bold;
	border:solid 1px #000000;
	float: left;
	padding: 10px;
	}
div.smallTextBox div.text{
	width: 188px;
	}
div.biggerTextBox div.text{
	width: 573px;
	}
div.halfTextBox div.text{
	width: 305px;
	}

div#content img.pageTitle {
	margin-left:330px;
}
div.fullTextBox div.text{
	width:673px;
	}
div.newsBox div.text{
	width:693px;
	}
	
div.space {
	width:700px;
	height:40px;
	float:left;
	margin:0px;
	padding:0px;
	
}
div.galleryContent {
	float: none;
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
}

div.galleryContent div.imageBox {
	width: 130px;
	margin:0px 10px 0px 0px;
	float: left;
	}
div.galleryContent div.imageBox img{
	width: 123px;
	border:solid 1px #000000;
	}
a {
	color: #000000;
}
TEXTAREA {
	height: 120px;
	width: 300px;
}

ul {

	margin-bottom: 0;
	margin-top: 0;

}
a.galleryMenuElem {
	font-size:11px;
	display:block;
	width:393px;
	background-color: #9db8bb;
	border:solid 1px #000000;
	height: 14px;
	border-bottom: none;
	padding:5px;
	text-decoration: none;
		}
	
a.galleryMenuElem:hover {
	background-image: url(../img/on.gif); 
	}
a.galleryMenuElem:active {
	background-image: url(../img/active.gif); 
	}

div.galleryMenu {
	font-size:0px;
	width: 410px;
	height: auto;
	overflow: auto;
	background-image: url(../img/galeriaShadow.jpg);
	padding-bottom: 0px;
	margin-bottom: 10px;
	background-position: 5px 0px;
	float: left;
	margin-right: 10px;
	}
div.galleryMenu a.active, #programBox a.active {
	background-color: #cdecd2;
	background-image: none;
	}
div.galleryMenu div.cornerBottom {
	width: 410px;
	margin:0px;
	background-color: #5F6468;
	}
	
	
div.newsMenuConteiner {
	width:720px;
	height: 29px;
	overflow:auto;
	background-image: url(../img/newsMenuContainer.gif);
}
div.newsMenuConteiner a {
	display:inline-block;
	width:131px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:pointer;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.newsMenuConteiner a:active, div.newsMenuConteiner a.selected, div.newsMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.newsMenuConteiner a:hover {
	background-image: url(../img/klocek.gif);
}

span.newsCategoryTitle {
	display: inline-block;
	width: 720px;
	text-align: center;
	font-weight: 900;
	font-size: 18px;
	text-transform: uppercase;
	color:#41595B;
	margin-top: 10px;
	}
	
div.newsBox div.text span.pageTitle, div.newsBox div.text span.date {
	width: 600px;
	display: inline-block;
	margin-bottom: 10px;
	
}

div.newsBox div.text span.date {
	width: 90px;
	text-align: right;
	margin-bottom: 10px;
}
div.newsBox div.text div {
	text-align: left;
	margin-bottom: 10px;
}

div.newsBox div.text a.moreLink {
	display: inline-block;
	margin-left:619px;
}

a.pager {
	display: inline-block;
	margin:2px;
	border: solid 1px #000000;
	width: 20px;
	height: 20px;
	text-decoration: none;
	vertical-align: middle;
	line-height: 20px;
	background-color: #9EB7BB;
}

a.pager:hover, a.active{
	background-color: #CCECD4;
	}
	
div.cyklinowanieMenuConteiner {
	float:left;
	width:289px;
	height: 43px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	background-color: grey;
	margin-right: 420px;
}
div.cyklinowanieMenuConteiner a {
	display:inline-block;
	width:131px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.cyklinowanieMenuConteiner a:active, div.cyklinowanieMenuConteiner a.selected, div.cyklinowanieMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.cyklinowanieMenuConteiner a:hover {
	background-image: url(../img/klocek.gif);
}

div.tynkiMenuConteiner {
	float:left;
	width:432px;
	height: 43px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	background-color: grey;
	margin-right: 200px;
}
div.tynkiMenuConteiner a {
	display:inline-block;
	width:131px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.tynkiMenuConteiner a:active, div.tynkiMenuConteiner a.selected, div.tynkiMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.tynkiMenuConteiner a:hover {
	background-image: url(../img/klocek.gif);
}

div.lazienkiMenuConteiner {
	float:left;
	width:289px;
	height: 43px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	background-color: grey;
	margin-right: 420px;
}
div.lazienkiMenuConteiner a {
	display:inline-block;
	width:131px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.lazienkiMenuConteiner a:active, div.lazienkiMenuConteiner a.selected, div.lazienkiMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.lazienkiMenuConteiner a:hover {
	background-image: url(../img/klocek.gif);
}

div.plytkiMenuConteiner {
	float:left;
	width:289px;
	height: 43px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	background-color: grey;
	margin-right: 420px;
}
div.plytkiMenuConteiner a {
	display:inline-block;
	width:131px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.plytkiMenuConteiner a:active, div.plytkiMenuConteiner a.selected, div.plytkiMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.plytkiMenuConteiner a:hover {
	background-image: url(../img/klocek.gif);
}

div.tapetowanieMenuConteiner {
	float:left;
	width:289px;
	height: 43px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	background-color: grey;
	margin-right: 420px;
}
div.tapetowanieMenuConteiner a {
	display:inline-block;
	width:131px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.tapetowanieMenuConteiner a:active, div.tapetowanieMenuConteiner a.selected, div.tapetowanieMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.tapetowanieMenuConteiner a:hover {
	background-image: url(../img/klocek.gif);
}

div.zabudowaMenuConteiner {
	float:left;
	height: 42px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	margin-right: 400px;
	background: #595f62;
	padding-right: 4px;
}
div.zabudowaMenuConteiner a {
	display:inline-block;
	width:150px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.zabudowaMenuConteiner a:active, div.zabudowaMenuConteiner a.selected, div.zabudowaMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.zabudowaMenuConteiner a:hover {
	background-image: url(../img/klocek.gif);
}

div.malowanieMenuConteiner {
	float:left;
	width:719px;
	height: 42px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	background: url(../img/malowanieMenuConteiner_bg.gif) no-repeat;
}

.malowanieUpperMenu a {
  border: solid 1px #9E8891;
  border-bottom: none;
}

.malowanieUpperMenu {
  background: #595F62;
  padding-right: 10px;
  float; left;
}
div.malowanieMenuConteiner a {
	display:inline-block;
	width:135px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.malowanieMenuConteiner a:active, div.malowanieMenuConteiner a.selected, div.malowanieMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.malowanieMenuConteiner a:hover {
	background-image: url(../img/malowanieMenuConteinter_hover.jpg);
}
div.NCSMenuConteiner {
	clear: both;
	width:118px;
	height: 42px;
	overflow:auto;
	margin: 0px 22px 10px 0px;
	background: url(../img/NCSMenu_bg.gif);
}
div.NCSMenuConteiner a {
	display:inline-block;
	width:135px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.NCSMenuConteiner a:active, div.NCSMenuConteiner a.selected, div.NCSMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.NCSMenuConteiner a:hover {
	background-image: url(../img/malowanieMenuConteinter_hover.jpg);

}
div.okolorachMenuConteiner {
	float:left;
	width:720px;
	height: 42px;
	overflow:auto;
	margin: 0px 300px 10px 0px;
	background: url(../img/okolorachMenu_bg.gif) left no-repeat;
}
div.okolorachMenuConteiner a {
	display:inline-block;
	width:135px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.okolorachMenuConteiner a:active, div.okolorachMenuConteiner a.selected, div.okolorachMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.okolorachMenuConteiner a:hover {
	background-image: url(../img/malowanieMenuConteinter_hover.jpg);

}
div.koloryMenuConteiner {
	float:left;
	width:701px;
	height: 53px;
	overflow:auto;
	margin: 0px 0px 10px 0px;
	background: url(../img/koloryMenu_bg.gif);
}
div.koloryMenuConteiner a {
	display:inline-block;
	width:105px;
	border:solid 1px #000000;
	border-right:none;
	float:left;
	padding:5px;
	text-align:center;
	background-color: #9eb7bb;
	cursor:poiner;
	text-decoration: none;
	outline-style: none;
	background-image: none;
}	

div.koloryMenuConteiner a:active, div.koloryMenuConteiner a.selected, div.koloryMenuConteiner a:hover.selected {
	background-color:#ccecd4;
	background-image: none;
}
div.koloryMenuConteiner	 a:hover {
	background-image: url(../img/kolory_hover.png);
	cursor: pointer;
}

div.colorBox {
	width:700px;
	height:30px;
	float:left;
	background-color:#5F6468;
	margin: 0 0 10px 0;
}

div.color {
	width:693px;
	height:23px;
	float:left;
	background-color:#f9f5ab;
	margin:0px;
	border: solid 1px #000000;
}

div.rcorner {
	width:5px;
	height:5px;
	float:left;
	background-color:#CDDBE2;
	margin:0px;
}
div.bcorner {
	width:5px;
	height:5px;
	float:left;
	background-color:#CDDBE2;
	margin:0px 10px 0px 0px;
}
div.whatColorBox {
  width: 461px;
  height: 50px;
  padding: 10px 0;
}
div.whatColorBox + div.whatColorBox {
  border-top: solid 1px #3f1b27;
}
div.colorName, div.colorColor, div.colorDesc {
  float: left;
  height: 50px;
}
div.colorColor {
  width: 100px;
}
div.colorName {
  width: 140px;
  line-height: 50px;
  text-align: center;
}
div.colorDesc {
  width: 180px;
  padding: 0 10px;
}
div.colorColor {
  border: solid 1px #000000;
}
div#middle div#content a.newButton {
  display: block;
  float: left;
  height: 36px;
  text-decoration: none;
  padding: 0;
  width: auto;
  cursor: pointer;
}
div#middle div#content a.newButton div.newButtonLeft {
  float: left;
  width: 10px;
  height: 36px;
  background: #9eb7bb;
}
div#middle div#content a.newButton div.newButtonCenter {
  float: left;
  height: 31px;
  background: #9eb7bb;
  padding: 5px 0 0 0;
}
div#middle div#content a.newButton div.newButtonRight {
  float: left;
  width: 10px;
  height: 36px;
  background: #9eb7bb;
}
div#middle div#content a.newButton:hover div.newButtonLeft {
  background: url(../img/newButtonLeft_hover.png) no-repeat #9eb7bb;
}
div#middle div#content a.newButton:hover div.newButtonCenter {
  background: url(../img/newButtonCenter_hover.png) repeat-x #9eb7bb;
}
div#middle div#content a.newButton:hover div.newButtonRight {
  background: url(../img/newButtonRight_hover.png) no-repeat #9eb7bb;
}
div#middle div#content a.newButton.selected div.newButtonLeft, div#middle div#content a.newButton:active div.newButtonLeft {
  float: left;
  width: 10px;
  height: 36px;
  background: #ccecd4;
}
div#middle div#content a.newButton.selected div.newButtonCenter, div#middle div#content a.newButton:active div.newButtonCenter {
  float: left;
  height: 31px;
  background: #ccecd4;
  padding: 5px 0 0 0;
}
div#middle div#content a.newButton.selected div.newButtonRight, div#middle div#content a.newButton:active div.newButtonRight {
  float: left;
  width: 10px;
  height: 36px;
  background: #ccecd4;
}
a.backer {
  display: block;
  width: 106px;
  height: 26px;
  background: url(../img/pager.gif);
  text-decoration: none;
  line-height: 20px;
  cursor: pointer;
}
a.backer:hover {
  background-position: 0 100%;
}
div.p7VSC_content a img {
  width: 138px !important;
  padding: 0 !important; 
}
div.p7VSC_content a img {
  border: none;
  border-bottom: solid 1px #008080;
}
div#p7VSCtb_2 {
  border-top: solid 1px #008080;
}
div#p7VSC_1 {
  border: solid 1px #008080 !important;
}
div.clearFix {
  clear: both;
}




div.dynamicMultiImageFieldUploader
{
    width: 610px;

}

div.advancedUploadFieldUploader
{
    width: 610px;
    padding-top: 5px;
}

div.coverBox
{
    background-color: #808080;
    background-image: url( '/views/templates/abart/img/img_load_back.gif' );
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;

}


span.productImageWrapper
{
    border: 1px solid #808080;
    display: block;
    height: 70px;
    left: 0;
    line-height: 70px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100px;
    display: table-cell;
    border-spacing: 0 0 0 10px;

}


span.productImageWrapper img
{
    max-height: 60px;
    max-width: 94px;
    vertical-align: middle;
}


span.productImageWrapper span.operations
{
    display: inline-block;
    width: 100px;
/*    height: 15px;*/
    padding: 0px;
    position: relative;
    right: 0px;
    top: 0px;
    text-align: right;
    line-height: 14px;
}



span.productImageWrapper span.operations a
{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    margin-left: 3px;
    cursor: pointer;
    position: absolute;
    bottom: 1px;
    left: 40px;
}


span.productImageWrapper span.operations a.left
{
    left: 25px;
}



span.productImageWrapper span.operations a.right
{
    left: 55px;
}



div.dynamicMultiImageField.disabled
{
    background-color: #E9E8E8;
    position: relative;
    top: 0px;
    left: 0px;
}


div.advancedUploadField.disabled
{
    background-color: #E9E8E8;
    position: relative;
    top: 0px;
    left: 0px;
}


span.productImageWrapper span.operations a.delete
{
    background-image: url( '/views/templates/abart/img/smallDelete.gif' );
}

span.productImageWrapper span.operations a.left
{
    background-image: url( '/views/templates/abart/img/smallLeft.gif' );
}

span.productImageWrapper span.operations a.right
{
    background-image: url( '/views/templates/abart/img/smallRight.gif' );
}

div#input_product_images_wrapper
{
    padding-bottom: 10px;
}

div.advancedUploadField
{
    display: table;
    border-spacing: 10px
}


a.mailLink:link, a.mailLink:visited {
    color: #0F4DBF;
    text-decoration: none;
}
a.mailLink:hover {
    color: #BC2E38;
}

span.hiddenPageTitle
{
    display: none;
}