/* ---------- GENERAL ------------ */
/* global reset */
body, 
div,
h1, h2, h3, h4, h5, h6, 
p, pre,
ul, ol, dl, dd, li, 
img,
form {
    margin: 0; 
    padding: 0; 
    border: 0px none; 
    font-size: 100%; 
    font-style: normal;
    font-weight: normal
    }
    
table, tr, th, td{
    margin: 0; 
    padding: 0; 
    font-size: 100%; 
    font-style: normal;
    font-weight: normal;
    }  

form,
label{ display: inline; }	

/* reset values for cross-browser compatibility */
p{ margin: 8px 0 0 0; }
ul, ol, dl{ margin: 20px 0; }
li, dd{ margin-left: 40px; }
ul li{ list-style: disc; }
h1, h2, h3, h4, h5, h6, label{ font-weight: bold; }
em{ font-style: italic; }

/* helpful classes */
.no-show{ display: none; }
.clear{ clear: both; }
.left{ float: left; }
.right{ float: right; }

hr{
    height: 1px;
    padding: 0;
    margin: 5px 0;
	border: none;
    background-color: #ccc;
    }
    
.icon{ margin-bottom: -6px; } 
.btn{ margin-bottom: -7px; } 
.bullet{ margin-bottom: -3px; }    

/* ---------- LAYOUT ------------ */
body{
	color: #333;
	font: 70%/130% verdana, sans-serif;
	background: #fff url('../images/lasser/body-bg.gif') repeat-x 0 0;
	}	

#wrapper{
	margin: 0 auto;
	padding: 0 6px;
	width: 980px;
	background: #fff url('../images/lasser/wrapper-bg.gif') repeat-y 0 0;
	}	
	
#header,
#header-sm{
	background: url('../images/lasser/header-bg.gif') no-repeat 0 0;
	font-size: 0.9em;
	width: 980px;
	position: relative;
	}
	
#header-sm{
	height: 87px;
	background: url('../images/lasser/header-sm-bg.gif') no-repeat 0 0;
	border-bottom: 1px solid #d3d3d3;
	}	

.onecol,
.layout .main-content{ padding: 35px 30px 15px 30px; }

.twocol{ 
	padding: 0 30px 15px 0; 
	background: url('../images/lasser/twocol-page-bg.gif') repeat-y 0 0;	
	}
.twocol .sidebar{ 
	width: 200px;
	float: left;
	}
.twocol .main-content{ 
	padding-left: 0;
	float: right;
	}	
	
#footer{
	background: url('../images/lasser/footer-top.gif') no-repeat 0 0;
	width: 980px;
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 20px 6px 0 6px;
	}

/* ---------- HEADER ------------ */	
#header-sm .link{
	padding: 60px 15px 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
	}

#header .login-area span,
#header .logged-in span,
#header .search span{ margin: 0 3px; }

#header .login-links{ margin: 15px 10px 0 0; }

#header .login-area .login-links{
	float: right;
	width: 296px;
	}

#header .logged-in{
	float: right;
	color: #ccc;
	margin-bottom: 40px;
	}	

#header .logged-in span.user{
	font-weight: bold;
	color: #333;
	}

#header .login{
	float: right;
	padding: 5px 0 5px 10px;
	margin: 5px 0 11px 0;
	height: 47px;
	background: #e3e3ce url('../images/lasser/header-login.gif') no-repeat 0 0;
	}	
		
#header .search{
	clear: both;
	float: right;
	color: #ccc;
	margin: 0 10px 12px 0;
	}	
	
#header input.text{
	width: 120px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #ccc;
	}
#header input.checkbox{ margin: 4px 6px -1px 0; }

#header .login td{ padding: 0 10px 0 0; }	
#header .login td.label{ 
	padding-top: 2px; 
	text-align: right; 
	}	
#header .login td.help{ 
	font-size: 0.85em; 
	line-height: 125%; 
	}
	
/* ---------- TOPNAV ------------ */		
#topnav{ border-bottom: 10px solid #f9d535; }

#topnav ul{ 
	margin: 0 0 0 7px; 
	padding: 0; 
	}
	
#topnav li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
	}
	
#topnav li a{
	display: block;
	height: 27px;
	}	

