/***********************************************/
/* interwood.css                             */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body{	
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	height: 100%;
	color: #333;
	line-height: 1.33;
	margin: 0px;
	padding: 0px;}
img { border: 0px; }


/* General linkology */

a:link {
	color : #36C;
	background : transparent;
	}
a:visited {
	color : #36C;
	background : transparent;
	}

a:hover {
	color : #E60;
	text-decoration : s;
	background: #ffffff;
	text-decoration : underline;
	}
a:active {
	color : #E60;
	background : #eee;
	}
.navigation a {
	color: #36C;
	font-weight: bold;
	padding: 0px;
	text-decoration: none;
	line-height: 1.33em;
	}
.green_head {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2A4A14;
}

/*.navigation a:visited {
	color: #36C;
	background: #eee;
	text-decoration : none;
	}
.navigation a:hover {
	color: #E60;
	background: #eee;
	}
.navigation a:active {
	color: #E60;
	background: #fff;
	} */
.leftlink {
	padding : 1px 1px 5px 1px;
	background : #eee;
	border-bottom : 1px solid #fff;
	line-height: 1.4em;
	border-bottom-color: #FFFFFF;
	font-size: 11px;
	}	
.leftlink a:link {
	color : #36C;
	background : #eee;
	text-decoration: none;
	}
.leftlink a:visited {
	color : #36C;
	background : transparent;
	text-decoration: none;
	width: auto;
	}
.leftlink a:hover {
	color : #E60;
	text-decoration : underline;
	background: #fff;
	}
.leftlink a:active {
	color : #E60;
	background : #eee;
	text-decoration: none;
	}
ul{
	padding: 0;
	margin-left: 2em;
}
.boxtop {
	padding : 6px;
	background : #72a3d3;
	border : 1px solid #eee;
	color: #fff;
	}
.boxtopgrey {
	padding : 6px;
	background : #333333;
	border : 1px solid #eee;
	color: #fff;
	}

.boxtopblue {
	padding : 6px;
	background : #0084C4;
	border : 1px solid #eee;
	color: #fff;
	}
	.boxtoplightblue {
	padding : 6px;
	background : #7DB8E2;
	border : 1px solid #eee;
	color: #333;
	}
.boxtoporange {
	padding : 6px;
	border : 1px solid #eee;
	color: #fff;
	background-color: #FF9900;
	}
.boxtopgreen {
	padding : 6px;
	background : #15A025;
	border : 1px solid #eee;
	color: #333;
	}
.boxtopgreen2 {
	padding : 15px;
	background-image: url(/a/ssi/border.jpg);
	
	}
.boxtopred {
	padding : 6px;
	background : #CC0000;
	border : 1px solid #eee;
	color: #fff;
	}
	
.boxtopbrown {
	padding : 6px;
	background : #896132;
	border : 1px solid #eee;
	color: #fff;
	}
	
	
	
	
	.boxtoppurple {
	padding : 6px;
	background : #949cce;
	border : 1px solid #eee;
	color: #333;
	}
.boxtopxmas {
	padding : 5px;
	background : #72a3d3;
	border : 1px solid #eee;
	color: #333;
	}
.boxtophot {
	padding : 6px;
	background : #fff;
	color: #c00;
	font-weight: bold;
	border : 6px solid #72a3d3;
	}
.boxtophotxmas {
	padding : 0px;
	background : #fff;
	border : 6px solid #15A025;
	}
.boxtophot2 {
	padding : 6px;
	background : #fff;
	color: #c00;
	font-weight: bold;
	border : 6px solid #7DB8E2;
	}
.boxtopgrey {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	padding : 2px;
	background : #eee;
	border : 1px solid #999999;
	color: #333;
	}
.whatsincludedpanel {
	margin-bottom : 10px;
	margin-left: 5px;
	padding: 8px;
	background : #eee;
	border-right : 1px solid #eee;
	border-left : 1px solid #eee;
	border-bottom : 1px solid #eee;
	}
.whatsincludedtop {
	padding : 6px;
	margin-left: 5px;
	border : 6px solid #72a3d3;
	color: #36C;
	color:#000;
	background : #fff;
	font-weight: bold;
	}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead.retired{
	padding: 10px 20px 0px 20px;
	width: 100%;
    background-image: url(/a/ssi/snowflakes.jpg) ;
	background-repeat: repeat-x;
}



/*new masthead*/

#masthead {  background-image: url(/a/ssi/background1.jpg); background-repeat:repeat-x; height: 160px;	width: 100%;   }

.logo { float: left; 
color: #808080;  
margin-top:30px;
margin-bottom:5px;
margin-right:0px;
margin-left:10px;
}

