/* CSS Document */

html {
	height: 100%;
	margin-bottom: 1px;
	background: #ffc935 url('/images/bkrd.gif') repeat;
}

body {
	background: transparent url('images/yellowshape.gif') no-repeat top center;
	font: normal normal normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 10px auto 0 auto;
	padding: 0 0 0 1px;
	}
		
a, a:link, a:visited {
	color: #60c;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #60c;
	text-decoration: underline;
	}
	
p {
	margin: 7px 0;
	padding: 0;
	}
	
p.top {
	margin-top: 0;
	}
	
h1 {
	font: normal normal bold 18px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #639;
	margin: 8px 0;
	padding: 0;
	}
	
h1.orange {
	color: #ff850d;
	}
	
h1.top {
	margin-top: 0;
	}
	
h2 {
	font: normal normal bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 14px 0 0 0;
	padding: 0;
	}
	
h2.top {
	margin-top: 0;
	}
	
h3 {
	font: normal normal bold 14px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #639;
	margin: 7px 0;
	padding: 0;
	}
	
h3.top {
	margin-top: 0;
	}
	
h4 {
	background: #6e89d9 url('/images/blue_h4.gif') no-repeat top left;
	font: normal normal bold 14px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px 15px;
	margin: 15px 0 0 0;
	width: 211px;
	}
	
h4.top {
	margin-top: 0;
	}
	
h4.blue {
	background: #6e89d9 url('/images/blue_h4.gif') no-repeat top left;
	}
	
h4.orange {
	background: #ff850d url('/images/orange_h4.gif') no-repeat top left;
	}
	
h4.green {
	background: #4fad26 url('/images/green_h4.gif') no-repeat top left;
	}
	
h4.gray {
	background: #f2f2f2 url('/images/gray_h4.gif') no-repeat top left;
	color: #639;
	}
	
h5 {
	font: normal normal bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 11px 0 6px 0;
	}
	
h5.one {
	background: transparent url('/images/one_h5.gif') no-repeat top left;
	padding-left: 30px;
	color: #57ae28;
	}
	
h5.two {
	background: transparent url('/images/two_h5.gif') no-repeat top left;
	padding-left: 30px;
	color: #639;
	}
	
h5.three {
	background: transparent url('/images/three_h5.gif') no-repeat top left;
	padding-left: 30px;
	color: #2a8ebf;
	}
	
#container {
	width: 768px;
	margin: 0 auto;
	}
	
#logo {
	margin: 10px 0 0 20px;
	float: left;
	}
	
#top {
	float: right;
	margin: 65px 0 0 0;
	padding: 0 19px 0 0;
	text-align: right;
	}
	
.tagline {
	color: #c60;
	font: normal normal bold 15px/17px Arial, Helvetica, sans-serif;
	padding-right: 28px;
	}
	
#viewcart {
	background: transparent url('/images/cart.gif') no-repeat top right;
	padding-right: 20px;
	margin-right: 11px;
	font-size: 11px;
	}
	
ul#nav {
	margin: 7px 0 0 0;padding: 0;
	}
	
ul#nav li {
	list-style: none;
	display: inline;
	position: relative;
	float: left;
	}

ul#nav li a.current, ul#nav li a.current:link, ul#nav li a.current:visited {
	background: transparent url('/images/tab_current.gif') no-repeat 0 0;
	font: normal normal bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 156px;
	height: 22px;
	text-align: center;
	padding: 13px 0 0 0;
	margin: 0;
	text-decoration: none;
	color: #639;
	}
	
ul#nav li a.current:hover, ul#nav li a.current:active {
	background: transparent url('/images/tab_current.gif') no-repeat 0 0;
	font: normal normal bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 156px;
	height: 22px;
	text-align: center;
	padding: 13px 0 0 0;
	margin: 0;
	text-decoration: none;
	color: #639;
	}

ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
	background: transparent url('/images/tab.gif') no-repeat 0 0;
	font: normal normal bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 156px;
	height: 22px;
	text-align: center;
	padding: 13px 0 0 0;
	margin: 0;
	text-decoration: none;
	color: #fff;
	}
	
ul#nav li a:hover, ul#nav li a:active {
	background: transparent url('/images/tab.gif') no-repeat 0 0;
	font: normal normal bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 156px;
	height: 22px;
	text-align: center;
	padding: 13px 0 0 0;
	margin: 0;
	text-decoration: none;
	color: #fff;
	}

/********* dropdowns **********/
ul#nav li ul {
	width: 250px;
	position: absolute;		
	left: -3000px;
	top: 35px; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	list-style: none;
	text-transform: capitalize;
	width: 189px;
  	margin: 0; /* creates "sticky hovering" zones for dropdowns */
  	border: 3px solid #ffffff; 
	padding: 0;
	}
