/* GLOBAL MARGIN AND PADDING
-------------------------------------*/

h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset { margin: 0; padding: 0; }

/* MAIN SETTINGS
-------------------------------------*/

/* Added to fix height problem between leftnav and content cols as per... http://www.ejeliot.com/blog/61 */
#inner { float: left; overflow: hidden; }

div#login_content table { }
div#login_content table tr td { }
div#login_content td { color: #555; font: normal 11px Arial, sans-serif; }
div#login_content td p { text-align: center }
div#login_content input { padding: 1px 1px 1px 1px; }

div#proddetail_content table { float: left; width: 540px; margin-top: 5px;}
div#proddetail_content table tr td { }
div#proddetail_content td { color: #555; font: normal 11px Arial, sans-serif; }
div#proddetail_content td p { text-align: left }
div#proddetail_content input { padding: 1px 1px 1px 1px; }

div#prod_content table { float: left; width: 540px; margin-top: 5px;}
div#prod_content table tr td { }
div#prod_content td { color: #555; font: normal 11px Arial, sans-serif; }
div#prod_content td p { text-align: left }
div#prod_content input { padding: 1px 1px 1px 1px; }

div.leftcart { width: 190px; margin: 10px 0 10px 15px; background: #c5d6fc; border: 1px solid #9A9A9A; padding: 5px 0px 5px 0px; }

a.navlink { color: blue; text-decoration: none; }
a.navlink:hover { color: red; text-decoration: underline; }
a.navlink:visited { color: blue; }
a.navlink:visited:hover { color: red; text-decoration: underline; }

a.permlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: blue; text-decoration: none; }
a.permlink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: blue; text-decoration: underline; }
a.permlink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: blue; }
a.permlink:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: blue; text-decoration: underline; }


/* STRUCTURE
-------------------------------------*/
#root { position: relative; width: 676px; margin: 0px auto; min-height: 300px; }
 #head {
	position: relative;
	height: 140px;
	top: 0px;
	background-image: url(../sponsor/images/headerandlogo.jpg);
	background-repeat: no-repeat;
}
  #head h1 { width: 120px; height: 84px; position: absolute; left: 18px; top: 18px; background: none; padding: 0px; margin: 0px; }
  #head h2 { width: 267px; height: 62px; position: absolute; right: 3px; top: 67px; text-indent: -10001px; overflow: hidden; background: url(../sponsor/images/monthly.gif) no-repeat; padding: 0px; margin: 0px; }
  #head p {
	text-align: left;
	position: absolute;
	right: 10px;
	top: 9px;
	color: #777;
}
   #head p a { color: #777; } #head p a:hover { color: #333; }
   #head p a.pd { font-weight: bold; padding: 0px 0px 0px 35px; background: url(../sponsor/images/li_vd.gif) 14px 50% no-repeat; }

 
 #croot { border-right: 3px solid #e2e2e2; border-bottom: 3px solid #e2e2e2; background: #fff url(../sponsor/images/k_bg_content.gif) 155px 0px repeat-y; }
   #croot0 { border-right: 3px solid #e2e2e2; border-bottom: 3px solid #e2e2e2; background: #fff url(../sponsor/images/k_bg_content.gif) 155px 0px repeat-y; }

  #path {
	height: 35px;
	background: #fff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}
   #path div.fl { padding: 10px 0px 0px; }
    #path div.fl a { color: #646D74; }
   #path div.fr {
	width: 175px;
	padding: 0px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

  #croot div.cx { background: #fff; margin: 0px; padding: 15px 0px; }


/* TESTIMONIALS BOX
-------------------------------------*/

div.testimonials { background: #efefef; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #fff; padding: 8px 2px 8px 12px; }
div.testimonials p { padding: 3px 0px 0px 0px; margin: 0px;}
div.testimonials strong { color: #000000; }


 div.leftm { background: #efefef; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #fff; padding: 0px 0px 0px 0px; }
 div.leftm p { padding: 6px 0px 6px 40px; margin: 0px; border-bottom: 1px solid #fff; }

 div.leftm p.p { font-weight: bold; background: url(../sponsor/images/blt.gif) 15px 6px no-repeat; padding: 2px 0px 2px 27px;}
 div.leftm p.guarantees { padding: 2px 0px 3px 3px; }
 div.leftm p.m { background: url(../sponsor/images/i_mail.gif) 20px 10px no-repeat; border-bottom: none; margin: 0px 0px 0px 0px; }



/* HOME PAGE OMAGE BOX STYLES
-------------------------------------*/

div.plan1 {
    width: 140px;
    height:220px;
    margin: 0 0 10px 0;
    float:left;
	padding:5px 5px 0px 7px;
	background:#ffffff url(../sponsor/images/plan1.gif) bottom right no-repeat;
	border-width:1px;
	border-style: dashed;
	border-color: #555;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
}

  div.plan2 {
    width: 140px;
    height:220px;
    margin: 0 0 10px 11px;
    float:left;
	padding:5px 5px 0px 7px;
	background:#ffffff url(../sponsor/images/plan2.gif) bottom right no-repeat;
	border-width:1px;
	border-style: dashed;
	border-color: #555;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
}

  div.plan3 {
    width: 140px;
    height:220px;
    margin: 0 0 0px 11px;
    float:left;
	padding:5px 5px 0px 7px;
	background:#ffffff url(../sponsor/images/plan3.gif) bottom right no-repeat;
	border-width:1px;
	border-style: dashed;
	border-color: #555;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
}