/* Karma Snack REDESIGN */
/* www.KarmaSnack.com */

/* Core */

body {
 text-align: center; 
}

a {
color: #000000;
}

a:visited {
color: #000000;
}

a:hover {
color: #cc0000;
}

.clearer {
 clear:both;
 height:0;
 line-height:0;
 font-size:0;
}

/* Midsection begin */

#pagecontainer {
 margin: 0 auto;
 width: 718px;
}

#leftside {
 width: 158px;
 float: left;
 padding: 0px;
 margin: 0px;
 background: #eeeeee;
}

.leftmenulinks ul {
 margin: 4px 4px 4px 20px;
 padding: 2px 2px 2px 2px;
 text-align: left;
 border: 0px #009900 solid;
}

.leftmenulinks a {
 text-align: left;
 font-style: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
}

.leftmenulinks li {
 font-size: 11px;
}

.leftmenulinks a:hover {
 color: #cc0000;
}

#content {
 width: 568px;
 float: left;
 padding: 6px 4px 6px 10px;
 margin: 0px;
}

/* Footer begin */

#footer {
 width: 718px;
 float: left;
 padding: 0px;
 margin: 0px;
 align: center;
}

.redbar {
 width: 718px;
 height: 6px;
 float: left;
 padding: 0px;
 margin-top: 6px;
 background-image:url('/images/redbar.gif');
 background-repeat:repeat-x;
}

#guarantee {
 width: 718px;
 float: left;
 padding: 0px;
 margin-top: 6px;
}
	
#icons {
 width: 718px;
 float: left;
 padding: 0px;
 margin-top: 6px;
}

#icons a img {
 padding: 0px 0px 0px 13px;
 display: block;
 position: relative;
 float: left;
 padding-bottom: 10px;
}

#content_icons  {
 float: right;
}

#content_icons img {
 display: inline;
 position: relative;
 float: left;
 padding-left: 14px;
}
	
#footernav {
 width: 718px;
 float: left;
 padding: 0px;
 margin-top: 6px;
}

#footernav p {
 font-size: 9px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}

#footernav a {
 font-size: 9px;
}
	
#companyinfo {
 width: 718px;
 height: 100px;
 float: left;
}

#address {
 width: 280px;
 height: 94px;
 display: block;
 float: left;
 padding: 0px;
}

#address p {
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 line-height:160%;
}

#phoneinfo {
 width: 158px;
 height: 94px;
 display: block;
 float: left;
 padding: 0px;
}

#phoneinfo p {
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 line-height:160%;
}

#copyright {
 width: 280px;
 height: 94px;
 display: block;
 float: right;
 padding: 0px;
}

#copyright p {
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 line-height:160%;
}

.phonenumbers {
 font-weight: bold;
 color: #cc0000;
}

/* */
/* */
/* DROP MENUS */
/* */
/* */

