/*
Company:	Morgan Jewelers
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html, body {
	background: url(../images/top-stripe.gif) repeat-x 0 0 #fff;
}
body {
	font-family: Georgia, Times, serif;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 0 10px 0;
}
div.hd-right {
	width: 800px;
	float: right;
	display: inline;
}

/* Body */
div#bd {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}

/* Footer */
div#ft {
	background: url(../images/ft-border.gif) repeat-x 0 0 #000;
	overflow: hidden;
}
div#ft-inner {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 0 0 0;
}
div#ft ul {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 36px;
}
div#ft ul li {
	display: inline;
}
div#ft ul li a {
	font-weight: bold;
	padding: 0 17px;
}
div#ft ul li a:link, div#ft ul li a:visited {
	color: #fff;
}
div#ft div.copyright {
	margin: 0;
	padding: 10px 0;
	color: #b8b8b8;
	font-size: 108%;
	text-align: center;
	background:url(../images/copyright.gif) no-repeat center 35px;
	height:100px;
}
/* @end */

/* @group Modules */
/* Logo */
div#logo {
	width: 147px;
	height: 112px;
	background: url(../images/morgan-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	float: left;
	display: inline;
}
div#logo a {
	display: block;
	height: 100%;
}

/* Banner */
div#hd div.banner {
	margin: 25px 0 0 0;
	width: 468px;
	height: 60px;
	float: left;
	display: inline;
}

/* Specials */
div#hd div.special {
	width: 298px;
	height: 64px;
	margin: 24px 0 0 0;
	float: right;
	display: inline;
}
div#hd div.special a {
	display: block;
	background: url(../images/special-offers.jpg) no-repeat 0 0;
	height: 64px;
	overflow: hidden;
	text-indent: -9000px;
}

/* Shipping */
div#hd div.shipping {
	clear: both;
	text-align: right;
	font-size: 116%;
	padding: 5px 0 0 0;
}
div#hd div.shipping img {
	vertical-align: baseline;
}
div#hd div.shipping p {
	margin: 0;
}

/* Why Choose */
div.why-choose {
	padding: 10px 0;
	background: url(../images/why-choose-border.gif) repeat-x 0 100%;
	margin: 0 0 10px 0;
}
div.why-choose p {
	color: #cc0000;
	text-transform: uppercase;
	font-size: 85%;
	margin: 0;
	text-align: left;
}
div.why-choose p span {
	color: #000;
	padding: 0 0 0 10px;
}
div.why-choose p span a:link, div.why-choose p span a:visited {
	color: #000;
	text-decoration: underline;
}
div.why-choose p span a:hover {
	text-decoration: none;
}

/* Breadcrumb */
div#bd p.bc {
	font-size: 77%;
	color: #6d6d6d;
	margin-left: 0px;
}
div#bd p.bc span {
	color: #454545;
	font-weight: bold;
	padding: 0 4px;
}
div#bd p.bc a {
	padding: 0 4px;
}
div#bd p.bc a:link, div#bd p.bc a:visited {
	color: #cc0000;
	text-decoration: underline;
}
div#bd p.bc a:hover {
	text-decoration: none;
}

/* Feature */

#feature_rotation, #feature_rotation li {width: 717px;margin:0px;padding:0px;list-style:none;}


#feature_rotation li.featured { display: none; }
#feature_rotation li.featured_first { display: block; }

div.feature {
	background: url(../images/feature-bkg.jpg) no-repeat left bottom;
	width: 717px;
	height: 251px;
	margin: 0 0 10px 0;
	z-index:0;
	overflow:hidden;
}

div.featured_image {
	height:254px;
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
	z-index:0;
}

