﻿/********************/
/* CSS For Template */
/********************/

body,table, tr, td, img { padding:0; margin:0; border:0px; }
body { background:url(bg.jpg) #000000; }
body {  margin-left:auto; margin-right:auto; }
hr { width:100%; height:1px; border: none 0; border-top: 1px dotted #171717; }
h2 { font-family: tahoma; color:#7C7C7C; font-size: 21px; font-weight:normal; text-decoration:underline; padding:0px; padding-bottom:5px; margin:0px; }
h3 { font-family: tahoma; color:#7C7C7C; font-size: 17px; font-weight:normal; text-decoration:underline; padding:0px; padding-bottom:5px; margin:0px; }
h4 { font-family: tahoma; color:#7C7C7C; font-size: 18px; font-weight:normal; text-decoration:underline; padding:0px; padding-bottom:20px; margin:0px; text-transform:uppercase; }
h5 { font-family: tahoma; color:#9A9A99; font-size: 11px; font-weight:normal; text-decoration:none; padding-top:20px; text-transform:uppercase; /*font-style:italic;*/}
h6 { font-family: tahoma; color:#7C7C7C; font-size: 15px; font-weight:normal; text-decoration:underline; padding:0px; padding-top:5px; padding-bottom:5px; margin:0px; }

input { border:0; font-family:Verdana; font-size:9px; }
textarea { border:0; font-family:Verdana; font-size:9px; }
fieldset { border:1px solid #30302F; }
select { border:0; font-family:Verdana; font-size:9px; }

/*******************/
/* Font Formatting */
/********************/
body,div,a,td,th,p,font,ul,ol,li,caption,span { font-family:tahoma, arial, sans-serif; font-size:11px; color:#9A9A9A; }

div#wrap { width:100%; min-height:787px;  margin-left:auto; margin-right:auto; text-align:left; }
    div#main-container { width:1000px; /* width fits on 1024 */ height: 789px/*768px*/; margin-left:auto; margin-right:auto; /* margin added for opera, firefox fix */ background:#000000; border-left:1px dotted #434343; border-right:1px dotted #434343; border-bottom:1px dotted #434343; }
        div#top-container { height:157px; }
            .topleft-container {width:228px; height:157px; float:left; background:url(hoberman_logo.gif) no-repeat 113px 26px; /*background-color:Maroon;*/ }
            .toplefthover-container {width:234px; height:157px; float:left; background:url(hoberman_logo_hover.gif) no-repeat 113px 26px; /*background-color:Maroon;*/ }
            div#logoleft { width:100px; height:157px; float:left; }
            div#logo { width:94px; height:110px; float:left; margin-top:22px; cursor:pointer; }
            div#topcenter-container { width:612px; height:157px; float:left; background:url(exclusive_photographic_publishers.gif) no-repeat 0px 76px; /*background-color:Navy;*/ }
                div#topcenter-menu { /*width:612px;*/ width:610px; height:34px; margin-top:109px;}
            div#topright-container { width:154px; _width:10px; height:80px; float:left;  }
                div#topright-ajaxcart { width:154px; height:55px; /*border:1px solid #3B3B3B;*/ background:url(carticon.gif) no-repeat 20px 0px; #background:url(carticon.gif) no-repeat 20px 20px  }
                div#topright-viewcart { margin-top:23px; margin-left:50px; font-family: georgia; color:#9F9F9F; font-size: 12px; text-transform:uppercase; cursor:pointer; }
					a:link.link-viewcart, a:active.link-viewcart, a:visited.link-viewcart { font-family: tahoma; color:#9F9F9F; font-size: 12px; text-transform:uppercase; cursor:pointer; text-decoration:none;}
					a:hover.link-viewcart { color:#ffffff; }
                div#topright-viewcart:hover { color:#ffffff; }
                div#topright-cartitems { margin-left:20px; margin-top:2px; font-family: tahoma; color:#9F9F9F; font-size: 12px; }
        div#middle-container { width:1000px; height:583px; float:left; background:url(bg_middle_right.jpg) no-repeat bottom right #000; }        
            div#middleleft-container { width:114px; height:553px; float:left; }
            div#middleleftbook-container { width:90px; height:553px; float:left; }
            div#middlecenter-container { width:522px; height:553px; float:left; }
            div#center-container { width:732px; height:553px; float:left; }
                div#middlecenter-productshowcase { width:482px; height:337px; float:left; /*background:url(oldman.jpg) no-repeat;*/ }
            div#middlecenter-news { width:277px; height:195px; float:left; padding-top:60px; padding-right:20px;}
            div.middlecenter-sep { width:1px; height:138px; padding:0; margin:0; padding-top:30px; margin-top:50px; float:left; background:#131313 }
            div.middlecenter-largesep { width:1px; height:360px; padding:0; margin:0; float:left; background:#131313 }
            div#middlecenter-subscribe { width:165px; height:215px; float:left; padding-top:60px; padding-left:20px; padding-right:20px; }
            div#middleright-container { width:334px; height:553px; float:left; }
                div.middleright-sep { width:270px; height:25px; float:left; }
                div.middleright-sep2 { width:270px; height:25px; float:left; }
                div#right-featuredbook { width:290px; height:170px; float:left; }
                div#right-featuredartprint { width:270px; height:130px; float:left; }
                div#right-onlinestore { width:270px; height:40px; float:left; }
                div#right-imagelibrary { width:270px; height:165px; float:left;  }
                    div#right-imagelibraryicon { width:119px; height:141px; float:left; background:url(image_library.jpg) no-repeat; padding-right:13px; }
                    div#right-imagelibrarylink { width:131px; height:141px; float:left; }
                    
            /********/
            /* Book */
            /********/
            div#middlecenter-formatmenu { width:756px; height:100px; }
            div#middlecenter-categorylist { width:785px; height:300px; overflow:auto; scrollbar-3dlight-color:#171717; scrollbar-arrow-color:#30302F; scrollbar-base-color:#171717; scrollbar-face-color:#171717; scrollbar-highlight-color:#30302F; scrollbar-shadow-color:#171717; scrollbar-darkshadow-color:#171717; }
           
        div#bottom-container { width:950px; height:47px; float:left; background:url(bg_bottom_right.jpg) no-repeat right #1F1F1F; clear:both; padding-left:50px; padding-top:13px; }
            .bottom-links { font-family: georgia; color:#555555; font-size:16px; padding-left:10px; padding-right:25px; cursor: hand; text-decoration:none; letter-spacing:0px;}  
            a:link.bottom-links, a:active.bottom-links, a:visited.bottom-links { font-family: georgia; color:#555555; font-size:15px; }
			a:hover.bottom-links { font-family: georgia; color:#ffffff; }
			.bottom-copyright { font-family: georgia; color:#555555; letter-spacing:6px; text-align:center; width:700px; padding-top:4px; font-size:11px;}			
			
        div#bottom-corner-container { width:1000px; height:19px; background:url(bg_bottom_corner.jpg) no-repeat 766px #000000; clear:both; }               

#background_imagelibrary { width:1000px; /* width fits on 1024 */ height: 789px/*768px*/; margin-left:auto; margin-right:auto; /* margin added for opera, firefox fix */ background:#000000; border-left:1px dotted #434343; border-right:1px dotted #434343; border-bottom:1px dotted #434343; background:url(bg_imagelibrary.jpg) no-repeat 0 164px #000; }
        
.fontactive { color:#fff; }
.fontinactive { color:#555555; }        
.clickable { cursor:pointer; }        
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.aligntop { vertical-align:top; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear:both; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.underline { text-decoration:underline; }
        
/*******************/
.quick-alert { width:100px; background:url(ajax-loader-small.gif) no-repeat 50% 50%; clear:both; }    
.cart-icon { background:url(carticon.gif) no-repeat; width:19px; height:16px; padding-left:10px; }   

.homepageflashimage { width:475px; height:366px; padding-bottom:2px; } 

#middlecenter-news p { font-size:10px; }
#middlecenter-news a { font-size:10px; color:#525252; text-decoration:none; }


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a2.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span2.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


        
/*******************/
/* Book Format     */
/*******************/       
div#format { width:160px; height:15px; padding-left:5px; padding-top:2px; background:#30302F; vertical-align:middle; }
a:link.formatlink, a:active.formatlink, a:visited.formatlink { font-size:11px; color:#9b9b9b; text-decoration:none; }
a:hover.formatlink { font-size:11px; color:#fefefe; text-decoration:none; }
.book-name { font-family:Verdana; font-weight:bold; font-size:15px; }
.book-author { font-family:Verdana; font-size:11px; /*font-style:italic;*/ }
.productcode { font-weight:bold; font-style:italic; font-size:10px; }
.productthumbnail { width:153px; padding-bottom:10px; }
.productthumbnailwidth { width:153px; margin-bottom:5px;}
.productthumbnailheight { height:118px; margin-bottom:5px; }
.productsummary { font-size:11px;}
#productsummarycontainer { height:auto; min-height:150px; }
.productspecification { /*font-style:italic;*/ }
.productunitcost { /*font-style:italic;*/ font-weight:bold; color:#EAEAEA;  }
.productbuynow { font-family: tahoma; font-size:14px; color:#ffffff; font-weight:bold; }
.productbookreviewcontainer { width:370px; /*padding-left:30px; padding-top:20px; display:none;*/ height:100px; }
.productbookreview { display:none; padding:0px; text-align:center; }
.productbookreviewcomment { font-family: tahoma; letter-spacing:1px; line-height:19px; font-size:17px; color:#ffffff; font-style:italic;}
.productbookreviewer { font-size:11px; float:right; }
.productlist { font-weight:bold; /*font-style:italic;*/ font-size:11px; padding-right:30px; padding-bottom:16px; width:153px;}
a:link.productrightquick, a:active.productrightquick, a:visited.productrightquick { font-weight:bold; font-size:11px; /*padding-top:10px; padding-bottom:10px;*/ text-decoration:none; }
a:hover.productrightquick {font-weight:bold; font-size:11px; /*padding-top:10px; padding-bottom:10px;*/ text-decoration:none; color:#fff; }
.productrightquickspace { height:7px; clear:both; }
div#productselectformdropdownarrow { background:url(dropdown_arrow.gif); height:22px; width:23px; float:left; }
a:link.productbacktohome, a:active.productbacktohome, a:visited.productbacktohome { font-family: tahoma; font-size:17px; color:#2D2D2D; text-decoration:none; }
a:hover.productbacktohome { font-family: tahoma; font-size:17px; color:#ffffff; }
.productbooksamplepagesthumbnail { width:74px; }
#book-samplepages { width:383px; text-align:center; font-family:tahoma; font-size:15px; /*font-style:italic;*/ padding-left:8px; }


/********************/
/* Product Showcase */
/********************/
div#showcaseimage { border:1px solid #6B6B6B; padding-top:2px; padding-left:2px; width:auto; }

/********************/
/* Product Featured */
/********************/
.featuredescription { /*font-style:italic;*/ font-family:tahoma; font-size:10px; }
/*.featuredmore { font-family: tahoma; color:#ffffff; font-size: 10px; font-weight:bold; text-decoration:none; font-style:normal; }*/

/********************/
/* Cart				*/
/********************/
.textcartheader { font-family:Tahoma; font-size:13px; letter-spacing:2px; color:#fff; }
.textcartsub { font-family:Tahoma; font-size:11px; letter-spacing:1px; color:#fff; }
.productcartdetailcolumn { width:90%; vertical-align:top; padding-left:20px; }
.productcartname { font-weight:bold; font-style:normal; font-size:13px; }
.productcartdescription { font-style:normal; }
.productcartquantity { width:25px; border:0; font-family:Verdana; font-size:9px; }
.productremove { font-family: georgia; font-size:11px; color:#ffffff;}
.producttotalline { width:160px; background:#171717; float:right; padding:5px; font-weight:bold; }
.productcheckout { font-family: tahoma; font-size:14px; color:#ffffff; cursor:pointer; font-weight:bold; letter-spacing:1px;}
.cartlabel { font-family:Tahoma; font-size:12px; letter-spacing:2px; color:#DDDDDD; text-align:left; vertical-align:top; padding-right:5px;}
.cartinput { width:180px; }
.carttextarea { width:180px; height:100px;}
.carttopnumber { font-family:Tahoma; font-size:25px; font-weight:bold; }
.carttopnumberdescription { font-family:Tahoma; font-size:13px; letter-spacing:2px; }
#userdetails-container { display:none; width:770px; height:360px; scrollbar-3dlight-color:#171717; scrollbar-arrow-color:#30302F; scrollbar-base-color:#171717; scrollbar-face-color:#171717; scrollbar-highlight-color:#30302F; scrollbar-shadow-color:#171717; scrollbar-darkshadow-color:#171717; overflow:auto; }
#cartitems-container { width:770px; height:350px; scrollbar-3dlight-color:#171717; scrollbar-arrow-color:#30302F; scrollbar-base-color:#171717; scrollbar-face-color:#171717; scrollbar-highlight-color:#30302F; scrollbar-shadow-color:#171717; scrollbar-darkshadow-color:#171717; overflow:auto; }

/********************/
/* Art Prints		*/
/********************/
.artprintsselectbox { font-family:Verdana; font-size:10px; font-weight:bold; }
.artprintlabels { font-family:Verdana; font-size:11px; }
.artprintshippingtotal { font-family:Verdana; font-size:11px; font-weight:bold; }
.artprintcontrollabel { font-size:14px; }

/********************/
/* Subscribe		*/
/********************/
h3.subscribehead { padding-bottom:10px; }
#subscribe-container { height:34px; }
.subscribeemailaddress { width:130px; font-family: tahoma; font-size:9px; padding:2px; background:#30302F; border:0px; color:#9A9A9A; text-align:left;}
.subscriberegister { width:25px; color:#9A9A9A; font-family: verdana; font-size:9px; padding:1px; background:#595959; border:0px; cursor:pointer; }
.subscribeconfirmation { font-family: tahoma; color:#ffffff; font-size: 10px; font-weight:bold;  font-style:normal; text-decoration:underline; }
a:link.subscribeprivacypolicy, a:active.subscribeprivacypolicy, a:visited.subscribeprivacypolicy { font-weight:bold; text-decoration:underline; }
a:hover.subscribeprivacypolicy { color:#ffffff; }

/*******************/
/* Catalogue       */
/******************/
#pdf { width:38px; height:38px; background:url(pdf.jpg); float:left; }
#pdfdownload { padding-left:10px; padding-top:11px; vertical-align:bottom; float:left; font-family: georgia; font-size: 11px;}
#pdfusa { width:179px; height:232px; background:url(usa_cat.jpg); float:left; }
#pdfeurope { width:179px; height:232px; background:url(europe_cat.jpg); float:left; }
.cataloguelabel { font-family: georgia; color:#7C7C7C; font-size: 16px; font-weight:normal; text-decoration:none; padding:0px; padding-bottom:5px; margin:0px; }
.pdfdownloadlabel { font-family: georgia; font-size: 11px; }


.hoberman-alert 
{
   font-family: tahoma;
   font-size:11px;
   margin: 0.5em 0;
   padding: .2em;
   background: #1E1E1E;
   border-top: 1px solid #555555;
  /* border-bottom: 1px solid #555555;*/
   color: #fff;
   /*font-weight: bold;*/
 }



/************** MENU **********************/
/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	width:9.45em;
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.3em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
}
.nav li {
	background:#000000;
	width:auto;
	_width:50px;
	padding-right:11px;
}

.nav li, li {
	background:#000000;
}

.nav a {
	height:25px;
	line-height:normal;
	text-decoration:none;
	white-space:nowrap;
	font-family:Georgia;
	font-size:15px;
	text-decoration: none;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	color:#fff;
}

.nav li 
{
	text-transform:uppercase; 	
}

.nav li li {
	width:170px;
	padding-left:10px;
	text-transform:none;
	background:#6B6B6B;
	color:#000000;
	border-bottom:1px solid black;
}

.navtop 
{
		color: #5E5E5E; 
		font-size: 16px;
		border:1px solid black;
}

.subnav 
{
	font-size:15px;
	color:#000000; 

}

.nav li li li {
	background:#9AAEDB;
}



