
.page {
	background: transparent url(/images/sportyjewels_content_bg.gif) repeat-y top left;
	width: 782px;
	margin: 0 auto;
}

.clear {
	clear: both;
	float: none;
}

.header {
	background: transparent url(/images/sportyjewels_header_bg.gif) no-repeat top left;
	width: 782px;
	height: 95px;
}

.logo {
	width: 285px;
	height: 95px;
	float: left;
	overflow: hidden;
}

.header_nav {
	width: 277px;
	height: 40px;
	float: left;
	overflow: hidden;
}

.header_nav a {
	display: block;
	padding: 0 11px;
	margin-top: 15px;
	border-left: solid 1px #80B2CE;
	color: #80B2CE;
	float: left;
	font: normal bold 10px Verdana, Arial, Sans-Serif;
	text-decoration: none;
}

.header_nav a:hover {
	color: #80B2CE;
	text-decoration: underline;
}

.header_nav a.first {
	border-left: none;
}

.header_phone {
	width: 220px;
	height: 40px;
	float: left;
	text-align: right;
	overflow: hidden;
}
.header_phone .need_help {
	display: block;
	padding: 0 12px;
	margin-top: 12px;
	color: #80B2CE;
	font: normal bold 10px Verdana, Arial, Sans-Serif;
}
.header_phone .toll_free {
	font-size: 13px;
	color: #fff;
}

.header_controls {
	width: 497px;
	height: 55px;
	float: left;
	overflow: hidden;
}

.header_text {
	font: normal bold 9px Verdana, Arial, Tahoma;
	color: #fff;
	text-transform: uppercase;
}

.header_subtext {
	font: normal normal 9px Verdana, Arial, Tahoma;
	color: #fff;
}

.header_subtext a {
	font: normal bold 9px Verdana, Arial, Tahoma;
	color: #fff;
	text-decoration: none;
}

.header_subtext a:hover {
	color: #fff;
	text-decoration: underline;
}

.header_search {
	width: 215px;
	height: 55px;
	float: left;
	overflow: hidden;
}
.search_form {}
.search_text {
	padding: 3px;
}
.search_input {
	padding: 3px;
}
.search_input input {
	border: solid 1px #0F4481;
	font-size: 10px;
	color: #666;
	width: 130px;
}

.header_currency {
	width: 134px;
	height: 55px;
	float: left;
	overflow: hidden;
}
.currency_text {
	padding: 3px;
}
.currency_link {
	padding: 3px;
}

.header_cart {
	width: 148px;
	height: 55px;
	float: left;
	overflow: hidden;
}
.cart_text {
	padding: 3px;
}
.cart_items {
	padding: 3px;
}