#topnav li a:hover,
#topnav li a.active{ background-position: 0 -27px !important; }	

#topnav li#topnav_home a{
	width: 58px;
	background: url('../images/lasser/home.gif') no-repeat 0 0;
	}	
#topnav li#topnav_essentials a{
	width: 115px;
	background: url('../images/lasser/essentials.gif') no-repeat 0 0;
	}	
#topnav li#topnav_income a{
	width: 66px;
	background: url('../images/lasser/income.gif') no-repeat 0 0;
	}	
#topnav li#topnav_deductions a{
	width: 147px;
	background: url('../images/lasser/deductions.gif') no-repeat 0 0;
	}
#topnav li#topnav_life_planning a{
	width: 99px;
	background: url('../images/lasser/life_planning.gif') no-repeat 0 0;
	}
#topnav li#topnav_self_employment a{
	width: 124px;
	background: url('../images/lasser/self_employment.gif') no-repeat 0 0;
	}	
#topnav li#topnav_tax_news a{
	width: 79px;
	background: url('../images/lasser/tax_news.gif') no-repeat 0 0;
	}
#topnav li#topnav_forms a{
	width: 104px;
	background: url('../images/lasser/forms.gif') no-repeat 0 0;
	}	
#topnav li#topnav_askjk a{
	width: 66px;
	background: url('../images/lasser/askjk.gif') no-repeat 0 0;
	}		
#topnav li#topnav_bookstore a{
	width: 80px;
	background: url('../images/lasser/bookstore.gif') no-repeat 0 0;
	}
	
/* ---------- CONTENT ------------ */
table.cart{
	width: 712px;
	margin: 25px 0 0 0;
	}
	
table.multigroup{ margin: 5x 0 10x 0; }	

table.account th,
table.cart th,
.cart .heading{  /*.cart .heading used to emulate th styles within the table */
	color: #676253;
	padding: 5px 0;
	font-size: 0.9em;
	text-align: left;
	font-family: georgia;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.cart .heading{ text-align: right; }	
	
table.cart td{ padding: 15px 10px 20px 0; }	
table.multigroup td{ padding: 8px 0px 5px 0; }	

.cart .shop_note{ line-height: 135%; }

.cart .note{ 
	color: #676253; 
	padding-top: 3px;
	}
	
.cart .note-right{ 
	color: #676253; 
	padding-bottom: 5px; 
	float: right;
	}

	
.multigroup .note{ font-size: 0.9em; }	

.multigroup .instructions{ 
	padding: 3px 0 0 0; 
	line-height: 115%; 
	}

.multigroup .signup input.checkbox{ float: left; }

.multigroup .signup label{
	display: block;
	font-weight: normal;
	margin-left: 30px;
	}

.multigroup .ship_address label{ font-weight: normal; }	
	
.cart .title,
.cart .price,
.cart .qty,
.cart .subtotal{ 
	font-size: 1.1em; 
	font-weight: bold; 
	}	
	
.cart .qty span.tools{
	text-transform: uppercase;
	font-size: 0.65em;
	line-height: 125%;
	margin-left: 5px;
	float: right;
	margin-right: 8px;

	}	

.cart tr.total td{
	border: none;
	border-top: 1px solid #ccc;	
	padding: 10px 10px 0 0;
	}

table.cart select,
table.cart input.text{ 
	width: 290px; 
	border: 1px solid #ccc;
	}	
	
table.cart input#zipcode{ width: 80px; }	

/* Your Account page */
table.account{
	width: 700px;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
	margin: 20px 0 40px 0;
	}	
table.account th{ 
	background: #e9e9d6; 
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px 8px;
	}

table.account td{
	padding: 4px 8px;	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}	

/* ---------- AUTONAV ------------ */
#autonav{ padding-top: 12px; }

#autonav h3{ padding: 0 10px; }

#autonav ul{ 
	margin: 8px 0 0 0; 
	padding: 0; 
	border-top: 1px solid #d1bf62;
	}
	
#autonav ul li{
	margin: 0;
	list-style: none;
	padding: 5px 5px 7px 12px;
	border-bottom: 1px solid #d1bf62;
	}	
	