.bannerad {
	float: left;
	color: #808080;
margin-top:30px;
margin-bottom:5px;
margin-left: 30px;
margin-right: auto;
}

.liveperson {
	float: right;
	color: #808080;
margin-top:30px;
margin-bottom:5px;
margin-right:10px;
margin-left:0px;

}


.top{ float: right;  text-align: right; height: 100px; margin:  0 0 0 0px; padding: 0 0 0 0px; }


#masthead_imi{
	padding: 10px 20px 0px 20px;
	width: 100%;
	background : #eeeeee;
	background-position: 90%;
}

#mastheadimage{
	width: 20%;
	margin-right: 20px;
	margin-top: 10px;
	padding: 0px;
	margin-left: 20px;
}
#midbanner{
	width: 95%;
   font-size: 100%;
    background: #eee;
	margin-right: 20px;
	margin-left: 20px;
}
#navigation{
	width: 95%;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin-right: 20px;
	margin-left: 20px;
	height: 25px;
	
}
/*#navigation ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 
#navigation ul li {
	margin-left: 0;
	padding: 2px 2px;
	list-style: none;
	display: inline;
	}*/
#freebanner{
	width: 95%;
	background-color: #fff;
	margin: 10px 20px 0px 20px;
}
#freebannerpurple{
	width: 95%;
	background-color: #563D99;
	margin: 10px 20px 0px 20px;
}

#freebannergenius{
	width: 95%;
	background-color: #D0C8C5;
	margin: 10px 20px 0px 20px;
}
#freebannercontour{
	width: 95%;
	background-color: #94c4f2;
	margin: 10px 20px 10px 20px;
}
#freebannersub{
	width: 95%;
	background-color: #fff;
	margin: 10px 20px 0px 20px;
}
#sidebarleft{
	float: left;
	width: 18%;
	margin-left: 20px;
	margin-top: 5px;
	padding: 0px;
}

#sidebarright{
	float: right;
	width: 20%;
	margin-right: 20px;
	margin-top: 5px;
	padding: 0px;
}
#sidebarlefttoo{
	float: left;
	width: 20%;
	margin-left: 20px;
	margin-top: 5px;
	padding: 0px;
}
#centrepanelindex{
	float:left;
	width: 45%;
	margin-left: 20px;
	margin-top: 5px;	
	border: 1px solid #eee;	
}
#centrepanelindex2{
	float:left;
	width: 70%;
	margin-left: 20px;
	margin-top: 5px;	
	border: 1px solid #eee;	
}
#centrepaneldetails{
	float:left;
	width: 75%;
	margin-left: 20px;
	margin-top: 5px;
}

#centrepanelordering{
	float:left;
	width: 70%;
	margin-left: 20px;
	margin-top: 5px;
}
#rightpanel{
	float:left;
	width: 25%;
	margin-left: 20px;
	margin-top: 5px;
	padding: 0px;
}
#bottom {
	clear: both; 
		background: #cacaca;
		} 
		
#bottomBFS {
	clear: both; 
	color: #FFF;

		} 
    #playlist tbody tr.even td {
      background-color: #eee;
	 font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	 font-size: 80%;
     }
	    #playlist tbody tr.odd  td {
      background-color: #fff;
	   font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	 font-size: 80%;
    }
	  #faqlist tbody tr.even td {
      background-color: #eee;
	 font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	 font-size: 100%;
     }
    #faqlist tbody tr.odd  td {
      background-color: #fff;
	   font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	 font-size: 100%;
    }
	.productimage {
	margin : 4px;
	width : 40%;
	float : left;
	height: 200px;
	}
	.productintro {
	padding-left : 10px;
	width : 55%;
	float: left;
	}
	.instructions-pix {
	margin: 0 0px 5px 10px;
	float:right;
	display:block;
	}
	.instructions-section {
	clear:right;
	border-top:1px dashed #EA1782;
	padding-top:8px;
	}
	.number {
	font-family: georgia, times new roman, Times, serif;
	font-size: 24px;
	color: #EA1782;
	float: left;
	margin: 0px 7px 0 0;
	overflow: visible;
	padding: 5px 0 14px 0;
	}
	.numberred {
	font-family: georgia, times new roman, times, serif;
	font-size: 18px;
	color: #CC0000;
	margin: 0px 7px 0 0;

	}
/*	.box {
	margin:0 auto;
	width: 80%;
	padding:13px 15px 5px 15px;
	border:1px dashed #F37AB8;
	background-color:#FFDFFE;
	background-image: url(nav-hove.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}*/