/****************************/
	
ul#nav li ul li a, ul#nav li ul li a:link, ul#nav li ul li a:visited {
            display: block;
            background-image: none;
            text-align: left;
            background-color: #6d469e;
            width: 178px;
            height: 22px;
            border-top: 1px solid #b49dd0;
            padding: 6px 6px 0 6px;
            color: #fff;
            font-weight: normal;
            text-decoration: none;

            }

            

ul#nav li ul li a:hover, ul#nav li ul li a:active {
            background-color: #8e68bd;
            text-decoration: none;
            width: 178px;
            background-image: none;
            font-weight: normal;
            padding: 6px 6px 0 6px;
            text-align: left;
            height: 22px;

            }

            

ul#nav li:hover ul {
            left: 0;
            font-weight: normal;

            }

            

ul#nav li.last:hover ul {
            left: -41px;
            font-weight: normal;

            }



/*******************/

ul.shopnav {
	margin: 0;
	padding: 0;
	color: #000;
	list-style: none;
	}

ul.shopnav li {
	margin: 10px 0 0 0;
	padding: 0;
	}

ul.shopnav li.top {
	margin: 0;
	}
	
#main {
	background: transparent url('/images/white_backer.gif') repeat-y top center;
	width: 728px;
	padding: 0 20px 3px 20px;
	margin: 15px 0 0 0;
	}
	
#maintop {
	background: transparent url('/images/blockquote_green.gif') no-repeat top right;
	}
	
blockquote.quote_main {
	float: left;
	width: 219px;
	background: transparent url('/images/quote_close.gif') no-repeat bottom right;
	margin: 10px 0 7px 16px;
	color: #fff;
	padding: 10px 6px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 23px;
	font-weight: normal;
	font-variant: normal;
	}
	
.blockquote_cont {
	background: transparent url('/images/quote_open.gif') no-repeat top left;
	padding: 10px 6px 15px 17px;
	}
	
.photo_main {
	float: left;
	}
	
.credit {
	float: left;
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 0 31px;
	margin: 0;
	color: #fff;
	}
	
a.credit:link, a.credit:visited {
	color: #bdeeab;
	font-size: 11px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
	
a.credit:hover, a.credit:active {
	color: #bdeeab;
	font-size: 11px;
	text-decoration: underline;
	padding-left: 0;
	margin-left: 0;
	}
	
#topgray {
	background: #f6f7ff url('/images/gray_top.gif') no-repeat top left;
	margin:  0 1px 20px 0;
	float: left;
	width: 727px;
	}
	
#breadcrumb {
	font-size: 10px;
	line-height: 10px;
	padding: 14px 16px 12px 16px;
	color: #858282;
	float: left;
	}
	
#topgrayend {
	background: transparent url('/images/gray_bot.gif') no-repeat bottom left;
	padding-top: 4px;
	}
	
#search {
	float: right;
	padding: 9px 16px 0 0;
	}
	
#search input.searchtop {
	width: 175px;
	color: #999;
	margin: 2px 5px 0 15px;
	font-size: 11px;
	}
	
#search input {
	font-size: 11px;
	}
	
.trial1 {
	background-color: #bfb0d8;
	height: 19px;
	width: 1px;
	margin: 2px 0;
	float: left;
	}
	
.trial2 {
	border-top: 1px solid #bfb0d8;
	border-bottom: 1px solid #bfb0d8;
	height: 19px;
	width: 1px;
	margin: 1px 0;
	float: left;
	}
	
.trial {
	border-top: 1px solid #bfb0d8;
	border-bottom: 1px solid #bfb0d8;
	padding: 5px 8px;
	margin-bottom: 1px;
	font-size: 10px;
	height: 11px;
	line-height: 10px;
	color: #6d469e;
	float: left;
	}
	
#mainbody {
	margin: 20px 0 0 0;
	}
	
#main_left {
	width: 464px;
	margin: 0 21px 0 0;
	float: left;
	}
	
.graphic_home {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
.graphic_inside {
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#main_right {
	width: 239px;
	margin: 0 2px 0 0;
	float: left;
	}
	
.search_home {
	background: transparent url('/images/orange_search_backer.gif') no-repeat top left;
	width: 227px;
	height: 29px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
	}
	
#search_home input {
	width: 30px;
	font-size: 11px;
	color: #000;
	}
	
#search_home input.searchbar {
	width: 175px;
	color: #999;
	margin-right: 5px;
	}
	
#flashvid {
	margin: 14px 0 0 0;
	}
	
.purple_tab_home {
	background: transparent url('/images/purple_tab_start.gif') no-repeat bottom left;
	height: 29px;
	margin-top: 20px;
	margin: 20px 0 0 0;
	padding: 0;
}