#autonav li.active{
	font-weight: bold;
	background: #faf1c6 url('../images/lasser/autonav-active.gif') no-repeat 3px 10px;
	}		
	
/* ---------- FOOTER ------------ */	
#footer .links{ 
	color: #ccc;
	margin: 15px 0 8px 0; 
	font: 1.35em georgia;
	}
#footer .links span{ margin: 0 8px; }
#footer .copyright{ font-size: 0.80em; }

/* ---------- LINKS ------------ */
a:link,
a:visited{ text-decoration: underline; }

a:link{ color: #333; }
a:visited{ color: #666; }	
	
a:hover{
	text-decoration: none;
	color: #000;
	}

a#homelink{
	position: absolute;
	top: 15px;
	left: 8px;
	width: 310px;
	height: 85px;
	}	

#header-sm a#homelink{
	height: 60px;
	width: 238px;
	left: 15px;
	}
	
#footer  a:link,
#footer  a:visited{ 
	color: #000;
	text-decoration: none;
	}

#footer  a:hover{ text-decoration: underline; }
	
/* ---------- TYPOGRAPHY ------------ */
h1,
h2,
h3{
	color: #b22625;
	font-weight: normal;
	font-family: georgia;
	font-size: 2.1em;
	line-height: 100%;
	}

h3{ font-size: 1.6em; }	

h4{ font-size: 1.2em; }	
	
em{	
	font-weight: bold;
	font-style: normal;
	color: #b22625;
	}	
	
.desc_large,
.desc_small{
	font-family: georgia;
	font-style: italic;
	font-size: 1.45em;
	color: #605843;
	}
.desc_small{ 
	font-size: 1.35em; 
	color: #676253;
	} 	
	
/* --------------- additional settings ---------------- */    
 
table.multigroup th{
	padding: 5px 0;
	font-size: 1.2em;
	text-align: left;
	font-family: georgia;
	font-weight: bold;
	}
table.multigroup td{
	padding: 5px 5px 5px 5px;
		}

.multigroup td.editbtn{ 
    padding-top: 0px; 
   } 
   
.multigroup td.line{ 
    padding: 0px; 
    margin: 0px;
   } 
   
.history{ 
    padding: 0px; 
   } 
 

.multigroup .sample{
  font: 80% verdana, sans-serif;
  font-weight: normal;
  float: right;
  margin-top: -15px;  
 }	

table.login{
	width: 712px;
	margin: 25px 0 0 0;
	}

table.login td{ padding: 10px 10px 10px 0; }	

.orderdetail .section,	
.cart .total{
	color: #676253;
	font-weight: bold;
    }
 
.cart.login{ 
padding-top: 0px; 
padding-bottom: 0px; 
}	

.login .instructions{ 
	padding: 3px 0 0 0; 
	line-height: 115%; 
	}

 
table.orderdetail td{ padding: 8px 10px 5px 0; }	
 
table.shipdetail td{ padding: 8px 0px 5px 0; }	

.smallboldfont {
	font-size: 0.9em;
    FONT-WEIGHT: bold; 
    } 
  
.h2  {
	color: #b22625;
	font-weight: normal;
	font-family: georgia;
	font-size: 2.1em;
	line-height: 100%;
	}

 
.plainh2  {
	color: #b22625;
	font-weight: normal;
	font-family: verdana, sans-serif;
	font-size: 2.1em;
	line-height: 100%;
	}
 
 	
 .multigroup .yellowbox {
    border: 1px solid #ccc;
    background-color: #FFF8D5;
    float: right;
    width: 180px;
    height: 110px;    
    } 
	
 
/* -------- Common Shopping cart classes ---------- */

.accounttext {
	FONT-SIZE: 100%; 
}

.accounterror {
	FONT-SIZE: 100%; COLOR: #ff3300; 
}

.accountwarning {
	FONT-SIZE: 100%; COLOR: #ff3300; 
}

.accountsubhead {
	FONT-WEIGHT: bold; 
}

#messages { 
	width: 560px;
	margin-left: 240px;
	margin-top: 15px;
	}

#messages2 { 
	width: 712px;
	margin-top: 8px;
	}
	
#messages3 { 
	width: 560px;
	margin-left: 240px;
	padding-top: 10px;
	}