﻿/*-----Cart-----*/
.Basket
{
	width: 796px;
}

.Basket table
{
	border-width: 0px;
	margin: -5px;
	width: 100%;
	border-style: none;
	border-width: medium;
}

.BasketEmpty
{
	width: 796px;
	border-style: none;
	border-width: medium;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	color: #000000;
	padding: 10px 0px 0px 0px;
}

.BasketProductForm
{
	width: 796px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
}

.BasketProductForm tr td
{
	border: 1px solid #DDD;
	text-align: center;
}

.BasketProductForm ul
{
	font-size: x-small;
	text-align: left;
	margin-left: 20px;
}

.BasketProductForm tr td table tr td
{
	border: none;
}

.BasketProductForm a
{
	font-size: x-small;
	text-decoration: none;
}

.BasketProductForm tr th
{
	font-size: medium;
	font-weight: bold;
	color: #2D4865;
	border: 1px solid #DDD;
}

.BasketPricing
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	text-align: right;
	vertical-align: bottom;
	font-size: smaller;
	width: 796px;
	padding: 0 0 0 0;
	font-weight: bold;
}

.BasketPricingBorder
{
	border: 1px solid #DDD;
	width: 83px;
}

.thin_border
{
	border: 1px solid #DDD;
}

.qty_box
{
	width: 10px;
}

.CartError
{
	color: #cc0000;
	font-family: Arial, Verdana;
	font-size: 17px;
	font-weight: bold;
}

/*-----End Cart-----*/



.pretty-hover { 
  cursor: pointer;
}

.productQuestion
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #000000;
}

.productQuestionBold
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.productQuestionTable
{
	text-align: left;
	width: 776px;
}

.HighSchoolORPTitleBar2XLWht
{
 font-size:15px;
 color:#FFFFFF;
 font-family: Verdana, Arial;
 text-align: left;
}

.HighSchoolORPText2
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 13px;
    font-weight: bold;
}

.HighSchoolORPText3
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12px;
}

.HighSchoolORPText3a 
{
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12px;
}

.HighSchoolORPHeader2
{
    COLOR: #333333;
    FONT-FAMILY: Arial, Verdana;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bold;
}

.HighSchoolORPHeader3
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    FONT-SIZE: 15px;
}

.HighSchoolORPText1bold
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    text-align: left;
}

.HighSchoolORPText1
{
	COLOR: #333333;
	font-family: Verdana, Arial;
	FONT-SIZE: 13px;
}

.HighSchoolORPText2bold
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.CatalogListing
{
	
	font-size: 15px; 
	color: White; 
	font-family: Arial, Verdana; 
	font-weight:bold;
}

.CatalogListing a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CCCC99;
	text-decoration: none;
}

.PagerCurrent
{
	font-size: 15px; 
	color: White; 
	padding: 0 5 0 5;
	font-family: Arial, Verdana; 
	font-weight:bold;
}


.PagerDisabled
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CCCC99;
}

.CatalogListingPrice
{
	font-family: Arial, Verdana; 
	font-weight: bold; 
	font-size: 15px; 
	color: #990000;
	text-align:left;
	vertical-align:bottom;
	display: block;
}

.CatalogListingDescription
{
	height: 50px; 
	width: 250px; 
	text-align: left;
	color:#225289;
	vertical-align:top;
	display: block;
	font-size: 12px;
}

.CatalogListingProductName
{
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 20px;
	text-align:left;
	color:#225289;
	display: block;
}

.CatalogListingProductPrice
{
	vertical-align:bottom;
	text-align:left;
	display: block;
}

.closeImage
{
    vertical-align:middle;
}

.modalPopup 
{    
	color: #333;
	background-color: #fff;
	border: 1px solid #333;
}

