/* ======================================================================== */
/* Name:			Rings.css												*/
/* Author:			Derrick Went											*/
/* Date:			19 Jan 2007 											*/
/* Description:		Standard stylesheet to give the page structure			*/
/* Client:			Platinum Rings											*/
/* ======================================================================== */

html, body {height:100%; min-height:100%;}
body {padding: 0em; font-size: 80%; margin: 0px; color: #666666; font-family: Arial, Sans-Serif; background-color: #c2d1d3;}
.phoneNo {text-align:center; font-size:12px; color:#FFFFFF; padding:0;}
a {color:#666666;}


/* Rounded Panels */
/* The Outer one - white */
div#OuterPanel { margin: 3em auto 0 auto; background-color: #ffffff; width: 955px; min-width: 1%; max-width: 92.5%;}
b.OuterPanelTop, b.OuterPanelBottom {display:block; background: #C2D1D3; float:left; width: 100%; min-width: 1%; max-width: 100%}
b.OuterPanelTop b, b.OuterPanelBottom b {display:block; height: 1px; overflow: hidden; background: #ffffff}
b.OuterPanelTop b.RoundedPanelCell4, b.OuterPanelBottom b.RoundedPanelCell4 {margin: 0 1px; height: 2px}

/* The Inner one - #8C8C8C */
div#InnerPanel { margin: 0.25em 0.5em 0.25em 0.5em; background: #8C8C8C; float:left; height: 99%; min-height: 1%; max-height: 99%; width: 99%; min-width: 1%; max-width: 99%;}
b.InnerPanelTop, b.InnerPanelBottom {display:block; background: #FFFFFF; float:left; width: 100%; min-width: 1%; max-width: 100%}
b.InnerPanelTop b, b.InnerPanelBottom b {display:block; height: 1px; overflow: hidden; background: #8C8C8C}
b.InnerPanelTop b.RoundedPanelCell4, b.InnerPanelBottom b.RoundedPanelCell4 {margin: 0 1px;height: 2px}
b.RoundedPanelCell1 {margin: 0 5px}
b.RoundedPanelCell2 {margin: 0 3px}
b.RoundedPanelCell3 {margin: 0 2px} 

/* Left Only */
div#LeftPanel {margin: 0.25em 0.5em 0.25em 0.5em; background: #8C8C8C; float:left; height:100%; min-height: 1%; max-height:100%; width: 225px; max-width: 225px; /*border:2px solid #00dd00;*/ position:relative;}
b.LeftPanelTop, b.LeftPanelBottom {display:block; background: #FFFFFF; float:left; width: 100%; min-width: 1%; max-width: 100%; /*border:2px solid #00dd00;*/ position:relative;}
b.LeftPanelTop b, b.LeftPanelBottom b {display:block; height: 1px; overflow: hidden; background: #8C8C8C;}
b.LeftPanelTop b.LeftPanelCell4, b.LeftPanelBottom b.LeftPanelCell4 {margin: 0 0 0 1px; height: 2px}
b.LeftPanelCell1 {margin: 0 0 0 5px}
b.LeftPanelCell2 {margin: 0 0 0 3px}
b.LeftPanelCell3 {margin: 0 0 0 2px}

/* Logos */
div#Logo1 {font-size: 48px; color: white; font-family: 'Times New Roman'; text-align: center; margin:30px 0 0 0;}
div#Logo2 {font-size: 24px; text-transform: uppercase; font-family: 'Times New Roman'; color: white; text-align: center; text-decoration: overline; margin:0 0 30px 0;}

.line {background: white; height: 1px; min-height: 1px; max-height: 1px; line-height: 1px}
div#MainImage {padding-left: 0em; padding-bottom: 0px; padding-top: 0px;}
div#MainImage img {border: 0}

/* The Main Body */
div.MainBody {display: block; padding: 0em; position: relative; float: left; width: 100%; min-width: 1%; max-width: 100%; background: white;}
.MainBodyCentre {float: left; margin: 0px; height: auto !important; min-height: 1%; max-height: 100%; height: 100%; padding: 1.25em .25em .25em 1.25em; position: static; width: 650px; background: white;}
TD { vertical-align:top;}
/*
.MainBodyRight {float: left; min-height: 1%; max-height: 100%; padding: .25em 0em .25em .25em; width:100%; position: static;}
*/

/*
div.MainBody {display: block; border: 1px solid #ff0000; padding: 0em; position: relative; float:left; height: auto !important; height: 100%; min-height: 100%; max-height: 100%; width: 100%; min-width: 1%; max-width: 100%; background: white;}
.MainBodyCentre {float: left; border: 1px solid #00ff00; height: auto !important; min-height: 1%; max-height: 100%; height: 100%; padding: 1.25em .25em .25em 1.25em; position: static; width: 650px;}
.MainBodyRight {float: left; min-height: 1%; max-height: 100%; padding: .25em 0em .25em .25em; width:100%; position: static;}
*/

/* Vertical Menu */
.VerticalMenu {display: display; position: relative; top: 0px; left:0; background: #8C8C8C; height:537px; min-height:1%; max-height:100%; /*border:1px solid #ff0000;*/}
.VerticalMenu ul {padding: 0em; margin: 0em; list-style-type: none; text-align: center; height:100%; max-height:100% border:3px solid #ff0000;}
.VerticalMenu li {background: #8C8C8C; padding:0 0 0 0.5em; display: block; float: left; margin: 0; width: 215px; line-height:1.5em; position: relative; height: 2.2em; text-align: left; color: white;}  

.VerticalMenu li ul {display: none; position: relative; top: .5em; left: 13em; z-index:9;}
/*.VerticalMenu li > ul {top: .5em; left: 13em;}*/
.VerticalMenu li:hover ul {display: block; z-index:9;}
.VerticalMenu li.over ul {display: block; z-index:9;}
.VerticalMenu li a {display: block; width:100%; height:18px; font-weight: bold; float: left; text-transform: uppercase; /*width: 13em;*/ color: white; text-align: left; text-decoration: none; padding:0 0 3px 0;} 
.VerticalMenu li a:hover {display: block; width:100%; height:18px; background-color:#ffffff; font-weight: bold; float: left; color: #4F93D4; text-align: left; text-decoration: none;} 

.menuSmallText {font-size:0.95em; margin:5px 0 10px 5px; padding:0; color:#FFFFFF; text-align:left;}
.cardLogos {margin:0; padding:0;}
.cardLogos li {list-style:none;}
.cardLogos img {width:30px; height:20px;}

/* Standard items */
ol {display: block; padding: 0em; position: relative; /*min-height: 1%; max-height: 100%;*/ float:left; /*min-width: 1%; max-width: 100%; width: 100%;*/ list-style: none; margin: 0em;}
legend {padding: 0em; font-weight: 600; font-size: 125%; display: block; background: none transparent scroll repeat 0% 0%;} 

/* E-Commerce */
span.HelpIndicator {display: block;	text-align: center; height: 2em; line-height: 2em;}
.HelpIndicator a {padding: 0.25em; font-weight: bold; color: white; background-color: #a7a9ac; text-align: center; text-decoration: none;}
div.TheHelpTextBox {display: block; padding: 10px; z-index: 9; left: 560px; float: none; width: 300px;  position: absolute; top: 150px; height: 100px; min-height:160px; background-color: white; border:2px solid #999999;} 
.HelpHeading {font-weight: bold; margin-bottom: .5em; width: 100%; text-align: center; text-decoration: underline;}
div.ButtonBar {display: block; position: relative; min-height: 1%; max-height: 100%; float:left; min-width: 1%; max-width: 100%; width: 100%; margin:20px 0 0 0;}

div#HelpPDA2Heading {margin:240px 0 0 0;}

.ButtonBar {padding: 0 0 0 2em;}
span.Button {display: inline; line-height: 2em; height: 2em; float: left; min-height: 2em; max-height: 2em; width: 125px; min-width: 125px; max-width: 125px;}
/*
.ProductDetails span.Button {display: block; line-height: 2em; height: 2em; float: left; min-height: 2em; max-height: 2em; width: 125px; min-width: 125px; max-width: 125px; margin:-12px 0 0 -30px;}
*/
span.ButtonSpacer {padding: 0px; background-position: center center; display: inline;	float: left; line-height: 2em; height: 2em; min-height: 2em; max-height: 2em; text-align: center; width: 125px; min-width: 125px; max-width: 125px;}
/*
span.Button a {border-top: 0; border-bottom: 0; border-left: white 5px solid; border-right: white 5px solid; padding: 0px; MIN-WIDTH: 90px; font-weight: bold; MIN-HEIGHT: 2em; float: left; MAX-WIDTH: 90px; margin: 0em; text-transform: uppercase; width: 90px; color: white; MAX-HEIGHT: 2em; line-height: 2em; height: 2em; background-color: #a7a9ac; text-align: center; text-decoration: none;}
*/
span.Button a {background-image: url(../images/PR-Button.gif); background-repeat: no-repeat; background-position: left center; padding: 0px; font-weight: bold; margin:  0em; text-transform: uppercase; width: 125px; min-width: 125px; max-width: 125px; color: white; float: left; line-height: 2em; height: 2em; min-height: 2em; max-height: 2em; text-align: center; text-decoration: none;}

fieldset {border: none;}
.ErrorMessage {color: red;}
img {border: 0px;}

/* News */
fieldset.NewsItems {margin: 0px; padding: 0px; min-height: 1%; max-height: 100%; float:left; min-width: 1%; max-width: 99%; width: 99%;}
.NewsItems legend {font-weight: bold; margin: 0em 0em 0em -1em;}
.NewsItems ol {padding: 0em; margin: 0em;} 
.NewsItems li {display: block; margin: 0em; padding: 0em; position: relative; text-align: left; min-height: 1%; max-height: 100%; float: left; min-width: 1%; max-width: 100%; width: 100%;}
fieldset.NewsItem {margin: 0px; padding: 0px; min-height: 1%; max-height: 100%; float:left; min-width: 1%; max-width: 99%; width: 99%;}
.NewsItem legend {font-weight: bold; margin: 0em 0em 0em -1em; float: left; min-width: 100%; max-width: 100%; width: 100%; padding: 0.25em 0.5em 0.25em 0.5em; background-color: #BCC4D7;}
.NewsItem ol {padding: 0em; margin: 0em;} 
.NewsItem li {display: block; margin: 0em; padding: 0em; position: relative; text-align: left; min-height: 1%; max-height: 100%; float: left; min-width: 1%; max-width: 100%; width: 100%;}
.NewsItemSummary {float: left; min-width: 40em; max-width: 40em; width: 40em;}
.NewsItemDateUpdated {}
div.NewsItemArticle ol {padding: 0em 1em 0.5em 1em; float: left; min-height: 1%; max-height: 100%; height: 100%; min-width: 100%; max-width: 100%; width: 100%;}
div.NewsItemArticle ol li {list-style: decimal none outside;}
div.NewsItemArticle ul {padding: 0em 1em 0.5em 1em; float: left; min-height: 1%; max-height: 100%; height: 100%; min-width: 100%; max-width: 100%; width: 100%;}
div.NewsItemArticle ul li {list-style: disc none outside;}

/* Panels */
div#MensRings_Heading			{display: block; width: 476px; height:  110px; margin: 50px 15% 0 15%; background: url(../images/products/titles/mens-rings.gif)			no-repeat;}
div#MensCourt_Heading			{display: block; width: 476px; height:  89px; margin: 50px 15% 0 15%; background: url(../images/products/titles/mens-court-rings.gif)	no-repeat;}
div#MensFlat_Heading			{display: block; width: 476px; height: 108px; margin: 80px 15% 0 15%; background: url(../images/products/titles/mens-flat-rings.gif)	no-repeat;}
div#LadiesRings_Heading			{display: block; width: 476px; height:  89px; margin: 40px 15% 0 15%; background: url(../images/products/titles/ladies-rings.gif)		no-repeat;}
div#LadiesDiamondSet_Heading	{display: block; width: 476px; height: 108px; margin: 40px 15% 0 15%; background: url(../images/products/titles/ladies-diamond.gif)		no-repeat;}
div#LadiesCourt_Heading			{display: block; width: 476px; height: 108px; margin: 40px 15% 0 15%; background: url(../images/products/titles/ladies-court-rings.gif) no-repeat;}
div#LadiesFlat_Heading			{display: block; width: 476px; height: 108px; margin: 40px 15% 0 15%; background: url(../images/products/titles/ladies-flat-rings.gif)	no-repeat;}
div#MensRings_Heading			h3 {visibility:hidden;}
div#MensCourt_Heading			h3 {visibility:hidden;}
div#MensFlat_Heading			h3 {visibility:hidden;}
div#LadiesRings_Heading			h3 {visibility:hidden;}
div#LadiesDiamondSet_Heading	h3 {visibility:hidden;}
div#LadiesCourt_Heading			h3 {visibility:hidden;}
div#LadiesFlat_Heading			h3 {visibility:hidden;}

#MensRings_Court				{font-size: 0.75em; margin: 10px 10px 0px 10px;}
#MensRings_Flat					{font-size: 0.75em; margin: 10px 10px 0px 10px;}
#MensRings_BottomLeft			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#MensRings_BottomCentre			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#MensRings_BottomRight			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#MensCourt_BottomLeft			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#MensCourt_BottomCentre			{font-size: 0.75em; padding: 3em 1em 1em 1em; }
#MensCourt_BottomRight			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#MensFlat_BottomLeft			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#MensFlat_BottomCentre			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#MensFlat_BottomRight			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesRings_DiamondSet			{font-size: 0.75em; padding: 1em;}
#LadiesRings_Court				{font-size: 0.75em; padding: 1em;}
#LadiesRings_Flat				{font-size: 0.75em; padding: 1em;}
#LadiesRings_BottomLeft			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesRings_BottomCentre		{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesRings_BottomRight		{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesDiamondSet_BottomLeft	{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesDiamondSet_BottomCentre	{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesDiamondSet_BottomRight	{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesCourt_BottomLeft			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesCourt_BottomCentre		{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesCourt_BottomRight		{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesFlat_BottomLeft			{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesFlat_BottomCentre		{font-size: 0.75em; padding: 3em 1em 1em 1em;}
#LadiesFlat_BottomRight			{font-size: 0.75em; padding: 3em 1em 1em 1em;}

#TopLine {vertical-align: top; display: block;}
#TopLinksLeft {float: left; font-size: 0.75em; text-transform: uppercase; text-decoration: none;}
#TopLinksRight {float: right; font-size: 0.75em; text-transform: uppercase; text-decoration: none;padding-left: 5em;}

#TopLinksLeft a {color:#666666;}
#TopLinksRight a {color:#666666;}
#BottomLinks a {color:#666666;}

#BottomLine { vertical-align: top;}
#BottomLinks {padding-left: 15em; text-align: center; float: left; font-size: 0.75em; text-transform: uppercase; text-decoration: none; width: 75%; min-width: 75%; max-width: 75%;}
#BottomLogo { float: right; margin-right: 5em;}

/*
	#Index_Ladies {display: inline; font-size: 0.75em; float: left; width: 45%; min-width: 45%; max-width: 45%; padding: 1em; 1em;}
	#Index_Ladies img {display:block; position:relative; margin:-70px 0 0 0;}
	#Index_Mens {width: 45%; font-size: 0.75em; min-width: 45%; max-width: 45%; padding: 1em; 1em;}
	#Index_Mens img {display:block; position:relative; margin:-70px 0 0 0;}
	#Index_Diamond {font-size: 0.75em; display: inline; float: left; width: 45%; min-width: 45%; max-width: 45%; padding: 1em;}
	#Index_Diamond img {display:block; position:relative; margin:-70px 0 0 0;}
	#Index_WhyChooseUs {font-size: 0.75em; width: 45%; min-width: 45%; max-width: 45%; padding: 1em;}
	#Index_WhyChooseUs img {display:block; position:relative; margin:-70px 0 0 0;}
*/

#Index_Ladies {display: inline; font-size: 0.75em; float: left; padding: 1em; 1em;}
#Index_Ladies img {display:block; position: relative;}
#Index_Mens {font-size: 0.75em;  padding: 1em; 1em;}
#Index_Mens img {display:block; position:relative;}
#Index_Diamond {font-size: 0.75em; display: inline; float: left;  padding: 1em;}
#Index_Diamond img {display:block; position: relative;}
#Index_WhyChooseUs {font-size: 0.75em; padding: 1em;}
#Index_WhyChooseUs img {display: block; position: relative;}


.MoreLink {text-transform: uppercase; text-decoration: none;}

#MensFlat_Heading {margin:50px 0 0 0;}