.topmenu {
/*width:1020px;*/
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:10px;
position:relative;
z-index:100;
padding: 5px 0px 0px 0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.topmenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.topmenu ul ul {
/*width:150px;*/
border:0px solid #57491a;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topmenu li {
float:left;
wi/dth:150px;
position:relative;
}

/* style the links for the top level */
.topmenu a/*, .topmenu a:visited*/ {
display:block;
font-size:10px;
text-decoration:none;
text-align:right;
font-weight:normal;
/*color:#3b2314;
width:139px;*/
/*height:15px;*/
/*line-height:13px;*/
border:0px solid blue;
/*background:#3b2314;*/
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .topmenu a/*, * html .topmenu a:visited*/ {
/*width:150px;
w\idth:139px;*/
}

/* style the second level background */
.topmenu ul ul a.drop/*, .topmenu ul ul a.drop:visited*/ {
background:#eeeeee;
}
/* style the second level hover */
.topmenu ul ul a.drop:hover{
background:#eeeeee;
}
.topmenu ul ul :hover > a.drop {
background:#eeeeee;
}
/* style the third level background */
.topmenu ul ul ul a/*, .topmenu ul ul ul a:visited*/ {
background:#eeeeee;
}
/* style the third level hover */
.topmenu ul ul ul a:hover {
background:#eeeeee;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.topmenu ul ul {
visibility:hidden;
position:absolute;
height:auto;
top:21px; /* FF Code */
* top:22px; /* IE Code */
left:0px; 
width:150px;
}
/* another hack for IE5.5 */
* html .topmenu ul ul {
top:22px;
t\op:22px;
}

/* position the third level flyout menu */
.topmenu ul ul ul{
left:150px; 
top:0;
width:150px;
height:auto;
}
/* position the third level flyout menu for a left flyout */
.topmenu ul ul ul.left {
left:-152px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.topmenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.topmenu ul ul a/*, .topmenu ul ul a:visited*/ {
background:#eeeeee;
color:black; 
height:auto; 
padding:2px 10px; 
width:130px
/* yet another hack for IE5.5 */
}
* html .topmenu ul ul a{
/*width:150px;
w\idth:129px;*/
}

/* style the top level hover */

.topmenu :hover > a {
color:#ffcc66;
background:transparent;
font-weight:normal;
}

.topmenu ul ul :hover > a {
color:#cc0000;
background:transparent;
}

/* make the second level visible when hover on first level list OR link */
.topmenu ul li:hover ul,
.topmenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.topmenu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.topmenu ul :hover ul :hover ul{ 
visibility:visible;
}

/* */
/* */
/* Overriding old CSS in Style.css */
/* */
/* */

.formtext {
 font-size: 11px;
 font-weight: normal;
 color: black;
 border: 1px solid #CCCCCC;
 background-color: #FFFFFF;
}

.tab_on {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 8px 0px;
 border: 0px #0000AA solid;
 width: 556px;
 height: 19px; 
 text-align: left;
 background-image: url('/images/top-picks.png');
 background-repeat: no-repeat;
 background-position: left top;
}

.tab_on a {
 color: #FFFFFF;
 margin: 0px 0px 0px 20px;
}

.tab_off {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 8px 0px;
 border: 0px #0000AA solid;
 width: 556px;
 height: 19px; 
 text-align: left;
 background-image: url('/images/top-picks.png');
 background-repeat: no-repeat;
 background-position: left top;
}

.tab_off a {
 color: #FFFFFF;
 margin: 0px 0px 10px 20px;
}

.tab_content {
 border: 0px solid #2b3b59;
 padding: 5px 5px 5px 5px;
 font-size: 12px;
 font-weight: normal;
 color: #FFFFFF;
 background-image: none;
}

#ttop_tab a, #ttop_tab a:hover {
	color: #FFFFFF;
}

/* Extra */

.menu {
z-index:1000;
font-size:10px;
font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-weight:normal;
color:#333333;
text-decoration:none;

border: 1px #000 solid;
padding: 0px;
margin: 0px;
clear:both;
background-color: #FFFFFF;
}

form, input, img, div, select {
 margin: 0px;
 padding: 0px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0px;
margin:0px 0px 0px 0px;
list-style-type:none;
border: 0px #00FF00 solid;
clear:both;
}

/* hack for IE5.5 */
/* html .menu ul {margin-left:-6px; ma\rgin-left:0px;} */

/* position relative so that you can position the sub levels */
.menu li {
border: 1px #990000 solid;
position:relative;
background:#eeeeee;
padding: 0px;
margin: 0px;
text-align: left;
}

.menu ul li {
	border: 0px #000099 solid;	
	clear:both;
	margin: 0px;
	padding: 0px;
}

.menu li img {
	border: 0px #FF0066 solid;
	padding: 0px;
	margin: 0px;
}

table {
/*	border: 0px #009900 solid;  */
}
td {
/*	border: 0px #990000 solid; */
}

/* get rid of the table */
.menu table {position:absolute; z-index:100; border-collapse:collapse; top:0; left:0; margin: 0px; padding: 0px; font-size:11px;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
width:100%;
line-height:17px;
padding-right:0px;
border:0px solid black;
font-size:10px;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-weight: normal;
color: #333333;
text-decoration: none;
text-align: right;
}
/* hack for IE5.5 */
* html .menu a {background:#eeeeee; width:177px; font-size:10px;font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight:normal; color:#333333; text-decoration:none; w\idth:137px;}
/* style the link hover */
* html .menu a:hover {color:#cc0000; background:#eeeeee; font-size:10px; font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight:normal; text-decoration:underline;}

.menu :hover > a {
color:#cc0000; 
background:#eeeeee;
font-size:10px;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: right;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:157px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

A.topmenu_links:link,A.topmenu_links:visited {
        color: white;
        text-align: center;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
        font-size:11px;
       font-weight:normal;
}

a:hover.topmenu_links {
color:#ffcc66;
font-weight:normal;
}

.drop {
	background-color:#FF00FF;
}

.menu ul li {
	border: 0px #FF0000 solid;
        line-height: 1em;
	height: 23px;
}

.menu ul li ul li {
	border: 0px #FF00FF solid;
	height: 14px;
	padding: 2px 0px 0px 0px;
}
.menu ul li a {
	border: 0px #0000FF solid;
        line-height: 1em;	
}

.menu ul li ul li a {
	border: 0px #00AA00 solid;
        height: 10px;
	padding: 0px;
}