/*  GLOBAL
-------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url("images/global/background.gif") repeat-x top;
	margin:0;
	padding:0;
}

.Clear {clear: both;}

div.Clear{
	font-size: 1px;
	margin-bottom: -1px;
}

.Top {margin-top: 0px !important;}

.Last {margin-right: 0 !important;}

img {border:0;}


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

.IEDoubleMarginHack {display: inline;}

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


/* TEXT
-------------------------------------------*/
a {color: #009;}

a:visited {color: #609;}

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

h1 {
	margin: 0 0 30px 0;
	color: #000;
	border-bottom: 1px #a8a7ae solid;
	padding-bottom: 5px;
	font-size: 1.6em;
}

h2 {
	border-bottom: 1px #a8a7ae solid;
	padding: 0 0 2px 0;
}

h3 {
	font-size: 0.95em;
	font-weight: bold;
	margin: 30px 0 8px 0;
}

h4 {
	margin: -5px 0 21px 11px;
}

p {margin-top: 0;}

li li {font-size: 100%;}

th {text-align: left;}

.LinkWithBlueArrow {
	padding: 0 0 0 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	background:  url("images/global/blue_arrow.gif") no-repeat 0px 5px;
}

.Void {/*lets IE5 recover from the hack*/}


/* LISTS
-------------------------------------------*/
ul {margin-left: 15px;}

.PlainList, .PlainList li {margin:0;padding:0;list-style: none;}

.ProductRoundup {
	font-weight: bold;
	float: left;
	width: 250px;
	margin-left: 10px;
}

.ProductRoundup ul {margin-top: 0;}

/* CONTAINERS
-------------------------------------------*/
#Page {
	width: 700px;
	background: #fff url("images/global/left_background.gif") repeat-y left;
	padding-top: 135px;
	position: relative;
	z-index: 45;
}

#Top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 720px;
	height: 130px;
	background:  url("images/global/top_background.gif") no-repeat top left;
	z-index: 99;
}

#Top img {position: absolute;}
#Top #Logo {top: 14px; left: 15px;}
#Top #MadeForMen {top: 50px; left: 376px;}
#Top #TagLine {top: 93px; left: 180px;}
#Top #OfficialSite {top: 115px; left: 180px;}
#Top #TopPower {top: 33px; left: 584px;}

#MainContent {
	float: left;
	margin-left: 55px;
	width: 483px;
	padding-top: 25px;
}

/* rounded corner boxes
----------------------------------------------- */
.BoxContainer {
    padding: 0;
    margin: 0;
	background-color: #cac5e1;
}

.BoxContainer div, .BoxContainer div div {border-color:#26195c; }

.BoxMain {
	border-width: 0 1px 0 1px;
	border-style:solid;
    text-align: left;
    margin-bottom: 0;
}

.BoxTop {background: #26195C url("images/global/BoxCorner_TopLeft.gif") no-repeat left top;}

.BoxTop div {background:  url("images/global/BoxCorner_TopRight.gif") no-repeat right top;}

.BoxTop div div, .BoxBottom div div {
    background: none !important;    
	border-style:solid;
	margin: 0 5px 0 5px;    
	font-size: 1px;
}

.BoxTop div div {
    border-width: 1px 0 0 0;
    height: 4px;
}

.BoxBottom div div {
    border-width: 0 0 1px 0;
    height: 8px;
}

.BoxBottom {background:  url("images/global/BoxCorner_BottomLeft.gif") no-repeat left bottom;}

.BoxBottom div {background:  url("images/global/BoxCorner_BottomRight.gif") no-repeat right bottom;}

.BoxContainer h3 {
	margin:0;
	color: #fff;
	background-color:#26195C;
	padding: 1px 0 3px 8px;
	font-size: 0.8em;
}

.BoxContainer ul {margin-bottom:0;}

.Price {
	border: 1px #CBCACE solid;
	background-color: #EEEDF3;
	float: left;
	padding: 8px 14px;
	margin:0;
}

.Price span {font-size: 1.38em;}

.Price img {
	position: relative;
	top: 3px;
	left: 4px;
}

.Fade {
	background: #fff url("images/global/grey_fade.gif") repeat-x top;
}

.Fade div {
	float: left;
	width: 200px;
	margin: 7px 29px 0 6px;
}

.Fade div.Clear {float: none;}

.Fade p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
}

.Fade p.Price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 0;
	padding:0;
	background:0;
	float: none;
}

