/*************************
JP site localized by
www.funkycorp.com
************************/


/* ================ structure =============== */
#outerwrapper {width:994px; margin:0px auto; background:url(/site/msk/img/bg_wrapper.gif) repeat-y;}
#innerwrapper {width:994px; padding-top:10px; background:url(/site/msk/img/wrapper_top.gif) top center no-repeat;}
#wrapBottom {width:994px; margin: 0px auto; height:40px; background:url(/site/msk/img/wrapper_bottom.gif) top center no-repeat;  }

/* ================ header =============== */
#div__header {margin:0 auto; width:960px; height:150px; }
#div__body {margin:0 auto; width:960px; clear:both; }
#header {background:#fff; z-index: 1; }
#header #logo {position:absolute; top:40px; left:27px;}
#navBar {position:absolute; top:130px; width:960px; height:53px; background:url(/site/msk/img/bg_navbar.gif) repeat-x; z-index:2;}

/* ================ navBar (mainMenu + searchBox) =============== */
#navBar  ul#mainMenu {position:absolute; top:0px; left:25px; list-style-type:none; height:33px; margin:0; padding:0; z-index:1;}
#navBar  #mainMenu li {float:left; height:33px; font-family:arial; font-size:12px; background: url(/site/msk/img/sep_mainMenu.gif) center right no-repeat;}
#navBar  #mainMenu li a {padding: 11px 8px 10px; font-size:12px; line-height:12px; display:block; color:#95958c; }
#navBar  #mainMenu li a:hover {color:#fff;}
#navBar  #mainMenu li a.selected {color:#fff; }

#searchBox {position:absolute; top:137px; left:820px; z-index:3;}
#searchBox #search {width:160px; height:21px; background:#818386; border:1px solid #666769; color:#fff; padding:2px; }
#searchBox input.btSearch {position:absolute; top:7px; right:3px; border:none; z-index:99;}

/* ================ columns + main =============== */
#div__header #main {position:relative;width:960px; margin:23px 0 auto; text-align:left; background:url(/site/msk/img/dot_v.gif) 185px 0 repeat-y #f0eedf; float:left;}
#div__header #leftCol {width:187px; float:left;}

#div__body #main {width:960px; margin:auto 17px; text-align:left; background:url(/site/msk/img/dot_v.gif) 185px 0 repeat-y #f0eedf; float:left;}
#div__body #leftCol {width:187px; float:left;}

/* hp */
#hp #div__body #main {width:960px; margin:auto 17px; text-align:left; background:url(/site/msk/img/dot_v.gif) 725px 0 repeat-y #f0eedf; float:left;}

/* ================ 2 col layout =============== */
#mainContent {width:773px; float:right; background:url(/site/msk/img/bg_maincontent.gif) repeat-y;}
#mainContent #contentTop {padding-bottom:10px; width:773px; background:#f0eedf url(/site/msk/img/dot_o.gif) bottom left repeat-x;}
#mainContent #contentTop h2 {padding:15px 10px 0 15px; font: 34px/1 georgia; color:#740a35;}
#mainContent #contentTop p {margin-left:15px; margin-right:210px; font: 11px/1.4 verdana; }
#mainContent #contentLeft {float:left; width:538px; padding-bottom: 100px; }
* html #mainContent #contentLeft {overflow: hidden;}
#mainContent #contentLeft .container {padding:10px 15px 50px; line-height:150%; font-size:11px; }
* html #mainContent #contentLeft .container { overflow: hidden; }
#mainContent #contentLeft .entry-body {padding:10px 15px 50px 0px; line-height: 18px; font-size:11px;}
#mainContent #contentLeft .entry-body img {border: none; padding: 4px; }
#c-moleskinecity #mainContent #contentLeft { height: auto !important ; height: 1100px; min-height: 1100px;} 

