ul, li, form, body, h1, h2, h3, h4, h5, h6, p, label { padding: 0; margin: 0; border: none; list-style: none; font-weight: normal; }

body { font-family: Tahoma; font-size: 12px; }

a { color: #679ee2; }
a:hover { color: #396fac; }

a.button { border: solid 1px #396fac; color: #396fac !important; padding: 1px 5px 3px 5px; text-decoration: none; white-space: nowrap; }
a.button:hover { background: #396fac; color: #fff !important; }

span.button { border: solid 1px #999; color: #999 !important; padding: 1px 5px 3px 5px; white-space: nowrap; }

a img { border: none; }

input.text, textarea, select { border: solid 1px #999; padding: 1px; }
input.text  { height: 16px; vertical-align: middle; }
select { height: 20px; vertical-align: middle; }
input.text:focus, textarea:focus { border-color: #666; }
input.button { border: solid 1px #396fac; background: #fff; color: #396fac; cursor: pointer; height: 20px; padding-bottom: 5px; vertical-align: middle; }
input.button:hover { background: #396fac; color: #fff; }
input.button[disabled], input.button:hover[disabled] { color: #666; border-color: #666; background: #fff; }

div.clear { width: 100%; height: 1px; overflow: hidden; margin-bottom: -1px; clear: both; visibility: hidden; }
div.page { clear: both; width: 820px; margin: 0 auto; padding-left: 170px; position: relative; }

ul.menu a { color: #999; }
ul.menu a:hover, ul.menu li.selected a { color: #396fac; }
ul.menu li.selected a { text-decoration: none; }

#header { margin-top: 20px; height: 90px;}
#header a#logo { position: absolute; top: 0; left: 0; display: block; width: 150px; height: 90px; }

#header ul.menu { position: absolute; line-height: 26px; font-size: 18px; position: absolute; top: 65px; left: 170px; }
#header ul.menu li { float: left; height: 25px; margin-right: 36px; }
#header ul.menu a { text-decoration: none; border-bottom: solid 2px #999; }
#header ul.menu a:hover { border-color: #396fac; }
#header ul.menu li.selected a { border: none; }

#header #user { width: 260px; height: 90px; position: absolute; right: 0; top: 5px; }

#header #user div.notice-error { color: #b62706; border-bottom: solid 1px #e43107; font-size: 11px; padding: 1px; margin-bottom: 2px; }

#header #user label { float: left; width: 60px; }
#header #user input.text, #header #user input.button { margin-bottom: 5px; }
#header #user #loginFormEmail { width: 180px; }
#header #user #loginFormPassword { width: 130px; }
#header #user input.button { width: 45px; }

#header #user p.links { padding-left: 60px; }

#header #user ul.menu { position: relative; top: 0; left: 0; font-size: 12px; line-height: 16px; padding-left: 15px; color: #396fac; }
#header #user ul.menu li { float: none; height: auto; margin-right: 0; list-style: disc; }
#header #user ul.menu li.selected { font-weight: bold; }
#header #user ul.menu li.selected a { color: #396fac; }
#header #user ul.menu a { text-decoration: underline; border: none; color: #679ee2; }
#header #user ul.menu a:hover { color: #396fac; }

#content { margin-top: 30px; }
#content div.panels { float: left; margin: 0 20px 20px -170px; width: 150px; }
#content div.content { margin-bottom: 20px; width: 820px; float: left; }

div.panel { padding: 25px 5px 20px 5px; background: url(../images/panel-hr.gif) no-repeat top; }
div.panel-first { padding-top: 0; background: none; }

div.panel h3 { margin: 0 0 5px 0; font-size: 18px; }
/*div.panel h3 span { color: #fff; background: #999; padding: 0 5px; }*/

div.panel-links { margin-bottom: 20px; }
div.panel-links a { color: #666; }
div.panel-links a:hover { color: #333; }

div.panel-phone { }
div.panel-phone p {font-size: 16px; margin-bottom: 5px; }
div.panel-phone strong { font-size: 14px; display: block; text-align: center; color: #396fac; }

div.panel-cart p { color: #666; }
div.panel-cart p.links { padding-top: 3px; }
div.panel-cart p.actions { padding: 10px 0 5px 0; }
div.panel-cart p strong { color: #396fac; }

div.panel-links h3 { margin-bottom: 10px; }
div.panel-links h3 a { color: #000;}
div.panel-links h4 a { color: #666;}
div.panel-links h3 a:hover, div.panel-links h4 a:hover { color: #333; text-decoration: none; }
div.panel-links h4 { font-weight: bold; margin-bottom: 5px; }

div.panel-links { padding-bottom: 0; }
div.panel-links ul { margin-bottom: 10px; }
div.panel-links ul li { padding: 1px 0; }
div.panel-links ul li.selected { font-weight: bold; }
div.panel-links ul li.selected a { color: #333; }

div.panel-search input.text { width: 110px; }
div.panel-search input.button { width: 20px; }

div.panel-admin li { margin-bottom: 5px; background: #eee; }

#footer { margin-bottom: 20px; background: url(../images/footer-bg.gif) no-repeat top left; }
#footer ul.menu { height: 18px; margin-bottom: 10px; }
#footer ul.menu li { float: left; height: 18px; line-height: 18px; margin-right: 10px; }
#footer div.copy { color: #999; font-size: 11px; position: relative; margin-bottom: 30px; }
#footer div.copy p { margin-top: 2px; }
#footer a.ol { text-decoration: none; color: #999; display: block; position: absolute; top: 0; left: -170px; width: 104px; height: 30px; padding: 4px 40px 0 4px; background: url(../images/ol.gif) right no-repeat; border: solid 1px #fff; text-align: right; }

#footer div.counter { width: 300px; text-align: right; position: absolute; right: 0; top: 28px; }

div.content h1, div.content h2, div.content h3, div.content h4 { clear: both; margin-bottom: 15px; color: #396fac; }
div.content p { line-height: 16px; }

div.content h1 { font-size: 26px; }

div.panels h1 { background: url(../images/h1.gif) no-repeat; width: 150px; height: 11px; overflow: hidden; position: absolute; top: -25px; }
div.panels h1 span { display: none; }

div.content h2 { font-size: 22px; color: #fff; text-align: left; margin-bottom: 15px; padding-left: 27px; background: url(h2-bg-sq.gif) no-repeat left top; }
div.content h2 div.h { background: url(../images/h2-bg.gif) repeat-x bottom;   }
div.content h2 span { background: #fff; color: #396fac; padding: 0 8px 0 8px;}

div.content h3 { font-size: 18px; margin-bottom: 10px; }
div.content h4 { font-size: 12px; margin-bottom: 5px; font-weight: bold; }

div.article h3 { margin: 15px 0 10px 0; }
div.article h4 { margin: 10px 0 5px 0; }

div.gallery { width: 840px; margin-left: -20px; clear: both; }
div.gallery div.picture { width: 190px; height: 200px; padding-left: 210px; margin: 0 0 20px 20px; float: left; position: relative;}
div.gallery .preview { position: absolute; top: 0; left: 0; width: 200px; text-align: center; }
/*div.gallery .preview { background: #eee; }
div.gallery .preview img { max-width: 190px; max-height: 190px; padding: 5px; }/**/
/*div.gallery .preview img { width: 200px; max-height: 200px; }*/

div.gallery .nameAndMaterials { height: 80px; }

div.gallery .name { font-size: 16px; font-weight: normal; margin-bottom: 0; }
div.gallery .materials { font-size: 11px; color: #999; margin-top: 5px; }

div.picture .size { font-size: 11px; color: #999; font-weight: bold; }
div.gallery .price { font-size: 20px; font-weight: bold; color: #113b6a; margin-bottom: 5px; }

div.picture-full { margin: 0 0 20px 0; position: relative; }
div.picture-full .preview { position: relative; width: 540px; text-align: center; float: left; /*background: #eee; */}

div.picture li.inform { padding: 0; }
li.inform a { display: inline-block; text-align: center; }
div.picture li.inform form { padding: 5px 0 0 0; margin: 0; }
div.picture li.inform form input.text { width: 100px !important; margin: 0 5px 0 0 !important; vertical-align: middle; }
div.picture li.inform form input.button { margin: 0 !important; vertical-align: middle; }
div.picture-full li.inform form input.text { width: 160px !important;  }

/*div.picture-full .preview img { max-width: 520px; padding: 10px; } /* HERE */

div.picture-full .text { width: 260px; float: left; margin: 0 0 122px 20px;  }
div.picture-full .name { font-size: 22px; margin-bottom: 5px; }
div.picture-full .materials { font-size: 11px; font-weight: bold; margin-bottom: 20px; color: #999; }
div.picture-full .info { color: #999; }
div.picture-full .info strong { color: #000; font-weight: normal; }
div.picture-full .info p { margin-bottom: 5px; }
div.picture-full .price { font-size: 20px; font-weight: bold; color: #113b6a; margin: 0 0 10px 0; }

div.picture-full div.priceAndActions { position: absolute; bottom: 0; width: 260px; right: 0; }

div.picture ul.actions { text-align: left; margin-bottom: 0; border: none; padding: 0; }
div.picture ul.actions li { padding: 5px 0; display: block; }
div.picture ul.actions li.inform { padding-bottom: 0; }


div.arrows { clear: both; margin: 0 280px 20px 0; height: 55px; position: relative; }
div.arrows .arrow { display: block; position: absolute; top: 2px; }
div.arrows .type { font-size: 11px; display: block; position: absolute;  top: 3px; }
div.arrows .name { display: block; padding: 5px 0 0 0;}
div.arrows .left { display: block; position: absolute; left: 0; top: 0; width: 170px; padding: 15px 5px 5px 25px; white-space: normal; }
div.arrows .left .arrow { left: 5px; }
div.arrows .left .type { left: 25px; }
div.arrows .right { display: block; position: absolute; right: 0; top: 0; width: 170px; padding: 15px 25px 5px 5px; white-space: normal; text-align: right; }
div.arrows .right .arrow { right: 5px; }
div.arrows .right .type { right: 25px; }

div.pictureInfo { width: 540px; margin-bottom: 30px !important; }

div.threecol { width: 840px; margin-left: -20px; /* padding-top: 10px; border-top: solid 2px #396fac; */ }
div.threecol div.section { width: 260px; padding: 0 0 20px 20px; float: left; }

div.content form { padding-left: 200px; margin-bottom: 20px; }
div.content form label { display: block; float: left; width: 195px; margin: 0 5px 0 -200px; padding-top: 2px; text-align: right; }
div.content form input.text, div.content form input.button, div.content form select, div.content form textarea, div.content form input.file { margin-bottom: 5px; }

div.content form iframe { margin-left: -200px; width: 818px; margin-bottom: 5px; border: solid 1px #396fac; }

div.content form input.text { width: 200px; }
div.content form textarea { width: 300px; height: 100px; font-family: Tahoma; font-size: 12px;  }

div.content form div.checkbox, div.content form div.radio { height: 18px; padding-top: 2px; margin-bottom: 5px; }

div.content form div.radioline { min-height: 18px; padding-top: 2px; margin-bottom: 5px; }
div.content form div.radioline div.radio { display: inline; margin-right: 20px; }
div.content form div.radioline div.radio input { vertical-align: bottom; }
div.content form div.radio label { display: inline; float: none; width: auto; margin: 0; padding-top: 0; text-align: left; }

div.content form h1, div.content form h2, div.content form h3, div.content form h4 { margin-left: -200px; margin-top: 15px; }

div.content div.notice { color: #000; border-bottom: solid 1px #000; border-top: solid 1px #000; padding: 5px; margin-bottom: 15px; line-height: 18px; }
div.content div.notice-error { color: #b62706; border-color: #e43107; }
div.content div.notice-warning { color: #666; border-color: #000; }
div.content div.notice-helpTip { color: #638acc; border-color: #7cadff; }
div.content div.notice-success  { color: #396fac; border-color: #396fac; }

div.content form div.notice { margin: 15px 0 5px -200px; padding-left: 200px; border-top: none; }

div.content table { border-collapse: collapse; border: none; margin-bottom: 10px; }
div.content th { padding: 10px; border: solid 1px #396fac; background: url(../images/tbl-th-bg.gif) repeat-x bottom; color: #396fac; font-weight: bold; }
div.content td { padding: 3px 10px; border: solid 1px #bbb; border-top: none; background: url(../images/tbl-td-bg.gif) repeat-x bottom; text-align: left; vertical-align: middle; }

div.pages h4 { border-bottom: solid 1px #396fac; color: #396fac; margin-bottom: 10px; height: 15px; font-size: 16px; }
div.pages h4 span { padding: 0 5px 0 0; background: #fff; }
div.pages div { height: 27px; margin-bottom: 20px; }
div.pages div a, div.pages div span { display: block; float: left; padding: 2px 5px; height: 15px; line-height: 15px; margin-right: 5px; font-size: 16px; text-decoration: none; color: #999; }
div.pages div a { border-bottom: solid 2px #999; }
div.pages div a:hover { border-color: #396fac; color: #396fac }
div.pages div a.prev, div.pages div a.next { border: none; color: #396fac; font-weight: bold; }
div.pages div span.cur { font-weight: bold; color: #396fac; }

div.content table img { margin: 7px 0; }

div.article { margin-bottom: 15px; }
div.article p { margin: 5px 0; text-indent: 10px; }

div.article ul, div.article ol { padding-left: 30px; margin: 0; }
div.article ul li { margin: 5px 0; list-style: disc; }
div.article ol li { margin: 5px 0; list-style: decimal; }


ul.actions { border-top: solid 1px #396fac; padding: 5px 0; margin-bottom: 15px; text-align: right; }
ul.actions li { display: inline; }
ul.actions a.button { background: #396fac; color: #fff !important; }
ul.actions-admin { border-color: #b62706; }
div.picture ul.actions a.button { background: #fff; color: #396fac !important; }
div.picture ul.actions a.button:hover { background: #396fac; color: #fff !important; }
ul.actions-admin a.button { border-color: #b62706; background: #b62706; color: #fff !important; }
ul.menu-admin { border-top: solid 1px #b62706; padding: 5px 0; margin-bottom: 15px; text-align: right; }
ul.menu-admin li { display: inline; }
ul.menu-admin a { border: solid 1px #b62706; background: #b62706; color: #fff; padding: 1px 5px 3px 5px; text-decoration: none; white-space: nowrap; }
ul.menu-admin a:hover { color: #b62706; background: #fff; }
ul.mail-list li.mail-new ul.actions a.button { border-color: #b62706; background: #b62706; color: #fff !important; }
ul.menu-inline { padding: 2px 0 4px; margin: 5px 0; }
ul.menu-inline li { display: inline; }
ul.menu-inline a { background: #fff; border: solid 1px #396fac; color: #396fac !important; padding: 1px 5px 3px 5px; text-decoration: none; white-space: nowrap; }
ul.menu-inline a:hover { background: #396fac; color: #fff !important; }
ul.menu-right { text-align: right; }
ul.menu-bordered { border-top: solid 1px #396fac; padding: 5px 0; margin-bottom: 15px; }

dl.report { padding-left: 200px; clear: left; }
dl.report dt { width: 190px; margin: 0 5px 0 -200px; float: left; padding: 5px 0 0 5px; text-align: right; color: #666; clear: left; }
dl.report dd { border-bottom: solid 1px #bbb; padding: 5px 0; margin: 0 0 0 -200px; padding: 5px 5px 5px 200px;}
dl.report dd.last { border: none; }

#cartTable { width: 100%; }

#loadPicturesButton { border: solid 1px #396fac; padding: 9px; margin-bottom: 20px; }
#loadPicturesOutput div.uploadImg { border: solid 1px #bbb; border-bottom: solid 1px #bbb; margin-bottom: 10px; padding: 9px;}
#loadPicturesOutput div.uploadImg .name { font-weight: bold; }
#loadPicturesOutput div.uploadImg .error { color: #b62706; }
#loadPicturesOutput div.uploadImg .success { display: block; }
#loadPicturesOutput div.uploadImg .progress { color: #396fac; }
#loadPicturesOutput div.uploadImg-error { border-color: #b62706; }
#loadPicturesOutput div.uploadImg-success { border-color: #09b200; }

.fixed { position: fixed; }

div.window { padding: 10px; background: #396fac; background: #999;}
div.window div.title { color: #fff; padding-bottom: 5px; font-size: 16px;}
div.window div.buttons { text-align: right; margin: 1px 0 0 0; }
div.window div.buttons a.button { margin-left: 5px; background: #fff; border: none; }
div.window div.buttons a.button:hover { background: #396fac; }
div.window div.preview { position: relative; }
a.fullSize { display: block; width: 32px; height: 32px; padding: 4px; border: solid 1px #fff; position: absolute; right: 0; bottom: 0; margin: 10px; }
a.fullSize span { display: block; width: 32px; height: 32px; background: url(../images/zoom.png) no-repeat center; }
a.fullSize:hover { background-color: #396fac; padding: 5px; border: none; }

ul.mail-list li.mail dl { margin-bottom: 0;}
ul.mail-list li.mail-new dl.report dd { border-color: #b62706; color: #b62706; background: #fee; }
ul.mail-list li.mail-new ul.actions { border-color: #b62706; }

ul.alphabet { padding: 5px 0; font-size: 16px; margin-bottom: 20px; text-align: left; }
ul.alphabet li { display: inline; padding: 5px 4px; }
ul.alphabet li a { border-bottom: solid 2px #999; text-decoration: none; padding: 2px 3px 1px; }
ul.alphabet li a:hover { border-color: #396fac;  }
ul.alphabet li.selected {  padding: 0;  }
ul.alphabet li.selected a { padding: 5px 7px; background: #396fac; color: #fff; /*  background: #a6ceff; color: #396fac;  */border: none; font-weight: bold; }

ul.authors { margin-bottom: 20px; font-size: 14px; }
ul.authors li { background: url(../images/list.gif) no-repeat 8px 10px; padding: 5px 0 5px 30px; margin-bottom: 10px; }

#addPictureCommentFormForm { padding: 0; }
#addPictureCommentFormForm label { margin: 0; width: auto; margin: 0.5em 0; padding: 0; float: none; text-align: left; }
#addPictureCommentFormForm textarea { width: 536px; }

div.comments { width: 540px; }
div.comment {  margin: 10px 0 20px;}
div.comment div.author { border-bottom: solid 1px #396fac; background: #b5cbe5; padding: 3px; }
div.comment div.author strong.name {  }
div.comment div.entry { font-size: 1.2em; padding-top: 5px; }

div.painter  img.photo { float: left; margin: 0 10px 10px 0; }
div.painter  h3 { clear: none; }
div.painter  p { font-size: 16px; text-indent: 20px;  line-height: 20px; margin-bottom: 10px; }
div.painter { margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #396fac; }

#helpPage h3 { margin-top: 15px; }
#helpPage ul.actions-bottom { margin-top: 15px; }

div.aPicturesList { margin-bottom: 20px;  }
div.aPicturesList a.pic { display: table; width: 200px; height: 200px; float: left; text-align: center; margin: 0 5px 5px 0; }
div.aPicturesList a.pic span.pic-i { display: table-cell; vertical-align: middle; }
div.aPicturesList a.pic span.image { display: block; }

div.aPicturesList-named a.pic { height: 230px; overflow: hidden; }
div.aPicturesList a.pic span.name { display: block; }

div.aPicturesList-small a.pic { display: inline; width: auto; float: none; text-decoration: none; margin-right: 20px; }
div.aPicturesList-small a.pic span.pic-i { display: inline; }
div.aPicturesList-small a.pic span.image { display: inline; }
div.aPicturesList-small a.pic img { max-width: 100px; max-height: 100px; vertical-align: middle; }