/* 
	RESKIN STYLE SHEET
	Freya Communications, inc.
	Pierre-Luc Pepin
	April 2006
	
	#Header => Main Div which contains the entire header.
			|- #Head => Defines properties of the first row of the header.
						|- #Image => Includes the image logo of store.
			|- #SurroundBorder =>	Border which surrounds row 2 & 3 (Menu & SubHeader).
						|- #Menu =>	2nd row, main menu.
									|- #Links => Defines main properties to all links.
												|- a => Defines properties to all anchor tags.
												|- a:hover => Defines properties to the "mouse over" event.
												|- li => Aligns all listed items on the same line.
												|- #current => Defines the properties of the list item which is the current browsed page.
						|- #subMenu => 3rd row, sub menu.
									|- #Links => Defines main properties to all links.
												|- a => Defines properties to all anchor tags.
												|- a:hover => Defines properties to the "mouse over" event.
												|- li => Aligns all listed items on the same line.
												|- #current => Defines the properties of the list item which is the current browsed page.
						|- #RightMenu => Defines the main properties for the location of the Right menu.
									|- #Links => Defines main properties to all links.
												|- a => Defines properties to all anchor tags.
												|- a:hover => Defines properties to the "mouse over" event.
												|- li => Aligns all listed items on the same line.
												|- #current => Defines the properties of the list item which is the current browsed page.
	
	#TOC => Left Toc
*/

/* TOP HEADER */
#Header {
	position: relative;
	width: 778px;
	border: 0px solid #66A8F3;
	border-bottom: 0;
}

#Head {
	position: absolute;
	top: 0px; left: 0px;
	width: auto;
	margin: 0px; padding: 0px;
}

#Head #Image {
	float: left; 
	width: 460px; height: 90px; 
	background-image: url(images/header.jpg);
} 

#SurroundBorder {
	position: relative;
	top: 90px; left: 0px;
	width: auto; height: 64px;
	border: 1px solid #1E2363;
	clear: left;
}

#Menu {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 28px; 
	
	background-color: #1E2363; 
	clear: both; 
	
	border-width: 1px; 
	border-left-style: solid; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-color: #FFF;
}

/* TEXT BUTTONS */
#Menu #Links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}

#Menu #Links a {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.6em;
	border-right: 1px solid #1E2363;
}

#Menu #Links a:hover {
	background-color: #F97414;
	color: #1E2363;
	padding-bottom: 0.6em;
}

#Menu #Links li {
	display: inline;
}

#Menu #Links #current {
	background-color: #F97414;
	color: #1E2363;
	font-weight: bold;
	font-size: 14px;
	padding-left: 1em;
	padding-right: 1.em;
	padding-bottom: 0.6em;
	padding-top: 0.4em;
	/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
}