/* ================ 1 col layout =============== */
#mainContentFull {width:773px; float:right; background:#fff;}
#mainContentFull #contentTop {padding-bottom:10px; width:773px; background:#f0eedf url(/site/msk/img/dot_o.gif) bottom left repeat-x;}
#mainContentFull #contentTop h2 {padding:15px 10px 0 15px; font: 34px/1 georgia; color:#740a35;}
#mainContentFull #contentTop p {margin-left:15px; margin-right:210px; font: 11px/1.4 verdana; }
#mainContentFull #contentLeft {float:left; width:773px; padding-bottom: 100px; }
* html #mainContentFull #contentLeft {overflow: hidden;}
#mainContentFull #contentLeft .container {padding:10px 15px 50px; line-height:150%; font-size:11px; }
* html #mainContentFull #contentLeft .container { overflow: hidden; }
#mainContentFull #contentLeft .entry-body {padding:10px 15px 50px; line-height: 18px; font-size:11px;}
#mainContentFull #contentLeft .entry-body img {border: none; padding: 4px; }
#c-moleskinecity #mainContentFull #contentLeft { height: auto !important ; height: 1100px; min-height: 1100px;} 

#mainContent #contentRight {float:right; width:235px;}

#mainContentFull hr {margin-right:20px;}

/* ================ footer =============== */
#footer {margin:auto 17px; clear:both; text-align:left; font-size:11px; height:190px; border-top:3px solid #999;}
#footer ul {font-size:10px; float:left; width:125px; padding:0 10px 10px 0; margin:20px 15px 20px 0; list-style-type:none; background: url(/site/msk/img/puntinato_verticale_999.gif) repeat-y top right;}
#footer ul.none {float:left; width:130px; padding:0 0px 10px 0; margin:20px 0px 20px 0; list-style-type:none; background:none;}
#footer_credits {font-size:10px; width: 100%; float: left; padding-left: 0px; padding-top: 10px; height: 30px; border-top: 1px solid #888; line-height: 18px;}

/* ================ text =============== */

