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

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

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


div#body ul li {
	list-style: none;
}

div#content ul {
	margin: 0 0 12px 0;
    list-style: none;
}

div#content ul li {
	background: url(images/arr_plans.gif) no-repeat 0 4px;
	margin-top: .7em;
	padding-left: 10px;
}

div#content strong {
  color: #646D74;
}

div#content a {
  color: #FFFFFF;
  font-weight: 600;
}

div#content a:hover {
  color: #F49AC1;
}


html { height: 100%; margin-bottom: 1px; }
body { margin: 0px; padding: 3px 0px 0px; background: #000000 url(images/bgstretch.gif) no-repeat center top;  }
body, td, input, textarea, select {	color: #666; font: normal 11px Arial, sans-serif; }

form { display: inline; }
img { border: 0px; }

.fl {
	float: left;
	margin-right: 30px;
}
.fr { float: right; }

.clear { clear: both; margin: -1px 0px 0px !important; height: 1px !important; margin: 0px; height: 0px; }

input, textarea { padding: 1px 3px; }
select { padding: 1px 0px 1px 3px }

p { margin: 0px 0px 10px; padding: 0px; }
p.bq { margin: 0px 0px 10px; padding: 0px 0px 0px 27px; }

span.u { text-decoration: underline; }

/* LINK STYLES
-------------------------------------*/


a {	color: #646D74; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }

/* TOP LOGO
-------------------------------------*/


div#logo {
	background: url(images/logo.gif) no-repeat 0 0;
    position: absolute;
    top: 0px;
	display: block;
    height: 119px;
	width: 600px;
}

h2 { margin: 0px 0px 7px; padding: 0px 0px 0px 15px; font: bold 12px Arial, sans-serif; color: #646D74; background: url(images/arrcont.gif) 0px 2px no-repeat; }
h2.x { margin: 3px 0px 3px; padding: 0px 0px 0px 13px; font: bold 11px Arial, sans-serif; color: #FFFFFF; background: #000000;}

/* STRUCTURE
-------------------------------------*/
#root { position: relative; width: 940px; margin: 0px auto; min-height: 300px; }
 #head { position: relative; height: 140px; top: 0px; }
  #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(images/monthly.gif) no-repeat; padding: 0px; margin: 0px; }
  #head p { text-align: left; position: absolute; right: 100px; 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 70px; }
 #menu {
	background: url(images/menubg.gif) no-repeat;
	height: 33px;
	list-style: none;
	margin: 0px;
	padding: 2px 0px 0px 38px;
	text-align: center;
}
  #menu li { float: left; height: 30px; font: bold 12px/30px Arial, sans-serif; background: url(images/separator.gif) 0% 100% no-repeat; }
  #menu li.f { background: url(images/separator.gif) 0px 6px no-repeat; }
  #menu li.s { background: none; }
   #menu li a { color: #FFFFFF; padding: 0px 20px; } #menu li a:hover, #menu li.over a { color: #FFFFFF; }
 #croot {
	/* background: url(images/k_bg_content.gif) repeat-y 155px 0px; */
	/* border right here was the one far right of page */
	background: url(images/right_vert_line.gif) no-repeat 840px 38px;
	border-right-width: 1px; 
	border-bottom-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #e2e2e2; 

}
   #croot0 { background: #000000 url(images/k_bg_content.gif) repeat-y 155px 0px; }

  #path {
	height: 35px;
	padding: 0px 15px 0px 16px;
	background: url(images/pink_stripe.gif) no-repeat left 10px;
	/* background-image: url(images/path_bg.gif);
	background-repeat: no-repeat;
	background-position: left; */

}
   #path div.fl { padding: 10px 0px 0px; }
    #path div.fl a { color: #646D74; }
   #path div.fr { width: 243px; padding: 0px 0px 0px 0px; margin: 6px 0 0 0px;}
  #side { float: left; width: 155px; }
  #content { float: right; width: 670px; margin: 0px 0px 0px 10px; padding: 2px 15px 0px 0px; }
  #croot div.cx { background: url(images/pink_stripe_footer.gif) repeat-x center top; margin: 0px; padding: 15px 0px; }
 #footer { height: 25px; padding: 4px 8px 0px; color: #888; }
  #footer a { color: #888; text-decoration: underline; } #footer a:hover { color: #333; }

/* LEFT MENU
-------------------------------------*/

#men { 
width: 139px;
}
#men ul
{
font: Arial;
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin:0px;
}
#men a
{
display: block;
padding: 2px;
width: 139px;
background: url(images/side_men_fade.jpg) repeat-y; border-bottom: 1px solid #000; border-left: 1px solid #000; padding: 4px 2px 2px 12px; 
/* this sets bg lines for side menu current set to black to not show */
}
#men a:link, #menitems a:visited
{
text-decoration: none;
font-weight: 200;
}
#men a:hover
{
background-color: #000000;
font-weight: 200; 
}

