/* GLOBAL
-----------------------------*/

body {
	text-align: center;
	margin:0;
	padding:8px 0 0 0;
	background: #fff url('images/global/fade.gif') repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
}

img {border: 0;}

.Left {float: left;}
.Right {float: right;}

img.Left {margin: 5px 12px 12px 0;}

img.Right {margin: 5px 0 12px 12px;}

a {color: #335cad;}

a:visited {color: #677182;}

a:hover {color: #073fad;}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #610b40;
}

h2 {
	font-size: 1.1em;
	font-weight: normal;
	color: #610b40;
	margin: 25px 0 15px 0;
}

p, h3, li, td, th {font-size: 0.8em;}

li li {font-size: 100%;}

p {
	margin-top: 0;
	line-height: 1.5em;
}

h3 {
	margin: 23px 0 0 0;
	line-height: 1.6em;
}

.dotted {background: url('images/global/dot.gif') repeat-x top;}

div.dotted {clear: both;}

h3.dotted {padding-top: 23px;}

h3 span {
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


hr {
	border: none;
	height: 1px;
	background-color:#ccc;
}

.Small, #ticker-area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
}

#Home #Ticker h2 a, #CategoriesPanel div p, #CategoriesPanel div li  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.Clear{
	clear: both;
	font-size: 1px;
	height: 1px;
	margin-top: -1px;
}

.Hidden {
	 position:absolute; 
	 left:-5000px; 
 } 
 
.Top {margin-top: 0 !important;}

.Quote {
	background: url('images/global/quote_open.gif') no-repeat top left;
	padding-top: 19px;
}
.Quote p {
	background: url('images/global/quote_close.gif') no-repeat bottom right;
	margin-right: 35px;
	padding-bottom: 5px;
}

.Warning {
	border: 1px #f00 solid;
	background-color: #ffbf9c;
	padding: 5px 10px;
	text-align: center;
}

/* Hacks
----------------------------------------------- */
.IEVariousHack {
	position: relative;
}

.IEDoubleMarginHack, .TwoColumn #MainColumn  {
	display: inline;
}

/* Hides from IE5-mac \*/
* html .HollyHack {height: 1%;}
/* End hide from IE5-mac */


/* CONTAINERS
----------------------------------------------- */

/*------ page Container ------*/
#PageContainer {
	width: 724px;
	margin: 0px auto;
	text-align: left;
	border: 1px #999 solid;
	background-color: #fff;
	position: relative;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:722px;
}

.void {}

#MainContent {padding: 13px 32px;}

.FullWidthTable #MainContent {padding: 13px;}

#Logo {
	font-size: 13px;
	color: #858585;
	margin: 12px 13px;
}

#ShoppingCart {
	position: absolute;
	width: 700px;
	text-align: right;
	top: 14px;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#ShoppingCart img {
	position: relative;
	top: 2px;
}

#ShoppingCart a:visited {color: #335cad;}

#ScienceOfPleasure {float: left;}

.DisplayTable {
	border: 1px #ccc solid;
	border-collapse:collapse;
}

.DisplayTable td, .DisplayTable th {
	border-right: 1px solid #ccc;
	margin:0;
	text-align: left;
	padding: 8px 2px 9px 5px;
	vertical-align: middle;
}

.DisplayTable th {vertical-align: top;}

.DisplayTable .SectionStart td, .DisplayTable .SectionStart th {border-top: 1px #ccc solid;}


#BuyNow {
	float: left;
	margin-left: 1px;
	background: #63053f url('images/home/eroscillator_package_bg.jpg') no-repeat 0px 24px;
	width: 230px;
	height: 315px;
}

html>body #BuyNow {height: auto;min-height: 315px;} 

#BuyNow h3, #BuyNow p {font-size: 13px;margin:0;padding:0;}

#BuyNow h3 {
	margin: 5px 6px 0 6px;
	color: #fff;
	line-height: 16px;
}

#BuyNow p {
	color: #610b40;
	margin: 6px 6px 0 6px;
	line-height: 16px;
}