/* GRAPHIC BUTTONS */
.nav_Tab_1 {
	background-image: url(images/Home.jpg);
	background-repeat: no-repeat;
	width: 69px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_1:HOVER, .nav_Tab_1_current {
	background-image: url(images/Home-over.jpg);
	background-repeat: no-repeat;
	width: 69px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_2 {
	background-image: url(images/dvds_gay.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_2:HOVER, .nav_Tab_2_current {
	background-image: url(images/dvds_gay-over.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_3 {
	background-image: url(images/dvds_straight.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_3:HOVER, .nav_Tab_3_current {
	background-image: url(images/dvds_straight-over.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_4 {
	background-image: url(images/adult_toys.jpg);
	background-repeat: no-repeat;
	width: 110px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_4:HOVER, .nav_Tab_4_current {
	background-image: url(images/adult_toys-over.jpg);
	background-repeat: no-repeat;
	width: 110px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_5 {
	background-image: url(images/lubes.jpg);
	background-repeat: no-repeat;
	width: 64px;
	height: 43px;
	display: block;
	float: left;
}
.nav_Tab_5:HOVER, .nav_Tab_5_current {
	background-image: url(images/lubes-over.jpg);
	background-repeat: no-repeat;
	width: 64px;
	height: 43px;
	display: block;
	float: left;
}

#subMenu {
	margin: 0;
	letter-spacing: .1em;
	padding: .3em 5.5em;
	text-align: left;
}
#subMenu #Links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding-top: 0px;
	
}
#subMenu #Links a {
	color: #FCD0DB;
	padding-right: 1em;
	padding-left: 1.5em;
	margin: 0;
	text-align: left;
	text-decoration: none;
	background-image: url(images/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
}
#subMenu #Links a:hover {
	/*background-color: #D0D0D0;*/
	text-decoration: none;
	color: #FCF2F5;
}
#subMenu #Links li {
	display: inline;
}
#subMenu #Links #current {
	/*background-color: #FFF;*/
	color: #FF0000;
	font-weight: bold;
}

/* RIGHT MENU */
#RightMenu {
	position: absolute;
	top: 15px;
	left: 615px;
}
#RightMenu #Links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px; padding: 0px;
	font-weight: bold;
	text-transform:uppercase;
}
#RightMenu #Links a {
	color: #55bbFF;
	padding: 0.4em 0em;
	margin: 0.2em;
}
#RightMenu #Links a:hover {
	color: #ddd;
}
#RightMenu #Links li {
	display: inline;
	list-style-type: none;
	color: #000;
	margin: 0px; padding: 0px;
}
#RightMenu #Links #current {
	color:#FFF;
	border-top: 1px solid #54978F;
	border-left: 1px solid #54978F;
	border-right: 1px solid #54978F;
	background-color: #99cc99;
	font-weight: bold;
}

/* TOC */
#TOC {

	/* PADDING & MARGIN */
	padding: 2px 0 0 1px; margin: 0;

	/* BORDER */
 	border-width: 0px;
	border-style: dashed;
	border-color: red;
	width: 166px;
	
	/* Text */
	color: #000;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}
#TOC .SearchBox {
	position: relative; 
	border: 1px solid #003D63;
	margin-bottom: 0;
	padding-bottom: 0;
}
#TOC .SearchBox .Header {
	Text-transform: uppercase; 
	font-size: 11px;
	font-weight: bold; 
	color: #FFF; 
	background-color: #DFDFDF; 
	padding: 0px 0 2px 4px;
	margin: 0;
	text-align: left;
	background-image:url(images/submenu.jpg);
	background-position:center;
}
#TOC .SearchBox FORM {
	position: relative; 
	Color: white; 
	Background-Color: #fff; 
	margin: 0; padding: 0;
	Margin: 10px auto;
	text-align: center;
	
	/* BORDER */
 	border-width: 0px;
	border-style: dashed;
	border-color: orange;
}
#TOC .SearchBox FORM INPUT, SELECT {
	width: 140px;
}
#TOC .SearchBox FORM INPUT.Text {
	position: relative;
	margin: 0 0 3px 0;
	padding: 0 0 0 2px;
	border-width: 1px;
	border-style: inset;
	border-color: #366085;
	
	/*text*/
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#TOC .SearchBox FORM INPUT.Submit {
	position: relative;
	margin: 0;
	padding: 2px;
	
	/*text*/
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(images/submenu.jpg);
	background-position:center;
	background-color: #000033;
	border-style: solid;
	border-width: 1px;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-bottom-color: #2190D5;
	border-right-color: #2190D5;
	letter-spacing: .1em;
}
#TOC .SearchBox FORM SELECT {
	position: relative;
	margin: 0 0 3px 0;
	padding: 0;
	
	/*text*/
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#TOC DIV.Leaders{
	/*padding-top: 0px;
	margin-left: 0px;*/
	
	/* BORDER */
 	border-width: 0px;
	border-style: dashed;
	border-color: blue;
}
#TOC DIV.Leaders DIV, #TOC DIV.Bullets DIV{
	border-bottom-width: 2px;
	border-bottom-style: groove;
	border-bottom-color: #66FFFF;
	padding-top: 5px;
	padding-bottom: 10px;
}
#TOC DIV.Leaders DIV UL, #TOC DIV.Bullets DIV UL{
	list-style-type: none;
	margin: 0; padding: 0;
	
	/* BORDER */
 	border-width: 0px;
	border-style: dashed;
	border-color: green;
	text-align: left;
}
#TOC DIV.Leaders DIV LI, #TOC DIV.Bullets DIV LI{
	padding-left: 20px;
	background-image: url(../images/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 8 .5em;
	text-align: left;
	
	/* BORDER */
 	border-width: 0px;
	border-style: dashed;
	border-color: yellow;
}
#TOC .ListTitle {
	background-color: #fff;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	text-align: left;
	width: 100%;
}
#TOC .More {
	//
}
#TOC .Clearance {
	display: none;
}
#TOC .Webmasters {
	display: none;
}