﻿
body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background:#c1d4e1    url(../images/bg.png) repeat-x; 
	color:#093b61;
	margin-top:0px;
}
center
{
	margin-left:-30px;
}
a
{
	color:#5682a4;
	text-decoration:underline;
}
a:hover
{
	color:#7b95a9;
	text-decoration:none;
}
h1 { font-size:15pt; }
h2 { font-size:12pt; margin-bottom:0px; color:#dc6117; }

ul { padding:0}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix, *:first-child+html .clearfix {zoom: 1; display: block; /* resets display for IE/Win */}

.hd3{ font-weight:bolder; }


/*************************************** Skin Styles ******************************/
#header{
	position:relative;
	background-position:50% 0%;
	margin: 0px auto;	
	width:1040px;
	height:109px;
	line-height:153px;
	background-repeat:no-repeat;
	background-image:url(../images/header4.png);		
}

#container 
{
	position:relative; 
	background-position:50% 0%;
	background-image:url(../images/container.png);
	margin: 0 auto;	
	width: 1040px;
	background-repeat: repeat-y;
	text-align: left;
	
	*margin-top:0px;
	min-height:300px;
}

#content
{
	margin-left:45px;
}

#footer
{
	position:relative;
	background:url(../images/footer2.png) no-repeat 50%;
	margin: 0 auto;	
	width:1040px;
	height:61px;
	text-align:center;
	top:0px;
	color:Gray;
	z-index:-1;
}

/*a.btn { background:no-repeat left -1px; color:#fff; cursor:pointer; display:block; float:left; outline:none; text-decoration:none; }
a.btn em { background:no-repeat right -1px; display:block; float:left; font-style:normal; font-weight:700; position:relative; }

a.medOrange, a.medOrange em { background-image:url(../images/orangeBtn.gif); }
a.medOrange:hover { background-position: left -29px; }
a.medOrange em:hover {background-position: right -29px; }
a.medOrange { margin-right:11px; height:28px; line-height:28px;  }
a.medOrange em { font-size:12px; height:28px; line-height:28px; padding-right:15px; right:-15px; }

a.medBlue, a.medBlue em { background-image:url(../images/blueBtn.gif); }
a.medBlue:hover { background-position: left -29px; }
a.medBlue em:hover {background-position: right -29px; }
a.medBlue { margin-right:11px; height:28px; line-height:28px;  }
a.medBlue em { font-size:12px; height:28px; line-height:28px; padding-right:15px; right:-15px; }*/



/**********************************  Page Styles **********************************/
.mnuBarBtnSmall
{
	background-image:url(../images/mnuBarBtn.png);
	font-weight:bolder;
	width:31px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	background-repeat:no-repeat;
	padding:6px 6px 6px 6px;
	color:#093b61;
	position:relative;
	top:-2px;
}
.mnuBarBtnSmall:hover
{
	text-decoration:none;
}
.txtBoxBg
{
	background-image:url(../images/txtBoxBg.png);
	background-repeat:repeat-x;
}

#footerTxt { position:relative; top:50px; }
#footerLinks { position:relative; top:25px; margin-top:20px; *margin-top:0px; }