#divHeader {
	width: 772px;
	height: 154px;
	margin: 0px;
	padding: 0px;
	
}
#divHeaderContent {
	margin-top: 0px;
	margin-right: 27px;
	text-align: right;
	padding-top: 55px;
}
.alignRight {
	text-align: right;
	right: 0px;
}
#divHeaderContent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7C7C7C;
	text-decoration: underline;
}
#divHeaderContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#divHeaderBanner a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#divPostItText {
	margin-top: 57px;
	margin-right: 16px;
	margin-left: 18px;
}
#divPostItText p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
}
#divPostItText a {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	text-decoration: underline;
}
#divPostItText2 {
	margin-top: 45px;
	margin-right: 16px;
	margin-left: 18px;
}
#divPostItText2 p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: -20px;
}
#divPostItText2 a {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	text-decoration: underline;
}
.clearer {
	clear: both;
	height: 0px;
}
#divHorzBar {
	background-image: url(/images/horz_bar.jpg);
	background-repeat: repeat-x;
	width: 750px;
	height: 9px;
}
#divContainer {
	width: 772px;
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align: left;
	background: url(/images/border_bar.jpg) repeat-y;
	/*border: 1px solid #ff0000;*/
}
#divFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7C7C7C;
	text-align: center;
	background-color: #FFFFFF;
	margin-bottom: 25px;
	margin-left: 50px;
	margin-top:0px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #164082;
	font-weight: lighter;
	margin-bottom: 2px;
	margin-top: 2px;
}
.zeroMargin {
	margin: 0px;
	padding: 0px;
}
.floatRight {
	float: right;
}
ul {
	margin: 0px 0px 0px 13px;
	padding: 0px;
}
#divSubnavContentBrowse ul {
	text-align: left;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	list-style-type: disc;
	padding: 2px 0px;
	margin: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
}


h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7C7C7C;
	margin-top: 4px;
	margin-bottom: 4px;
}
.txtField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	margin-top: 2px;
	margin-bottom: 2px;
}
h3 {
	font: normal 16px American Typewriter, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 1px 10px 5px 15px;
}
#divNavTopLine {
	background: url(/images/nav_line_horz.jpg) repeat-x;
	height: 15px;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7C7C7C;
	margin-top: 2px;
	margin-bottom: 2px;
	font-style: italic;
}
.browseQuickView h2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.browseQuickView h1 {
	font-size: 17px;
	color: #7C7C7C;
	margin: 15px 0px 10px;
}
.browseQuickView h3 {
	color: #7C7C7C;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	margin: 0px 10px 0px 0px;
}
.browseQuickView p {
	font-size: 10px;
	color: #959595;
}
.contentMargin {
	margin-right: 30px;
	margin-left: 35px;
}
#divContent {
	background-image: url(/images/border_bar.jpg);
	background-repeat: repeat-y;
	width: 772px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#divSubnavContainer {
	background: url(/images/subnav_border_w.gif) no-repeat bottom;
	width: 748px;
	margin-right: 12px;
	margin-left: 12px;
}
#divCollageHers {
	height: 311px;
	width: 316px;
	position: absolute;
	top: 8px;
	left: -12px;
}
#divCollageHis {
	height: 318px;
	width: 300px;
	position: absolute;
	top: 2px;
	left: -8px;
}
#divSaveDesign {
	height: 158px;
	width: 214px;
	float: right;
	position: absolute;
	left: 590px;
	top: -1px;
}
#divSaveDesignContent {
	text-align: left;
	position: absolute;
	left: 41px;
	top: 42px;
	width: 145px;
	height: 94px;
}
#divCollageContentHis {
	position: absolute;
	width: 235px;
	background:#fff;
	top: 32px;
	left: 40px;
	text-align: center;
	padding:1px;
	border:1px solid #CCCCCC;
}
#divCollageContentHers {
	position: absolute;
	width: 235px;
	background:#fff;
	top: 32px;
	left: 40px;
	text-align: center;
	padding:1px;
	border:1px solid #CCCCCC;
}
#divCollageContentHers p {
	font: normal 16px American Typewriter, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#divCollageContentHis p {
	font: normal 16px American Typewriter, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#divSaveDesignContent a {
	color: #164082;
	text-decoration: underline;
}
#divSubnavContentStyles {
	margin-left: 275px;
}
#divSubnavContentStyles a {
	color: #164082;
	text-decoration: underline;
}
#divSubnavContentBrowse {
	margin-left: 20px;
}
#divSubnavContentBrowse a {
	color: #7C7C7C;
}
.browseRingCurrent {
	font-size: 12px;
	color: #164082;
}
.browseRingLink {
	font-size: 12px;
	color: #A7B7D3;
	text-decoration: none;
}
.browseRingFaqs {
	font-size: 10px;
	color: #7C7C7C;
	text-decoration: none;
}
.alignLeft {
	text-align: left;
}
#divPostIt
{
	background-image: url('../Images/sticky_note.jpg');
	background-repeat: no-repeat;
	float: right;
	height: 158px;
	width: 214px;
}
#divPostIt2
{
	background-image: url('../Images/stickynoteyoutube.jpg');
	background-repeat: no-repeat;
	float: right;
	height: 158px;
	width: 214px;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.errorMsg {
	color: #FF0D00;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.errorMsg ul {
	color: #FF0D00;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#divFloats {
	position: relative;
}
.browseQuickView {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	width: 595px;
	border: 1px solid #696969;
}
#divQuickviewClose {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
#divQuickviewMargin {
	margin: 15px;
}
.contentMargin10 {
	margin-right: 15px;
	margin-left: 15px;
}
#divSubnavContentConfig {
	margin-left: 15px;
	margin-right: 10px;
}
#divSubnavContentConfig a {
	color: #7C7C7C;
}
#divFactoid {
	background: url(/images/sticky_factoid.jpg);
	height: 155px;
	width: 215px;
}
#divFactoidContent {
	padding-top: 5px;
	margin-top: 15px;
	margin-right: 21px;
	margin-left: 20px;
}
#divFactoidContent p {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 10px;
	margin-top: 2px;
}
.ulPos {
	list-style: url(/images/ring_config_pos.jpg);
	margin-left: 25px;
	padding: 0px;
}
#divFactoidContent a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
}
.ulNeg {
	list-style: url(/images/ring_config_neg.jpg);
	margin-left: 25px;
	padding: 0px;
}
.bold {
	font-weight: bold;
}
.ringConfigClosed {
	background: #DDDCDB;
	border-bottom: 2px solid #EDEDEB;
}
.ringConfigSelected {
	background: #FFFFFF;
	border-bottom: 2px solid #EDEDEB;
}

