/* CSS Document */
body { 
font-family:Arial, sans serif;
font-weight:normal;
color:#4c4c4c;
font-size:12px;
margin:0;
padding:0 7px 8px 7px;
text-decoration:none;
 }
 
/* Merchandise background */
.mechBAK {  background: #EEEEEE url(../Images/finalBK.jpg) repeat-x top; }
.flexMerchandiseBK { background: #EEEEEE url(../Images/finalBK.jpg) repeat-x top;}
/* 
The background style puts the grey background image in the merchandise master template */
img { border:none; }
h1, h2, h3 { margin:3px 0; }

a {
color:#3C88BC;
text-decoration:underline;
line-height:140%;
}

a:hover {
color:#FF6600;
text-decoration:underline;
}

#container { width:968px; margin:0 auto; }
#merchandiseContainer { width:1000px; margin:0 auto;}
#containerFW { width:100%; margin:0 auto; }
#header, .clear { clear:both; }


/*  HEADER */
#header #header-top { height:110px; /*background:url(../Images/headBK.jpg) no-repeat;*/ }
#header #logo { float:left; width:100px; padding-top:10px; text-align:center; height:90px; margin-left:20px; overflow:hidden; }
#header #school { float:left; width:499px; height:80px; padding-top:25px; padding-left:10px; margin:0px; }
#header #mcafee {  float:left; margin-top:10px; width:112px; height:71px; text-align:center; }
#header #shopping-cart { float: right; padding-right:45px; background:url(../images/cart-bgdBk.gif) no-repeat 0 0; width:190px; height:80px; margin-top:1px; margin-bottom:2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#header #shopping-cart #cart-count { position:relative; left:178px; top:4px; text-align:center; width:14px; color:#FFF; font-weight:bold; }
#header #shopping-cart #cart-contents { position:relative; left:8px; top:30px; width:100px; }
#header #shopping-cart #cart-contents span { font-weight:bold; color:#FF0000; }
#header #shopping-cart #cart-checkout { position:relative; left:125px; top:17px; width:50px; }
#header #shopping-cart #cart-checkout a { text-decoration:underline; color:#FF0000; font-weight:bold; } 
#header #shopping-cart #cart-checkout a:hover { text-decoration:none; }
#header h1 { font-family:arial, helvetica; margin:0px; padding:0px;  }
#header #links { 
float:left;
padding-right:15px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
width:330px;
text-align:right;
}

#header #navigation { clear:both; /* background:url(../images/nav-bgd.png) no-repeat top center; */ width:960px; height:100%; padding:5px 20px; margin-bottom:8px; }

/* BODY */
#body-content {  /* background: url(../../../../Images/mid.png)  center no-repeat; repeat-y scroll 0pt 50%; */ clear:both; height:100%; padding:0px; margin:0px; }
#topbk {
	display:block;
	height:45px;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;
    
}
#schoolStoreTop {
	background: url(../../../../Images/ApBK.png) left no-repeat;
	display:block;
	height:45px;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;
    }
#mid { background: url(../../../../Images/mid.png) center no-repeat;height:20px;display:block; clear:both; top: }
	
#botbk {  height:20px;display:block; clear:both; top: }
.content-sub {  width:960px; margin-left:5px; }

#body-content-front {  repeat-y scroll 0pt 50% }