.title { font-size:22px; color:#7a939f; font-weight:bold; margin-bottom:20px;}

.subtitle {font-size:12pt; color:#777777; font-weight:bold; }

.tableHdr { color:White; font-weight:bold; background-image:url(../images/tableHdr.gif); background-repeat:repeat-x; }

.row1 { margin: 0px 0px 0px 4px; background-color:#efefef;  }
.row2 { margin: 0px 0px 0px 4px; background-color:#dedede; }

.bottomRow { border-bottom:solid 1px black; }

.grandTotLbl { margin-left:500px; }

.genImage { border:none; }

.sectionedContainer{width:530px; margin-left:80px; margin-top:-15px; padding-right:12px; border-right:dotted 1px #cccccc }

.unsectionedContainer{ margin-left:25px; }

.underline { border-bottom:1px dotted #cccccc; }

.footnote
{
	background-color:#efefef;
	border:solid 1px #cccccc;
	font-size: 8pt;
	padding:4px 0 4px 6px;
}

.contentBox
{
	background: #f0f2f4 url(../images/contentBxBg.png) repeat-x;
	padding: 4px 4px 4px 4px; 
	border:solid 1px #a6bac9;	
}
.contentBox2
{	
	font-size:8pt;
	background-repeat:repeat;
	padding:6px 6px 6px 6px;	
	color:#dec0c0;
}

.modalBackground {  background-color:#999999;  filter:alpha(opacity=70);  opacity:0.7;}




/**********************************  Button Styles ********************************/

.button
{
	/*width:100%*/
	height: 28px;
	font-family:Arial;
	font-weight:bold;	
}

.button div
{	
	float: left;		
	margin: 0;
	padding: 0 0 0 10px;
}

.button a
{
	float: left;
	display: block;	
	padding: 7px 14px 7px 2px;
	text-decoration: none;
	color:#e7e7e7;
}


.button div:hover, .button a:hover
{
	color:White;
	background-position: 0% -29px;
}

.button div:hover a
{
	background-position: 100% -29px;
}

.btnOrange a
{ background: url(../images/orangeBtn.png) no-repeat right -1px; }

.btnOrange div
{ background: url(../images/orangeBtnLeft.png) no-repeat left -1px; }

.btnBlue a
{ background: url(../images/blueBtn.png) no-repeat right -1px; }

.btnBlue div
{ background: url(../images/blueBtnLeft.png) no-repeat left -1px; }


/********************************* Menu Styles ************************************/

.Nav {list-style:none; position:absolute; top:-52px; *top:-40px;}
.Nav li { height: 25px; line-height:25px; }

ul.Nav li a { text-decoration:none; }
li.Home { float:left; margin-top:1px; }
li.Home a { color:#f9f6ee; font-weight:bold; display:block; font-size:13px; height:25px; padding: 0 14px 0px 14px; border-right: dotted 1px #eccfc1; }
li.Home a:hover { background:#FCFFF3 url(../images/mnuHover.png) no-repeat left -1px; }

li.navItem { float:left; margin-top:1px; position:relative; height:25px; zoom:1; z-index:1000; }
li.navItem a { color:#f9f6ee; font-weight:bold; display:block; font-size:13px; height:25px; padding: 0 14px 0px 14px; border-right: dotted 1px #eccfc1;  }
li.navItem a:hover { background:#FCFFF3 url(../images/mnuHover.png) no-repeat left -1px; }
/*li.navItem span { position:relative; z-index:2; }
li.navItem span a { border-right:#fff solid 1px; color:#f9f6ee; font-weight:bold; display:block; font-size:14px; line-height:13px; outline:none; padding:0 20px; }
li.navItem span a:hover { background:#FCFFF3 url(i/tempNav/home_hover.png) no-repeat left -1px; }*/
li.navItem a span { background:url(../images/ddown_icon.png) no-repeat right 6px; display:block; padding-right:25px; }

li.navItemLoading { border-right:1px solid #C1B597; border-left:#fff solid 0px; float:left; margin-top:1px; position:relative; }
li.navItemLoading span a { border-right:#fff solid 1px; color:#556B11; display:block; font-size:13px; line-height:13px; outline:none; padding:0 20px; }
li.navItemLoading span a span { background:url(i/loading.gif) no-repeat right 9px; display:block; padding-right:25px; }


/*--Drop Down Syles for Nav--*/

.navSubContainer{ position:absolute; top:25px; border-top: solid 1px #de8154; }
.navSubItemList { list-style: none; }
.navSubItems { position:relative; background:url(../images/mnuSubBg.png) repeat; color:#f9f6ee; z-index:999; padding:0px; border-left:solid 1px #de8154; border-right:solid 1px #de8154;}
.navSubItemList{ padding:0px; }
.navSubItemList li { border-bottom:solid 1px #de8154; margin-left:0px; padding-left:0px; margin-left:0px; *margin-left:-41px; }
.navSubItemList li a { border:none; }
.navSubItemList li:hover { background:#FCFFF3 url(../images/mnuHover.png) no-repeat left -1px; }

.bb { background:url(../images/bb.png) bottom left repeat-x; height:3px; margin:0  6px 0 10px; position:relative; }
.bb .bl { width:12px;}
.bb .br {width:6px;}
.bb .bl, .bb .br { position:absolute; bottom:-8px; background:url(../images/corners.png) no-repeat; height:20px; }
.bl{width:10px;}
.bb .bl {background-position:left; left:-12px; }
.bb .br { background-position:right; right:-6px; }

/*------------------------------   End Menu Styles -----------------------------------*/

.altGridRow{ background:#dde2e3 url(../images/altGridRow.png) repeat-x;}
.gridHdr {background:#1c6293 url(../images/gridHdr.png) repeat-x; height:30px; color:#e4e9ec; }
.gridHdr a{ color:#e4e9ec; }


/** html #header, * html #container, * html #footer, * html #watchesNav, * html #pendantsNav, * html #ringsNav, * html #braceletsNav{behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", 
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", 
	this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), 
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", 
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); 
}*/

.loadingSmall
{
	background-image:url(../images/loadingOrange.gif);
	height:16px; width: 16px; line-height:16px;
	float:left;
	
}
.expanded
{
	background-image:url(../images/minus.gif);
	width:16px;
	height:16px;
	line-height:16px;
	float:right;
}
.collapsed
{
	width:16px;
	height:16px;
	line-height:16px;
	float:right;
	background-image:url(../images/plus.gif);
}

/****************************************** WishList styles ******************************************/
.modalWindow
{
	width:250px;
	padding:10px 10px 10px 10px;	
	position:fixed;
	left:35%;
	top:15%;
	z-index:11111;
}

.updateProgress
{
	background-image:url(../images/processing.gif);
	background-repeat:no-repeat;
	width:134px;
	height:29px;
	line-height:29px;
	
}

#wishListContainer
{
	overflow:auto;
	height:200px;
	width:300px;
}

/****************************************** PickList Styles *****************************************/
#pickListContainer
{
	overflow:auto;
	height:200px;
	width:300px;
}