div.main div.feature h1 {
	font-size: 223%;
	color: #cc0000;
	margin: 0 0 20px 15px;
	padding: 10px 0 0 0;
	font-weight: normal;
}
div.main div.feature h2 {
	font-size: 123.1%;
	color: #000;
	margin: 0 0 5px 15px;
	font-weight: normal;
}
div.main div.feature h2 span {
	color: #cc0000;
}
div.main div.feature p {
	font-size: 108%;
	color: #464646;
	width: 350px;
	margin: 0 0 10px 15px;
}
div.main div.feature p.show-featured {
	font-size: 93%;
	padding-top: 20px;
}
div.main div.feature p.show-featured a {
	background: url(../images/red-arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
}
div.main div.feature p.show-featured a:link, div.main div.feature p.show-featured a:visited {
	color: #cc0000;
	text-decoration: underline;
}
div.main div.feature p.show-featured a:hover {
	text-decoration: none;
}

/* Feature - Store View */
div.feature_store {
	background: url(../images/store-view-bkg.jpg) no-repeat 0 0;
	width: 717px;
	height: 251px;
	margin: 0 0 10px 0;
}
div.main div.feature_store img.store_photo {
	float:right;
	margin:10px 10px 0px 0px;
}

div.main div.feature_store h1 {
	font-size: 123%;
	color: #cc0000;
	margin: 0 0 0px 15px;
	padding: 10px 0 0 0;
	font-weight: bold;
}
div.main div.feature_store h2 {
	font-size: 223%;
	color: #000;
	margin: 0 0 5px 15px;
	font-weight: normal;
}
div.main div.feature_store h2 span {
	color: #cc0000;
}
div.main div.feature_store p {
	font-size: 108%;
	color: #464646;
	width: 350px;
	margin: 0 0 6px 15px;
}
div.main div.feature_store p.show-featured {
	font-size: 93%;
	padding-top: 20px;
}
div.main div.feature_store p.show-featured a {
	background: url(../images/red-arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
}
div.main div.feature_store p.show-featured a:link, div.main div.feature_store p.show-featured a:visited {
	color: #cc0000;
	text-decoration: underline;
}
div.main div.feature_store p.show-featured a:hover {
	text-decoration: none;
}


/* Feature Buttons */
div.feature-btns {
	margin-bottom: 5px;
}
div.feature-btns a.collection {
	display: block;
	width: 235px;
	height: 35px;
	background: url(../images/shop-collection-btn.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 0 6px 0 0;
	float: left;
	display: inline;
}
div.feature-btns a.lovestory {
	display: block;
	width: 235px;
	height: 35px;
	background: url(../images/shop-lovestory-btn.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 0 6px 0 0;
	float: left;
	display: inline;
}
div.feature-btns a.designer {
	display: block;
	width: 235px;
	height: 35px;
	background: url(../images/shop-designer-btn.gif) no-repeat 0 0;
	text-indent: -9000px;
	float: left;
	display: inline;
}

/* Info Box */

div.main-left div.info-box {border:none;padding:0px;}

div.info-box {
	border: 1px solid #dcdcdc;
	padding: 10px 0px;
	margin-bottom: 5px;
}
div.main div.info-box h3 {
	margin: 0 0 10px 0;
	color: #cc0000;
	font-size: 153.9%;
	font-weight: normal;
}
div.info-box img.info-box-pic {
	margin: 0 10px 0 10px;
	float: right;
	display: inline;
}


body div#boxcombo div.info-box {border:none;padding:0px;margin:0px;}

body div#boxcombo div.info-box div h3 {
	margin: 0px;
	padding:0px;
	color: #cc0000;
	font-size: 153.9%;
	font-weight: normal;
	line-height:13px;
}

/* Video */
div.video {
	border: 1px solid #dcdcdc;
	padding: 4px;
}

div.video h3 {
	margin: 5px 10px 10px;
	color: #cc0000;
	font-size: 153.9%;
	font-weight: normal;
}
div.video p {
	padding: 0 10px;
}

/* Shop Store */
div.shop-store {
	background: url(../images/shop-store-bkg.gif) no-repeat 0 0;
	width: 356px;
	height: 105px;
	overflow: hidden;
}
div.shop-store h4 {
	margin: 10px 0 0 150px;
	text-align: center;
	font-size: 146.5%;
	font-weight: normal;
}
div.shop-store p {
	text-align: center;
	margin: 5px 0 0 150px;
}

/* Favorite Associate */

div.favorite_associate {
	background:url(../images/favorite_associate_bkg.jpg) no-repeat top center;
	display:block;
	width:717px;
	height:105px;
	text-align:center;
}
div.favorite_associate h1 {
	font-size:135%;
	color:#000;
	font-weight:normal;
	padding-top:15px;
	margin:0 0 20px;
}

/* Main */
div.main {
	width: 717px;
	float: left;
	display: inline;
}

/* Main Left */
div.main-left {
	width: 356px;
	float: left;
	display: inline;
}

/* Main Right */
div.main-right {
	width: 356px;
	float: right;
	display: inline;
}

/* Side */
div.side {
	width: 255px;
	float: right;
	display: inline;
}

/* Cart */
div.side div.cart {
	background: url(../images/cart-top.jpg) no-repeat 0 0;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 5px;
}
div.side div.cart-inner {
	background: url(../images/cart-btm.jpg) no-repeat 0 100%;
	overflow: hidden;
}
div.side div.cart h3 {
	background: url(../images/cart-icon.gif) no-repeat 0 50%;
	padding: 0 0 0 25px;
	color: #fff;
	font-size: 146.5%;
	font-weight: normal;
	float: left;
	display: inline;
	margin: 5px 0 0 10px;
}
div.side div.cart p.login {
	color: #fff;
	margin: 9px 10px 0 0;
	float: right;
	display: inline;
}
div.side div.cart p.items {
	color: #fff;
	margin: 5px 0 10px 35px;
	float: left;
	display: inline;
}
div.side div.cart p.total {
	color: #fff;
	margin: 5px 10px 10px 0;
	float: right;
	display: inline;
}
div.side div.cart a:link, div.side div.cart a:visited {
	color: #fff;
	text-decoration: underline;
}
div.side div.cart a:hover {
	text-decoration: none;
}

/* Payment */
div.side div.payment {
	text-align: center;
	margin: 0 0 30px 0;
}
div.side div.payment a.payment-btn {
	margin-top: 5px;
	display: block;
}

/* Lovestory */
div.lovestory img {
	margin-left: 7px;
	margin-bottom: 10px;
}
div.lovestory ul {
	margin: 0 0 30px 7px;
}
div.lovestory ul li {
	list-style: none;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 2px;
}
div.lovestory ul li a {
	display: block;
	background: url(../images/love-story-nav.gif) no-repeat 0 0;
	height: 26px;
	width: 130px;
	text-indent: -9000px;
}
div.lovestory ul li.ln-romeo a {
	background-position: -127px 0;
}
div.lovestory ul li.ln-romeo a:hover {
	background-position: 0 0;
}

div.lovestory ul li.ln-you a {
	background-position: -127px -26px;
}
div.lovestory ul li.ln-you a:hover {
	background-position: 0 -26px;
}

div.lovestory ul li.ln-epic a {
	background-position: -127px -52px;
}
div.lovestory ul li.ln-epic a:hover {
	background-position: 0 -52px;
}

div.lovestory ul li.ln-legendary a {
	background-position: -127px -78px;
}
div.lovestory ul li.ln-legendary a:hover {
	background-position: 0 -78px;
}

div.lovestory ul li.ln-cleopatra a {
	background-position: -127px -104px;
}
div.lovestory ul li.ln-cleopatra a:hover {
	background-position: 0 -104px;
}

/* Badges */
span.badge {
	position:relative;
	text-align:center;
	vertical-align:middle;width:100px;
}
span.badge p {height:90px; vertical-align:middle;}
span.badge p a {display:block;height:90px;vertical-align:middle;}
span.badge p a img {vertical-align:middle;
}

#badge_1 {margin-top:19px;margin-right:-12px;}
/* @end */

/* @group Nav */
div.nav-inner {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	z-index: 9999;
}

div#nav {
	background: url(../images/nav-bkg.gif) repeat-x 0 0;
	height: 48px;
}
div#nav ul {
	margin: 0;
	padding: 4px 0;
	float: left;
	display: inline;
}
div#nav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}
div#nav ul li a {
	display: block;
	line-height: 40px;
	font-size: 93%;
	padding: 0 5px 0 5px;
}
div#nav ul li a:link, div#nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div#nav ul li a:hover {
	text-decoration: underline;
}