/* HOMEPAGE */
#homepage-left { float:left; width:520px; margin-right:38px; margin-bottom:18px; }
#homepage-right { float:left; width:435px; margin-bottom:10px; }
#homepage-right .home-right-box { width:415px; height:80px; background:url(/bvmodules/themes/schoolstore_1_2/images/home-right-promo-bgd.gif) bottom center no-repeat; padding:20px 10px; }
#homepage-right .home-right-box img { float:left; }
#homepage-right .home-right-box div { float:right; width:310px; }
#homepage-right .home-right-box h3 { text-indent:-9999px; margin:0px; }
#homepage-right .home-right-box p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:5px; }
#homepage-right .home-right-box #sale { background:url(../images/home-right-sale-text.gif) no-repeat; width:150px; height:22px; }
#homepage-right .home-right-box #yearbook { background:url(../images/home-right-yearbook-text.gif) no-repeat; width:300px; height:22px; }
#homepage-right .home-right-box #win { background:url(../images/home-right-win-text.gif) no-repeat; width:200px; height:22px; }
#homepage-popular-products { clear:both; }
#homepage-popular-products h3 { display:inline; background:url(../images/home-tab-bgd.gif) repeat-x; border-top:1px solid #C7C7C7; border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7; padding:5px 15px; font-family: Arial, Helvetica, Sans-Serif; }
#homepage-popular-products .tabBody { clear:both; border:1px solid #C7C7C7; padding-top:10px; }
#homepage-bottom { margin:5px; }

/* FOOTER */
#footer { /* border-top:1px solid #CCC;  background:url(../Images/footer-bgd.gif) repeat-x; */ color:#A2A2A2; background:#eeeeee; padding:25px 0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#footer .footer-box { float:left; width:290px; margin:5px; padding-left:30px; }
#footer .footer-box p { padding-left:5px; }
#footer .center { text-align:center; }
#footer a { color: #8C8C8C!important; }

