/* GLOBAL MARGIN AND PADDING

-------------------------------------*/

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

/*Christine making a new heading type the same as h2 but with no arrow added h7 in this text to set margin and padding */

/* 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: #333;

}

div#content a {

	color: #8C4A74;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}

div#content a:hover {

  color: #000000;

}



html { height: 100%; margin-bottom: 1px; }

body { margin: 0px; padding: 3px 0px 0px; background: url(images/bgstretch.gif) #fff repeat-x;  }

body, td, input, textarea, select {

	color: #333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

} /*Christine Changing overall text color - was == color: #666; */

form { display: inline; }

img { border: 0px; }

.fl {

	float: left;

	color: #333;

}

.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;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

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

span.u { text-decoration: underline; }

/* LINK STYLES

-------------------------------------*/



a {	color: #333; text-decoration: none; }

a:hover {

	color: #000000;

	text-decoration: none;

	}

/* TOP LOGO

-------------------------------------*/



div#logo {

	background: url(images/logo.gif) no-repeat 0 0;

	position: absolute;

	top: 1px;

	display: block;

	height: 80px;

	width: 770px;

	left: 1px;

}

h2 { margin: 0px 0px 7px; padding: 0px 0px 0px 15px; font: bold 12px Verdana, sans-serif; color: #333; background: url(images/arrcont.gif) 0px 2px no-repeat; }

h2.x { margin: 3px 0px 3px; padding: 0px 0px 0px 15px; font: bold 11px Verdana, sans-serif; color: #333; background: #BB8DAA;}

/*Christine Changing Background color original == background: #D6F4FD; */

/*Christine Changing font color original == color: #888; */

/*Christine making a new heading type the same as h2 but with no arrow */

h7 { margin: 0px 0px 7px; padding: 0px 0px 0px 15px; font: bold 12px Verdana, sans-serif; color: #333;}

/* STRUCTURE

-------------------------------------*/

#root { width: 770px; margin: 0px auto; min-height: 300px; }

 #head {

	position: relative;

	padding-top: 80px;

	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: -1px; top: -2px; color: #777; }

   #head p a { color: #333; } #head p a:hover { color: #000000; }

   #head p a.pd { font-weight: bold; padding: 0px 0px 0px 35px; background: url(images/li_vd.gif) 14px 50% no-repeat; }

 #menu {

	background: url(images/menubg.gif) repeat-x;

	height: 26px;

	list-style: none;

	margin: 0px;

	text-align: center;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 6px;

	border: solid #7B2B51 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

  #menu li { float: left; height: 30px; font: bold 10px/30px Tahoma, Arial, sans-serif; background: url(images/separator.gif) 0% 100% no-repeat; }

  #menu li.f { background: url(images/separator.gif) 0px 4px no-repeat; }

  #menu li.s { background: none; }

   #menu li a { color: #333; padding: 0px 20px; } #menu li a:hover, #menu li.over a { color: #000000; }

   /*Christine changing the menu text color original ==  #menu li a { color: #ffffff; padding: 0px 20px; } #menu li a:hover, #menu li.over a { color: #000000; } */

 #croot { border-right: 1px solid #7B2B51; border-left: 1px solid #7B2B51; border-bottom: 1px solid #7B2B51; background: #fff url(images/k_bg_content.gif) 155px 0px repeat-y; }

   #croot0 { border-right: 1px solid #7B2B51; border-bottom: 1px solid #7B2B51; background: #fff url(images/k_bg_content.gif) 155px 0px repeat-y; }

  #path { height: 215px; background: #fff; padding: 0px 0px 0px 0px; }

   #path div.fl { padding: 10px 0px 0px; }

    #path div.fl a { color: #E5D4E5; }

   #path div.fr { width: 243px; padding: 0px 0px 0px 0px; margin: 6px 0 0 0px;}

  #side { float: left; border-top: 1px solid #7B2B51; width: 155px;}

  #content {

	float: right;

	width: 570px;

	margin: 0px 0px 0px 0px;

	padding: 10px 15px 0px 0px;

	background: url(images/bdg.gif) repeat-x;

}

  #croot div.cx {

	background: #fff;

	margin: 0px;

	padding-top: 4px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

}

 #footer { height: 25px; padding: 4px 8px 0px; color: #333; }

  #footer a { color: #333; text-decoration: underline; } #footer a:hover { color: #000000; }

/* LEFT MENU

-------------------*/

ul.ectmenu1 {

list-style: none;

border:0px solid;

font-size:12px; font-family:Verdana, Geneva, sans-serif; 

color: #333;

padding:2px;

background-color: #E5D4E5; 

}

li.ectmenu1 {

border: 1px solid #BB8DAA;

font-size:12px; font-family:Verdana, Geneva, sans-serif; 

color: #333;

padding:0px;

background-color:#E5D4E5;

}

li.ectmenuhassub1 a{

display:block;

font-size:12px; font-family:Verdana, Geneva, sans-serif; 

color: #333;

padding:4px;

background-image:url(images/arrow.gif);

}

li.ectmenuhassub1 a:hover{

display:block;

padding:4px;

background-image:url(images/arrowov.gif);

background-color: #BB8DAA;

color: #660033;

}

li.ectmenu1 a{

display:block;

font-size:12px; font-family:Verdana, Geneva, sans-serif; 

color: #333;

padding:4px;

}

li.ectmenu1 a:hover{

background-color:#BB8DAA;

color: #660033;

}

/* old menu

#men { 

width: 139px;

}

#men ul

{

margin-left: 0;

padding-left: 0;

list-style-type: none;

margin:0px;

}

#men a

{

display: block;

padding: 2px;

width: 139px;

background: #efefef; border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 4px 2px 2px 12px; 

}

#men a:link, #menitems a:visited

{

text-decoration: none;

font-weight:bold;

}

#men a:hover

{

background-color: #8CD2F5;

font-weight:bold;

}





/* TESTIMONIALS BOX

-------------------------------------

div.testimonials { background: #efefef; border-bottom: 1px solid #7B2B51; 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 #7B2B51; 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.leftcart {

	background: #efe6ec;

	border-bottom: 1px solid #7B2B51;

	border-left: 1px solid #fff;

	padding: 4px 0px 0px 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; background: url(images/li_sw.gif) 0px 50% no-repeat; }

#side a.am:hover { text-decoration: underline; }*/



/* LEFT MENU LI STYLES

-------------------------------------*/

a.fm { font-weight: bold; }

ul#sidemenu { background: #EEE2E8; border-bottom: 1px solid #7B2B51; 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: #333; }

  ul#sidemenu li.x a { padding: 10px 0px 6px 27px; }

  ul#sidemenu li a:hover, ul#sidemenu li a.x { background: #EEE2E8; }



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: #7B2B51;

}