h1 {}
h2 {font-size:21px; font-weight: bold; line-height:23px;  }
h3 {font-size:14px; font-weight: bold; line-height:17px; margin:6px 0 20px; color:#900;}
h4 {font-size:13px; font-weight: bold; line-height:15px; margin:0 0 5px; color:#060606;border:none;}

p, .smalltext, #leftMenuNew .smalltext {font-size:11px;}

.twoBoxHp h3 {margin:0 ; padding::3px 10px 5px;}
.sidebarBox h3 {margin:0;}
.detour-column h3 {margin:0 0 5px 0;}
h3 a:hover { text-decoration:none; }

#mainContent #contentLeft .entry-body h3 {font-size:15px; line-height:13px; margin:3px 0 20px; color: #900;}
#mainContent .entry-body ul  {list-style-type: square;}
#anchor_nav { padding-top:0px;}

a:link {text-decoration: none;}
a, a:visited {color: #333; text-decoration: none;}
a:hover {color: #666; text-decoration: underline;}

li { padding:0; text-indent: 0;}

hr { border: 0; border-top: 2px dotted #ccc; margin: 10px auto 20px; }

/* ================ link =============== */
#innerwrapper a.boxLink {color:#740a35; padding-right:7px; background:url(/site/msk/img/arr_red.gif) center right no-repeat; font-size:11px;} 
#innerwrapper a.callAction {color:#740a35; font-size:13px; padding:2px 10px 2px 0; background:url(/site/msk/img/arr_red_big.gif) center right no-repeat; line-height:13px;}
#innerwrapper a.boxLink:hover, #page a.callAction:hover {text-decoration:underline;}

/* ================ bread crumb =============== */
#secondNav {float: left; padding:17px 0 0 15px; font-size:10px; line-height:15px; text-transform:uppercase; color:#fff;}
#secondNav a.crumb:link, #secondNav a.crumb:visited {font-size:10px; line-height:10px; text-transform:uppercase; font-weight:bold; color:#fff;}
#secondNav .crumbover {font-size:10px; line-height:10px; text-transform:uppercase; font-weight:bold; color:#666;}

/* ======= menu colonna sinistra ==========*/
#leftCol ul#leftMenu {margin:0 5px; padding:0 5px; list-style-type:none;}
#leftCol ul#leftMenu li {text-transform:uppercase; font-weight:bold; font-size:9px; padding:8px 0 8px 10px; border-bottom:1px solid #fff;}
#leftCol ul#leftMenu li a {display:block; padding-left:10px;}
#leftCol ul#leftMenu li a:hover {background:url(/site/msk/img/arr_gr.gif) 0 2px no-repeat;}
#leftCol ul#leftMenu li a.selected {background:url(/site/msk/img/arr_gr.gif) 0 2px no-repeat;}
/* sottomenu About Us */
#leftCol ul#leftMenu li.leftMenuSubHeading { padding-left: 19px; color: #900; }
#leftCol ul#leftMenu li.leftMenuSub{padding:8px 0 8px 10px; border-bottom:1px solid #fff;}
#leftCol ul#leftMenu li.leftMenuSub a {display:block; padding-left: 23px;}
#leftCol ul#leftMenu li.leftMenuSub a:hover {background:url(/site/msk/img/arr_gr.gif) 13px 2px no-repeat;}
#leftCol ul#leftMenu li.leftMenuSub a.selected {background:url(/site/msk/img/arr_gr.gif) 13px 2px no-repeat;}

/* ================= catList2 =================== */
#catList2 {}
#catalogue_entries #catList2 {padding-top: 0px; }
#catList2 .customItem {margin:0 20px 20px 0; float:left; width: 230px; height: 97px; }
#catList2 .customItemTit {width:230px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site/msk/img/bg.png'); padding-top: 2px; padding-bottom: 2px; cursor: hand;}
#catList2[id] .customItemTit {background:url(/site/msk/img/bg.png);}
#catList2 .customItem .customImg a {display:block; height:97px;}
#catList2 .customItem h3 {color:#fff; margin:0; padding:3px;font: normal 11px verdana; line-height: 16px;}
#catList2 p.tutti {padding-top: 15px;}

/* ================= catList3 =================== */
#catList3 {}
#catalogue_entries #catList3 {padding-top: 0px; }
#catList3 .customItem {margin:0; float:left; width: 135px; height: 135px; }
#catList3 .customItemTit {width:135px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site/msk/img/bg.png'); padding-top: 2px; padding-bottom: 2px; cursor: hand;}
#catList3[id] .customItemTit {background:url(/site/msk/img/bg.png);}
#catList3 .customItem .customImg a {display:block; height:130px;}
#catList3 .customItem h3 {color:#fff; margin:0; padding:3px;font: normal 11px verdana; line-height: 16px;}
#catList3 p.tutti {padding-top: 15px;}

/* ================ catList4 =============== */
#catList4 {}
#catalogue_entries #catList4 {padding-top: 0px; }
#catList4 .customItem {margin:0; float:left; width: 105px; height: 105px; }
#catList4 .customItemTit {width:105px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site/msk/img/bg.png'); padding-top: 2px; padding-bottom: 2px; cursor: hand;}
#catList4[id] .customItemTit {background:url(/site/msk/img/bg.png);}
#catList4 .customItem .customImg a {display:block; height:100px;}
#catList4 .customItem h3 {color:#fff; margin:0; padding:3px;font: normal 11px verdana; line-height: 16px;}
#catList4 p.tutti {padding-top: 15px;}

/* ================ author list =============== */
#authors_list { color: #999; }
#authors_list h3 { margin-bottom: 4px; margin-top: 15px; border-bottom: 1px dotted #ccc; }
#authors_list a:link, #authors_list a:visited { color: #333; }
#authors_list a:hover { text-decoration: underline; color: #900; }

/* ======= prdDetail ==========*/
#c-catalogue #scheda { color:#000; margin:10px 0 0 0; width:743px; float:left;  }
#c-catalogue #schedaCont {margin-bottom: 50px; }
#c-catalogue #schedaLeft {width:475px; float:left; position: relative;}

#c-catalogue #schedaLeft img {margin:0; padding: 3px 15px; }
#c-catalogue #schedaRight {width:238px; margin-right:10px; float:right;}

#c-catalogue #prdImg {margin:0px 4px 4px 0px; width: 238px;}
#c-catalogue #choose {margin:20px 0px 0px 0px; width: 238px;}
#c-catalogue #details {margin:20px 0px 30px 0px; width: 475px;}

#c-catalogue #choose p,
#c-catalogue #details p,
#c-catalogue #details #box {margin:0; padding:3px 0;}

#c-catalogue #details h5,
#c-catalogue #choose h5 { background: #f3f3e6; padding:2px 0; margin:0; font-size:11px; color:#525252; text-transform:uppercase; letter-spacing:-1px;}

#c-catalogue #details #box {border:1px solid #f0f0e2; font-size:11px;}
#c-catalogue #details #box #left {float:left;}
#c-catalogue #details #box #right {float:right;width:225px;}
#c-catalogue #details strong {}

#c-catalogue #choose #box a {color:#e63d50; text-decoration:underline;}
#c-catalogue #choose #box a:hover {color:#000;}
#c-catalogue #choose #box { background: #f4f4e7; padding:5px 20px;}  
#c-catalogue #choose #box .label {font-size: 11px; padding-right:20px; height:35px;}  
#c-catalogue #choose #box .price {font-size: 18px; line-height:19px;}  
#c-catalogue #choose #box .tax {font-size: 11px;}  

#c-catalogue #viral {}
#c-catalogue #viral ul {list-style: none; margin: 0px 0; padding: 0;}
#c-catalogue #viral li {border-bottom:1px solid #f0f0e2; padding:4px 0; list-style: none;}
#c-catalogue #viral li a {color:#525252; text-transform:uppercase; font-size:10px; padding-left:25px;}
#c-catalogue #viral li a:hover {color:#e63d50;}
#c-catalogue #viral li.print { background: url(/site/msk/img/ico_print.gif) center left no-repeat;} 
#c-catalogue #viral li.embed { background: url(/site/msk/img/ico_embed.gif) center left no-repeat;} 
#c-catalogue #viral li.send { background: url(/site/msk/img/ico_send.gif) center left no-repeat;} 

#c-catalogue h3.nomeProdotto {font: 26px/1 georgia; color:#740a35; margin-bottom: 15px; margin-top: 15px; clear: both;}
#c-catalogue h3.nomeProdotto a { color: #900; }
#c-catalogue h3.nomeProdotto a:hover { color: #333; }

/* ======= onlineShop ==========*/
#mainContentFull #catbox { width: 753px; padding: 0px; background-color:#fff;}
#mainContentFull .cat-column { width: 360px; float: left; margin-right: 15px; }
#mainContentFull .cat-column img { margin-top: 8px; margin-bottom: 10px; }
#mainContentFull .cat-column h3 { font: bold 18px Tahoma; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 6px solid #44c7f4; }
#mainContentFull .cat-column h4 { padding-bottom:5px; }
#mainContentFull .cat-column a:hover {text-decoration:none; }

#mainContentFull .cat-column2 h3 { width:720px; font: bold 18px Tahoma; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 6px solid #44c7f4; }
#mainContentFull .cat-column2 img { margin-top: 8px; margin-bottom: 10px; }

#mainContentFull #prdList p,
#mainContentFull #prdList h3 {margin-right:100px;}

#mainContentFull .cat-column ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#mainContentFull .cat-column ul li { font-size:11px; line-height:120%; padding-top:10px; margin:0; border-bottom: 1px dotted #ccc; clear:both; height:88px;}
#mainContentFull .cat-column ul li img {float:left; margin:0 10px 0 0;}

#mainContentFull h4 { font: bold 13px Verdana; color:#740a35; margin:0; padding:0; }
#mainContentFull li a,
#mainContentFull li a:visited {color:#740a35; text-decoration:none;}
#mainContentFull li a:hover {color:#666; text-decoration:none;}

#mainContentFull h4 #img {width:230px;height:125px}

#choose #box input#qty {font-size:14px; font-weight:bold;text-align:center;}
#choose #box input#addtocart {font-size:12px; font-weight:bold;}
input#qty {width:35px;font-weight:bold;text-align:center;}

#carttableheader { background-color:#DDD;}
#checkout, #cancel, #recalc, #submitter, #resetter, #change, #new {margin-top:10px;padding:5px;}
#checkout, #submitter {background-color: #d2d2c8;}

#submitordertable #change {margin-top:2px;padding:0px;}

/* ======= infoitem drilldown ==========*/
#msk_artworks h3, #msk_news h3, #msk_stories h3 { font-size:18px; line-height:21px; font-weight:bold; color:#060606; margin-bottom:20px;}

#msk_news .year, #msk_stories .year { font:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal;}

#msk_artworks .img { text-align:center; padding-top:15px; padding-bottom:5px;}
#msk_stories .img, #msk_news .img { text-align:center; padding-bottom:20px;}
#msk_artworks img, #msk_stories img, #msk_news img { max-width: 490px;}

#msk_stories p, #msk_stories h4 {margin-left:0px; margin-right:0px;}
#msk_artworks .cap {margin:0px; padding:0 0 5px; line-height:120%;}

#msk_newsList, #msk_mediaList {border-bottom: 1px dotted #ccc;}

#msk_newsList .date, #msk_mediaList .date {margin-top: 10px; height:20px; display:block;}

#msk_newsList h3 { font-size:13px;}
#msk_newsList h3, #msk_newsList .txt,
#msk_mediaList h3, #msk_mediaList .txt {margin:0 15px 10px 0;}

#msk_newsList .read { text-align: left; margin: 0 0 15px;}

#msk_newsList img, #msk_mediaList img {margin:35px 0 15px 0;}
#msk_newsList img { max-width: 190px;}
#msk_mediaList img { max-width: 240px;}

/* ======= search result ==========*/
/*.portletHandle input.input {width:350px;font-size:12px;}*/

.portletHandle input#searchbutton {margin:10px auto 20px;}
.portletHandle input#cancelbutton {margin:10px auto 20px;}
#mainContentFull input#qty {width:30px; margin-top:5px;}
#mainContentFull input#addtocart {margin-top:5px;}

/* ======= leftMenuNEW ==========*/
#leftMenuNew {margin:0 10px; padding:0;}
#leftMenuNew td.text {padding:7px 3px; border-bottom:1px solid #fff;}
#leftMenuNew td.smalltext {padding:7px 3px; border-bottom:1px solid #fff;}
#leftMenuNew td.textboldnolink {padding:7px 3px; border-bottom:1px solid #fff;}

#leftMenuNew2 td {padding:0 3px; border-top:1px solid #fff;}

/* ======= shopping cart ==========*/
.texttable .input {width:35px;text-align:center; }
td.texttablectr img {}

.miniCart {font-size:11px; padding:2px 0;}
.miniCart2 {font-size:11px; padding:2px 0; text-align:right; font-weight:bold;}
.miniCart3 {font-size:11px; padding-top:4px;}

/* ======= shop list ==========*/
.shopTitle {font-size:12px; font-weight:bold; margin:7px 0; padding:0;}
.shopTxt {margin:0 0 3px; padding:0; line-height:120%; color:#333;}
.hubtrue {background:#efefef url(/site/msk/shopList/i-hub.gif) no-repeat; display:block; width:30px; height:15px; position:absolute; margin-left:320px; margin-top:7px;}
.hubfalse {display:none;}

/* ======= forms ==========*/
#main_form td.smalltextnolink { width:120px; font-size:11px;}
#main_form input.inputreq, select.input { width:150px; margin-top:5px;}
textarea.inputreq { width:300px; margin-left:4px; margin-top:5px;}
input#title.inputreq { width:300px; margin-top:10px}
.portletHandle p.medtextbold { color: #fff; display:block; width:490px; margin:0 auto; padding:0 auto;}
.bgltmedtext, .medtext { font-size:11px; background-color:#fff;}

/* ======= pagination ==========*/
td.medtextbold { font-size:11px;}
td.bglt { background-color: #FFF;}