.configNavigationBox
{
	border: 1px solid #E3E1DC;
}

.configNavigation {
}

.configNavigationHeader 
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	background-color: #DDDCDB;
	border-bottom: solid 2px #EDEDEB;
	background-image: url(/images/ring_config_pos.jpg);
	background-position: 10px 4px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.configNavigationHeaderSelected
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	background-color: #FFFFFF;
	border-bottom: solid 2px #EDEDEB;
	background-image: url(/images/ring_config_neg.jpg);
	background-position: 10px 4px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.configNavigationHeader a 
{
	font-weight: bold;
	text-decoration: none;
}

.configNavigationHeaderSelected a 
{
	font-weight: bold;
	text-decoration: none;
}

.configNavigationContent 
{
	background: #FFFFFF;
	margin: 0px;
	padding-left: 26px;
	border-bottom: 2px solid #EDEDEB;
}

.configNavigationContent a {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
}
.configNavigationContent li 
{
	list-style-type: none;
}
.configNavigationContent li a {
	font-size: 10px;
	text-decoration: none;
}

.ringConfigOpen {
	background: #FFFFFF;
	margin: 0px;
	padding-left: 26px;
	border-bottom: 2px solid #EDEDEB;
}
.ringConfigBox p {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#divHeaderNav {
	width: 772px;
	height: 156px;
	margin: 0px;
	padding: 0px;
	
}
.emailRing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	width: 350px;
	border: 1px solid #696969;
}
#divSubnavContainerSolid {
	background: url(/images/subnav_border_solid_w.jpg) repeat-y;
	width: 748px;
	margin-right: 12px;
	margin-left: 12px;
}
#divCollageHighSchool {
	height: 305px;
	width: 324px;
	position: absolute;
	top: -4px;
	left: -37px;
}
#divCollageContentHighSchool {
	position: absolute;
	width: 235px;
	background:#fff;
	top: 32px;
	left: 50px;
	text-align: center;
	padding:1px;
	border:1px solid #CCCCCC;
}
#divCollageContentHighSchool p {
	font: normal 16px American Typewriter, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#divImportantDatesContent a {
	color: #164082;
	text-decoration: underline;
}
#divImportantDatesContent {
	text-align: left;
	position: absolute;
	left: 13px;
	top: 40px;
	width: 194px;
	height: 94px;
	overflow: hidden;
}
#divImportantDates {
	height: 157px;
	width: 218px;
	float: right;
	position: absolute;
	left: 585px;
	top: 144px;
}
#divImportantDatesContent p {
	color: #000000;
}
/*#divSubnavContainerHighSchool {
	background: url(/images/high_school_home_nav_bkg.jpg) repeat-y;
	width: 578px;
	margin-right: 12px;
	margin-left: 12px;
}*/