/*Christine replacing Lyns code after the remote overwriting problem */

td.product {

	border: 1px dotted #7B2B51;

	background-color: #FFF;

	border-top-style: solid;

	border-left-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

}

.detailimage {

vertical-align : top;

} 

span.price, .detailprice, .prodprice {

color: #660033;

padding-top:50px;

font-weight:bold;

text-align: center;

} 

div.detailcurrency {

font-size: 10px;

font-family : Verdana,Arial,sans-serif;

color: #666;

padding-top:5px;

padding-bottom:5px;

text-align: center;

width: 100%;

} 



	

/*Here Ends Lyns Code*/

/*Christine trying to set the menu to sit low and automatically adjust to where the top menu fits in*/

/*nemu items below the auto menu*/

#root #croot #side #men {

	position: relative;

	bottom: auto;

}

/*the end of my insert trying to fix the menu */

/*menu items that are auto created*/

#root #croot #side #L1 {

	position: fixed;

	top: auto;

}

/*the end of my insert trying to fix the menu */

/*Lyn changing page number display*/

P.pagenums {

font-size: 12px;

font-family : Verdana;

}

SPAN.currpage {

color: #FF0000;

font-weight: bold;

}



/*Lyn inserting code for cross-selling items */

.cstitle {

	font-size: 13px;

	font-family : Verdana,Arial,sans-serif;

	font-weight : bold;

	background: #BB8DAA;

	color: #FFF;

	padding: 4px;

}

.csproduct br {display: none;}

SPAN.multioption {

font-size: 11px;

font-family : Verdana;

color : #FF0000;

}