#BuyNow a {color: #002f79;}

#BuyNow p img {
	vertical-align: bottom;
	margin: 9px 0 11px 64px;
}

#BuyNow img {margin: 13px 0 0 40px;}


.TwoColumn #MainColumn {
	width: 433px;
	float: left;
	margin: 33px 0 0 35px;
}

.TwoColumn #SideBar {
	width: 197px;
	float: left;
	margin: 33px 0 0 38px;
}

#SideBar li {
	margin: 15px 0 15px 0;
	background-position: 0px 5px;
}

html>body #SideBar li {	background-position: 0px 7px;}

.TwoColumn #SideBar h3, .TwoColumn #SideBar p, .TwoColumn #SideBar li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
}

.Price {font-size: 1.1em;}

.Price img {
	position: relative;
	top: 2px;
	left: 10px;
}

.PicWithCaption {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	width: 200px;
}

.PWCLeft {
	float: left;
	margin: 0 20px 20px 0;
}

.PWCRight{
	float: right;
	margin: 0 0 20px 20px;
	text-align: right;
}

.PageHighlight {
	background-color: #efcedf;
	width: 468px; 
	padding: 10px;
	float: right;
	margin: -60px 0 -10px 0;
}


/* NAVS
----------------------------------------------- */


/*----------- Top Nav -----------*/
.InlineNav {margin-bottom: 1px;}

.InlineNav  ul {
	list-style: none;
	margin: 0;
	padding:0;
}

.InlineNav  ul li {
	display: inline;
	margin: 0;
	padding: 0;

}

.InlineNav  ul li a, .InlineNav  ul li a:visited ,.InlineNav  ul li span {
	float: left;
	text-decoration: none;
	color: #fff;
}

#TopNav {
	background-color:#ba92a7;
	font-weight: bold;	
	height: 24px;
}

#TopNav ul {font-weight: bold;}

#TopNav ul li {font-size: 13px;}

#TopNav ul li a, #TopNav ul li span {
	border-right: 1px #fff solid;
	padding: 4px 12px;
}

#TopNav ul li a:hover, #TopNav ul li span  {
	background-color:#621645;
	color: #fff;
	/*the next two definitions make the nav element cover the border of the one on the left
	padding-left: 16px;
	margin-left: -1px;
	color: #000;
	*/
}

#TopNav ul li span, #TopNav ul li.Current a  {
	background-color: #621645;
	padding-bottom: 4px;
	position: relative;
	border-bottom: 1px #621645 solid;
	top: 1px;
	margin-top: -1px;
}

#SecondNav {background-color:#621645;}

#SecondNav ul {	height: 20px; /*note: specifying any height makes the ul pick up the height of it's contents, except NN6*/}

#SecondNav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}	

#SecondNav ul li a, #SecondNav ul li span {padding: 2px 10px;}

#SecondNav ul li a:hover, #SecondNav ul li span  {color: #ba92a7;}
	
#SecondNav ul li span  {font-weight: bold;}

/*----- Share -----*/

#ShareWidget, #ShareWidgetHome  {
	background: url('images/global/dot_grey.gif') repeat-x bottom;	
	text-align: right;
	padding-bottom: 3px;
	margin-top: -7px;
}

#ShareWidgetHome  {
	margin: 4px 10px 0 10px;
}

.TwoColumn #ShareWidget  {
	position: relative;
	top: 320px;
	height: 20px;
	margin: 0 25px -24px 35px;
}

#Home #ShareWidget {
	display: none;	
}

/*----- Footer -----*/
#Footer {
	padding: 11px 0 11px 0;
	margin: 40px 11px 20px 11px;
	border-top: 1px #5c5c5c solid;	

}

#Footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #5c5c5c;
	margin: 0 0 5px 0;
	line-height: 1.4em;
}

#Footer p#Trademarks {color: #999;}

/* LISTS
----------------------------------------------- */

ul {
	margin:0;
	padding:0;
	list-style: none;
}

