/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
            { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body        { line-height: 1; }
/*ol, */ul  { list-style: none; }
blockquote, q
            { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after
            { content: ''; content: none; }
:focus      { outline: 0; }
ins         { text-decoration: none; }
del         { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table       { border-collapse: collapse; border-spacing: 0; }


body, html  { background-color: #fff; }
body        { color: #333; text-align: left; font-family:"Lucida Grande",Arial,sans-serif; font-size: 12px; font-weight: 400; line-height: 1.42; }
body        { margin: 0 auto; /*min-height: 600px */}
li                          { display: list-item; }
h2                          { color: #015A84; }

a/*, a:active, a:hover, a:link, a:visited*/
                            { color: #00547D; text-decoration: none; outline-style: none }
a:hover                     { text-decoration: underline }

a.block                     { display: inline-block; color: #00547D; border: 1px solid #ccc; text-decoration: none; text-align: center }
/* .button input:hover, */
.button:hover input,
a.block:hover               { color: #fff; background-color: #F98513 }
.button input,
a.block.selected            { color: #fff; background-color: #00547D }

.form.buttons               { padding: 10px 0 0 10px; border: 0 none; background-color: #fff; text-align: right }
.button                     { display: inline-block; line-height: 20px; background-color: #fff; color: #00547D; border: 1px solid #00547D; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button:hover               { border-color: #F98513 }
.button input               { margin: 1px; padding: 2px 20px; background-color: #2A85B6; border: 0 none; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input.error                 { border:1px solid red; }

.button-box                 { float: right; }
a.button                    { border: 0 #fff none; background: #2A85B6 no-repeat scroll 2px center; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.button:hover              { background-color: #F98513; }
a.button span               { margin: 1px; padding: 2px 24px; color: #fff; font-weight: bold }
a.button.add                { background-image: url(/images/famfamfam/add.png); }
table a.button              { display: inline; padding: 3px }
table a.button span         { padding: 1px 8px; color: #fff; font-weight: bold; font-size: 9px; text-align: left }

.form                       { margin: 0 0 5px 0; padding: 5px; background-color: #eee; border: 1px solid #ddd }
.form table                 { width: 100%; }
.form .input                { width: 95%; padding: 2px; border: 1px solid #ddd;  }
.form th                    { padding: 4px 4px;/*padding: 8px; font-weight: normal; */text-align: right }
.form td                    { padding: 4px 4px; vertical-align:top; text-align: left }
.form .buttons              { text-align: right; padding-top: 20px }
.form label.error           { color: red }
.form .input.error          { border-color: red }
.input:hover                { background-color: #fffff0 }

.disabled                   { color: #777 }

div.jGrowl                  { margin-top: 15px; }
div.jGrowl a                { color: #F98513; font-weight: bold }

.blockMsg {
    z-index: 1001; position: fixed;
    margin: 0; padding: 20px;
    width: 30%; top: 40%; left: 35%;
    background: #000000 url(/images/loader.gif) no-repeat scroll 20px 50%;
    color: #fff; opacity: .7; filter: alpha(opacity = 70); zoom: 1;
    cursor: wait; text-align: center;
    font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}


.left                       { display: block; float: left }
.right                      { display: block; float: right }
.clear                      { clear: both }
.hidden                     { visibility: hidden }

.rounded                    { padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; /*behavior:url(/styles/border-radius.htc) */}
.rounded-top                { padding: 0; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px; -webkit-border-radius-topleft: 5px; }
.rounded-bottom                { padding: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -webkit-border-radius-bottomleft: 5px; }
.rounded-left               { padding: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-topleft: 5px;}
.rounded-right              { padding: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-bottomright: 5px; -webkit-border-radius-topright: 5px; }
.loading            { background: transparent url(/images/loader.gif) no-repeat scroll center center; opacity: .5 }

.hint           { color: #999; font-size:80%; }
.title          { padding-left: 10px; font-weight: bold }
.boxhead        { display: block; /*padding: 0 0 0 5px; */margin-bottom: 5px; color: #000; /*color: #F98513; *//*color: #00547D; */border-bottom: 1px dashed #000000; letter-spacing:-1px; font-size: 13px; font-weight: bold; text-align: left}
.boxhead strong { float: left }
.boxhead a      { float: right; padding: 0 2pt; font-weight: normal; font-size: 90% }

.boxhead {
border-bottom:2px solid #2A85B6;
color:#2A85B6;
margin-bottom:3pt;
padding-left:10pt;
}
p.info,
div.important,
p.important,
p.alert         { margin:10px 0; padding: 10px; font-size: 90%; -moz-border-radius: 3px; -webkit-border-radius: 3px }
p.info          { /*border: 1px solid; */color: #444; /*background-color: #eee; text-align: center;*/  }
div.important,
p.important     { /*border: 1px solid; */color: #fff; background-color: #444; font-weight: bold; /*text-align: center; */ }
p.alert         { /*border: 1px solid; */color: #fff; background-color: red; font-weight: bold; text-align: center;  }
div.important a,
p.important a    { color: #F98513 }

.img-shadow     { background:transparent url(/images/shadow-alpha.png) no-repeat scroll right bottom !important; }
.img-shadow img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:-6px 6px 6px -6px; padding:4px; position:relative; }

div.blockOverlay{ background-color: #fff; opacity: .4 }

.menu           { background-color:#FCFCFC; border: 1px solid #DCDCDC; color: #333333; font-size: 8pt; padding: 3pt; }
.menu li        { color: #666; background-color: #fff; /*padding: 1px 0; *//*border-top: 1px solid #ddd*/ }
.menu li span   { color: #fff; background-color: #777; font-weight: bold }
.menu li a      { color: #222; text-decoration: none}
.menu li span,
.menu li a      { display: block; padding: 4px 8px; -moz-border-radius: 2px  }
.menu li a.selected
                { background-color: #2A85B6; color: #fff; /*font-weight: bold */}
.menu li a:hover{ background-color: #F98513; color: #fff; /*font-weight: bold */}
.menu li li
                { color: #666; background-color: #fff; padding: 1px 0;  }*/

.sitemenu       { position: absolute; top: 75px; }
.sitemenu ul    { list-style: none; }
.sitemenu li    { float: left; }
.sitemenu li a  { padding: 0px 12px 0 0; font-size: 85%;  }

.contentbox     { /*margin:10px 0; */padding: 5px; background-color: #EEEEEE; }
.contentbox .inner { padding: 5px; background-color: #fff }

.ad-ls          { padding: 5px; background-color:#EEEEEE; }
.ad-box         { padding: 6pt 3pt; margin: 5pt 0; border: 1px solid #dcdcdc; background-color: #fcfcfc; color: #333; font-size: 8pt }
.ad-title       { padding: 0px 4px; color: #555; background-color: #ccc; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; border: 1px solid #bbb }

.ip, .id, .ia   { display: block }

.im             { display: inline-block; width: 132px; padding: 5px; margin: 5px; border: 1px solid #fff; text-align: center; }
.im.mid         { width: 312px }
.im.hover .ia   { visibility: visible }

.im.hover       { border: 1px solid #ddd; }
.im.hover .id,
.im.hover .ia   { opacity: 1 }
.im.selected    { background-color: #eee; border-color: #ddd }

.ip             {/* width: 132px;*/ height: 132px; position: relative; /*text-align:center; */}
.im.mid .ip     { height: 312px }
/* .ip.middle      { width: 300px; height: 300px; position: relative; } */

.ip a           { display:inline-block; /*position: absolute; bottom: 0; left: 0*/ }
.ip img         { padding: 5px; border: 1px solid #ddd; }

.id             { opacity: .75; font-size: 85%; color: #666; }
.id span        { display: block }

.im span.ii             { text-align: left; font-size: 100% }

.sponsored .ip a        { margin: 5px -5px -5px 5px; background: transparent url(/images/shadow-alpha.png) no-repeat scroll right bottom !important; }
.sponsored .ip img      { margin:-5px 5px 5px -5px; padding: 4px; background-color: #fff; border-color: #ccc; }
.sponsored .id          { font-weight: bold; color: #333 }

/* .is                     { border: 1px solid #e3e3e3; } */
/*
.is .score              { width: 124px; height: 6px; margin: 1px; padding: 2px; border: 1px solid #e3e3e3; font-size: 80% }
.is .score div          { height: 4px; padding: 1px; }
.is .score-total div    { background-color: orange }
.is .score-sold div     { background-color: green }
.is .score-view div     { background-color: yellow }
.is .score-rating div   { background-color: blue }
*/
.is .score              { float: left; position: relative; height: 25px; width: 8px; margin: 1px; background-color:#FAFAFA; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 80% }
.is .score div          { position: absolute; left: 0; right: 0; bottom: 0 }
.is .score-total div    { background-color: #F98513 }
.is .score-sold div     { background-color: #669900 }
.is .score-view div     { background-color: #CCCC00}
.is .score-rating div   { background-color: #6699FF }
.is .result             { float: right; line-height: 28px; font-size: 10px; color: #aaa }
.is .result span        { font-size: 130%; color: #777 }

#images .ia     { height: 26px; opacity: .5 /*visibility: hidden */}
.ia a           { display: block; float: left; width: 27px; height: 26px }
.ia-price       { background: transparent url(/images/cz/showprice.gif) no-repeat top left; }
.ia-basket.add  { background: transparent url(/images/empty_basket.gif) no-repeat top left; }
.ia-basket.remove { background: transparent url(/images/full_basket.gif) no-repeat top left; }
.ia-collection.edit  { background: transparent url(/images/edit.gif) no-repeat top left; }
.ia-collection.remove { background: transparent url(/images/delete.gif) no-repeat top left; }
.ia-collection.setmain { background: transparent url(/images/activate.gif) no-repeat top left; }


.info-table     { width: 100%; font-size: 90%; margin-bottom: 20px; }
.info-table tr  { vertical-align: top; }
.info-table th  { width: 80pt }
.info-table th,
.info-table td  { padding: 2pt 0 2pt 8pt; text-align: left; border-top: 1px solid #ccc }
.info-table th  { font-weight: bold }
.info-table tr.first th,
.info-table tr.first td
                { border-top: 0px none }
.info-table .keywords
                { text-align: justify }

.data-table     { background:#FFFFFF none repeat scroll 0 0; border-collapse:collapse; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size: 90%;
                  text-align:left; width: 100%; -moz-box-sizing:border-box; border-collapse:separate; display:table; margin-bottom:0; margin-top:0; text-indent:0; color:#666; }
.data-table tbody tr:hover
                { background-color: #f3f3f3; color: #333; }
.data-table th  { border-bottom:2px solid #2A85B6; color:#2A85B6; font-size:110%; font-weight:normal; padding:10px 8px; }
.data-table .even,
.data-table .odd{ background: #fafafa none repeat scroll 0 0; }
.data-table td  { border-bottom:1px solid #CCCCCC; padding:6px 8px; vertical-align: baseline; }
.data-table td.currency,
.data-table td.size,
.data-table td.actions
                { text-align: right; }

/* ol { counter-reset: item } */
/* ol li:before { content: counter(item); counter-increment: item } */

ol.steps        { list-style: none inside none }
ol.steps.navi   { border: 1px solid #dcdcdc }
.steps li.step  { padding: 10px 0 }
.steps li.step .marker
                { position: relative; top: -10px; float: left; display: inline-block; width: 32px; height: 32px; line-height: 32px; margin:0 10px 10px 0; font-size: 20px; font-weight: bold; text-align: center; color: #fff; background: #fff url(/images/v2/blue_circle2.png) no-repeat top left }
.steps.navi li.step .marker
                { top: 0; float: none }
.steps li.step.active .marker
                { background-image: url(/images/v2/orange_circle.png) }
.steps.navi li  { padding: 4px }
/* .steps.navi a   { padding-left: 10px; font-weight: bold } */


#header             { position: relative; height: 120px; /*width: 100px */}
#logo               { padding: 10px 0 }

#search             { position: absolute; top: 16px; left: 300px; width:480px; }
#search-form        { margin: 10px 0px; color: inherit; }
#search-form ul     { margin-left: 20px; }
#search-form li     { float: left; padding: 0 0 6px 0px; }
#search-form li a   { padding: 0 7pt; font-size: 8pt; font-weight: bold; }
#search-form span,
#search-form li input
                    { display: none }
#search-form a      { padding: 2px 4px; }
#search-form .pointer
                    { position: absolute; width: 13px; height: 7px; margin-left: 51px; margin-top:-7px; background:transparent url(/images/v2/w_arrow.gif) no-repeat scroll 0 0; }

#search-query       { float: left; height: 24px; background-color: #fff; border-color: #ccc; border-style: solid none solid solid; border-width: 1px 0 1px 1px; }
#search-query input { width: 430px; margin: 3px; padding-left: 4px; padding-right: 4px; border: 0 none; font-size: 14px;  }
#search-submit      { float: left; height: 24px; border: 1px solid #ccc }
#search-submit input{ width: 30px; height:100%; padding: 0; margin: 0; border: 0 none; background:#f3f3f3 url(/images/v2/search.png) no-repeat scroll center center; cursor: pointer }


#topbar                     { position: relative; height: 20px; font-size: 90%; background-color: #777; }
#topbar ul.links li,
#usertools li.toolitem      { float: left; display: block; border-left: 1px solid #bbb }
#topbar ul.links li.first,
#usertools li.first         { border-left: none }


#topbar ul.links            { float: left; padding: 3px 0; text-transform: uppercase; font-weight: bolder; font-size: 9px; }
#topbar ul.links li a       { color: #eee; padding: 0 5px; }
#topbar ul.links a:active,
#topbar ul.links a:hover    { color: #fff; text-decoration: none }
#topbar ul.links a.selected { color: #444; background-color: #eee }

#usertools                  { float: right; height: 18px; margin-top: 2px; margin-right: 20px; line-height: 18px; color: #333; padding-right: 25px; background: #fff url(/images/userinfo-right.png) no-repeat right }
#usertools li.toolitem      { width: 65px; }
#usertools li.first         { width: auto; /*height: 18px; */padding: 0 3pt 0 25px; background: #fff url(/images/userinfo-left.png) no-repeat  }
#usertools li a.toollink    { display: block; padding: 0 3pt; text-align: center }
#usertools li .child        { position: absolute; left: auto; width: 200px; margin-left: -134px; /*padding: 10px; background-color: #fff;*//* border: 1px solid #ccc; *//*z-index: 100 */}
/* #usertools ul.menu li       { float: none; line-height: 200%; border: none; } */
/* #usertools ul.menu li a     { padding: 0 6pt; color:#555; display:block; text-decoration:none; } */
/* #usertools ul.menu li a:hover */
/*                             { color: #fff; background-color: #F98513 } */
/* #usertools .inner           { position: absolute; right: 0; width: 135px; padding: 10px; background-color: #fff; border: 1px solid #ccc; z-index: 100  } */
#usertools .inner           { position: absolute; right: 0; width: 200px; padding: 10px; background-color: #fff; z-index: 10000  }


#login-box .inner           { width: 150px }
#login-box .form            { margin: 0; /*padding: 0 10px; border: 0 none; */background-color: inherit }
#login-box .button input    { font-size: 100% }
#login-box .hint            { padding: 10px 0 0 0; text-align: right }

/* #content                    { position: relative } */

#footer                     { clear: both; position: relative; margin-top:40px; padding: 20px 0; background-color: #777; color: #ccc; font-size: 90% }
#footer.tiny                { position: absolute; bottom: 0; left: 0; right: 0; height: 20px; margin: 0; padding: 0/*border-top: 1px solid #ccc; font-size: 90% */}

#footer h2                  { font-size: 100%; color: #eee }
#footer a                   { color: #eee;/* font-weight: bolder;*/ }
#footer a:hover             { color: #fff; text-decoration: none }
#footer ul                  { list-style: none }
#footer ul li p             { margin: 0; padding-left: 8pt; }

#footer-site-links          { text-align: right; margin-right: 30px; }
#footer-site                { width: 480px; border-right: 1px solid #ccc }
#footer-ext-links           { width: 479px;  }
#footer-site,
#footer-ext-links           { float: left; }

#footer-about               { float: left; width: 70% }
#footer-site-links          { float: right; }

#footer-ext-links       div { float: left; width: 40%; margin-left: 30px;}
#footer-ext-links       li  { padding-top: 4px; }

#footer-copyright           { padding-top: 40px }
#footer-copyright img       { padding-right: 20px; opacity:0.75; }

/*
#trailimage { z-index: 50 }
*/

.tooltip, .aToolTip
{
    display: none;
    position: absolute;
    z-index: 50;
    border: 1px solid #444;
    background: #555;
    color: #fff;
    margin: 0;
    padding: 4px 12px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.tooltip.imgpreview     { padding: 0px; border: 0px none; background:url(/images/placeholder.png) repeat; overflow: hidden }
/* .tooltip.imgpreview div { overflow: hidden } */
/* .tooltip.imgpreview p   { margin-top: -30px; padding: 2px 6px; line-height: 30px; border: 0pt none ; background: transparent none repeat scroll 0% 0%; position: relative; z-index: 2; width: 100%; } */
.tooltip.imgpreview  .tooltipcontentwrapper
                        { height: 30px; margin-top: -30px; background-color: #000; opacity: .5 }

/*
a.aToolTipCloseBtn {
    display:block;
    height:18px;
    width:18px;
    background:url(../images/closeBtn.png) no-repeat;
    text-indent:-9999px;
    outline:none;
    position:absolute;
    top:-15px;
    right:-15px;
    margin:2px;
    padding:4px;
}
*/

.img-row .im            { margin:0 14px; }

#overlay {
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
    color:#efefef;
    height:450px;
}

div.contentWrap {
    height:441px;
    overflow-y:auto;
}

/* the overlayed element */
.apple_overlay {
    display:none;
    background-image:url(http://static.flowplayer.org/img/overlay/white.png);
    width:640px;
    padding:35px;
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(http://static.flowplayer.org/img/overlay/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}