#divSubnavContentStylesHS {
	margin-left: 280px;
	margin-right: 20px;
}
#divRightNav a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #A7B7D3;
	text-decoration: underline;
}
#divRightNav p {
	margin-top: 5px;
	margin-bottom:5px;
}
#divHeaderHome {
	width: 772px;
	height: 154px;
	margin: 0px;
	padding: 0px;
	
}
#divFaq {
	height: 161px;
	width: 220px;
	float: right;
	position: absolute;
	left: 587px;
	top: 145px;
}
#divFaqContent {
	text-align: left;
	position: absolute;
	left: 19px;
	top: 18px;
	width: 176px;
	height: 116px;
}
#divFaqContent a {
	color: #164082;
	text-decoration: underline;
}
#divFaqContent p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 3px;
	margin-top: 3px;
}
.faqPopOut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	width: 560px;
	border: 1px solid #696969;
}
#divCollageContentHis {
filter: alpha(opacity=88);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
 -moz-opacity: 0.88; opacity:0.88;
}
#divCollageContentHers {
filter: alpha(opacity=88);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
 -moz-opacity: 0.88; opacity:0.88;
}
#divCollageContentHighSchool {
filter: alpha(opacity=88);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
 -moz-opacity: 0.88; opacity:0.88;
}
#divParentsMessage a {
	color: #164082;
	text-decoration: underline;
}
#divParentsMessage {
	text-align: left;
	position: absolute;
	left: 15px;
	top: 14px;
	width: 185px;
	height: 124px;
	overflow: hidden;
}
#divParentsMessage p {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 10px;
	margin-top: 2px;
}
.capitalise {
	text-transform: capitalize;
}

.imageBorder
{
	vertical-align:bottom;	
	height:327px;
	border-width: 2px;  
	border-style: solid;
    border-color: #2D4865;
}

.imageBorderLink
{
	vertical-align:bottom;
	border-width: 1px;  
	border-style: solid;
    border-color: #2D4865;
}

.imageOpacity img
{
	vertical-align:bottom;
	border-width: 1px;  
	border-style: solid;
    border-color: #2D4865;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.4;
}

.imageOpacity:hover img
{
	vertical-align:bottom;
	border-width: 1px;  
	border-style: solid;
    border-color: #2D4865;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}


#divNoSavedDesigns {
	text-align: left;
	position: absolute;
	left: 17px;
	top: 41px;
	width: 173px;
	height: 94px;
}
#divNoSavedDesigns p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #164082;
	margin-bottom: 10px;
	margin-top: 2px;
}

.nextTop
{
	padding: 8px;
}

.nextBottom
{
	padding: 8px;
}

#disabledCatalog td
{
    color: #7C7C7C;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}


/* validation */

.field-validation-error
{
	color: #ff0000;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	text-align: left;
	margin-left:20px;
}
.validation-summary-errors li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	list-style-type: disc;
	padding: 2px 0px;
	margin: 0px;
}

/* Kwicks */
.kwicks {   
    list-style: none;   
    position: relative;   
    margin: 0;   
    padding: 0;   
}

.kwicks li{   
    float: left;   
    width: 155px;   
    height: 49px;   
    margin-right: 5px; 
    list-style-type: none;
}

.kwicks li a{   
    text-indent:-9999px;
    height: 49px;   
	outline:none;
	display:block;  
}

#kwick1 {          
    background-image: url('../images/home.jpg');
}   
#kwick2 {   
    background-image: url('../images/hisrings.jpg');
}   
#kwick3 {   
    background-image: url('../images/herrings.jpg');
}   
#kwick4 {    
    background-image: url('../images/seniors.jpg');
}
#kwick5 {    
    background-image: url('../images/brochure.jpg');   
    margin-right: none;
}