.purple_tab_home h3 {
	background: #f5f0ff url('/images/purple_tab_end.gif') no-repeat top right;
	line-height: 14px;
	width: 223px;
	padding: 12px 0 4px 13px;
	margin: 0 0 0 3px;
}

.purple_tab_home a:link, .purple_tab_home a:visited, .purple_tab_home a:hover, .purple_tab_home a:active {
	float: right;
	margin: 8px 8px 0 0;
	font-size: 11px;
}
	
.purple_top_home {
	background: transparent url('/images/purple_top_home.gif') no-repeat top left;
	margin: 0 1px 0 0;
	padding: 3px 0 0 0;
	}

.purple_top {
	background: transparent url('/images/purple_top.gif') no-repeat top left;
	height: 3px;
	margin: 20px 1px 0 0;
	}
	
.purple_home {
	background: #f5f0ff url('/images/purple_bot.gif') no-repeat bottom left;
	margin: 0 1px 0 0;
	padding: 14px 17px;
	font-size: 11px;
	line-height: 16px;
	}
	
.purple {
	background: #f5f0ff url('/images/purple_bot.gif') no-repeat bottom left;
	margin: 0 1px 15px 0;
	padding: 8px 17px;
	font-size: 12px;
	line-height: 18px;
	}
	
.purple_image {
	float: right;
	margin-left: 15px;
	}
	
.purple_home h2 {
	font-size: 11px;
	line-height: 16px;
	}
	
#blue_body_question {
	background-color: #f6f7ff;
	padding: 13px 13px 6px 13px;
	border-left: 2px solid #6e89d9;
	border-right: 2px solid #6e89d9;
	width: 211px;
	height: 196px;
	font-size: 11px;
	line-height: 15px;
}
	
#blue_body_question input.right_submit {
	margin-top: 10px;
	width: 140px;
}

#blue_body_answer {
	display: none;
	background-color: #f6f7ff;
	padding: 13px 13px 6px 13px;
	border-left: 2px solid #6e89d9;
	border-right: 2px solid #6e89d9;
	width: 211px;
	height: 218px;
	font-size: 11px;
	line-height: 15px;
}

#blue_body_answer .answer {
	padding: 10px 0 0 0;
}
.blue_body {
	background-color: #eaf4f9;
	padding: 13px 13px 6px 13px;
	border-left: 2px solid #6e89d9;
	border-right: 2px solid #6e89d9;
	width: 211px;
	font-size: 11px;
	line-height: 15px;
}
	
.blue_end {
	background: transparent url('/images/blue_end.gif') no-repeat top left;
	height: 5px;
	width: 241px;
}

.green_body {
	background-color: #edf7e9;
	padding: 13px 13px 6px 13px;
	border-left: 2px solid #4fad26;
	border-right: 2px solid #4fad26;
	width: 211px;
	font-size: 11px;
	line-height: 15px;
}
	
.green_end {
	background: transparent url('/images/green_end.gif') no-repeat top left;
	height: 5px;
	width: 241px;
}
	
	
.orange_body {
	background-color: #fff6ee;
	padding: 13px 13px 6px 13px;
	border-left: 2px solid #ff850d;
	border-right: 2px solid #ff850d;
	width: 211px;
	font-size: 11px;
	line-height: 15px;
}
	
.orange_body input.right_submit {
	margin-top: 10px;
	width: 140px;
}
	
.orange_end {
	background: transparent url('/images/orange_end.gif') no-repeat top left;
	height: 5px;
	width: 241px;
}
	
.gray_body {
	background-color: #fff;
	padding: 13px 14px 6px 14px;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	width: 211px;
	line-height: 15px;
}
	
.gray_end {
	background: transparent url('/images/gray_end.gif') no-repeat top left;
	height: 16px;
	width: 241px;
}

.smallorange_top {
	margin: 20px 0 0 0;
	background: transparent url('/images/smallorange_top.gif') no-repeat bottom left;
	height: 10px;
	width: 241px;
	}

.smallorange {
	margin: 0;
	background-color: #fff6ed;
	border-right: 2px solid #ff850c;
	border-left: 2px solid #ff850c;
	width: 231px;
	font-size: 13px;
	line-height: 13px;
	padding: 3px 3px 3px 3px;
	text-align: center;
	font-weight: bold;
	}
	
.smallorange_bot {
	background: transparent url('/images/smallorange_bot.gif') no-repeat top left;
	height: 10px;
	width: 241px;
	}
	
#footer {
	background: transparent url('/images/white_bot.gif') no-repeat top left;
	padding: 36px 0 40px 23px;
	color: #960;
	font-size: 11px;
	line-height: 14px;
	}
	
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #960;
	}
	


.clearer {
	height: 1px;
	overflow: hidden;
	clear: both;
	margin-top: -1px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
.step {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6D46AA;
}