li {
	background: url('images/global/bullet.gif') no-repeat 0px 11px;
	padding-left: 10px;
}

.NoBullet li {
	background: none;
	padding-left: 0;
}

html>body li {background-position: 0px 7px;}

/* INPUT
----------------------------------------------- */

/* MISCELLANEOUS
----------------------------------------------- */


/* OVERLAY
----------------------------------------------- */
body, html {
	height: 100%;
}

#StoreOverlayBg, #StoreOverlay {
	position: absolute;
	display: none;
	background-color: #fff;
	z-index: 99;
}

#StoreOverlayBg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#StoreOverlay {
	width: 425px;
	border: 1px #000 solid;
	left: 0;
	top: 100px;
	text-align: left;
	padding: 15px 65px 15px 23px;
}

#StoreOverlay div {
	width: 193px;
}

#StoreOverlay h1 {
	margin-top: 0;
}

#StoreOverlay p {
	line-height: 1.2em;
}

#StoreChanger {
	width: 724px;
	margin: 0px auto;
	position:relative;
	top: -4px;
}

#StoreChanger div {
	background: url('images/global/store_chooser/top_bg_left.gif') no-repeat top left;
	float: right;
}

#StoreChanger div div {
	background: url('images/global/store_chooser/top_bg_right.gif') no-repeat top right;
	float: none;
	padding: 1px 8px 4px 8px;
}

#StoreChanger div img {
	margin: 2px 3px -2px 0;
}

/* PAGE SPECIFIC
----------------------------------------------- */

#Home h2 {
	border-bottom: 1px #858585 solid;
	color: #333;
	text-transform: uppercase;
	margin: 19px 11px 16px 11px;
	padding-bottom: 4px;
	font-size: 0.8em;
	font-weight: bold;
}

#Home .Accessories {
	float: left;
	margin-right: 22px;
	margin-left: 11px;
}

#Home .Accessories p, #Home .Accessories h3 {
	margin:0;
	font-weight: normal;
}

#Home #NatureGlide {width: 170px;}

#Home #NatureGlide img {margin-left: 16px;}

#Home #Attachments {width: 290px;}

#Home #PowerConverters {
	margin: 0 0 0 37px;
	width: 143px;
}  

#Home #PowerConverters img {margin-left: 25px;}

#Home #Footer {margin-top: 150px;}

#Home #MainContent, .TwoColumn #MainContent {padding: 0;}
html>body#Home #MainContent, html>body.TwoColumn #MainContent {padding-top: 1px;}

#Home #MainColumn, #Home #SideBar {
	float: left;
	margin: 0 0 0 11px;
}

#Home #MainColumn {width: 470px;}

#Home #SideBar {width: 221px;}

#Home #MainColumn h2, #Home #SideBar h2,  #Home #Ticker h2 {margin: 19px 0 16px 0;	text-transform: none;}

#Ticker {
	margin: 0 11px;	
	_height: 1%;
}

#Home #Ticker h2 {
	border: none;
	margin-bottom: 2px;
	margin: 8px 0 2px 0;
	position: relative;
}

#Home #Ticker h2 a {
	position: absolute;
	right: 0px;
	top: 3px;
	font-weight: normal;
	text-decoration: none;
}

#Ticker #TickerBg {
	font-weight: bold;
	color: #c3c3c3;
	background: #361629 url('images/home/knowledge_bg.jpg') no-repeat top left;
	border: 1px #000 solid;
	padding: 6px 40px 6px 7px;
	position: relative;
}

#Ticker #TickerBg .RSSIcon {
	position: absolute;
	right: 5px;
	top: 3px;
}

#ticker-area {
	display: none;	
	overflow: hidden;
	white-space: nowrap;
} 

#ticker-area a {
	color: #fff;
	text-decoration: none;
} 

#ticker-area a:hover, #Home #Ticker h2 a:hover {
	text-decoration: underline;
} 