/************* #indexcentrepanel styles ***************/
.productimage{
	margin: 2px;
	padding: 0px;
	height: 100px;
}
.productname{
	color : #079b34;
	background : transparent;
	padding: 5px 0px 5px 0px;
}
.productnamered{
	font: 100% "Lucida Grande", Geneva, Arial, sans-serif;
	color : #c00;
	background : transparent;
	padding: 2px;
}
.productnamegrey{
	font: 100% "Lucida Grande", Geneva, Arial, sans-serif;
	color : #333;
	background : transparent;
	padding: 2px;
}
.productnamebold{
	font: 120%;
	color : #333;
	font-weight: bold;
	background : transparent;
	padding: 2px;
}
.productnameboldbackground{
	font: 100% "Lucida Grande", Geneva, Arial, sans-serif;
	color : #36C;
	font-weight: bold;
	background : #eeeeee;
	padding: 2px;
}
.productblurb{
	font: 100%;
	margin : 0px;
	color : #333;
	background : transparent;
 	padding: 5px 5px 5px 0px;
}
.productprice{
	font: 100% "Lucida Grande", Geneva, Arial, sans-serif;
	color : #c00;
	font-weight: bold;
	background : transparent;
	padding: 1px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
}
/************* #free shipping styles ***************/
.freeshipingproductname{
	font: 90% "Lucida Grande", Geneva, Arial, sans-serif;
	color : #c00;
	background : transparent;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
}
.freeshipingdate{
	font: 90% "Lucida Grande", Geneva, Arial, sans-serif;
	color : #c00;
	background : transparent;
	padding: 5px 0px 0px 10px;
}
.freeshippingproductblurb{
	font : 90% Georgia, Times New Roman, Sans-Serif;
	color : #000;
	padding: 0px 0px 5px 10px;
	background : transparent;
	font-size: 100%;
}
.freeshippingproductprice{
	font : 90% "Lucida Grande", Geneva, Arial, sans-serif;
	color : #C00;
	background : transparent;
	padding: 1px 0px 5px 10px;
	font-size: medium;
}
/*********** #navbar link styles ***********/

#navbar ul a:link, #navbar ul a:visited {display: block;}
#navbar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Wins broken rendering of block-level anchors in lists */
#navbar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that dont need the hack */
html>body #navbar li {border-bottom: none;}

/************** #sidebar styles **************/
	
.sidebarleft {
font: 100% "Lucida Grande", Geneva, Arial, sans-serif;
margin-bottom : 10px;
	padding : 5px;
	background : #fff;
	border : 1px solid #eee;
	}
	
	.sidebarnobordersides {
	margin-bottom : 1px;
	padding : 3px;
	background : #fff;
	border-bottom : 1px solid #eee;
	}

/************** #centrepanelindex styles **************/
	
.centrepanelindex {
	padding : 5px;
	background : #fff;
	border-right : 1px solid #eee;
	border-left : 1px solid #eee;
	border-bottom : 1px solid #eee;
	text-align: left;
	}
	
.centrepanelindexbold {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 120%;
	color:#C00;
	padding : 2px;
	background : #fff;
	font-weight: bold;
	}
	/************** #rightpanelindex styles **************/
	
.rightpanelindex {
	padding : 5px;
	background : #eee;
	border-right : 1px solid #eee;
	border-left : 1px solid #eee;
	border-bottom : 1px solid #eee;
	}

/************** divider  *****************/
.divider {
	border-bottom : 1px solid #999999;
	margin-bottom : 3px;
	}

.shipping {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 10px;
	color: #333333;
}



/* For Slendertone pages \*/

#freebannerslendtour2{
	width: 95%;
	background-color: #000;
	margin: 10px 20px 10px 20px;
}

