/*
This CSS file is for styles related to the wrapper. 
*/

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #092462 url(/theme/background_gradient.jpg) repeat-x scroll 50% 0;
}

div#wrapper{
	width:980px;
	margin:0px auto;
	text-align:left;
}

div#top{
	background:transparent url(/theme/top.png) no-repeat scroll 50% 0;
	height:123px;
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
}

div#middle{
	background:transparent url(/theme/middle.png) repeat-y scroll 50% 0;
	margin:0 0 0 0;
	padding:0;
	/*border: 1px solid red;*/
}

div#bottom{
	background:transparent url(/theme/bottom.png) no-repeat scroll 50% 0;
	height:25px;
}

div#left_side{
	float: left;
	width:227px;
	margin:0 0 0 10px;	
}

div#footer {
	text-align: center;
	color: #fff;
	font-size: .75em;
	margin: -10px 0 0 0;
	padding: 0;
}

div#footer p {
	margin:0px;
	padding:0px;
}

div#footer a {
	text-decoration:none;
	color: #fff;
}

div#footer a:hover {
	text-decoration:underline;
}

div#breadcrumbs{
	font: 80% Arial, Helvetica, sans-serif;
	margin: 0 0 10px 247px;
	padding:7px 0 5px 0;
}

div#content{
	width:713px;
	min-height:750px;
	margin:0 10px 0 247px;
	padding: 1px 0 5px 0; /* a 1px top padding is needed to give nested elements with a top margin specified something to "push off from."  If not, they will push the entire content div down creating a gap */
}

div.full_banner, div.top_full_banner{
    margin:0 0 10px -10px;
	padding:0;
	width:733px;
	position:relative;	
}

div.top_full_banner{
	margin-top:-1px;
}

.clearit {
    font: 0px/0px monospace;	
	clear: both;
	display: block;
}

h1.page_title {
	margin: 0 0 21px 0;
}

div#photo_album td {
	vertical-align: top;
}

.web_photo {
	border: none;
	margin: 7px 0 0 0;
}

.photo_album_page {
	height:100%;
	width:100%;
	overflow:auto;
}

.web_photo_caption {
	color:#000000;
	text-align:left;
	margin:5px 0 10px 0;
	font-size:18px;
}

.web_photo_details {
	font-size: 14px;
}

.web_photo_thumbnail {
	border: none;
}

.photo_nav {
	width:108px;
}

.photo_nav ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.photo_nav li{
	float:left;
	position:relative;
	margin: 0;
	padding: 0 2px;
}

.photo_nav a{
	background:transparent url(/theme/buttons.png) no-repeat scroll 0px 0px;
	height:35px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}

.photo_nav_prev a{
	background-position: 0px 0px;
	width:50px;
}

.photo_nav_prev a:hover{
	background-position: 0px -35px;
	width:50px;
}

.photo_nav_prev_disabled a{
	background-position: 0px -70px;
	width:50px;
}

.photo_nav_next a{
	background-position: -50px 0px;
	width:50px;
}

.photo_nav_next a:hover{
	background-position: -50px -35px;
	width:50px;
}

.photo_nav_next_disabled a{
	background-position: -50px -70px;
	width:50px;
}

td.shadow12_right {
	background: transparent url(../theme/shadow_12x1045_right.png) no-repeat scroll left top;
	width: 12px;
}

td.shadow12_bottom_right {
	background: transparent url(../theme/shadow_12x12_bottom_right.png) no-repeat scroll left top;
	width: 12px;
	height: 12px;
}

td.shadow12_bottom {
	background: transparent url(../theme/shadow_1445x12_bottom.png) no-repeat scroll left bottom;
	height: 12px;
}

td.shadow7_right {
	background: transparent url(../theme/shadow_7x500_right.png) no-repeat scroll left top;
	width: 7px;
}

td.shadow7_bottom_right {
	background: transparent url(../theme/shadow_7x7_bottom_right.png) no-repeat scroll left top;
	width: 7px;
	height: 7px;
}

td.shadow7_bottom {
	background: transparent url(../theme/shadow_500x7_bottom.png) no-repeat scroll left bottom;
	height: 7px;
}

#printable_coupon {
	background: #e6d8f8 url(/theme/coupon.jpg) no-repeat scroll 0px 0px;
	padding:49px 7px 10px 7px;
	font-size: 14px;
	color: #000000;
	line-height: 1.3em;	
}

div#vert_menu {
	background:transparent url(/theme/navbar.jpg) no-repeat scroll 0px 0px;
	width:227px;
	height:406px;
	margin:0;
	padding: 0;
	border:none;
}

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

div#vert_menu li{
	float:none;
	position:relative;
	margin: 0;
	padding: 0;
}

#vert_menu a{
	background:transparent url(/theme/navbar.jpg) no-repeat scroll 0px 0px;
	height:37px;
	width: 227px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
	margin:0 0 0px 0;
	padding: 0;
}

#vert_menu_home a{
	background-position: 0px 0px;
}

#vert_menu_about_us a{
	background-position: 0px -37px;
}

#vert_menu_our_stores a{
	background-position: 0px -74px;
}

#vert_menu_how_to_get_a_loan a{
	background-position: 0px -111px;
}

#vert_menu_jewelry_101 a{
	background-position: 0px -148px;
}

#vert_menu_privacy_policy a{
	background-position: 0px -185px;
}

#vert_menu_online_catalog a{
	background-position: 0px -222px;
}

#vert_menu_contact_us a{
	background-position: 0px -259px;
}

#vert_menu_job_application a{
	background-position: 0px -296px;
}

#vert_menu_employee_email a{
	background-position: 0px -333px;
}

#vert_menu_shop_ebay_store a{
	background-position: 0px -370px;
}


#vert_menu_home a:hover{
	background-position: -227px 0px;
}

#vert_menu_about_us a:hover{
	background-position: -227px -37px;
}

#vert_menu_our_stores a:hover{
	background-position: -227px -74px;
}

#vert_menu_how_to_get_a_loan a:hover{
	background-position: -227px -111px;
}

#vert_menu_jewelry_101 a:hover{
	background-position: -227px -148px;
}

#vert_menu_privacy_policy a:hover{
	background-position: -227px -185px;
}

#vert_menu_online_catalog a:hover{
	background-position: -227px -222px;
}

#vert_menu_contact_us a:hover{
	background-position: -227px -259px;
}

#vert_menu_job_application a:hover{
	background-position: -227px -296px;
}

#vert_menu_employee_email a:hover{
	background-position: -227px -333px;
}

#vert_menu_shop_ebay_store a:hover{
	background-position: -227px -370px;
}