/* Accessories
-------------------------------------------*/
.Accessory  h2 {margin-top: 0;}
.Accessory div.Right {width: 488px;}
.Accessory img.Left {margin: 0;}

.Accessory .dotted {
	clear: both;
	margin: 20px 0 0 0;
}


/* FAQ
-------------------------------------------*/
.FaqIndex, .FaqIndex li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.FaqIndex {margin-top: 0px;}

.FaqIndex li {
	background: url('images/global/bullet.gif') no-repeat 0px 5px;
	padding-left: 10px;
}

.Faq, .Faq li {list-style: none;}

.Faq, .Faq ul {
	margin: 10px 0 20px 0;
	padding:0;
}

.Faq li {
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background:   url("images/global/arrow_circle_right.gif") no-repeat 0px 3px;
}

.Faq li li {
	font-weight: normal;
	padding: 0;
	margin-left: 20px;
	background: none;
}

li.TopLink, .Faq li li.TopLink {
	padding-left: 18px;
	background:  url("images/global/up.gif") no-repeat 0px 5px;
}


/* PRODUCT TABLE
-------------------------------------------*/

.ProductTable tr img {
	margin-left: 48px; 
	position: relative;
	top: 2px; 
}

.ProductTable tr.PackagePics img {
	margin: 0; 
	top: 0;
}

.ProductTable tr.AddToBasket img {
	margin: 12px 0 0 0; 
	top: 0;
}

.ProductTable .ProductClass th {
	padding: 4px 2px 4px 5px;
	color: #fff;
}

.ProductTable .ProductClass th.TwoPlus {color: #b74b88;background-color:#fff;}

.ProductTable .ProductClass th.TopDeluxe {color: #b74b88;background-color:#fff;}

.ProductTable td.TopDeluxe, .ProductTable th.TopDeluxe {background-color:#f3f3f3;}


/* COMPARISON TABLE
-------------------------------------------*/

.ComparisonTable th {
	color: #fff;
	background-color: #621645;
}

.ComparisonTable .RowTitle {text-align:left;}

.ComparisonTable td, .ComparisonTable th {text-align: center;font-size: 0.77em;}

.ComparisonTable td {
	height: 4em;
	padding-bottom:0;
	padding-top:0;
}

.ComparisonTable td.Eroscillator {background-color: #f3f3f3;}

.ComparisonTable tr.Alternate td {background-color: #f6f1f4;}

.ComparisonTable tr.Alternate td.Eroscillator {background-color: #eae6e9;}

.ComparisonTable td.Small {font-size: 0.7em;}

.ComparisonTable td.Small img {
	position: relative;
	top: 3px;
	margin-bottom: -2px;
}


/* Knowledge base
-------------------------------------------*/
#CategoriesPanel .Left, #CategoriesPanel .Right {
	width: 312px;
	background: url('images/knowledge_base/header_bg.png') repeat-x top;
	padding: 0 4px;
	margin-bottom: 10px;
} 

#CategoriesPanel h3 {
	margin: 5px 4px 18px 4px;
	color: #9d1495;
	line-height: 13px;
}

#CategoriesPanel li {
	margin-bottom: 5px;
	padding: 0 0 1px 23px;
	background: url('images/knowledge_base/speech_bubble_icon.png') no-repeat left 1px ;
}

#CategoriesPanel li em {
	color: #666;
}

#CategoriesPanel a {
	text-decoration: none;
}

#CategoriesPanel a:visited {
	color: #335cad;
}


#CategoriesPanel a:hover {
	text-decoration: underline;
}

#CategoriesPanel .Left p, #CategoriesPanel .Right p {
	background: url('images/global/dot.gif') repeat-x top;
	padding-top: 6px;
	margin-top: 10px;
	color: #666;
}

/*
FONTS
10px	0.65em
11px	0.7em
12px	0.75em
13px	0.8em
15px	0.95em
16px	1em
18px	1.1em
20px	1.25em
22px	1.35em
24px	1.5em
32px	2em
49px	3em

LINE SPACING
16px	1.4em
20px	1.6em


*/