#menu2 {

	background: url(images/menubg.gif) repeat-x;

	height: 26px;

	list-style: none;

	margin: 0px;

	text-align: center;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

	border: solid #7B2B51 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

  #menu2 li { float: left; height: 30px; font: bold 10px/30px Tahoma, Arial, sans-serif; background: url(images/separator.gif) 0% 100% no-repeat; }

  #menu2 li.f { background: url(images/separator.gif) 0px 6px no-repeat; }

  #menu2 li.s { background: none; }

   #menu2 li a { color: #333; padding: 0px 20px; } #menu li a:hover, #menu li.over a { color: #000000; }

   



div#flashbanner {

	height:215px;

}

/*Lyn inserting code for categories*/

P.catname {

text-align: center; 

margin-top: 4px; 

margin-bottom: 4px; 

vertical-align:top;

}



P.catdesc { 

margin-top: 0px; 

margin-bottom: 4px; 

vertical-align:top;

}



IMG.catimage { 

border: 1px; 

border-color: #333; 

border-style: solid; 

vertical-align:top; 

}



TD.catimage { 

vertical-align:top; 

border:1px solid #333;

} 



TD.catname { 

border:1px solid #333;

vertical-align:top; 

text-align: center; 

} 



TD.catnavigation { 

vertical-align:middle;

text-align: left; 

}



img.cartimage {

width: 100px;

border:1px;

}



.giantimgname{

background-color:#EEE2E8;

}



.giantimgback{

background-color:#EEE2E8;

}



TD.mincart {

font-size: 11px;

font-family : Verdana;

}



P.mincart {

font-size: 11px;

font-family : Verdana;

}

HR {

	height: 0;

	border-width: 1px 0 0 0;

	border-style: solid;

	border-color: #7B2B51;

	padding-bottom:10px;

	

}



#helpleftcol {

	float:left;

	width:285px;

	margin-right:285px;

	}

#helprightcol {

	float:right;

	width:285px;

	

} 

#helpContent{

  clear:both;

}

.HelpTitles {

	font-size: 12px;

	font-weight: bold;

}

.HelpPageSmallTitle {

	font-style: italic;

}

/*reviews*/

.review {

color: #333;

font-weight: bold;

}



.showallreview, .reviewcomments {

color: #000000;

font-weight: normal;

}



.reviewname {

color: #333;

font-weight: bold;

}



hr.review {

width: 100%;

text-align:left;

height: 0;

border-width: 1px 0 0 0;

border-style: solid;

border-color: #BB8DAA;

}



hr.review {

height: 0;

border-width: 1px 0 0 0;

border-style: solid;

border-color: #BB8DAA;

}

SPAN.prodoption {

font-size: 12px;

font-family : Verdana;

font-weight: bold;

border-bottom: 10px;

}



SPAN.detailoption {

font-size: 12px;

font-family : Verdana;

font-weight: bold;

border-bottom: 10px;

}

div.detailname {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:bold;

	margin-top: 5px; 

}

/*email receipt*/

.receiptbody{background-color:#EEE2E8;}

.receiptoption{background-color:#D7BCD1;}

.receipthr{height: 0;border-width: 1px 0 0 0;border-style: solid;border-color: #7B2B51;}

.receipthl{background-color:#BB8DAA;}

.receiptheading{background-color:#D0B1C7;color: #000;font-weight:bold; }

/*tablebackgrounds*/

TABLE.cobtbl{

background-color: #7B2B51;

} 



TD.cobhl{

background-color: #E5D4E5;

}



TD.cobll{

background-color: #EEE2E8;

color : #333;

}



/*color scheme

D0B1C7: MENU BACKGROUND

BB8DAA: Menu Hover

7B2B51: HR, table.cobtbl

#EEE2E8: TABLE.COBLL

#E5D4E5: TABLE COBHL

000000: TEXT

333: TEXT

*/



.clear {

	clear: both;

}



.tabBox {

	width: 150px;

	float: left;

	height: 150px;

	padding: 5px;

	text-align: center;

}



.tabBox img {

	width: 125px;

}
$('.selector').tabs({ event: 'mouseover' });
//getter
var event = $('.selector').tabs('option', 'event');
//setter
$('.selector').tabs('option', 'event', 'mouseover');