/* PRODUCT GRID */
.productsGrid { width:100%; }
.productsGrid td { width:20%; padding:0px; vertical-align:top;  }
.productsGrid .imageContainer { background-color:#fff; width:100%; border:0px; height:210px; overflow:hidden; vertical-align:middle; }
.productsGrid img { border:none; }
.productsGrid a { background: url(../images/product-grid-bgd.gif) repeat-x #F4F4F4; display:block; line-height:14px; margin:0 2px 10px; padding:5px; text-align:center; text-decoration:none; color:#727272; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.productsGrid a:hover { background-image:none; background-color:#EDEDED; color:#3D6580; }
.productsGrid span { font-size:12px; line-height:18px; text-decoration:underline; }
.productsGrid span.recordprice { font-size:28px; line-height:28px; letter-spacing:-3px; font-family:trebuchet ms, tahoma, verdana; font-weight:bold; text-decoration:none; }

/* Cart Page */
.cartitemimage {width:195px;height:280px;float:left; margin: 0 5px 5px 0; background-image:url('../images/ImgBgSm.png');background-repeat:no-repeat; overflow:hidden;}
.cartitemimage img {margin:3px 0 0 5px;}
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
#cartcontainer {border-bottom:solid 1px #ccc;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;}
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {border:solid 1px #ccc;background-color:#F0F0F0;padding:10px; margin-bottom:}
.cartsku { font-size: 80%; }
.cartproductname { font-size: 110%; font-weight: bold; }
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }

/* Begin QuickCheckout Styles */
#QuickCheckout fieldset { border: 0px solid #ccc; border-left: none; border-right: none; padding: 10px; }
#QuickCheckout legend { font-size: 1.2em; line-height: 1em; font-weight: bold; color: #222; margin: 0 5px; padding: 2px; }
#QuickCheckout input { vertical-align: middle; }
#QuickCheckout .forminput { width: 80%; margin:2px; height: 19px; color: #333; vertical-align: middle; border: 1px solid #999; border-bottom-width: 1px; background: #fff; }
#QuickCheckout .formtextarea { margin:2px; border: 1px solid #000000; width: 90%; border-bottom-width: 1px; }
#QuickCheckout .short { width: 25%; }
#QuickCheckout .medium { width: 50%; }
#QuickCheckout label { color: #222; }
#QuickCheckout select { border: 1px solid #999; color: #333; vertical-align: middle; border-bottom-width: 1px; height: 20px; margin: 2px 0px 2px 2px; }
#QuickCheckout h3 { clear:both; font-size: 1.8em; line-height: 1em; margin-bottom: .5em; padding: 3px 10px; background:#ffffff url(../Images/footer-bgd.gif) repeat-x top; border-top:1px solid #CCCCCC;border-bottom:1px solid #eeeeee;; }
#QuickCheckout h3 del { color: #ccc; text-decoration: none; }
#QuickCheckout h2 { font-size: 1.6em; line-height: 1.4em; margin-bottom: .5em; clear: both; padding: 1em 0 0 0; }
#QuickCheckout h3 a { text-decoration: none; }
#QuickCheckout h3 small { font-size: 30%; font-weight: normal; }
#QuickCheckout p.jumpmenu { padding: 5px; margin: 10px 0; font-size: 85%; color: #ccc; text-align: right; float: right; }
#QuickCheckout p.jumpmenu a, small a { padding: 3px; background: #eee; text-decoration: none; }
#QuickCheckout p.jumpmenu a:hover, small a:hover { background: #222; color: #fff; }
#QuickCheckout fieldset.shipaddress, #QuickCheckout fieldset.billaddress, #QuickCheckout fieldset.giftcertificates { width: 45%; float: left; margin: 0 1% 20px 1%; padding: 1%; display: inline; }
#QuickCheckout fieldset.shipmethod, #QuickCheckout fieldset.paymethod { width: 45%; float: right; margin: 0 1% 20px 1%; padding: 1%; display: inline; }
#QuickCheckout .paymethod label { font-weight: bold; color: #222; }
#QuickCheckout .paymethod td { border-top: 1px dotted #ddd; padding: 10px 0; }
#QuickCheckout .paymethod td td { border: none; padding: 5px; }
#QuickCheckout .inputvalue, #QuickCheckout .modifiervalue { list-style: square; display: list-item; color: #666; margin-left: 20px; }
#QuickCheckout .inputmodifiername { font-weight: bold; }
#QuickCheckout .inputmodifiervalue { font-style: italic; }
#QuickCheckout #ShippingTerms { margin: 0 15px; border-left: 1px dotted #666; padding-left:15px; }
#QuickCheckout .ProductName { font-weight: bold; }
#QuickCheckout #ReviewTable { width:95%;  }
.totals {  margin-top: 40px; }
#QuickCheckout #ReviewTable td { padding: 0; }
#QuickCheckout #ReviewTable td td { padding: 5px; }
#QuickCheckout .rowheader th { padding: 5px; text-transform: uppercase; }
#QuickCheckout .row, #QuickCheckout .altrow { background: #fcfcfc; border-bottom: 1px solid #ddd; }
#QuickCheckout .highlightrow {  }
#QuickCheckout .totals .row, #QuickCheckout .totals .altrow { border-bottom: 1px dotted #eee; }
#QuickCheckout .specialinstructions { margin: 50px 20px 10px 20px; }
#QuickCheckout .grandtotal { font-size: 18px;}
#QuickCheckout .alignleft { text-align: left; }
#QuickCheckout .alignright { text-align: right; }
#QuickCheckout .center { text-align: center; }
#QuickCheckout .addressbookpanel li { list-style: none; line-height: normal; padding: 0; }
#QuickCheckout .buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 0px 0; }
#QuickCheckout .loyaltypoints { padding:10px;}

.reqFieldIndicator { color: #ff0000; }

/* End QuickCheckout Styles */


/*------- Online Yearbook and Ad Sales --------*/

.greyBox { /* background-color: #E1EEF2;  border: 1px solid #000000; */ overflow:visible; padding-bottom:35px; float:left; }
.banBuyYBAd{ /* background-image:url('/swf/finishedHTML/yearbookadsBacktile.gif'); background-repeat:no-repeat; */ width:547px; height:354px; padding-top:11px;  }
.banAllOther{ width:265px; height:283px; }
.banBizAd{  width: 265px; }
.banBizAdSold{ background-image:url('../Images/bizAdSoldOut.png'); width: 196px; height:262px;}
.banBuyMerchandise{  width:370px; position:relative; top:11px; cursor:pointer; }

.homeLarge { width:542px; height:330px; position:relative;  }

.homeLargeTwo { width:562px; height:467px; position:relative; }

.homeMerchLarge { width:365px; height:477px; padding-left:18px; }

.editRight { margin-right:15px; }

.CrossSellPanel
{
	padding:	5px;
	padding-bottom: 20px;
	margin:		5px;
	font-size:	14px;
	font-weight: bold;
	width: 190px;
	border: 1px solid;
}
.CrossSellPanel:hover {  }

.CrossSellLink
{
	font-color:		#666666;
	font-size: 16px;
	text-decoration: none;	
}

/* Thank you Page */

.shareB { width: 153px; height:44px; overflow:auto; background: url('../../../../Images/Receipt/ShareButton.jpg')  no-repeat 0px 0px; cursor:pointer; display:block }
.shareB:hover { width: 153px; height:44px; overflow:auto; background: url('../../../../Images/Receipt/ShareButton.jpg') no-repeat -153px 0px; cursor:pointer; display:block }
.printB {  width: 199px; height:54px; overflow:auto; background: url('../../../../Images/Receipt/PrintAdDirectionsButton.jpg') no-repeat 0px 0px; cursor:pointer; display:block; border-color:#000000!important; }
.printB:hover {  width: 199px; height:54px;overflow:auto; background: url('../../../../Images/Receipt/PrintAdDirectionsButton.jpg') no-repeat -200px 0px; cursor:pointer; display:block }
.buyMerchB {  width: 370px; height:129px; }
.buyYBAdB {  width: 290px;  cursor:pointer; display:block; overflow:auto; }
.buyYBAdB:hover {  width: 290px; cursor:pointer; display:block; overflow:auto; }
.ThankCross { overflow:auto; width:870px; margin-left:55px; padding-bottom:17px; }
.thankLeft { float:left; width:361; height:160px; padding-top:10px;}
.thankRight { float:right; width:515px; }
.thankRight h2 { margin-bottom:2px;}
.thankRight h3 { color:#333333!important; margin-top:0px; }
.thankRight p { margin-top:0px; }


/*--- Share My Items ----- */

.title { font-size:14px; font-weight:bold; font-size:14px; }
.bigTitle { font-size:17px; font-weight:bold; padding-left:20px; color:#222222; }
input {border: 1px solid #999999;}
.disabledInput {border:1px solid #999999;}
.borderBaby { border:1px solid #999999; width:387px; padding:8px 11px;}
.topTable { padding-left:30px; margin-top:16px; height:120px; }
.btmTable { margin-top:15px;padding-left:30px;height:155px;}
.tdFirst { width: 128px;}
.padZero {padding:0px; margin:0px;}
.sendB {   width: 93px; height:31px; overflow:auto; background-image:url('../../../../Images/btnSend.png'); cursor:pointer; display:block }
.sendB:hover {   width: 93px; height:31px;overflow:auto; background-image:url('../../../../Images/btnSendOv.png'); cursor:pointer;display:block }


/*---- Design it For me? Myself? ----------*/
.designItMyselfB {   width: 692px; height:180px; overflow:auto; background-image:url('../../../../Images/designItMyself.png'); background-position: -3px 0px; background-repeat:no-repeat; cursor:pointer; display:block }
.designItMyselfB:hover {   width: 692px; height:180px; overflow:auto; background-image:url('../../../../Images/designItMyself.png'); background-position: -3px -183px; background-repeat:no-repeat;  cursor:pointer; display:block }
.designItForMeB:hover{    width: 692px; height:180px; overflow:auto; background-image:url('../../../../Images/designItMyself.png'); background-position: 0px -368px;background-repeat:no-repeat;  cursor:pointer;display:block }
.designItForMeB{    width: 692px; height:180px; overflow:auto; background-image:url('../../../../Images/designItMyself.png'); background-position: -2px -552px; background-repeat:no-repeat;  cursor:pointer;display:block }

/* ie marker */

.rightAdYo { }
.backMidYo {background:url(/Images/mid.png) repeat-y; overflow:auto; padding:0px; margin:0px;}