@CHARSET "UTF-8";  
/******* GENERAL RESET *******/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline; }  
body{ line-height:14px; font-size: 12px; background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; margin:0pt; cursor:default; }  
table{ border-collapse:separate; border-spacing:0pt; }
caption, th, td{ font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after{ content:""; }
blockquote, q{ quotes:"" ""; }
strong{ font-weight: 700; }
.clear{ clear: both; height: 0; padding: 0; margin: 0; }
/******* GENERAL RESET *******/

h1 { font-size: 12px; font-weight: bold; color:#6B9AAD; margin: 15px 0 15px 0;}
h2 { font-size: 11px; font-weight: bold; color:#6B9AAD; margin: 15px 0 15px 0;}
body { font-family: Verdana,Geneva,Lucida,"Lucida Grande","Helvetica Neue"; font-size: 11px; color: #444444;}
/* need to indent the site by 55pixels*/
input { font-family: Verdana; font-size: 11px; }
p { padding: 0; margin: 15px 0 15px 0; color: #555555; }
a:link { color: #6B9AAD;}
a:visited { color: #6B9AAD;}
a:activate { color: #6B9AAD;}
a:hover { color: #6B9AAD; background: #DEE7EF; }
ul { padding-left: 30px; }
li { list-style-type: circle; padding: 5px 0 5px 0; }

form { padding: 0; float: left; margin: 0; }
legend { margin: 0 0 0 70px; }
fieldset { padding: 0 5px 0 5px; margin:0px }
label { float:left; width: 60px; margin: 4px 10px 0px 0; text-align: right; }
input { float:left; margin: 0; border: 1px solid #CCCCCC; height: 21px; padding: 3px; color: #444444; }
select { font-size:12px; height:21px; margin-right:5px; padding:1px; border:1px solid #CCCCCC; }
textarea { float:left; margin: 0; border: 1px solid #CCCCCC; height: 150px; padding: 3px; color: #444444; }

input.submit { float:left;  margin: 7px 0 7px 70px; padding: 0; }
.instructions { margin-left: 70px; width: 200px; }
.content { width: 1010px; }

.form-register { float: left; width: 300px; margin: 20px 0 0 20px; padding: 0 40px 0 0; border-right: 1px dotted; }
.form-register form { width: 300px; }
.form-register input { width: 200px; }
.form-logon { float: left; width: 350px; margin: 20px 0 0 50px; padding: 0 10px 0 0; }
.form-logon form { width: 300px; }
.form-logon input { width: 200px; }
.form-contact { float: left; width: 420px; margin: 20px 0 0 40px; padding: 0 10px 0 0; }
.form-contact form { width: 410px; }
.form-contact input { width: 300px; }
.form-contact textarea { float:left; margin: 0; border: 1px solid #CCCCCC; width: 300px; padding: 3px; color: #444444; font-family: Verdana; font-size: 11px;  }
.form-contact.instructions { margin-left: 70px; width: 300px; }
.form-lightbox-selector { float: left;  }
.form-lightbox-view { float: left; }
.form-lightbox-view input { padding: 0 0 0 5px; height: 19px; }
.selector { float: right; height: 28px; margin-top: 9px; }
.selector form { margin: 0px; padding: 0px; }
.selector input { margin: 0px; padding: 0px; width: 40px; }
#selectlightboxid { font-size: 11px; height: 21px; padding: 1px; margin-right: 5px; }
.formrow { float: left; clear: both; margin: 15px 0 0 0; width: 100%; }

.hidden { display: none;}
/* padding T R B L */
.site-width { float: left; margin: 0 0 0 55px; width: 1010px; }
.site-half-centre { float: left; width: 450px; margin: 0 50px 0 0; }
.header { float: left; padding: 30px 0px 15px 0px; background-color: #6B9AAD; font-family: Verdana; font-size: 11px; width: 100%; }
.logo { float:left; font-family: Verdana; font-size: 26px; color:white; font-weight: bold; padding: 0; }
.control-panel { float: right; }
.control-panel .auth { float: right; position: relative; font-size: 11px; font-weight: normal; margin-bottom: 10px; text-align: right; }
.control-panel .searchform { float: right; }

.header a:link { text-decoration: none; color: white; }
.header a:visited { text-decoration: none; color: white; }
.header a:activate { text-decoration: none; color: white; }
.header a:hover { text-decoration: none; color: white; }
.shadow { background-image: url(/static/img/shadow.png); background-repeat: repeat-x; height: 15px;}

.searchform form { float: none; margin: 0; padding: 0; }
.searchbox { float:right; position:relative; width: 300px; background:transparent url(/static/img/searchButtonLeft.gif) no-repeat scroll 0px 0px; height: 21px;}
/* colour url repeat attachment right bottom */
.searchbox img { position: absolute; top: 0px; right: 0px; }
.searchbox input { float: none; background:white url(/static/img/search.png) no-repeat scroll left center; border:none; color:#AAAAAA; width:157px; height:20px; position:absolute; top:1px; margin: 0 0 0 6px; padding: 3px 0px 0px 18px; font-weight: normal; }
#search { cursor: pointer; }

.nav { float: left; background-color: #DEE7EF; height: 38px; padding: 0; margin: 0; width: 100%;}
.nav .menus { float: left; margin: 5px 0 0 0; }
.nav .clear{ clear: both; height: 0; padding: 0; margin: 0; visibility: hidden; position: absolute; }
.nav .home { padding-right: 50px; float: left; }
.nav ul { padding: 0; margin: 0; float: left; height: 28px; }
.nav li { float: left; height: 28px; list-style-type: none; padding: 6px 40px 0 0; margin: 0; }
.nav span { padding-bottom: 10px; margin: 0; }
.nav a:link { text-decoration: none; color: #215163; }
.nav a:visited { text-decoration: none; color: #215163; }
.nav a:activate { text-decoration: none; color: #215163; }
.nav a:hover { text-decoration: none; color: #215163; }

.col1 { border: none; float: left; margin: 0; padding: 0; width: 785px; background: #FFFFFF; }

.homepage { float: left; position:relative; left: -48px; width: 1057px;}
.homepage-panel { float: left; width: 480px; height: 350px; margin: 20px 0 0 48px; padding: 0; }
.homepage-panel p {text-align: justify; }
.homepage-indent { margin: 0 0 0 48px; }

.homepage .books { height: 130px; margin: 20px 0 0 48px; }
.homepage .books h2 { text-align: center; }
.homepage .books .book { float: left; margin: 0 5px 0 0; }

.homepage2-panel { float: left; width: 470px; margin: 20px 0 0 48px; padding: 0; }
.homepage2-panel.centred { text-align: center; }
.homepage2-panel p { text-align: justify; }
.homepage2-panel ul { margin-bottom: 20px; }
.homepage2-panel .thumb.lbox { width: 216; height: 144; margin: 0 0 20px 10px; background: transparent url( /static/img/shadow-thumb-landscape.png ) no-repeat scroll -4px 0px; cursor: pointer; }

.headline{ float:left; width: 480px; height: 320px; background: transparent url( /static/img/shadow-headline.png ) no-repeat scroll 8px 8px; }
.headline img { float:left; position:relative; width: 462px; height:308px; } /* offsetting required for IE rendering bug.*/

.footer { clear: both; }

/* padding T R B L */
#searchbar { float: left; margin: 0 0 0 48px; padding: 5px 0 5px 0; width: 1010px; }
#searchbar-title { padding: 5px; margin: 0; width: 1010px; border: 1px solid; background: transparent url( /static/img/icon-drop.png ) no-repeat scroll 985px 3px; }
#searchbar-left-title { float: left; }
#searchbar-right-title { float: right; }
#searchbar-current { float: left; padding: 10px 5px 5px 5px; margin: 0; color: #555555; border: 0; width: 250px; }
#searchbar-keywords { float: left; padding: 5px; margin: 0; color: #555555; border: 0; width: 430px; }
#searchbar-geography { float: left; padding: 5px; margin: 0; color: #555555; border: 0; width: 280px; }
#searchbar-contents { display: none; float:left; }
.search_heading { }
.search_tagrow { float: left; clear: both; margin: 2px 0 2px 0; width: 240px; }
.search_negate { float: left; width: 30px; }
.search_tag { float: left; width: 175px; }
.search_remove { float: left; width: 20px; }

.paginator { margin: 0 0 0 48px; padding: 5px 0 15px 0; width: 1008px;}
.paginator-count { float: left; width: 40%; }
.paginator-pages { float: right; width: 40%; text-align: right; }

/* for debugging : border: 1px solid #781351;*/
.search_geography { padding: 0; margin: 0 }
.search_geography fieldset { border: none; width: 190px; padding: 0 5px 0 5px; margin:0px}
.search_geography label { width: 45px; float: left; text-align: right; margin-right: 10px; display: block }
.search_geography input { border: 1px solid #aaaaee; width: 130px; }
.search_geography legend { padding: 0px; margin: 0 0 0 55px; font-weight: bold;}
.search_geography a { padding: 0 0 0 3px; }
.search_geography .submit { margin-left: 55px; }

.lightbox { float:left; position:relative; width: 1008px; margin-bottom: 10px;  }
.lightbox a { margin:0; padding:0; position:relative; float:left; top: 0px; left: 0px; width: 250px; height: 167px; }
.lightbox img { margin:0; padding:0; float:left; left:0px; text-align:left; position: absolute; }
.lightbox-ref { float: left; width: 1008; margin-bottom: 10px; }
.lightbox-ref-left { float: left; }
.lightbox-ref-right { float: right; }
.lightbox-ref-right label { display:block; float:left; height:21px; margin:0 10px 0 0; padding:2px 0 0; text-align:right; width: 350px;}
.lightbox-ref-right input { border:1px solid #CCCCCC; color:#444444; height:21px; margin:0; padding:3px; }
.lightbox-image { margin:0; padding:0; float:left; left:0px; }
.lightbox .caption { background:transparent repeat-x 0px 4px; background-position:top; width: 100%; height: 16px; float: left; }
.lightbox .clear { clear: both; position: absolute; }
.lightbox-heading { float: left; width: 500px; }
.lightbox-heading form { float:none; }
.lightbox-heading input { width: 540px; font-size: 12px; height: 24px; margin: 0 0 0 30px; }
.lightbox-heading h1 { margin-left: 30px;}
.lightbox-tools { float: right; }
.lightbox-tool { width: 100px; float: left; position: relative; padding-left: 0 0 0 10px; }
.lightbox-tool form { float: right;}
.lightbox-tool input { width: 90px; height: 24px; float: right; padding: 0; margin: 0;}

.droppable-active { opacity: 0.5; }
.droppable-hover { outline: 3px solid green; }

/* padding T R B L */

.photocontrol { float: left; width: 216px; height: 190px; margin: 0 0 24px 48px; }
.photocontrol a { text-decoration: none; }

.thumb.photo { }
.thumb { float: left; }

.thumb.landscape { width: 216px; height: 144px; margin: 0; padding: 0; background: transparent url( /static/img/shadow-thumb-landscape.png ) no-repeat scroll -4px 0px; }
.thumb.landscape img { width:200px; height:133px; cursor: pointer;}
.icons-landscape { margin: 0; width: 200px; height: 19px; text-align: left; background: transparent; }
.lightbox-icons-landscape { margin: 0 0 3px 0; width: 200px; height: 19px; text-align: left; background: transparent; }

.thumb.portrait { float: left; width: 150px; height: 175px; margin: 0; padding: 0; 
background: transparent url( /static/img/shadow-thumb-portrait.png ) no-repeat scroll 0px 0px; }
.thumb.portrait img { width:140px; height:163px; cursor: pointer;}
.icons-portrait { float: left; margin: 0; width: 25px; padding: 0 10px 0 15px; }
.icons-portrait img { padding: 0 0 3px 0; }
.icons-portrait-top { padding: 0 0 33px 0; }
.icons-portrait-bottom {}
.thumb.lbox { width: 216; height: 144; margin: 0 0 20px 48px; background: transparent url( /static/img/shadow-thumb-landscape.png ) no-repeat scroll -4px 0px; cursor: pointer; }

.lightbox-icons-portrait { float: left; margin: 0 0 0 50px; padding: 0 0 3px 0; width: 140px; }
.lightbox-icons-portrait-top { padding: 0 0 144px; }

.paginator-selector select { font-size: 10px; }

.icons-left { float: left; }
.icons-right { float:right; }
.icon-left-container { float:left; padding: 0 3px 0 0;  width: 25px; height: 19px;}
.icon-right-container { float:left; padding: 0 0 0 3px;  width: 25px; height: 19px;}
.icon { cursor: pointer; }
.icon.add { }
.icon.noadd {}
.icon.zoom{}
.icon.search {}
.icon.pricing {}
.icon.map {}
.icon.email {}
.icon.print {}

.lightbox-icon-intro { float: left; }
.lightbox-icon-ordering { float: left; width: 150px; }
.lightbox-icon-ordering  input { height: 19px; padding: 2px; margin: 0 0 0 5px; }
.lightbox-icon-ordering  label { height: 19px; padding: 0; margin: 2px 0 0 25px; }
.lightbox-icon-delete { float: right;}

.dialogue-label { position: relative; float:left; margin: 0; padding: 5px 0 0 0; width: 150px; }
.dialogue-text { position: relative; float:left; margin: 0; padding: 5px 0 0 0; width: 150px; }
.dialogue-text-print { position: relative; float:left; margin: 0; padding: 5px 0 0 0; width: 450px; }
/*
.topbar { height: 30px; width: 600px; }
.topbar li { float: left; list-style-type: none; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; padding: 3px 10px 3px 10px; cursor: pointer; }
.topbar .tabtext { float:left; padding-top: 4px; }
.topbar .icons { float: right; padding: 3px 0px 0 0; }
.topbar .icons img { float: right; padding: 0 5px 3px 0; }
.topbar. li:hover { color: #134; }
.popup { display: hidden; }
.popic { float: right; cursor: pointer; padding: 7px 7px 0 0; }
.popic2 { float: left; cursor: pointer; padding: 0 5px 0 0; }
.popicset { float: right; padding-right: 70px;}
*/
/* padding T R B L */

#dialogue { width: 606px; padding: 0px; margin: 0px; }
#tab-1 { float: left; }
/*
#tab-2 { padding: 20px; width: 600; }
#tab-3 { padding: 20px; width: 600; }
#tab-4 { padding: 20px; width: 600; }

.tab-content { float: left; }
*/
.ns_fieldset { width: 600px; padding:0; margin:0px}
.ns_keyword { float: left; width: 190px; padding: 0 0 5px 0; }
.ns_fieldset input { width: 25px; float: left; margin-right: 0px; }
.ns_fieldset label { width: 150px; text-align: left; padding: 0 0 0 5px; }
.ns_fieldset legend { padding: 0 0 5px 0; }
.ns_initiate { text-align: center; width: 260px; float: left; padding-top: 10px; }
.ns_existing { width: 600px; float: left; }
.ns_new { width: 600px; float: left; }
.ns_spacer { margin-bottom: 10px; }
#pricing { float: left; }
.pricing-select { float:left; margin: 0; border: 1px solid #CCCCCC; width: 300px; height: 20px; padding: 0; color: #444444; font-size: 12px; }
.pricing-select-static { float:left; margin: 0; border: 1px solid #CCCCCC; width: 300px; height: 20px; padding: 0px; color: #444444; font-size: 12px; }
.pricing-textarea { float:left; margin: 0; border: 1px solid #CCCCCC; width: 300px; height: 40px; padding: 3px; color: #444444; }
.pricing-label { float:left; width: 300px; margin: 5px 10px 0px 0; text-align: right; }
.pricing-submit { float:left; width: 300px; height: 26px; }
.pricing-input { float:left; margin: 0; border: 1px solid #CCCCCC; width: 150px; height: 26px; padding: 3px; color: #444444; font-size: 12px; }
.pricing-multiselect-container { float:left; margin: 5px 0 0 30px; width: 210px; }
.pricing-multiselect-divider { float:left; margin: 0 0 0 27px; width: 30px; }
.pricing-multiselect-divider input { width: 30px; margin-top: 32px; }
.pricing-multiselect { margin: 3px 0 0 0; border: 1px solid #CCCCCC; width: 205px; height: 100px; padding: 3px; color: #444444; font-size: 12px; }
.pricing-comment { float:left; width: 610px; margin: 5px 0 0 0; text-align: right; font-size: 10px; color: #888888; }
.pricing-label-multiselect { float:left; width: 610px; margin: 5px 0px 0px 0; text-align: right; }
#pricing .formrow { margin-top: 10px; }

.extra-icons { float: left; padding: 5px 5px 0 0; }
.extra-icon { padding-right: 5px; }
/*.error { background:transparent url(../img/error.png) no-repeat scroll 0 50%; width:10px; height: 10px; padding-left:14px; margin-left: 5px; }
.signon .submit { margin: 0 0 0 70px; padding: 0; }*/
.error { background:transparent url(/static/img/error.png) no-repeat scroll 0 50%; background-position: right;}
.formerror { margin-left:80px; width:200px; color: red; }

.commission-thumb { float: left; margin: 0 5px 5px 0;}
.commission-thumb img { width: 120; height: 120; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55;}
.commission-right { float: left; width: 504px; height: 550; margin: 0 0 5px 0; text-align: center;}
.commission-left{ float: left; width: 504px; margin: 0 0 5px 0; }

.googlemap { width: 500px; height: 500px; }
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

.footer { padding: 20px 0 20px 0; margin: 0px; border-top: 1px dotted #dddddd; color: #777777; clear: both; }
.footer-left { float:left; }
.footer-right { float:right; }

.tag-cloud { text-align: center; border: 1px solid #eeeeee; padding: 10px; margin: 0 15px 0 48px; background-color: #efefef; width: 1000px; }

.tag-1 { font-size: 11px; }
.tag-1 a:link { color: #bbbbbb; }
.tag-1 a:visited { color: #bbbbbb; } 
.tag-1 a:hover { color: #bbbbbb; } 

.tag-2 { font-size: 12px; }
.tag-2 a:link { color: #aaaaaa; }
.tag-2 a:visited { color: #aaaaaa; } 
.tag-2 a:hover { color: #aaaaaa; } 

.tag-3 { font-size: 13px; }
.tag-3 a:link { color: #999999; }
.tag-3 a:visited { color: #999999; } 
.tag-3 a:hover { color: #999999; } 

.tag-4 { font-size: 14px; }
.tag-4 a:link { color: #888888; }
.tag-4 a:visited { color: #888888; } 
.tag-4 a:hover { color: #888888; } 

.tag-5 { font-size: 15px; }
.tag-5 a:link { color: #777777; }
.tag-5 a:visited { color: #777777; } 
.tag-5 a:hover { color: #777777; } 

.tag-6 { font-size: 16px; }
.tag-6 a:link { color: #666666; }
.tag-6 a:visited { color: #666666; } 
.tag-6 a:hover { color: #666666; } 

/* For large tag cloud 6 step */
.tag-7 { font-size: 17px; }
.tag-7 a:link { color: #555555; }
.tag-7 a:visited { color: #555555; } 
.tag-7 a:hover { color: #555555; } 

.tag-8 { font-size: 18px; }
.tag-8 a:link { color: #444444; }
.tag-8 a:visited { color: #444444; } 
.tag-8 a:hover { color: #444444; } 


.ac_results { padding: 0px; border: 1px solid #6B9AAD; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; color: #aaaaaa; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font-family: Verdana; font-size: 11px;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px; overflow: hidden;
}
.ac_loading { background: white url('/static/img/indicator.gif') right center no-repeat; }
.ac_odd { }
.ac_over { background-color: #EFEBDE; color: #444444; }

.book-separator { width: 100%; height: 1px; margin: 0; border-top: 1px dotted #6B9AAD; clear:both; }
.book { float:left; margin: 10px 10px 10px 10px; padding:10px 0 10px 0; }
.book-image { float: left; width: 280px; }
.book-precise { text-align: justify; }
.book-purchase { float: right; margin-top: 5px; }
.book-purchase span { vertical-align: middle; }
.book-purchase img { vertical-align: middle; }