.img_border {}

.img_border img {border:1px solid #dcdcdc;margin-bottom:15px;}

/* MENU DROP DOWN */

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	position:absolute;
	z-index: 999;
}
.menu li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	z-index: 999;
	text-align: left;
}

.menu li a {
	padding: 14px 10px 2px;
	font-size:11px;
	display: block;
	color: #000;
	text-decoration: none;
}

.menu li em {
	color:#fff;
	position: absolute;
	top: 38px;
	left: 0px;
	text-align: left;
	padding: 0px;
	font-style: normal;
	z-index: 999;
	width:60px;
	display: none;
}

#nav .nav-inner .menu li em a {padding-left:12px;display:block;background-color:#cc0000;width:200px;text-align:left;}
#nav .nav-inner .menu li em a:hover {text-decoration: none;background-color:#db0f0f;}


/* @end */

/* @group Default Headings */
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
/* @end */

/* @group Common Text Styles */
div.main p {
	font-size: 100%;
	line-height: 150%;
}

/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Forms */
div#nav div.search {
	background: url(../images/search-bkg2.gif) no-repeat -48px;
	width: 250px;
	height: 40px;
	margin: 4px 0 0 0;
	overflow: hidden;
	float: right;
	display: inline;
}
div#nav div.search input.txt {
	border: none;
	background-color: transparent;
	margin: 11px 0 0 52px;
	width: 112px;
	font-family: Georgia, Times, serif;
	color: #bdbfbf;
	font-size: 115%;
	float: left;
	display: inline;
}
div#nav div.search input.txt:focus {
	color: #999;
}
div#nav div.search input.btn {
	margin: 4px 17px 0 0;
	float: right;
	display: inline;
	border:none;
}
div#nav div.search form {
	margin: 0;
	padding: 0;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #cc0000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* @my account */

