/* --- CSS Document --- */

* {margin: 0;	padding: 0;}
body  {text-align: left; font-family: Arial, sans-serif; font-size: 14px; color: #087986; background: url(../img/bg.jpg) no-repeat top center #fff;}

a:link {text-decoration: underline; font-weight: normal; color: #c6080a;}
a:visited {text-decoration: underline; font-weight: normal; color: #d41c1c;}
a:hover {text-decoration: none;}

ul li {list-style: none;}

fieldset {border: 0; font-size: 12px; font-weight: bold; color: #d41618; font-family: Arial, sans-serif;}
fieldset input.submit {font-weight: bold; font-family: “Myriad Pro”, Helvetica, Arial, sans-serif;}

p {text-align: justify; line-height: 18px; margin-top: 8px; margin-right: 38px;}

h1, h2, h3, h4, h5 {font-weight: bold; font-family: “Myriad Pro”, Helvetica, Arial, sans-serif;}
h1, h2 {font-size: 28px;}
h2 {color: #fff;}
h3 {font-size: 18px; margin-left: 10px;}
h4 {font-size: 14px;}
h5 {font-size: 18px;}

.clear  {clear: both; line-height: 0px; font-size: 0px; height: 0px;}
.fl {float: left;}
.fr {float: right;}
.spacer {display: block; height: 20px;}

/* BODY */

#index .pagenav {}
#container {display: block; width: 980px; margin: 0 auto; position: relative;}

.success-msg ul li{border: 1px solid #d4e6e9; height:25px; padding:10px 5px 5px 5px; margin-top:10px; background-color:#e8f3e2;}

/* HEADER */

#menu {display: block; margin-top: 5px; }
#menu ul li {height: 20px; border-left: 1px solid #d4e6e9; border-right: 1px solid #8bbac0; padding: 4px 10px 0px 10px; float: left;}
#menu ul li a {font-size: 12px; font-weight: bold; color: #087986;}
#menu ul li.first {border-left: 0; padding-left: 0;}
#menu ul li.last {border-right: 0;}

#user {display: block; float: right; text-align: right; font-size: 12px; position: relative;}
#user ul li {height: 20px; padding-top: 4px; float: left;}
#user ul li a {color: #087986;}
#user ul li.first {border-right: 1px solid #8bbac0; padding-right: 10px;}
#user ul li.first a {font-weight: bold;}
#user ul li.last {border-left: 1px solid #d4e6e9; padding-left: 10px;}
#user ul li.log a {background: url(../img/layout3_03.png) no-repeat 0px 3px; padding-left: 10px;}

#slickbox {display: block; width: 250px; height: 150px; z-index: 10000; position: absolute; top: 30px; left: -2px; text-align: center;}
#slickbox .transparent {background: #000; filter: alpha(opacity=10); -khtml-opacity: 0.1;            -moz-opacity: 0.1; opacity: 0.1; display: block; width: 250px; height: 150px; position: absolute; top: 0; left: 0; z-index: 20000;}
#loginform {position: relative; top: 20px; height: 150px; z-index: 30000;}
#loginform fieldset input {margin-top: 10px; background: url(../img/layout3_64.jpg) repeat-x top left #fff; padding: 3px 4px; height: 23px; line-height: 26px; font-size: 12px; color: #087986; border-top: 1px solid #9fbbbe; border-bottom: 1px solid #b2c9cb; border-right: 1px solid #a9c2c5; border-left: 1px solid #a9c2c5; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
#loginform fieldset input.submit {padding: 0; background: url(../img/layout3_06.png) no-repeat 0 0 #cbeef2; border: 0; width: 104px; height: 34px; cursor: pointer; color: #087986; margin-left: 120px; font-size: 14px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
#loginform fieldset input.submit:hover {background: url(../img/layout3_06.png) no-repeat 0px -34px #e1f8fb;}


#logo {display: block; width: 266px; height: 150px; margin-top: 6px; float: left;}
#logo h1 {width: 266px; height: 150px; position: relative;}
#logo h1 a {color: #087986; font-weight: bold; width: 266px; height: 150px;}
#logo h1 a span {background: url(../img/layout3_07.jpg) no-repeat 0 0; display: block; width: 266px; height: 150px; position: absolute; top: 0; left: 0; cursor: pointer;}

.slogan {float: left; font-family: “Myriad Pro”, Helvetica, Arial, sans-serif; font-size: 30px; color: #bedfe3; font-style: italic; margin-top: 62px; margin-left: 120px;}

#basket {display: block; width: 218px; height: 98px; float: right; background: url(../img/layout3_10.jpg) no-repeat 7px 37px; margin-top: 6px; padding-top: 52px; padding-left: 82px;}
#basket a {color: #087986; font-weight: bold;}
#basket strong {font-size: 18px;}

.phone {position: absolute; top: -15px; left: 434px;}
.phoneIn {position: relative; z-index: 2000; display: block; width: 223px; height: 29px; color: #fff; padding-left: 20px; font-size: 24px; overflow: hidden; font-weight: bold; background: #c6080a;}
.phoneIn span {position: absolute; top: 0; left: 0; display: block; width: 243px; height: 29px; background: url(../img/layout3_16.png) no-repeat 0 0;} 

/* SIDEBAR */

.sidebar {float: left; width: 240px;}

.sideItem {display: block; width: 240px; border: 1px solid #97d0d6; padding-top: 9px; padding-left: 18px; padding-bottom: 9px; background: url(../img/layout3_51.jpg) bottom left repeat-x #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}

#search h5 {color: #c6080a;}
#search input, #search select {margin-top: 10px; background: url(../img/layout3_29.jpg) repeat-x top left; padding: 3px 4px; height: 23px; line-height: 26px; font-size: 12px; color: #d41618; border-top: 1px solid #d5181a; border-bottom: 1px solid #f49a9b; border-right: 1px solid #e24b4c; border-left: 1px solid #e24b4c; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
#search select {height: 31px; color: #f49a9b; cursor: pointer;}
#search select option {color: #c6080a; padding-left: 4px; height: 20px;}
#search select option.default {color: #f49a9b;}
#search input.submit {padding: 0px 0px 0px 20px; background: url(../img/layout3_37.png) no-repeat 0 0 #d5181a; border: 0; width: 103px; height: 34px; cursor: pointer; color: #fff; margin-left: 120px; font-size: 14px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
#search input.submit:hover {background: url(../img/layout3_37.png) no-repeat 0px -34px #f04f51;}
.big {width: 212px;}
.small {width: 72px;}
.text {margin-top: 20px; margin-left: 5px; margin-right: 12px;}
.select {width: 222px;}

#catalog {margin-top: 20px;}
#catalog ul {margin-top: 7px;}
#catalog ul li a {color: #087986; text-decoration: none; line-height: 30px; padding-left: 26px; background: url(../img/layout3_04.png) no-repeat 9px 14px; height: 30px; display: block; width: 214px;}
#catalog ul li a:hover {color: #c6080a; text-decoration: underline; background: url(../img/layout3_05.png) no-repeat 0px 14px;}
#catalog ul li a.selected {color: #c6080a; text-decoration: underline; background: url(../img/layout3_05.png) no-repeat 0px 14px;}

#catalog2 {margin-top: 20px;}
#catalog2 ul {margin-top: 7px;}
#catalog2 ul li a {color: #087986; text-decoration: none; line-height: 30px; padding-left: 26px; background: url(../img/layout3_04.png) no-repeat 9px 14px; height: 30px; display: block; width: 214px;}
#catalog2 ul li a:hover {color: #c6080a; text-decoration: underline; background: url(../img/layout3_05.png) no-repeat 0px 14px;}
#catalog2 ul li a.selected {color: #c6080a; text-decoration: underline; background: url(../img/layout3_05.png) no-repeat 0px 14px;}

#subcat {color: #087986; text-decoration: none; line-height: 30px; padding-left: 36px; height: 30px; display: block; width: 214px;}



#newsletter {margin-top: 20px;}
#newsletter input {margin-top: 10px; background: url(../img/layout3_64.jpg) repeat-x top left; border: 0; padding: 3px 4px; height: 23px; line-height: 26px; font-size: 12px; color: #087986; border-top: 1px solid #b2dfe4; border-bottom: 1px solid #c8eaee; border-right: 1px solid #b8e3e7; border-left: 1px solid #b8e3e7; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
#newsletter p {margin-top: 8px; margin-right: 18px; text-align: justify; font-size: 12px;}
#newsletter input.submit {padding: 0px 0px 0px 28px; background: url(../img/layout3_72.png) no-repeat 0 0 #d5181a; border: 0; width: 104px; height: 34px; cursor: pointer; color: #fff; margin-left: 120px; font-size: 14px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
#newsletter input.submit:hover {background: url(../img/layout3_72.png) no-repeat 0px -34px #f04f51;}

/* CONTENT */

.content {position:relative; float: right; width: 698px;}

#highlight {display: block; width: 450px; padding-top: 20px; padding-left: 250px; height: 180px; background: url(../img/layout3_80.jpg) no-repeat 0 0 #c6080a; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
#highlight p {width: 420px; line-height: 24px; color: #fff;}
#highlight.postele-masiv {background: url(../img/layout3_81.jpg) no-repeat 0 0 #c6080a;}
#highlight.bg3 {background: url(../img/layout3_82.jpg) no-repeat 0 0 #c6080a;}
#highlight.bg4 {background: url(../img/layout3_83.jpg) no-repeat 0 0 #c6080a;}

.block {margin-top: 24px; display: block;}
.block ol li {position: relative; float: left; margin-top: 10px; margin-right: 6px; padding: 6px; display: block; list-style: none; border: 1px solid #97d0d6; background: url(../img/layout3_51.jpg) bottom left repeat-x #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.block ol li.last {margin-right: 0px;}
.block ol li a {text-decoration: none;}
.block ol li a.button {display: block; width: 64px; height: 21px; position: relative; margin-top: 16px; float: right; background: #c6080a; padding-left: 12px; padding-top: 6px; color: #fff; font-weight: bold;}
.block ol li a.button span {display: block; width: 76px; height: 27px; position: absolute; top: 0; left: 0; background: url(../img/layout3_56.jpg) no-repeat 0 0; cursor: pointer;}
.block ol li a.button:hover span {display: block; width: 76px; height: 27px; position: absolute; top: 0; left: 0; background: url(../img/layout3_56.jpg) no-repeat 0px -27px; cursor: pointer;}
.block ol li .price {color: #c6080a; font-size: 12px;font-weight: bold; float: left; margin-top: 23px;}
.block ol li a:hover {text-decoration: underline;}
.block ol li h4 a {color: #087986; font-weight: bold;}
.block ol li p.product-image {margin: 0;}
.block ol li p.product-image a img {border: 0; width: 154px; height: 124px;}
.block ol li p {width: 152px; text-align: justify; font-size: 11px; margin-top: 0px; line-height: 13px;}
.block ol li p a {color: #7fb6c0;}

/* INDEX */

#recomend ol li, #akce ol li, #vypis ol li {width: 156px; height: 226px;}

#recomend h3, p {color: #c6080a;}
#recomend a.recButton { position: absolute; right: -1px; bottom: -1px; display: block; text-align: right; width: 129px; height: 28px; padding-top: 12px; padding-right: 10px; background: url(../img/layout3_46.jpg) no-repeat 0 0 #c6080a; color: #fff; font-size: 18px; font-weight: bold;}
#recomend a.recButton p.old-price{display:none}
#recomend a.recButton p.special-price .price-label{display:none}
#recomend a.recButton p.special-price .price {color: #ffffff; font-size: 18px; font-weight: bold; position:relative; top: -18px; left:30px}

.price p{width:auto;}  
.price p.old-price{display:none}
.price p.special-price{width:auto; height:20px}
.price {width:70px; height:20px; font-size:13px}
.price p.special-price .price-label{display:none}
.price p.special-price .price {color: #c6080a; width:70px; height:20px; position:relative; bottom:22px}
 
#akce, #vypis {display: block; width: 528px; float: left;}

#news {float: right; width: 160px;}
#news ul li, #rightbar ul li {list-style: none; font-size: 12px; padding-top: 10px;}
#news ul li span {font-weight: bold; color: #c6080a;}
#news ul li p {margin-top: 0; line-height: 15px;}

/* VYPIS */

#rightbar {float: right; width: 160px;}
.filtr {display: block; width: 148px; padding: 6px; border: 1px solid #97d0d6; background: url(../img/layout3_51.jpg) bottom left repeat-x #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.filtr ul {margin-left: 10px;}
.sideproducts {margin-top: 16px;}
.sideproducts strong {color: #c6080a;}
.sideproducts ol li {border: 0; background: none; margin-left: 0; padding: 0;}
.sideproducts ol li .price {margin-top: 4px;}
.sideproducts ol li a.button {display: block; width: 43px; height: 14px; position: relative; margin-top: 2px; float: right; background: url(../img/layout3_10.png) no-repeat 0 0 #c6080a; padding-left: 7px; padding-top: 4px; color: #fff; font-weight: bold; font-size: 9px;}
.sideproducts ol li a.button:hover {background: url(../img/layout3_10.png) no-repeat 0px -18px #c6080a; text-decoration: none;}

.pagenav {font-size: 12px;}
.pagination p {margin-right: 6px;}
.pagination p a {margin: 0px 3px; font-weight: bold;}
.pagination p a.next {width: 12px; height: 11px; text-decoration: none; position: relative; overflow: hidden; font-size: 8px; top: -2px; left: -4px;}
.pagination p a.next span {width: 12px; height: 11px; position: absolute; top: 0; left: 0; background: url(../img/layout3_08.png) no-repeat -12px 0px; cursor: pointer;}
.pagination strong {color: #c6080a;}
.pagenav form {margin-top: 8px; margin-right: 6px;}
.pagenav form fieldset {font-weight: normal; color: #087986; font-size: 12px;}
.pagenav form fieldset a.asc {width: 11px; height: 13px; text-decoration: none; position: relative; overflow: hidden; font-size: 8px; top: -4px; left: 3px;}
.pagenav form fieldset a.asc span {width: 11px; height: 13px; position: absolute; top: 0; left: 0; background: url(../img/layout3_09.png) no-repeat 0px 0px; cursor: pointer;}
.pagenav form fieldset a.dsc {width: 11px; height: 13px; text-decoration: none; position: relative; overflow: hidden; font-size: 8px; top: -4px; left: 3px;}
.pagenav form fieldset a.dsc span {width: 11px; height: 13px; position: absolute; top: 0; left: 0; background: url(../img/layout3_09.png) no-repeat 0px -13px; cursor: pointer;}
.pagenav form fieldset select {cursor: pointer; font-weight: bold; background: url(../img/layout3_07.png) repeat-x top left; color: #087986; border: 1px solid #97d0d6; padding: 1px 1px 1px 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.pagenav form fieldset select option {padding-left: 4px;}
.nastranku select {color: #c6080a; font-size: 12px; font-family: Arial, sans-serif;}
.orderby {margin-right: 16px;}
.orderby select {font-size: 12px; font-family: Arial, sans-serif;}

/* DETAIL PRODUKTU */

#detail {width: 700px; display: block;}
#detail .short-desc {float: right; display: block; width: 280px; margin-top: 15px;}
#detail .short-desc h3 {font-size: 24px; margin-top: 8px; margin-left: 0; margin-bottom: 20px;}
#detail .short-desc span {font-weight: bold; color: #c6080a;}
#detail .short-desc p span {color: #087986; font-size: 14px;}
#detail .short-desc p.minitext {margin-top: 20px; font-size: 11px;}
#qty {font-size: 18px; margin-top: 50px; margin-left: 116px; font-weight: bold; color: #087986; padding: 3px 0px; width: 36px; text-align: center; float: left; background: url(../img/layout3_29.jpg) repeat-x top left; border-top: 1px solid #d5181a; border-bottom: 1px solid #f49a9b; border-right: 1px solid #e24b4c; border-left: 1px solid #e24b4c; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.buy button.submit {padding: 0px 0px 0px 24px; font-weight: bold; font-size: 14px; color: #fff; float: right; margin-right: 18px; margin-top: 48px; width: 104px; height: 34px; background: url(../img/layout3_11.png) no-repeat 0 0 #c6080a; border: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; cursor: pointer;}
.buy button.submit:hover {background: url(../img/layout3_11.png) no-repeat 0px -34px #f04f51;}

#detail .product-img {margin-top: 15px; float: left; display: block; width: 400px; height: 252px; border: 1px solid #97d0d6; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;} 
.wide-box {display: block; width: 660px; margin-top: 20px; padding: 12px 20px; background: url(../img/layout3_12.png) bottom left repeat-x #fff; border: 1px solid #97d0d6; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
#detail .wide-box input {margin-top: 10px; background: url(../img/layout3_64.jpg) repeat-x top left; border: 0; padding: 3px 4px; height: 23px; line-height: 26px; font-size: 12px; color: #087986; border-top: 1px solid #b2dfe4; border-bottom: 1px solid #c8eaee; border-right: 1px solid #b8e3e7; border-left: 1px solid #b8e3e7; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.text {margin-top: 20px; margin-left: 5px; margin-right: 12px; color: #087986;}
#detail .wide-box input.submit {padding: 0px 0px 0px 22px; background: url(../img/layout3_13.png) no-repeat 0 0 #d5181a; border: 0; width: 109px; height: 34px; cursor: pointer; color: #fff; font-size: 13px; margin-right: 317px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
#detail .wide-box input.submit:hover {background: url(../img/layout3_13.png) no-repeat 0px -34px #f04f51;}
#detail button.submit2 {padding: 0px 0px 0px 22px; background: url(../img/layout3_13.png) no-repeat 0 0 #d5181a; border: 0; width: 109px; height: 34px; cursor: pointer; color: #fff; font-size: 13px; margin-right: 317px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
#detail button.submit2:hover {background: url(../img/layout3_13.png) no-repeat 0px -34px #f04f51;}




/* BASKET */

#kosik h2 {color: #087986; float: left;}
#kosik a.toporder {color: #fff; font-weight: bold; padding-top: 10px; text-align: center; text-decoration: none; display: block; width: 104px; height: 24px; background: url(../img/layout3_29.png) no-repeat 0 0 #d5181a;}
#kosik a.toporder:hover {background: url(../img/layout3_29.png) no-repeat 0px -34px #f04f51;}
#kosik .bottomorder {text-align: right; margin-top: 23px;}
#kosik .bottomorder a {font-size: 12px; color: #087986;}
#kosik .bottomorder a.button {float: right; text-align: center; color: #fff; font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: -9px; padding-top: 10px; text-decoration: none; display: block; width: 104px; height: 24px; background: url(../img/layout3_30.png) no-repeat 0 0 #d5181a;}
#kosik .bottomorder a.button:hover {background: url(../img/layout3_30.png) no-repeat 0px -34px #f04f51;}
#kosik .wide-box {padding: 4px; width: 692px; overflow: hidden;}

button {color: #fff; font-weight: bold; border: 0;  text-decoration: none; display: block; width: 104px; height: 34px; background: url(../img/layout3_29.png) no-repeat 0 0 #d5181a;}
button:hover {background: url(../img/layout3_29.png) no-repeat 0px -34px #f04f51;}

#kosik-vypis {text-align: right;}
#kosik-vypis table {border: 0; background: none; text-align: center;}
#kosik-vypis table th {font-weight: normal; font-size: 12px; padding: 4px;}
#kosik-vypis table th.nazev {text-align: left;}
#kosik-vypis table td {padding: 0px 4px;}
#kosik-vypis table td a img {border: 0; width: 75px; height: 50px; overflow: hidden;}
#kosik-vypis table td.nazev {width: 267px; text-align: left;}
#kosik-vypis table td.nazev a {font-weight: bold; color: #087986;}
#kosik-vypis table td.item-price, #kosik-vypis table td.total-price, #kosik-vypis table td.qty {width: 98px;}
#kosik-vypis table td.total-price {font-weight: bold;}
#kosik-vypis table td.remove {text-align: right;}
#kosik-vypis table td.remove a {font-weight: bold; display: block; width: 14px; height: 14px; position: relative; text-decoration: none; top: -1px;}
#kosik-vypis table td.remove a span {display: block; width: 14px; height: 14px; position: absolute; top: 1px; left: 2px; background: url(../img/layout3_01.png) no-repeat 0 0; cursor: pointer;}
#kosik-vypis table input {width: 36px; color: #087986; font-weight: bold; text-align: center; padding: 6px 0px; background: url(../img/layout3_64.jpg) repeat-x top left; border-top: 1px solid #b2dfe4; border-bottom: 1px solid #c8eaee; border-right: 1px solid #b8e3e7; border-left: 1px solid #b8e3e7; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
#kosik-vypis .price {font-weight: bold; font-size: 18px; margin-right: 54px; text-align: right;}
#kosik-vypis a.continue  {display: block; float: left; margin-top: 16px; width: 144px; height: 26px; text-align: center; background: url(../img/layout3_32.png) no-repeat 0 0 #0a7c8a; font-weight: bold; text-decoration: none; color: #fff; font-size: 13px; padding-top: 8px;}
#kosik-vypis a.continue:hover {background: url(../img/layout3_32.png) no-repeat 0px -34px #40cddd;}
#kosik-vypis button.actualize  {border: 0; display: block; float: right; margin-top: 16px; width: 130px; height: 34px; text-align: center; background: url(../img/layout3_31.png) no-repeat 0 0 #0a7c8a; font-weight: bold; text-decoration: none; color: #fff; font-size: 13px; cursor: pointer;}

#kosik-vypis button.actualize:hover {background: url(../img/layout3_31.png) no-repeat 0px -34px #40cddd;}


#added {display: block; width: 692px; font-size: 12px; color: #127801; margin-top: 14px; padding-left: 8px; background: url(../img/layout3_02.png) top left repeat-x #fff; border: 1px solid #34bd1d; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
#added p {margin-top: 4px; line-height: 14px; margin-bottom: 4px; background: url(../img/layout3_14.png) no-repeat 0 0; padding-left: 22px;}

.product-image span {background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://www.grossmann-matrace.cz/images/action-flag.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
height: 70px;
left: 0px;
position: absolute;
top: 40px;
width: 69px;}

.adresa {padding:10px; float:right;}
/* FOOTER */

#footer {height: 75px; background: url(../img/layout3_75.jpg) repeat-x #fff; display: block;}
.footerIn {width: 960px; margin: 0 auto; padding-left: 10px; padding-right: 10px; font-size: 11px; color: #7fb6c0;}
.footerIn a {color: #7fb6c0;}

.copy {margin-top: 28px; float: left;}
.creator {display: block; float: right; width: 87px; height: 20px; position: relative; overflow: hidden; margin-top: 23px; font-size: 8px;}
.creator span {display: block; width: 87px; height: 20px; position: absolute; top: 0; left: 0; background:  url(../img/layout3_78.jpg) no-repeat 0 0; cursor: pointer;}