/* 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: #000000; 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 #000000; }
 div.leftcart { border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 4px 0px 4px 0px; }

 div.leftm p.p { font-weight: bold; background: url(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(images/i_mail.gif) 20px 10px no-repeat; border-bottom: none; margin: 0px 0px 0px 0px; }
#side a.am { position: relative; left: 155px; padding: 0px 0px 0px 15px; font-weight: bold; color: #e4812a; }
#side a.am:hover { text-decoration: underline; }


/* LEFT MENU LI STYLES
-------------------------------------*/

a.fm { font-weight: bold; }
ul#sidemenu { background: #EFEFEF; border-bottom: 1px solid #e2e2e2; padding: 0px 0px 0px; margin: 0px; list-style: none; }
 ul#sidemenu li { border-top: 1px solid #fff; }
 ul#sidemenu li.x { border-top: none; }
  ul#sidemenu li a { display: block; width: 188px; padding: 5px 0px 5px 27px; color: #666; }
  ul#sidemenu li.x a { padding: 10px 0px 6px 27px; }
  ul#sidemenu li a:hover, ul#sidemenu li a.x { background: #8CD2F5; }


div#drp {
margin:0 0 0 0;
padding:0 0 140px 0;
}

div#drp ul {
	margin: 0px 0 7px 0;
    padding-top: 20px;
}

div#drp ul li {
	background: url(images/arr_plans.gif) no-repeat 0 .5em;
	margin-top: .2em;
	padding-left: 8px;
	color: #000000;
}

div#drp ul li strong{
	color: #646D74;
}

/* 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(images/plan1.gif) bottom right no-repeat;
	border-width:1px;
	border-style: dashed;
	border-color: #666666;
	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(images/plan2.gif) bottom right no-repeat;
	border-width:1px;
	border-style: dashed;
	border-color: #666666;
	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(images/plan3.gif) bottom right no-repeat;
	border-width:1px;
	border-style: dashed;
	border-color: #666666;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
}

div.plan4 {
    width: 150px;
    height:220px;
    margin: 0 0 0px 11px;
    float:left;
	padding:28px 5px 0px 28px;
	background: url(images/corner_deco_holder.gif) no-repeat left top;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
}

.sub	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
    background: #efefef;
	height: 19px;
    width: 48px;
    border: 0px;
}

div.prodid{
font-weight: bold;
}

span.prodoption{
font-weight: bold;
} 

.prodname, .detailname{
font-weight: bold;
}

.catquant { font-size: 12px; font-weight: bold;
}
.mincart {

}
.detaildescription {
font-size: 14px;
font-weight: 200;
color: #E0E0E0;
}
.detailname {
font-size: 16px;
font-weight: 600;
color: #E0E0E0;
}
.stdTxt {
font-size: 12px;
font-weight: 200;
color: #E0E0E0;
}

/* 
width is set in #root 940
to set bg back to white from CCE7D3 change body colour and make visible path and redo bgstretch logo
croot bg makes menu right border blue again
croot div cx line 130 change bg color back to fff from CCE7D3
content line 129 was 570px
to put a background image across the top of right side add bg gif to #content 132 where bdg.gif(dots used to be)
.fr used to be float left
*/