.my_account_info {width:100%;border:none;margin-top:10px;}
.my_account_info .col_left   {width:100px;}
.my_account_info .col_middle {width:250px;}

.my_account_info td {padding:0px 3px 6px;}

/* @ search results */

.search_returns {border-top:1px solid #666;border-bottom:1px solid #666;padding:8px 0px;margin-bottom:3px;}

.browse_results {margin-bottom:20px;}

.search_result {border-bottom:1px solid #ccc;padding:5px 0px;margin-bottom:5px;}

	.search_result_left {float:left;width:145px;}
	.search_result_right {float:right;width:558px;}
	
/* @media */

.video_labels {width:100%;border:none;}
.video_labels td {font-weight:bold;border-bottom:1px solid #999;}

.video_listing, .audio_listing {width:100%;border:none;}
.video_listing td, .audio_listing td {padding:4px 0px;border-bottom:1px solid #ccc;}
.video_listing td p, .audio_listing td p {margin:0px 0px 3px;}

table.video_listing td.media_td1 {width:500px;padding-left:25px;background:url(../images/media_clip.jpg) no-repeat left 5px;}

table.audio_listing td.media_td1 {width:500px;padding-left:25px;background:url(../images/media_audio.jpg) no-repeat left 5px;}

/* @locations */

.locations_table {width:100%;border:none;}
.locations_table td {padding:3px 5px 10px 3px;}
.locations_table td h3 {padding:3px;margin-bottom:0px;background-color:#cc0000;border-bottom:1px solid #cc0000;color:#fff;}
.locations_table td span {color:#cc0000;}

.address_info_list {width:100%;border:none;margin:6px 10px 0px 0px;}
.address_info_list td {font-size:11px;padding:2px;}

.location_photo {float:left;width:105px;height:200px;border-right:1px solid #ccc;margin-right:5px;}

.ail_manager, .ail_phone, .ail_fax {width:35%;font-weight:bold;}

/* @contact */

.contact_table {width:100%;border:none;}
.contact_table td {padding:3px;}

.state {border-bottom:1px solid #ccc;background-color:#eee;border-top:5px solid #fff;}

/* @current catalogs */

.catalog_display {width:100%;border-bottom:1px solid #ccc;margin-bottom:20px;margin-top:10px;}

.catalog_display td {padding:4px 4px 10px;}

.catalog_display td a {display:block;float:left;height:21px;width:19px;margin-right:1px;border:1px solid #ccc;text-decoration:none;text-align:center;font:12px Arial, Helvetica, sans-serif;padding-top:5px;}
.catalog_display td a:hover {color:#fff;background-color:#cc0000;}

/* @shipping methods */

.shipping_methods {width:100%;border:none;margin:15px auto;}
.shipping_methods td {padding:4px;text-align:left;}

.ship_method_labels td {border-bottom:1px solid #333;}
.shipping_methods td.ship_method_section {border-bottom:1px solid #ccc;}

.logored {color:#cc0000;}

.fed {color:#312281;}
.ex  {color:#ea6214;}

/* @warranty */

.price_plan_table {width:50%;border:none;margin:15px auto 25px;}
.price_plan_table td {padding:4px;text-align:center;width:33%;border-bottom:1px solid #ccc;}

/* @account balance */

.current_balance {text-align:right;font-size:22px;border:1px solid #b0d6b4;background-color:#ddf6df;padding:6px;margin-top:10px;}

.balance_rows {margin-top:20px;}
.balance_rows div {margin:1px 0px;}

.alt_row {background-color:#eee;}

.paid {padding:6px 4px;}
.paid span  {float:right;color:#009933;}

.spent {padding:6px 100px 6px 4px;}
.spent span {float:right;color:#cc0000;}

/* @flash index */

#flash_index {background-image:none;background-color:#fff;text-align:center;}

#flash_index #flashcontent {text-align:center;}

#flash_index #flash_container  {margin:0 auto;border:1px solid #ececec;width:849px;}
#flash_index #flash_container2 {height:420px;border:1px solid #d2d2d2;margin:4px;width:839px;background:url(../images/flash_index_bg.jpg) no-repeat left bottom;}

#flash_index #flash_logo    {margin:15px 0px;}

#flash_index #index_links   {padding:0px 0px 0px 6px;}
#flash_index #index_links a {display:block;text-indent:-9999px;height:30px;width:159px;float:left;margin-right:2px;}

#index_box_sections {width:851px;height:112px;margin:7px auto 0px;background:url(../images/flash_index_sections_bg.jpg) no-repeat left top;}

	#ibs_left {float:left;width:255px;}
		#ibs_left a {display:block;height:110px;width:255px;text-indent:-9999px;}
		
	#ibs_center {float:left;width:596px;text-align:right;}
		#ibs_center input {display:block;float:right;margin:20px 20px 2px 0px;border:1px solid #c1c1c1;padding:5px;width:200px;}
		#ibs_center a {display:block;margin:0px 20px 0px 0px;float:right;display:block;height:29px;width:86px;border:1px solid #dedede;text-indent:-9999px;background:url(../images/flash_index_submit.gif) no-repeat top left;}
		
#flash_index #index_footer div {margin:8px 0px;color:#999;}

#flash_index #index_footer a {margin:0px 10px;}
	
/*	#ibs_right {float:left;width:219px;}
		#ibs_right a {display:block;height:110px;width:219px;text-indent:-9999px;}*/
		
/* @current catalogs */

.catalog_listing {float:left;width:216px;padding:8px;height:316px;border:1px solid #ccc;margin:0px 5px 5px 0px;text-align:center;}

/* @media sections */

#media_sections {margin-top:15px;}

#media_section_left  {float:left;width:666px;padding-right:20px;}

	#media_section_left .media_video_listing {float:left;width:190px;margin:0px 6px 6px 0px;padding:10px;border:1px solid #ccc;text-align:center;}
	#media_section_left .media_video_listing img {margin-bottom:5px;}
	#media_section_left .media_video_listing a img {border:none;}

#media_section_right {float:left;width:420px;padding-top:20px;}

	#media_section_right .audio_listing  {padding-bottom:12px;padding-top:12px;border-top:1px solid #ccc;}
	#media_section_right .audio_listing div {margin:5px 0px 0px;}
	
/* @designers */

div.designer_row {padding:15px 0px;border-bottom:1px solid #b1b1b1;}

div.designer_box {float:left;}

	.designer_photo {width:200px;padding-right:20px;float:left;}
	
		.designer_photo img {border:none;}
	
	.designer_info  {width:445px;padding-left:20px;margin-right:25px;float:left;border-left:1px solid #dedede;}
	
/* payment receipt */

.payment_receipt_table {width:100%;border:none;}

	.payment_receipt_table td {padding:3px;}

/* @end */	

.badge {float:left;margin-right:4px;}

.clearfix {display: inline-block;}
/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

span.req {color:#cc0000;}

.cost_strike {
	text-decoration: line-through;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */