/****************************************/
/****************** BASE ****************/
/****************************************/

body {
	font:12px/1.5em Arial, Verdana, Helvetica, Sans-Serif;;
	background-color: #ffffff;
	background-repeat: repeat-x;
	margin:0;
	height:100%;
	text-align:center;
	}
div, ul, li, h1, h2, h3, h4, p, address, dl, dt, dd, blockquote, table, form, select { 
	margin:0; 
	padding:0; 
	font:12px/1.5em Arial, Verdana, Helvetica, Sans-Serif;
	} 
input { vertical-align:middle; }
h1 {font-size:1.5em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h1 span { display:none;}
a:link, a:visited, a:active { text-decoration: underline; color: #000; }
img { border:0; }
li {list-style-type:none;}
p, address {margin:0 0 1em 0;}
blockquote p { padding: 0 10px; font-size:.92em; text-align:left; }
label { float:left; width:165px; margin-right:30px; text-align:right;}
ul li span {display:none;}
dt { margin-bottom:10px; font-weight:bold; text-decoration:underline;}
/****************************************/
/************** STRUCTURAL **************/
/****************************************/

#container { width: 757px; margin: 0 auto; text-align:left; }
#header {}
#main-container { float:left; width:748px; }
#middle { background:url(../images/bg_middle.gif) repeat-x 0 0 #fff; padding: 0 37px 27px 25px;position:relative}
#main { min-height:300px; background:url(../images/bg_main.gif) no-repeat 0 0 #fff; padding:27px 30px; padding-bottom:0;}
#nav-container { height:24px; background-color: #ebebea; vertical-align:middle; overflow:hidden; }
#footer {
	height:78px;
	padding-top:25px;
	padding-left:30px;
	background: url(../images/footer.gif) no-repeat 0 0;
	margin:0 auto;
	font-size:10px;
	color: #fff;
	}
#footer a:link, #footer a:active { color: #fff; }
#footer a:visited { color: #cacaca;}

/****** This applies to the Homepage only ******/
.page-home #nav-container { margin-right:4px; }
.page-home #main-container { position:relative; width:752px; height:512px; background:url(../images/bg_home.jpg) no-repeat 0 0;}
.page-home #middle { position:absolute; bottom:0; left:0; background:none; padding:none; }
.page-home #home-footer { clear:both; margin-bottom:8px; color:#fff; font-size:.875em; }
.page-home #home-footer a { color:#fff;}
#home-flash { position:absolute; top:79px; right:41px; width:367px; height:201px; }
#loginContainer {float:right; width:170px; margin-right:10px;}
#login {display:block;}
#login label { width:70px; text-align:left;}
/********************* // **********************/ 

/****************************************/
/************** SUB BOXES ***************/
/****************************************/

#subnav { margin-bottom:5px;  color:#6a6a6a; text-align:right; }
#subnav li {display:inline; font-size:.95em;}
#subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active {display:inline; padding: 0 10px 0 7px; color:#fff;}
#subnav li.current a { color:#000;}

#logo { float:left; width:205px; height:82px; background:url(../images/logo.gif) no-repeat 0 0; cursor:pointer;}
#logo h1 { display:none;}
#newsletter { float:right; margin-top:1px; padding-right:5px; color:#4c4c4c; font-size:.9em;}

#page-heading { margin-bottom:20px; height:63px; background:url(../images/head_yehuda_blog.gif) no-repeat 0 32px;}
#col-left { float:left; width:446px;  padding-right:30px; border-right:1px solid #426d92; }
#col-right { float:right; width:143px; color:#426d92; font-style:italic; text-align:left;display:inline; }
#col-right a { color:#426d92; font-style:italic;}
#image-block { float:left; display:inline;}
#details-block { float:right; display:inline;}


/****************************************/
/************** ROLLOVERS ***************/
/****************************************/

#hometab { float:left; display:inline; }
#hometab li { float:left; width:140px; margin:0 10px; }
#hometab li a { display:block; height:128px;}
#hometab li#hometab-register a { background:url(../images/hometab_register_off.gif) no-repeat 0 0;}
#hometab li#hometab-tech a { background:url(../images/hometab_tech_off.gif) no-repeat 0 0;}
#hometab li#hometab-about a { background:url(../images/hometab_about_off.gif) no-repeat 0 0;}
#hometab li#hometab-new-releases a { background:url(../images/hometab_newreleases_off.gif) no-repeat 0 0;}
#hometab li#hometab-register a:hover { background:url(../images/hometab_register_on.gif) no-repeat 0 0;}
#hometab li#hometab-tech a:hover { background:url(../images/hometab_tech_on.gif) no-repeat 0 0;}
#hometab li#hometab-about a:hover { background:url(../images/hometab_about_on.gif) no-repeat 0 0;}
#hometab li#hometab-new-releases a:hover { background:url(../images/hometab_newreleases_on.gif) no-repeat 0 0;}

#toplist { margin-top:25px; float:right; }
#toplist li { float:left; width:118px; margin-left:5px; }
#toplist li a { display:block; height:58px;}
#toplist li a span { display:none;}
#toplist li#register a {background:url(../images/register_off.gif) no-repeat 0 0;}
#toplist li#about a {background:url(../images/about_off.gif) no-repeat 0 0;}
#toplist li#new-releases a {background:url(../images/newreleases_off.gif) no-repeat 0 0;}
#toplist li#register a:hover {background:url(../images/register_on.gif) no-repeat 0 0;}
#toplist li#about a:hover {background:url(../images/about_on.gif) no-repeat 0 0;}
#toplist li#new-releases a:hover {background:url(../images/newreleases_on.gif) no-repeat 0 0;}

#registration-steps { float:left; padding-left:19px;}
#registration-steps li { float:left; width:78px; height:13px; padding-left:7px; }
#registration-steps li.step1{ background:url(../images/tab_step1_off.gif) no-repeat 0 0;}
#registration-steps li.step2{ background:url(../images/tab_step2_off.gif) no-repeat 0 0;}
#registration-steps li.step1-on { background:url(../images/tab_step1_on.gif) no-repeat 0 0;}
#registration-steps li.step2-on { background:url(../images/tab_step2_on.gif) no-repeat 0 0;}

#nav li { float:left; padding:0 18px;}
#nav li a { display:block; height:24px;}
#nav li#nav-home { width:30px; }
#nav li#nav-free-tools { width:66px; }
#nav li#nav-contact-us { width:69px; }
#nav li#nav-about { width:36px; }
#nav li#nav-store { width:35px; }
#nav li#nav-home a { background:url(../images/nav_home_off.gif) no-repeat 0 50%; width:30px; }
#nav li#nav-free-tools a { background:url(../images/nav_free_tools_off.gif) no-repeat 0 50%; width:66px; }
#nav li#nav-contact-us a { background:url(../images/nav_contact_us_off.gif) no-repeat 0 50%; width:69px; }
#nav li#nav-about a { background:url(../images/nav_about_off.gif) no-repeat 0 50%; width:36px; }
#nav li#nav-store a { background:url(../images/nav_store_off.gif) no-repeat 0 50%; width:35px; }

.new-releases h3 { margin-bottom:1em;}
.new-releases #main { padding-top:39px; color:#666; }
.new-releases #main p {font: 14px/1.4em Arial, Helvetica, sans-serif;}
.new-releases #main a:link, .new-releases #main a:visited, .new-releases #main a:hover, .new-releases #main a:active { color:#666;}
/****************************************/
/***************** MISC *****************/
/****************************************/

.input-list li { clear:both; margin:10px 0;}
.input-text, textarea, select { border-width:1px; border-style:solid; border-color:#8f8f8f #e4e4e4 #e4e4e4 #cecece;  }
.input-text, textarea { width:255px; padding:2px; }

.text-small { font-size:.95em;}
p.img-spot a, p.img-spot { color:#fff; font-size:.95em; overflow:hidden;}
.img-border {border:1px solid #949494;}
.hidden { visibility:hidden; }
td.spacer { font-size:1px; line-height:1em; overflow:hidden; height:8px;}
ul.bullet li { list-style-type:disc; margin:5px 0; margin-left:20px; }
.error { color:red; font-weight:bold; }
.label-fill { padding-top:10px; padding-left:195px;}
.lang-prefer {position:absolute; top:45px; right:39px; }
	.lang-prefer li { display:inline; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; }
	.lang-prefer li a { color:#fff; text-decoration:none;}

/****************************************/
/*************** CLEARFIX ***************/
/****************************************/

.clearfix {clear:both; display:block; height:0; font-size:0; overflow:hidden;}
.store-txt-grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	/*text-decoration:none;*/
	line-height:12px;
}
.books-txt {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	color:#DE1922;
}
.store-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration:none;
	line-height:20px;
}
.store-txt-red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DE1922;
	text-decoration:none;
}