.top_nav {
	clear: left;
	background: transparent url(/images/sportyjewels_tn_bg.gif) no-repeat top left;
	width: 782px;
	height: 25px;
}
.top_nav a {
	display: block;
	margin-top: 5px;
	padding: 0 15px;
	border-left: solid 1px #fff;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}
.top_nav a:hover {
	color: #fff;
	text-decoration: underline;
}
.top_nav a.first {
	border-left: none;
}

.under_top_nav {
	background: transparent url(/images/sportyjewels_bc_bg.gif) no-repeat top left;
	width: 782px;
	height: 20px;
}
.left_header {
	width: 154px;
	height: 20px;
	float: left;
	overflow: hidden;
	font-size: 10px;
	color: #A4CADF;
}
.left_header .mytext {
	display: block;
	padding-top: 3px;
	padding-left: 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.bread_crumb {
	width: 628px;
	height: 20px;
	float: left;
	overflow: hidden;
	font-size: 10px;
	color: #999;
}

.bread_crumb a {
	color: #F60;
	font-weight: normal;
	 text-transform: lowercase; 
}

.bread_crumb .mytext {
	display: block;
	padding-top: 3px;
	padding-left: 5px;
}

.left {
	width: 154px;
	float: left;
	overflow: hidden;
}
.left_nav {}
.LeftNavLevel1 a {
	display: block;
	background: transparent url(/images/sportyjewels_ln_item_bg.gif) no-repeat top left;
	font: normal bold 11px Tahoma, Arial, Sans-Serif;
	color: #6B696B;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.LeftNavLevel1 a:hover {
	color: #6B696B;
	text-decoration: underline;
}

.LeftNavLevel2 a {
	display: block;
	background: transparent url(/images/sportyjewels_ln_subitem_bg.gif) no-repeat top left;
	font: normal normal 11px Tahoma, Arial, Sans-Serif;
	color: #6B696B;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 43px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.LeftNavLevel2 a:hover {
	color: #6B696B;
	text-decoration: underline;
}

.left_newsletter {
	background: transparent url(/images/sportyjewels_ln_nl_bg.gif) repeat-y top left;
	padding: 10px;
}

.left_newsletter h5 {
	font: normal bold 12px Tahoma, Arial, Sans-Serif;
	color: #6B696B;
	margin: 1px;
	border-bottom: solid 1px #6B696B;
}

.left_newsletter p {
	font: normal normal 11px Tahoma, Arial, Sans-Serif;
	color: #6B696B;
	margin-top: 10px;
	margin-bottom: 10px;
}
.left_newsletter input {
	border: solid 1px #8A8AAA;
	font-size: 10px;
	color: #999;
	width: 105px;
}

.left_ad_spot {
	width: 152px;
	margin-left: 2px
}

.left_security {
	background: transparent url(/images/sportyjewels_we_accept.gif) no-repeat top left;
	width: 152px;
	height: 96px;
	margin-left: 2px
}
.thawte_seal {
	padding-top: 10px;
	padding-left: 10px;
}

.right {
	width: 628px;
	float: left;
	overflow: hidden;
}

.main_content_container {
	padding: 7px;
}
.main_content {
	width: 614px;
	overflow: hidden;
}

.footer {
	background: transparent url(/images/sportyjewels_footer_bg.gif) no-repeat top left;
	width: 782px;
	height: 33px;
}

.print_email {
	width: 300px;
	float: left;
	padding: 8px 10px;
	font-size: 10px;
	color: #fff;
}

.print_email a {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.print_email a:hover {
	color: #fff;
	text-decoration: underline;
}

.copyright {
	width: 300px;
	float: right;
	padding: 8px 10px;
	text-align: right;
	font-size: 10px;
	color: #fff;
}

.more_links {
	text-align: center;
	margin: 10px 0;
	font-size: 10px;
}

.more_links a {
	font-size: 10px;
	text-decoration: none;
}

.more_links a:hover {
	text-decoration: underline;
}

.tag_line {
	text-align: center;
	font-size: 10px;
}

.tag_line a {
	font-size: 10px;
	text-decoration: none;
}

.tag_line a:hover {
	text-decoration: underline;
}

/* home page */

.HomePageAds {
	width: 611px;
	height: 306px;
	margin: 0 auto;
}

.HomePageAd1 {
	float: left;
	width: 430px;
	margin-right: 1px;
}

.HomePageAd2 {
	float: left;
	width: 180px;
	margin-bottom: 1px;
}

.HomePageAd3 {
	float: left;
	width: 180px;
	margin-bottom: 1px;
}

.HomePageContent_Wrapper {
	padding: 8px;
	margin: 0 auto;
	margin-top: 5px;
	background-color: #C9DFEA;
}

.HomePageContent {
	width: 590px;
}

/* department */

.Dept {
	width: 610px;
	margin: 0 auto;
}

.Dept .Paging .Next {
	background: transparent url(/images/sportyjewels_next_off.gif) no-repeat top right;
	padding-right: 10px;
}

.Dept .Paging a .Next {
	background: transparent url(/images/sportyjewels_next_on.gif) no-repeat top right;
	padding-right: 10px;
}

.Dept .Paging .Previous {
	background: transparent url(/images/sportyjewels_prev_off.gif) no-repeat top left;
	padding-left: 10px;
}

.Dept .Paging a .Previous {
	background: transparent url(/images/sportyjewels_prev_on.gif) no-repeat top left;
	padding-left: 10px;
}

.Dept .Paging {
	float: right;
	width: 200px;
	font-size: 10px;
	color: #ccc;
	text-align: right;
}
.Dept .Paging a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.Dept .Paging a:hover {}



.Dept .Top {
	width: 610px;
}

.Dept .Title {
	float: left;
	width: 410px;
}

.Dept .Title h1 {
	margin: 5px 0;
}

.Dept .Top .Paging {
	margin-top: 8px;
	padding-left: 5px;
}

.Dept .Middle {
	width: 610px;
	padding: 1px 0;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

.Dept .Dept_Image {
	width: 610px;
	height: 260px;
	overflow: hidden;
}

.Dept .Dept_Description {
	position: absolute;
	top: -270px;
	left: -620px;
}

.Dept .Bottom {
	width: 610px;
	padding: 5px 0;
}

.Dept .Title {
	float: left;
	width: 240px;
	font-size: 10px;
	color: #999;
}

.Dept .PageCount {
	float: left;
	width: 170px;
	font-size: 10px;
	color: #999;
}

.Dept .PageCount a {
	font-size: 10px;
	font-weight: normal;
}
.Dept .PageCount a:hover {}

.Dept .Products {}

.Dept .ProductRow {
	padding: 5px 0;
}

.Dept div.Product {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	float: left;
	width: 122px;
	text-align: center;
}

.Dept .Bottom table {
	clear: both;
}

.Dept td.Product {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	width: 122px;
	text-align: center;
}

.Dept .Product a {
	font-size: 10px;
	font-weight: bold;
	color: #666;
}
.Dept .Product a:hover {}

/* product */

.Product_Info {
	float: left;
	width: 419px;
}

.Product_Image {
	float: right;
	width: 245px;
	height: 255px;
	overflow: hidden;
}

.Product_Image .Enlarge {
	float: right;
	width: 225px;
	height: 245px;
	text-align: center;
}

.Product_Image .Enlarge a, .Product_Image .Enlarge a:hover {
	font-size: 9px;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
}

.Product_Info .Price {
	font-size: 14px;
	font-weight: bold;
}

.Product_Controls {}
.Product_Controls table { clear: right; }
.Product_Controls .Label {}
.Product_Controls .Field {}

.Product_CrossSale {
	border-left: dashed 1px #ccc;
	float: left;
	width: 190px;
}

.Product_CrossSale h2 {
	margin: 0 1px;
	background-color: #BFBFBF;
	color: #fff;
	padding: 5px 10px;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: normal;
}

.CrossSale {
	border-bottom: dashed 1px #ccc;
}

.CrossSale_Image {
	float: left;
	width: 110px;
}

.CrossSale_Info {
	float: left;
	width: 80px;
}

.CrossSale_Info .Name {
	display: block;
	font-size: 10px;
	font-weight: bold;
}

.CrossSale_Info .Brief_Description {
	display: block;
	font-size: 10px;
	font-weight: normal;
}

.CrossSale_Info .Price {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

.CrossSale_Info .Controls {
	display: block;
	font-size: 14px;
	font-weight: bold;
}
/* Search Styles */
#SEARCH .ProductImage {float:left; width:125px;}
#SEARCH .ProductName {float:left; }
#SEARCH .ProductPrice {float:left;}
#SEARCH .ProductLongDescription {}
#SEARCH .ProductName {float:left; }
#SEARCH .Product_Wrapper {height:100px;width:600px;}
#SEARCH .Product_TopSpacer {border-top:#ff6666 1px solid;padding-bottom:10px;}
 /* end search */
/* popups */

.Popup_Wrapper { border: solid 1px #666; padding: 1px; background-color: #fff; margin: 0 auto; width: 95%; }
.Popup_Wrapper h1 { background: transparent url(/images/popup_header.gif) no-repeat top left; padding: 10px; color: #fff; margin: 0; }
.Popup_BG { padding: 0 10px; }


/* breadcrumb */

/**************************************************************************************
/* update the following classes to change the appearance of the breadcrumb
/*************************************************************************************/

/* this is the class used on the outside container element for the breadcrumb */
/* html example: <div class="BreadCrumb_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.BreadCrumb_Wrapper {
	display: inline;
}

/* this is the class used on the inside container element for the breadcrumb */
/* html example: <div class="BreadCrumb_Wrapper"><div class="BreadCrumb"> */
.BreadCrumb {
	display: inline;
}

/* this is the class used for the text that appears prior to the breadcrumb links */
/* html example: <span class="PreText">You are here: </span> */
.BreadCrumb .PreText {
	display: inline;
}

/* this is the class used on the container element for all the breadcrumb links */
/* html example: <span class="Links"><a href="/default.htm" class="RootLink">Home</a> &gt; <a... */
.BreadCrumb .Links {
	display: inline;
}

/* this is the class used on the root (home) page link */
/* html example: <a href="/default.htm" class="RootLink">Home</a> */
.BreadCrumb a.RootLink:link, 
.BreadCrumb a.RootLink:active, 
.BreadCrumb a.RootLink:visited {}
.BreadCrumb a.RootLink:hover {}

/* this is the class used on all other links (after the root link) */
/* html example: <a href="/default.htm" class="RootLink">Home</a> &gt; <a href="/about.htm">About Us</a> */
.BreadCrumb a:link, 
.BreadCrumb a:active, 
.BreadCrumb a:visited { text-transform: lowercase; }
.BreadCrumb a:hover {}

a.CurrentDepartmentPage:link, 
a.CurrentDepartmentPage:active, 
a.CurrentDepartmentPage:visited { color: #808080; text-decoration: none; }
a.CurrentDepartmentPage:hover { color: #666; text-decoration: none; }