.ProductIndex .ProductImage {
	border: 1px #a8a7ae solid;
	float: left;
}

.ProductIndex h2 {
	background-color: #e3e1eb;
	padding: 4px 0 2px 11px;
}

.ProductIndex p, .ProductIndex h3 {
	float: left;
	width: 298px;
	margin:0 0 15px 18px;
}

.ProductIndex h3 {
	margin-bottom: 0;
	font-size: 1.1em;
	font-weight: normal;
}

.ProductIndex .Clear {
	clear: none;
	padding-bottom: 40px;
}

.ProductIndex p.Price {
	clear: both;
	background: none;
	border: 0;
	border-bottom: 1px #a8a7ae solid;
	margin: -40px 0 15px 177px;
	padding: 0 0 14px 0;
}


.PicAndCaption {
	float: left;
	margin: 0 20px 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.RightPic {
	float: right;
	margin: 0 0 20px 20px;
}


/* TABLES
-------------------------------------------*/
.DataTable {
	margin-top: 20px;
	border-collapse: collapse;
}

.DataTable td, .DataTable th {
	padding: 3px;
	border: 1px #ccc solid;
}

.DataTable th {background-color: #e3e1eb;}


/* NAVS
-------------------------------------------*/
#LeftNav {
	width: 127px;
	float:left;
}

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

#LeftNav li {
	background: #26195C url("images/global/nav_toprightcorner.gif") no-repeat top right;
	padding:0;
	margin:11px 0 11px 0;
}

#LeftNav li.Current  {background-color: #a7a1bc}

#LeftNav li a, #LeftNav li span {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	display: block;
	background:  url("images/global/nav_botrightcorner.gif") no-repeat bottom right;
	padding: 0px 5px 0px 13px;
	width:100%;/*IE5*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 109px; /*IE6*/
}

html>body #LeftNav li a, html>body #LeftNav li span {
	width: auto; /*Rest of world*/
}

#LeftNav li a:hover {background-color: #493881;}

#LeftNav li span {color: #000;}

/* Second level -------------------*/

#LeftNav ul ul {
	background-color: #cdc9db;
	margin:0;
	padding-top: 5px;
}

#LeftNav ul ul li {
	background:  url("images/global/black_dot.gif") no-repeat 3px 9px;
	margin:0;
	padding-top: 2px;
}

#LeftNav ul ul li a, #LeftNav ul ul li span {
	font-weight: normal;
	text-decoration: underline;
	background: none;
	color: #000;
}

#LeftNav ul ul li a:hover {
	background: none; 
	color:#493881;
}


/* FOOTER
-------------------------------------------*/
#Footer {
	border-top: 1px #a8a7ae solid;
	padding-top: 9px;
	margin-top: 75px;
	color: #a8a7ae;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	clear: both;
}


/* HOMEPAGE
-------------------------------------------*/

#Home #Device {position: absolute;top: 158px;left:127px;}

#Home #Slogan {position: absolute;top: 294px;left:182px;}

#Home #MainContent {padding-top: 342px;}

#Home .GayDash {
	margin: -45px 0 0 0;
	text-align: right;
}

#Home .GayDash img {
	position: relative;
	left: 38px;
}


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

.FaqIndex {margin-top: 0px;}

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

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

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

.Faq li li {
	color: #000;
	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;
}


/* PRODUCTS
-------------------------------------------*/
#BrowseProduct {
	width: 152px;
	float: right;
	margin-left: 20px;
}

#BrowseProduct ul {
	list-style: none;
	margin: 10px 8px 0 10px;
}

#BrowseProduct li {padding: 0 0 15px 12px;}

#BrowseProduct li.Current {
	font-weight: bold;
	background:  url("images/global/triangle_right.gif") no-repeat 0px 4px;
}