/* moo menu \*/
	#info { margin:auto; width:100%; color:#333333; padding:10px; background:#f4f4f4; border:1px solid #DDD; }

	#nicemenu { margin:0 auto; width:100%; border-bottom:dotted 1px #adb8c0; }
	#nicemenu a { color:#0089ca; text-decoration:none; }
	#nicemenu a:hover { text-decoration:underline; color:#FF6600; }	
	#nicemenu li { display:inline; position:relative; }
	#nicemenu li span { position:relative; z-index:3; padding:4px 4px 4px 6px;  border-bottom:none; line-height:18px; }	
	#nicemenu li span a { font-weight:bold; padding:0 6px 0px 2px;  }	
	#nicemenu li span.over { padding:4px 3px 4px 5px;  border-top:solid 1px #adb8c0; border-left:solid 1px #adb8c0;  border-right:solid 1px #999999; border-bottom:solid 1px #fff;  }
	*+html #nicemenu li span.over {  border-top:solid 2px #adb8c0; padding-bottom:3px; } /* IE6 */
	#nicemenu li span.over a { }
	#nicemenu li span.over a:hover { text-decoration:none; }
	#nicemenu li span.active { padding:4px 3px 4px 5px;  border-top:solid 1px #adb8c0; border-left:solid 1px #adb8c0;  border-right:solid 1px #999999; border-bottom:solid 1px #fff;  }
	*+html #nicemenu li span.active {  border-top:solid 2px #adb8c0; padding-bottom:3px; }
	#nicemenu li span.active a { }
	#nicemenu li span.active a:hover { text-decoration:none; }	
	#nicemenu img.arrow { /*margin-left:4px;*/ cursor:pointer; }
	#nicemenu div.sub_menu { display:none; position:absolute; left:0; top:0px; margin-top:18px; border-top:solid 1px #adb8c0; border-left:solid 1px #adb8c0; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:4px; top:2px; width:160px; background:#FFFFFF; }
	* html #nicemenu div.sub_menu { margin-top:15px; } /* IE6 */
	*+html #nicemenu div.sub_menu { margin-top:23px; } /* IE7 */
	#nicemenu div.sub_menu a:link, 
	#nicemenu div.sub_menu a:visited, 
	#nicemenu div.sub_menu a:hover{ display:block; font-size:11px; padding:4px;}	
	#nicemenu a.item_line { border-top:solid 1px #adb8c0; padding-top:6px !important; margin-top:3px; }
	


/* mini cart and gift certificate box */
#right .box {
	margin: 20px 0 40px;
}
#right .box .head, #right .box .foot {
	border: 1px solid #d6e1d9;
	background-color: #f6f8f5;
	font-size: 0.8em;
	color: #333;
	text-transform: uppercase;
	padding: 9px 9px 9px 18px;
	letter-spacing: 0.18em;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
#right .box .foot {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	color: #a02237;
}
#right .box .body {
	border: 1px solid #d6e1d9;
	border-width: 0 1px;
}
#right .box .body div {
	padding: 10px;
}
#right .box .bottom {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-width: 0 1px 1px;
	padding: 16px;
}
#right .box div.counter {
	font-family: Helvetica, Arial, Sans-Serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	font-size: 0.75em;
	padding: 0;
}

/* Tugboat style news */

div.entry {
	padding: 1em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #e2e1d4;
	}
div.last {
	border-bottom: none;
	}
div.entry h3 {
	margin: 0 0 .5em 5px;
	font-family: Georgia, serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.1;
	color: #a14141;
	}
div.entry ul.entry-meta {
	float: left;
	/*width: 30.822%; /* 225 / 730 = 0.30822 */
	}
div.entry ul.entry-meta li {
	padding-left: 15px;
	font-size: 1em;
	line-height: 1.4;
	font-weight: normal;
	color: #9c836e;
	}
div.entry ul.entry-meta li h4 {
	font-size: 1em;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #766557;
	}
span.by {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
	line-height: 1;
	}
div.entry-body {
	float: right;
	width: 63.014%; /* 460 / 730 = 0.63014 */
	font-size: 1em;
	line-height: 1.6;
	}
div.entry-body p {
	margin: 0 0 1.5em 0;
	}
/*imi script */
.script{
	font-family: georgia, times new roman, times, serif;
	font-size: 16px;
	color: #009900;
	margin: 0px 7px 0 0;

	}
	
/*new border css*/
	.border_countdown {
	padding : 2px;
	background : #85d4e4;
	width: 300px;
	color: #c00;
	font-weight: bold;
	border : 1px solid #a7c680;
	}
	
		.masthead_wrap {
	background-image: url(/a/ssi/background_green.jpg);
	background-repeat: no-repeat;
	padding : 2px;
	background : #85d4e4;
	width: 700px;
	height: 90px;
	border : 1px solid #a7c680;
	}
	
			.banner_image {
	float:left;
	width: 75%;
	}
			.banner_countdown {
	float:right;
	width: 25%;
	align: left;

	}
	
	
	#holiday{
	width: 95%;
	background-image: url(/holiday/bg.gif);
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	background-repeat: repeat-x;

}

	#holiday_text{
	width: 95%;
	border: 1px solid #cc0000;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;

}
/*callout info*/

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#0089ca;
    text-decoration:underline}

a.info:hover{z-index:25; background-color:#ff6600; color:#fff;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
	padding: 5px;
    background-color:#ececec; color:#000;
    text-align: left}
	
	/* video player */
	
	/* styling of the container. */
a.myPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:left;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

#centrepaneldetails .centrepanelindex table form tr td p {
	text-align: left;
	color: #000;
}
#centrepaneldetails .centrepanelindex table form tr td table tr td label strong {
	color: #C00;
}
.sale {
	color: #C00;
	font-weight: bold;
}