/* Reset CSS - Yahoo developer */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* A few handy classes */
.hide {display:none;}
.error {color:Red;}
.form-error {border:solid 1px Red;}
.rfloat { float:right; }
.lfloat { float:left; }
.buttonStyle {color:White; background-color:#680001; text-decoration:none; border:2px solid #ad4f50; font-family:Verdana, Sans-Serif; font-size:12px; padding:3px; cursor:pointer; -moz-border-radius:3px;}
.buttonStyle:hover {background-color:#871a1b; }
/* Screen.css - this file contains all of the styles for the loft website - the live site should use a minified version of this file */
html {background-color:#2D292A;}
/** Default text size -> 75% = 12px so 1em = 12px
------------------------------------------------*/
body {font-size:75%; font-family:Verdana; text-align:center; background-color:#e1e1e1;}
a {outline:none;}
h2 { text-transform:uppercase; position:relative !important; z-index:1 !important; }
cufon canvas { z-index:1 !important; }
/** Masterpage
-----------------------------------------------------------------------*/
/*************** Sub Navigation Frame ******************/
#subNavFrame{float:left;clear:both;width:100%;height:19px;background:#2C2829;text-align:center;border-bottom:solid 1px #1e1a1a;}
#subNavFrame .container { min-width:960px; text-align:left; max-width:1200px; height:20px; margin:auto; display:block; background:url(../../../images/master-sprite.png) no-repeat 0 0; }
#subNavFrame .container .content { width:960px; margin:auto; text-align:left; }
#subNavMenu { float:right; margin:2px 14px 0 0; color:#636262; }
#subNavMenu a { color:#fff; text-decoration:none; font:0.9em Verdana; letter-spacing:1px; }
#subNavMenu a:hover {color:#fff; text-decoration:underline;}
#subNavMenu a.active {color:#fff; text-decoration:underline;}
.homeIcon { height:14px; float:left; width:16px; padding:3px; background:url(../../../images/master-sprite.png) no-repeat -222px -628px; display:block; margin-top:1px; }
.spherikaBadge{height:11px;width:124px;text-indent:-99999px;float:left;clear:both;margin:18px 0 0 0;}
.spherikaBadge.eng{background:url(../../../images/master-sprite.png) no-repeat -375px -698px;display:block;}
.spherikaBadge.fre{background:url(../../../images/master-sprite.png) no-repeat -375px -711px;display:block;}
/*************** Header Frame ******************/
#headerFrame { float:left;clear:both;width:100%;height:80px;border-top:solid 1px #780000;border-bottom:solid 1px #090101;text-align:center;background:#680000 url(../../../images/master-sprite.png) repeat-x 0 -103px;}
#headerFrame .container { background: transparent url(../../../images/master-sprite.png) no-repeat 0 -20px; min-width:960px; max-width:1200px; text-align:center; height:80px; margin:auto; display:block; }
#headerFrame .container .content { width:960px; margin:auto; text-align:left; height:80px; }
/*#headerFrame h1 {position:relative; float:left; top:16px; display: block;width: 280px;height: 53px;text-indent: -9999px; background: transparent url(../../../images/master-sprite.png) no-repeat 0 -576px;}*/
#headerFrame h1 {position:relative; float:left; display: block;width: 273px;height: 80px;text-indent: -9999px; background: transparent url(../../../images/loft_logo.png) no-repeat 0 0; }
#headerFrame h1 a {display: block;width: 100%;height: 100%;outline:none;}
/*************** Main Navigation - english ******************/
.en-menu { position:relative;float:left;width:593px; height:80px; display:block;list-style-type:none; z-index:9999 !important; }
.en-menu li {float:left; display:block;}
.en-menu li a { display:block; height:100%; width:100%; outline:none; }
.en-menu #loftButton { width:115px; height:80px;}
.en-menu #loftButton a { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat 0px 0px; }
.en-menu #loftButton a:hover { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat 0px -83px; }
.en-menu #loftButton.active a.button { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat 0 -83px; }
.en-menu #infoButton { width:173px; height:80px;}
.en-menu #infoButton a { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -115px 0px; }
.en-menu #infoButton a:hover { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -115px -83px; }
.en-menu #infoButton.active a.button { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -115px -83px; }
.en-menu #hoursButton { width:162px; height:80px;}
.en-menu #hoursButton a { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -288px 0px; }
.en-menu #hoursButton a:hover { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -288px -83px; }
.en-menu #myLoftButton { width:142px; height:80px;}
.en-menu #myLoftButton a { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -450px 0px; }
.en-menu #myLoftButton a:hover { background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -450px -83px; }
.en-menu #myLoftButton.active a.button{ background:transparent url(../../../images/navigation-sprite-en.png) no-repeat -450px -83px; }
/*************** Main Navigation - french ******************/
.fr-menu { position:relative;float:left;width:593px; height:80px; display:block;list-style-type:none; z-index:9999 !important; }
.fr-menu li {float:left; display:block;}
.fr-menu li a { display:block; height:100%; width:100%; outline:none; }
.fr-menu #loftButton { width:115px; height:80px;}
.fr-menu #loftButton a { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat 0px 0px; }
.fr-menu #loftButton a:hover { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat 0px -83px; }
.fr-menu #loftButton.active a.button { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat 0 -83px; }
.fr-menu #infoButton { width:173px; height:80px;}
.fr-menu #infoButton a { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -115px 0px; }
.fr-menu #infoButton a:hover { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -115px -83px; }
.fr-menu #infoButton.active a.button { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -115px -83px; }
.fr-menu #hoursButton { width:162px; height:80px;}
.fr-menu #hoursButton a { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -288px 0px; }
.fr-menu #hoursButton a:hover { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -288px -83px; }
.fr-menu #myLoftButton { width:142px; height:80px;}
.fr-menu #myLoftButton a { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -450px 0px; }
.fr-menu #myLoftButton a:hover { background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -450px -83px; }
.fr-menu #myLoftButton.active a.button{ background:transparent url(../../../images/navigation-sprite-fr.png) no-repeat -450px -83px; }
/*************** Dropdown Panel - Loft ***************/
#loftButton .dropdown, .dropdown li{position:relative; margin:0; padding:0; list-style:none; z-index:9999 !important;}
#loftButton .dropdown { display:none; border-right:solid 1px #9f0000; height:59px; width:100%; background-color:#550101; position:relative; left:0; top:-12px; z-index:9999; }
#loftButton .dropdown li { height:28px; width:100%; text-align:center;}
#loftButton .dropdown li a { background:transparent url(../../../images/master-sprite.png) repeat-x -750px -130px; height:20px; padding-top:8px;width:100%; font:11px Arial; color:#fff;text-align:center; text-transform:uppercase; text-decoration:none;}
#loftButton .dropdown li a:hover { background:transparent url(../../../images/master-sprite.png) repeat-x -282px -576px; }
/*************** Dropdown Panel - My Account ***************/
#infoButton .dropdown, .dropdown li{position:relative;margin:0; padding:0; list-style:none; z-index:9999 !important;}
#infoButton .dropdown { display:none; border-right:solid 1px #9f0000; height:145px; width:100%; background-color:#550101; position:relative; left:0; top:-12px; z-index:9999; }
#infoButton .dropdown li { height:28px; width:100%; text-align:center;}
#infoButton .dropdown li a { background:transparent url(../../../images/master-sprite.png) repeat-x -750px -130px; white-space:nowrap; height:20px; padding-top:8px; width:100%;font:11px Arial; color:#fff;text-align:center; text-transform:uppercase; text-decoration:none;}
#infoButton .dropdown li a:hover { background:transparent url(../../../images/master-sprite.png) repeat-x -282px -576px; }
#infoDropdown { z-index:9999; }
/*************** Dropdown Panel - Catalogue ***************/
#myLoftButton .dropdown, .dropdown li{position:relative;margin:0; padding:0; list-style:none; z-index:9999 !important;}
#myLoftButton .dropdown { display:none; border-right:solid 1px #9f0000; height:145px; width:100%; background-color:#550101; position:relative; left:0; top:-12px; z-index:9999; }
#myLoftButton .dropdown li { height:28px; width:100%; text-align:center;}
#myLoftButton .dropdown li a { background:transparent url(../../../images/master-sprite.png) repeat-x -750px -130px; height:20px; padding-top:8px; width:100%;font:11px Arial; color:#fff;text-align:center; text-transform:uppercase; text-decoration:none;}
#myLoftButton .dropdown li a:hover { background:transparent url(../../../images/master-sprite.png) repeat-x -282px -576px; }
#myLoftDropdown { z-index:9999; }
/*************** Shopping Cart ******************/
#cartButton { text-align:center; float:left; position:relative;width:87px; height:77px; display:block; }
#cartButton a { color:#fff; text-decoration:none; font:bold 0.9em arial; padding-top:40px; height:37px; width:97px; display:block; background:transparent url(../../../images/cart-btn-sprite.png) no-repeat 0 0; }
#cartButton a:hover {color:#680001; height:37px; text-decoration:underline; width:97px; display:block; background:#E9E6E1 url(../../../images/cart-btn-sprite.png) no-repeat 0 -157px; }
#cartButton a.active {color:#680001; height:37px; text-decoration:underline; width:97px; display:block; background:transparent url(../../../images/cart-btn-sprite.png) no-repeat 0 -157px; }
#cartButton a span { color:#fff; display:block; }
/*************** Main Content Area ***************/
#contentFrameTop { float:left; clear:left; width:100%; height:6px; background:url(../../../images/master-sprite.png) repeat-x 0 -186px;}
#contentFrame { width:100%; min-width:960px; display:block; float:left; clear:both; background-color:#e1e1e1; }
#contentFrame .container { width:960px; margin:auto;display:block; min-height:410px; }
#contentFrameBottom { float:left;clear:left;display:block;width:100%;height:9px;background:url(../../../images/master-sprite.png) repeat-x 0 -193px;}
/*************** Footer Frame ***************/
#footerFrame { float:left;clear:both;width:100%;height:116px;text-align:center;background:#2D292A url(../../../images/master-sprite.png) repeat-x 0 -320px;}
#footerFrame .container { min-width:960px; max-width:1200px; text-align:center; height:116px; margin:auto; }
#footerFrame .container .content { width:960px; margin:auto; text-align:left; }
#footerFrame ul { float:left; width:225px; height:105px; margin-top:15px; display:block;list-style-type:none;}
#footerFrame ul li:first-child {margin:0 0 0 20px; float:left; clear:both;}
#footerFrame ul li {margin:8px 0 0 20px; float:left; clear:both;}
#footerFrame ul li a {font:0.9em Verdana; color:#fff; text-decoration:none; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4); white-space:nowrap; }
#footerFrame ul li a:hover {font-size:0.9em; font-family:Verdana; color:#fff; text-decoration:underline; }
#footerFrame ul li a.active {font-size:0.9em; font-family:Verdana; color:#fff; text-decoration:underline; }
#footerFrame .separator { float:left; position:relative;top:1px; width:1px; height:125px; background:#6F6F6F;}
#footerFrame .footerInfo {float:left; width:225px; height:105px;margin:15px 0 0 20px;display:block; font:0.9em Verdana; text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);color:#fff;line-height:21px;}
#footerFrame .footerInfo a {font:0.9em Verdana; color:#fff; text-decoration:none; white-space:nowrap; }
#footerFrame .footerInfo a:hover {font:0.9em Verdana; color:#fff; text-decoration:underline;}
#footerFrame #footerTel { font-size:1.8em; margin-top:18px; float:left; clear:left; display:block; }
/***** SHOPPING CART *******/
#cart-overlay {
/* set it to fill the whole screen */
width:100%;
height:100%;
/* transparency for different browsers */
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background:#000;
/* make sure it appear behind the dialog box but above everything else */
position:absolute;
top:100; left:0;
z-index:9000;
/* hide it by default */
display:none;
}
#cart-container { width:953px; margin:auto;
/* css3 drop shadow */
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
border-top:none;
/* transparency for different browsers */
/*filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.95;*/
background:#efece7;
/* make sure it has the highest z-index */
position:absolute;
z-index:10001;
/* hide it by default */
display:none;
}
#cart-table { margin:10px 5px 10px 5px;}
#cart-table a.order-update {color:#939191; text-decoration:none;}
#cart-table a.order-update:hover {color:#B81F25; }
#cart-table thead tr th{ height:38px; font-size:0.8em; text-align:center; font-weight:bold; }
#cart-table thead tr th.cart-title { font-size:1.1em; text-align:left; }
#cart-table tfoot tr td { height:38px; text-align:right; padding-top:5px; }
#cart-table tfoot tr td .cart-sub-total { font-weight:bold; font-size:0.9em; float:right; margin:10px 20px 0 0; }
a.cart-continue-shopping { color:#000; text-decoration:none; height:22px; float:right; margin-right:10px; text-align:center; padding:8px 15px 0 15px; background:transparent url(../../../images/cart-continue-btn-bg.jpg) repeat-x; }
a.cart-continue-shopping:hover, a.cart-checkout:hover { text-decoration:underline; }
a.cart-checkout { color:#fff; text-decoration:none; height:22px; float:right; text-align:center; padding:8px 15px 0 15px; background:transparent url(../../../images/cart-checkout-btn-bg.jpg) repeat-x; }
#cart-table tbody tr.cart-row { border:solid 1px #ccc; margin-bottom:10px; }
#cart-table tbody tr.separator-row td { height:5px; padding:0px; background-color:Transparent; }
#cart-table tbody tr td {text-align:center; color:#666; background:#fff; padding:5px; }
table.cart-sub-table tbody tr td.product-name{ color:#660000 !important; font-size:0.8em !important; font-weight:bold !important; }
table.cart-sub-table tbody tr td { font-size:0.8em; text-align:left !important; padding:2px !important; }
/** CONTENT BOXES
-----------------------------------------------------------------------*/
#contentBox { margin:15px 0 15px 0; }
#contentBoxMiddle { color:#666; }
#contentBoxMiddle p.first{ width:100%; display:block; float:left; clear:both; margin:10px 0 0 35px; }
#contentBoxMiddle p { width:100%; font-size:1em; display:block; float:left; clear:both; margin:10px 0 0 35px; }
#contentBoxMiddle em { font-weight:bold; }
#contentBoxMiddle h2 { font-size:20px; margin:15px 35px 0 35px; color:#000; text-transform:uppercase; width:auto; }
#contentBoxMiddle h5 { font-size:14px; font-weight:bold; margin:15px 35px 5px 35px; color:#666; width:auto; }
#contentBoxMiddle h5.short { width:250px; float:left; clear:left; }
#contentBoxMiddle span.normal { font-weight:normal; margin:-15px 35px 15px 35px; }
#contentBoxMiddle hr { width:auto; clear:both; margin:5px 35px 10px 35px; height:2px; border:none; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #fff; background:transparent; }
#contentBox .nofloat { float:none; margin-top:15px; }
#contentBox.big { width:970px; float:left; clear:both; overflow:hidden; }
#contentBox.big #contentBoxTop { width:100%; height:23px; display:block; float:left; clear:both; background:transparent url(../../../images/loft-content-bg.top.jpg) no-repeat; }
#contentBox.big #contentBoxMiddle { text-align:left; float:left; clear:both; width:100%; background:transparent url(../../../images/loft-content-bg.bg.jpg) repeat-y; }
#contentBox.big #contentBoxBottom { width:100%; float:left; clear:both; height:18px; background:transparent url(../../../images/loft-content-bg.bottom.jpg) no-repeat; }
#contentBox.login { width:828px; float:left; clear:both; overflow:hidden; }
#contentBox.login #contentBoxTop { width:100%; height:23px; display:block; float:left; clear:both; background:transparent url(../../../images/loft-content-bg.top.jpg) no-repeat; }
#contentBox.login #contentBoxMiddle { text-align:left; float:left; clear:both; width:100%; background:transparent url(../../../images/loft-content-bg.bg.jpg) repeat-y; }
#contentBox.login #contentBoxBottom { width:100%; float:left; clear:both; height:18px; background:transparent url(../../../images/loft-content-bg.bottom.jpg) no-repeat; }
#contentBox.medium { width:721px; clear:none; margin:auto; }
#contentBox.medium #contentBoxTop { width:100%; height:23px; display:block; float:left; clear:both; background:transparent url(../../../images/loft-content-med-bg.top.jpg) no-repeat; }
#contentBox.medium #contentBoxMiddle { text-align:left; float:left; clear:both; width:100%; background:transparent url(../../../images/loft-content-med-bg.bg.jpg) repeat-y; }
#contentBox.medium p { width:410px; clear:left; display:block; }
#contentBox.medium img { float:right; margin:5px 28px 8px 0; }
#contentBox.medium #contentBoxBottom { width:100%; float:left; clear:both; height:18px; background:transparent url(../../../images/loft-content-med-bg.bottom.jpg) no-repeat; }
#contentBox.small { width:630px; float:left; clear:left; margin-left:-7px; }
#contentBox.small #contentBoxTop { width:100%; height:24px; display:block; float:left; clear:both; background:transparent url(../../../images/loft-content-short.top.jpg) no-repeat; }
#contentBox.small #contentBoxMiddle { text-align:left; float:left; clear:both; width:100%; background:transparent url(../../../images/loft-content-short.bg.jpg) repeat-y; }
#contentBox.small #contentBoxBottom { width:100%; float:left; clear:both; height:24px; background:transparent url(../../../images/loft-content-short.bottom.jpg) no-repeat; }
/** INPUT FORMS
----------------------------------------------------------------------*/
.inputForm { color:#000; margin:10px 0 10px 35px; width:auto; }
.inputForm.account { width:565px; }
.inputForm tr td, .inputForm tr th { height:40px; }
.inputForm thead th { height:20px; font-weight:bold; color:#000; margin-top:0px; }
.inputForm thead th .registerHeader { font-size:14px; color:#a00000; }
.inputForm tr td { max-width:302px; }
.inputForm tr td .small { font-size:10px; color:#9F000B; }
.inputForm tr td td.shortcolumn { max-width:132px; }
.inputForm tr th { white-space:nowrap; padding-right:15px; }
.inputForm tr th label { color:#000; font-size:1em; }
.inputForm tr th label .small { font-size:10px; color:#9F000B;}
.inputForm tr th label .blockDisp { display:block; margin-left:10px;}
.inputForm tr th label:hover { cursor:pointer; }
.inputForm tr td label.error { float:left; clear:both; color:Red; font-size:0.8em; padding:0px; margin:0px; }
.inputForm tr td.smallLabels label { font-size:0.8em; margin-top:-3px; }
.inputForm tr td strong { color:#666; }
label.lmargin { margin-left:10px; }
label.rmargin { margin-right:10px; display:block; }
/* form field styling */
.inputForm input[type=text],.inputForm input[type=password],.inputForm textarea{ width:296px; height:18px; -moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; border:solid 1px #c2c2c2; font-size:1.2em; padding:2px; color:#666; }
.inputForm input[type=text]:focus,.inputForm input[type=password]:focus,.inputForm textarea:focus,.inputForm input[type=radio]:focus { border:solid 1px orange; }
.inputForm input[type=text].short { width:125px; }
.inputForm select{ height:24px; -moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; border:solid 1px #c2c2c2; font-size:1.2em; padding:2px; color:#666; }
.inputForm select:focus { border:solid 1px orange; }
.inputForm input[type=text].error,.inputForm input[type=password].error,.inputForm textarea.error,.inputForm input[type=radio].error { border:solid 1px red; }
/* account form */
.inputForm.account input[type=text],.inputForm.account input[type=password],.inputForm.account textarea{ width:370px; }
.inputForm.account input[type=text].short { width:125px; }
.inputForm.account th { width:160px; }
.formProfileEdit, a.formProfileEdit,.formLoginEdit, a.formLoginEdit { display:none; }
span.labelProfileView,span.labelLoginView { text-align:left; font-weight:bold; }
a.labelProfileView, a.formProfileEdit, a.labelLoginView, a.formLoginEdit { float:right; font-size:10px; text-decoration:none; color:#9F000B; margin:20px 35px 5px 35px; }
a.labelProfileView:hover, a.formProfileEdit:hover, a.labelLoginView:hover, a.formLoginEdit:hover { text-decoration:underline; }
/* Student Panel */
.studentPanel { float:left; clear:none; width:310px; margin:25px 0px 10px 15px; text-align:left; }
.studentPanel h5 { font-size:14px; font-weight:bold; margin:0 0 5px 0; color:#000; }
.studentPanel h5.short { width:150px; float:left; clear:left; }
.studentPanel a.addremove { float:right; font-size:10px; text-decoration:none; color:#9F000B; margin:5px 0px 0px 0px; }
.studentPanel a.addremove:hover { text-decoration:underline; }
.studentPanel hr { width:auto; clear:both; margin:5px 0px 10px 0px; height:2px; border:none; border-top:solid 1px #c9c9c9; border-bottom:solid 1px #fff; background:transparent; }
.addStudent { margin-bottom:10px; -moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; border:solid 1px #e1e1e1; padding:5px; width:300px; }
.innerAddStudent { border:solid 1px #c2c2c2; background:#f6f6f6; width:278px; overflow:hidden; margin:0px; padding:5px 10px 5px 10px; }
/* student form */
.inputForm.student { margin:0px; }
.inputForm.student input[type=text],.inputForm.student input[type=password],.inputForm.student textarea{ width:270px; }
.inputForm.student th { height:20px; }
/* school/student list */
.schoolTable { width:100%; border:solid 1px #ccc; margin-top:10px; }
.schoolTable thead tr th, .schoolTable thead tr td { border-bottom:solid 1px #ccc; padding:5px; background:transparent url(../../../images/schooltable_bg.png) repeat; }
.schoolTable thead tr th { font-size:14px; text-transform:capitalize; font-weight:bold; color:#000; }
.schoolTable tbody tr td { background-color:#EEECED; padding:2px 5px; }
.schoolTable tbody tr.alt td { background-color:#DCDADB; }
.schoolTable a { font-size:11px; color:#898788; text-decoration:underline; }
.schoolTable a:hover { text-decoration:underline; }
.studentPanel .schoolTable:first-child { margin-top:0px; }
/* Login, Forgot Password, Activate Account forms */
.formHolder { float:right; font-size:1em; color:#2c2929; background-color:#d6d6d6; margin:20px 35px 10px 0px; padding:15px; -moz-border-radius:8px;-webkit-border-radius:8px;}
.formHolder.login { height:180px;width:402px; }
.formHolder.regular { width:620px; }
.smallForm { width:auto; }
.smallForm th, .smallForm td { height:28px; padding:5px 0 5px 0; }
.smallForm td.padTop { padding-top:20px; }
.smallForm td label { font-size:10px; }
.smallForm td label.error { float:left; clear:both; display:block; margin-left:5px; }
.smallForm th { white-space:nowrap; padding-right:15px; }
.smallForm input[type=text],.smallForm input[type=password],.smallForm textarea{ width:295px; height:18px; -moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; border:solid 3px #454545; font-size:1.2em; padding:2px; color:#666; }
.smallForm input[type=password].short { width:175px; }
.smallForm input[type=text].short { width:200px; }
.smallForm input[type=text].long { width:500px; }
.smallForm input[type=text]:focus,.smallForm input[type=password]:focus,.smallForm textarea:focus,#smallForm input[type=radio]:focus { border:solid 3px orange; }
.smallForm span.passwordBox { display:block; -moz-border-radius:5px;-webkit-border-radius:5px; background-color:#454545; }
.smallForm span.passwordBox a { color:#fff; text-decoration:none; font-size:10px; }
.smallForm span.passwordBox a:hover { text-decoration:underline; }
.formHolder h4{font-size:14px;font-weight:bold;}
.smallForm .nostyle tr td:first-child { width:192px; }
.smallForm .nostyle td { padding:0px; }
#loginInfo { float:left; height:180px;width:278px; color:#666; font-size:1em; font-weight:bold; margin-top:20px; margin-left:35px; color:#2c2929; background-color:#d6d6d6;padding:15px; -moz-border-radius:8px;-webkit-border-radius:8px;}
#loginInfo .sub { float:left; width:300px; font-size:1em; color:#2c2929; font-weight:normal; margin-bottom:20px;}
#loginInfo .sub input[type=text]{ width:200px; height:18px; -moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; border:solid 3px #454545; font-size:1.2em; padding:2px; color:#666; }
#loginInfo h4{font-size:14px;font-weight:bold;}
#loginInfo a.registerNowButton {background:url(../../../images/login-buttons2.gif) 0px 0px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.registerNowButton:hover {background:url(../../../images/login-buttons2.gif) 0px -48px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.registerNowButton:active {background:url(../../../images/login-buttons2.gif) 0px -96px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.registerNowButton-fr {background:url(../../../images/login-buttons2-fr.gif) 0px 0px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.registerNowButton-fr:hover {background:url(../../../images/login-buttons2-fr.gif) 0px -48px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.registerNowButton-fr:active {background:url(../../../images/login-buttons2-fr.gif) 0px -96px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.activateAccountButton {background:url(../../../images/login-buttons1.gif) 0px 0px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.activateAccountButton:hover {background:url(../../../images/login-buttons1.gif) 0px -48px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.activateAccountButton:active {background:url(../../../images/login-buttons1.gif) 0px -96px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.activateAccountButton-fr {background:url(../../../images/login-buttons1-fr.gif) 0px 0px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.activateAccountButton-fr:hover {background:url(../../../images/login-buttons1-fr.gif) 0px -48px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
#loginInfo a.activateAccountButton-fr:active {background:url(../../../images/login-buttons1-fr.gif) 0px -96px; width:212px; height:48px; text-indent:-9999px; outline:none; display:block; margin:10px 0;}
.SchoolIDDocumentList {margin-top:8px;}
.SchoolIDDocumentList li { list-style-type:disc; margin-left:100px; margin-top:4px; }
/*************** Notifications ***************/
.successPanel { text-align:center; margin:20px auto 20px auto; width:545px; height:130px; font-style:italic; background:transparent url(../../../images/successPanel-bg.jpg) no-repeat; }
.successPanel span.title { font-size:36px; color:#fff; position:relative; top:25px; left:20px; }
.successPanel span.text { font:17px normal Georgia; position:relative; top:35px; left:40px; }
p.successtext { width:100% !important; margin:15px auto 20px !important; text-align:center; }
.successtext a { color:#9F000B; text-decoration:none; }
.successtext a:hover { text-decoration:underline; }
.notification {
position: relative;
margin: 15px 0 0 0;
padding: 0;
border: 1px solid;
background-position: 0 1px !important;
background-repeat: no-repeat !important;
font-size: 13px;
width: 99.8%;
min-height:52px;
}
.attention {
background: #fff url('../../images/icons/exclamation.png') 10px 11px no-repeat;
border-color: #e6db55;
color: #666452;
}
.information {
background: #fff url('../../images/icons/information.png');
border-color: #a2b4ee;
color: #585b66;
}
.success {
background: url(../../../images/widgetCorrect.gif) #fff;
border:2px solid #76a331;
color: #556652;
-moz-border-radius:8px;
}
.errors {
background: #fff url('../../../images/widgetError.gif');
border:2px solid #ed2524;
color: #665252;
-moz-border-radius:8px;
}
.notification div {
display:block;
font-style:normal;
padding: 5px 10px 10px 70px;
line-height: 1.5em;
font-size:15px;
text-align:left;
}
.notification .close {
color:#990000;
font-size:9px;
position:absolute;
right:5px;
top:5px;
}
/** Homepage
-----------------------------------------------------------------------*/
/*************** Content Area ***************/
#homeContentFrame h2 { font-size:24px; margin:40px 0 0 40px; color:#333; }
#homeContentFrame { color:#333; font-size:1.2em; font-family:Times New Roman; width:721px; background:transparent url(../../../images/home-content-bg.jpg) no-repeat; line-height:1.3em; text-align:left; height:368px; float:right; margin-top:25px; display:block; }
#homeContentFrame p {
display:block;
float:left;
left:40px;
line-height:1.2;
margin:45px 15px 0;
position:relative;
width:220px;
}
.moreInfoHome { float:right; margin:220px 70px 0 0; display:block; height:30px; width:120px; text-indent:-9999px; }
.moreInfoHome.en { background:transparent url(../../../images/master-sprite.png) no-repeat -375px -636px;}
.moreInfoHome.fr { background:transparent url(../../../images/master-sprite.png) no-repeat -375px -667px;}
.bbb
{
float: right; margin-top: -140px; border: none; }
/*************** News Widget ***************/
#newsFrame { float:left; width:215px; text-align:left; min-height:370px; display:block; font-size:1em; color:#666; }
#newsFrame h2 { font-weight:bold; color:#333; margin:25px 0 2px 0; font-size:22px; text-transform:uppercase; display:block; float:left; clear:both; }
#newsFrame span { clear:both; font-weight:bold; float:left; display:block; width:100%; margin-top:16px; }
#newsFrame p { clear:both; display:block; float:left; width:100%; line-height:18px; }
#newsFrame p a {color:#660000; text-decoration:none; font-weight:bold;}
#newsFrame p a:hover {color:#660000; text-decoration:underline;}
#innerFrame { display:block; width:230px; height:100%; overflow:hidden; float:left; clear:both; }
a.eBookingButton {width:209px; height:92px; display:block; text-indent:-9999px; clear:both; position:relative; top:9px;}
a.eBookingButton.EN{background:url(../../../images/images/ebooking-btn.png) 0 0;}
a:hover.eBookingButton.EN {background:url(../../../images/images/ebooking-btn.png) 0 -92px; text-indent:-9999px;}
a.eBookingButton.FR{background:url(../../../images/images/ebooking-btn.png) 0 -184px;}
a:hover.eBookingButton.FR {background:url(../../../images/images/ebooking-btn.png) 0 -276px; text-indent:-9999px;}
/** About Us
-----------------------------------------------------------------------*/
/*************** Content Area ***************/
#aboutContentFrame { width:964px; height:371px; float:left; margin-top:25px; display:block; background:transparent url(../../../images/about-content-bg.jpg) no-repeat; }
#aboutContentFrame h2 { font-weight:bold; color:#666; margin:5px 0 2px 0; font-size:16px; text-transform:uppercase; display:block; float:left; }
#aboutContentFrame .content { text-align:left; width:655px; padding:30px; float:left; clear:both; color:#666; }
#aboutContentFrame .content p:first-child { width:100%; display:block; float:left; clear:both; margin:0 2px 0 2px; }
#aboutContentFrame .content p { width:100%; display:block; float:left; clear:both; font-size:1em; margin:12px 2px 0 2px; }
#aboutContentFrame .content em { font-weight:bold; }
/** Exchanges and Returns
-----------------------------------------------------------------------*/
/*************** Content Area ***************/
#exchangeContentFrame { width:726px; height:371px; float:right; margin-top:25px; display:block; background:transparent url(../../../images/exchange-content-bg.jpg) no-repeat; }
#exchangeContentFrame h2 { font-weight:bold; color:#333; margin:5px 0 2px 0; font-size:16px; text-transform:uppercase; display:block; float:left; }
#exchangeContentFrame .content { text-align:left; width:420px; padding:30px; float:left; clear:both; color:#666; }
#exchangeContentFrame .content p:first-child { width:100%; display:block; float:left; clear:both; margin:0 2px 0 2px; }
#exchangeContentFrame .content p { width:100%; font-size:1em; display:block; float:left; clear:both; margin:12px 2px 0 2px; }
/** Store Hours
-----------------------------------------------------------------------*/
/*************** Month Buttons ***************/
#buttonFrame { float:left; margin:0; width:235px; text-align:left; height:360px; display:block; font-size:1em; color:#666; }
#buttonFrame .button { height:49px; width:110px; float:left; display:block; margin:10px 0 0 0; }
#buttonFrame .button.r-margin { margin-right:10px; }
#buttonFrame .button a { display:block; height:100%; width:100%; text-indent:-9999px; outline:none; }
/*---- January ----*/
#buttonFrame .button a#jan.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat 0px 0px; }
#buttonFrame .button a#jan.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px 0px; }
#buttonFrame .button a#jan.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px 0px; }
#buttonFrame .button a#jan.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat 0px -300px; }
#buttonFrame .button a#jan.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -300px; }
#buttonFrame .button a#jan.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -300px; }
/*---- February ----*/
#buttonFrame .button a#feb.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px 0px; }
#buttonFrame .button a#feb.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px 0px; }
#buttonFrame .button a#feb.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px 0px; }
#buttonFrame .button a#feb.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -300px; }
#buttonFrame .button a#feb.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -300px; }
#buttonFrame .button a#feb.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -300px; }
/*---- March ----*/
#buttonFrame .button a#mar.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat 0px -50px; }
#buttonFrame .button a#mar.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -50px; }
#buttonFrame .button a#mar.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -50px; }
#buttonFrame .button a#mar.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat 0px -350px; }
#buttonFrame .button a#mar.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -350px; }
#buttonFrame .button a#mar.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -350px; }
/*---- April ----*/
#buttonFrame .button a#apr.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -50px; }
#buttonFrame .button a#apr.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -50px; }
#buttonFrame .button a#apr.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -50px; }
#buttonFrame .button a#apr.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -350px; }
#buttonFrame .button a#apr.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -350px; }
#buttonFrame .button a#apr.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -350px; }
/*---- May ----*/
#buttonFrame .button a#may.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -100px; }
#buttonFrame .button a#may.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -100px; }
#buttonFrame .button a#may.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -100px; }
#buttonFrame .button a#may.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -400px; }
#buttonFrame .button a#may.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -400px; }
#buttonFrame .button a#may.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -400px; }
/*---- June ----*/
#buttonFrame .button a#jun.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -100px; }
#buttonFrame .button a#jun.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -100px; }
#buttonFrame .button a#jun.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -100px; }
#buttonFrame .button a#jun.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -400px; }
#buttonFrame .button a#jun.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -400px; }
#buttonFrame .button a#jun.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -400px; }
/*---- July ----*/
#buttonFrame .button a#jul.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -150px; }
#buttonFrame .button a#jul.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -150px; }
#buttonFrame .button a#jul.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -150px; }
#buttonFrame .button a#jul.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -450px; }
#buttonFrame .button a#jul.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -450px; }
#buttonFrame .button a#jul.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -450px; }
/*---- August ----*/
#buttonFrame .button a#aug.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -150px; }
#buttonFrame .button a#aug.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -150px; }
#buttonFrame .button a#aug.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -150px; }
#buttonFrame .button a#aug.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -450px; }
#buttonFrame .button a#aug.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -450px; }
#buttonFrame .button a#aug.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -450px; }
/*---- September ----*/
#buttonFrame .button a#sep.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -200px; }
#buttonFrame .button a#sep.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -200px; }
#buttonFrame .button a#sep.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -200px; }
#buttonFrame .button a#sep.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -500px; }
#buttonFrame .button a#sep.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -500px; }
#buttonFrame .button a#sep.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -500px; }
/*---- October ----*/
#buttonFrame .button a#oct.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -200px; }
#buttonFrame .button a#oct.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -200px; }
#buttonFrame .button a#oct.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -200px; }
#buttonFrame .button a#oct.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -500px; }
#buttonFrame .button a#oct.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -500px; }
#buttonFrame .button a#oct.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -500px; }
/*---- November ----*/
#buttonFrame .button a#nov.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -250px; }
#buttonFrame .button a#nov.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -250px; }
#buttonFrame .button a#nov.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -250px; }
#buttonFrame .button a#nov.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -0px -550px; }
#buttonFrame .button a#nov.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -222px -550px; }
#buttonFrame .button a#nov.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -444px -550px; }
/*---- December ----*/
#buttonFrame .button a#dec.en { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -250px; }
#buttonFrame .button a#dec.en:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -250px; }
#buttonFrame .button a#dec.en.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -250px; }
#buttonFrame .button a#dec.fr { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -111px -550px; }
#buttonFrame .button a#dec.fr:hover { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -333px -550px; }
#buttonFrame .button a#dec.fr.selected { background:transparent url(../../../images/hours-buttons-sprite.png) no-repeat -555px -550px; }
/*************** Content Area ***************/
.address { display:block; margin:-35px 65px 0 0; float:right; clear:right; text-indent:-9999px; height:61px; width:206px; }
.address.en { background:transparent url(../../../images/master-sprite.png) no-repeat -0px -630px; }
.address.fr { background:transparent url(../../../images/master-sprite.png) no-repeat -908px -669px; }
#hoursContentFrame .content { text-align:left; width:420px; padding:30px; float:left; clear:both; color:#666; }
#hoursTable { width:380px; color:#666666; font-size:1.1em; float:left; clear:left; margin:0 0 0 35px; }
#hoursTable strong { font-weight:bold; }
#hoursTable thead th,
#hoursTable tbody td { min-width:185px; border-bottom:solid 2px #efece7; text-align:left; padding:10px 0 5px 0; }
#hoursTable thead th,
#hoursTable tbody th { color:#666666; min-width:185px; }
#hoursTable tfoot td { padding-top:5px; font-size:0.9em; text-align:left; }
#MapPanel {font-family:arial; font-size:0.9em; text-align:left;background-color:#7d0000; float:left; clear:right; margin:12px 15px 0 30px; width:240px; color:#FFF; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#MapPanel input[type="text"] {width:184px; float:left; border:none; font-size:14px; padding:2px 3px 2px 3px; margin:3px 2px 0 0;}
#MapPanel input[type="image"] {float:right; margin-top:3px; background-color:#e8e8e8;}
/** FAQ
-----------------------------------------------------------------------*/
.accordion { text-align:left; float:left; clear:both; width:100%; }
#faqTitle { font-weight:bold; color:#333; margin:25px 0 2px 0; font-size:20px; text-transform:uppercase; display:block; float:left; }
.faqSubHead { display:block; float:left; clear:both; height:24px; font-weight:bold; font-size:1.3em; margin:10px 0 10px 30px; }
.faq-table { width:100%; }
.faq-table th, faq-table td{ padding:5px; }
.faq-table thead th{ background-color:#e2e2e2; font-weight:bold; }
.faq-table tbody tr.alt td{ background-color:#eee; }
.faq-table em { font-weight:bold; }
.yes-icon { display:block; height:14px; width:14px; background:transparent url(../../../images/master-sprite.png) no-repeat -207px -630px; }
.no-icon { display:block; height:14px; width:14px; background:transparent url(../../../images/master-sprite.png) no-repeat -207px -645px; }
/** TERMS AND CONDITIONS
----------------------------------------------------------------------*/
#termsTable { color:#2a2a2a; margin:0 35px 0 35px; }
#termsTable th, #termsTable td { vertical-align:top; }
#termsTable th { text-align:right; white-space:nowrap; font:bold 14px Verdana; padding-right:20px; color:#6e6e6e;}
#termsTable td { padding-bottom:25px; }
#termsTable td hr { width:auto; margin:20px 0 0 0; height:2px; border:none; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #fff; background:transparent; }
.alertDiv { width:540px; background-color:#efefef; border:solid 1px #c8c8c8; padding:5px 25px 5px 25px; clear:both; margin-top:20px; }
.alertDiv .bigRed { font: bold 16px Verdana; color:#ce242a; }
.alertDiv td { padding-bottom:0px; }
.red { color:#ce242a;}
span.center { display:block; width:95%; margin-left:35px; text-align:center; }
/** MODAL DIALOG BOXES
-----------------------------------------------------------------------*/
#dialog-overlay {
/* set it to fill the whole screen */
width:100%;
height:100%;
/* transparency for different browsers */
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background:#000;
/* make sure it appear behind the dialog box but above everything else */
position:absolute;
top:0; left:0;
z-index:10000;
/* hide it by default */
display:none;
}
#dialog-box {
/* css3 drop shadow */
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
/* css3 border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#eee;
/* styling of the dialog box, i have a fixed dimension for this demo */
width:328px;
/* make sure it has the highest z-index */
position:absolute;
z-index:10001;
/* hide it by default */
display:none;
}
#dialog-box .dialog-content {
/* style the content */
text-align:left;
padding:10px;
margin:13px;
color:#666;
font-family:arial;
font-size:13px;
}
a.closebutton {
/* styles for button */
margin:10px auto 0 auto;
text-align:center;
display: block;
width:50px;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
/* button color */
background-color: #670001;
/* css3 implementation :) */
/* rounded corner */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* drop shadow */
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
/* text shadow */
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
a.closebutton:hover {
background-color: #920000;
}
/* extra styling */
#dialog-box .dialog-content p {
font-weight:700; margin:0;
}
#dialog-box .dialog-content ul {
margin:10px 0 10px 20px;
padding:0;
height:50px;
}
/* Privacy Page */
#privacyPage p {width:897px; margin-bottom:24px;}
#privacyPage .underline {text-decoration:underline;}
#privacyPage h3 {font-size:14px; font-weight:bold; color:Black; margin-left:35px; clear:both;}
#privacyPage-fr p {width:897px; margin-bottom:24px;}
#privacyPage-fr .underline {text-decoration:underline;}
#privacyPage-fr h3 {font-size:14px; font-weight:bold; color:Black; margin-left:35px; clear:both;}
/* Shipping Page */
#shippingPage p {width:897px; margin-bottom:24px;}
#shippingPage .underline {text-decoration:underline;}
#shippingPage h3 {font-size:14px; font-weight:bold; color:Black; margin-left:35px; clear:both;}
#shippingPage-fr p {width:897px; margin-bottom:24px;}
#shippingPage-fr .underline {text-decoration:underline;}
#shippingPage-fr h3 {font-size:14px; font-weight:bold; color:Black; margin-left:35px; clear:both;}
/* Catalogue */
a.selected {
background-color:#1F75CC;
color:white;
z-index:100;
}
.messagepop {
background-color:#FFFFFF;
border:1px solid #999999;
cursor:default;
display:none;
margin-top: 15px;
position:absolute;
text-align:left;
width:150px;
z-index:9999;
padding: 25px 25px 20px;
}
#pageCataloge h2 {clear:both; color:#333; display:block; float:left; font-size:22px; font-weight:bold; margin:25px 0 2px; text-transform:uppercase;}
#ItemsHeadOptions {height:60px; clear:both;}
.itemBoxFrame {border:1px solid #cecece; background-color:#fff; width:468px; height:138px; float:left; margin-bottom:20px; position:relative;}
.itemBoxSpacer {margin-right:20px;}
.itemBoxFrame2 {border:1px solid #e8e8e8; background-color:#f4f4f4; width:450px; height:120px; margin:8px;}
.itemPicture {position:relative; margin:auto;}
.itemInfoFrame {width:319px; height:118px; float:left;}
.itemInfoFrame .itemInfoHeader {height:22px; margin-top:8px;}
.itemInfoFrame .itemInfoHeader .itemName {font-family:Times New Roman, Serif; font-size:12px; color:#660000; font-weight:bold; text-transform:uppercase; float:left;}
.itemInfoFrame .itemInfoHeader .itemPrice {font-family:Times New Roman, Serif; font-size:12px; color:#000; font-weight:bold; text-transform:uppercase; float:right;}
.itemInfoFrame .itemDesc {font-size:10px; text-align:left; display:block; height:68px;}
.itemOptions select, .itemOptions input {font-size:10px; float:left; margin-right:5px;}
.itemOptions input {width:50px; height:14px;}
.catalogueThumbFrame {width:100px; height:105px; float:left; background-color:#dfdfdf; margin-right:15px;}
.checkoutThumbFrame {
border-width:0;
float:left;
height:50px;
margin:0 5px 0 0;
width:42px;
}
.ItemAddBtn {width:auto; padding:0 5px; height:13px; background-color:#680001; border:2px solid #ad4f50; color:#fff; text-decoration:none; font-size:10px; display:block; float:right; text-align:center;}
.ItemAddBtn:hover {text-decoration:underline;}
.photoSwitcher {width:100px; height:15px; position:absolute; left:9px; float:left; margin-top:105px; background-color:#990000;}
.photoSwitcher a {font-size:10px; color:#d49292; text-decoration:none; font-family:Times New Roman, Serif; position:relative; top:-4px;}
.photoSwitcher a.screenshot:hover {color:#fff;}
#SchoolName {display:block; float:left; display:block; margin-top:8px; background-color:#ededed; border:1px solid #d2d2d2; padding:6px 7px 4px 10px; width:500px;}
#SchoolName:hover {cursor:pointer; background-color:#f4f4f4;}
#SchoolName h1 {font-family:Verdana, Sans-Serif; font-size:18px; color:#333; float:left; margin-right:10px;}
#SchoolName img {float:left; margin-top:-3px;}
#SchoolName .dropdownarrown {float:right; display:block; margin-left:14px; position:relative;}
.itemsPerPages {display:block; float:right; font-family:Arial, Sans-Serif; font-size:12px; margin-top:8px;}
.itemsPerPages span {font-size:11px;}
.itemsPerPages a {color:#be1923; text-decoration:none; padding-left:5px; padding-right:5px;}
.itemsPerPages a:hover {text-decoration:underline;}
.itemsPerPages .active {font-weight:bold; font-size:13px;}
#pagination {float:right; clear:right; margin-top:10px; font-size:11px;}
#pagination .pageNumber {padding:2px; margin-left:2px; margin-right:3px; color:#333; text-decoration:none;}
#pagination .pageNumber:hover {background-color:#640000; color:#fff;}
#pagination .active {background-color:#640000; color:#fff;margin-left:2px;margin-right:3px;padding:2px;text-decoration:none;}
#pagination .PrevPage {text-decoration:none; background:url(../../../images/pagearrow.gif) 0 0; float:left; display:block; width:10px; height:11px; margin-right:5px;}
#pagination .NextPage {text-decoration:none; background:url(../../../images/pagearrow.gif) -11px 0; float:right; display:block; width:10px; height:11px; margin-left:5px;}
#bottomPagination { float:right; clear:left; margin-bottom:20px; font-size:11px;}
#bottomPagination .pageNumber {padding:2px; margin-left:2px; margin-right:3px; color:#333; text-decoration:none;}
#bottomPagination .pageNumber:hover {background-color:#640000; color:#fff;}
#bottomPagination .active {background-color:#640000; color:#fff;}
#bottomPagination .PrevPage {text-decoration:none;background:url(../../../images/pagearrow.gif) 0 0; float:left; display:block; width:10px; height:11px; margin-right:5px;}
#bottomPagination .NextPage {text-decoration:none;background:url(../../../images/pagearrow.gif) -11px 0; float:right; display:block; width:10px; height:11px; margin-left:5px;}
#schoolList { background-color:#fff; width:300px; position:absolute; top:202px; display:none; float:left; clear:right; z-index:999; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#schoolList li {text-align:left; padding-top:4px; padding-bottom:4px;}
#schoolList li:hover {background-color:#afe0ff;}
#schoolList li a {margin-left:5px; color:#333; text-decoration:none; width:100%; display:block;}
/* Add Students CSS */
.addStudentsThanks {text-align:left; margin-right:10%;}
.addStudentsText {text-align:left; margin-right:30%; margin-left:100px;}
.addStudentsDocumentList {margin-top:8px; margin-left:100px;}
.addStudentsDocumentList li { list-style-type:disc; margin-left:50px; margin-top:4px; }
/* View Catalogue CSS */
#itemPictureFrame {background-color:#dadada; margin:5px 15px 7px 26px; width:344px; height:429px; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left;}
#itemPictureFrame .itemPictureView {border:1px solid #c1c1c1; border-width:1px; height:auto; max-height:429px; float:left; margin-right:5px; display:block;}
#itemPictureFrame a .imgItemThumb {margin-bottom:5px; display:block; border:1px solid #c1c1c1; border-width:1px; opacity:0.7;}
#itemPictureFrame a .imgItemThumb:hover {border:1px solid #711515; opacity:1;}
#itemPictureFrame a .active {border:1px solid #711515; opacity:1;}
.itemPictureView {width:344px;height:auto;}
.itemPictureView {width:auto;height:429px;}
#itemInformation {width:528px; float:left; display:block; margin-top:10px;}
#itemInformation p {margin:0px;}
.specialnote {font-weight:bold;color:#FF0000;border-style:solid;border-width:thin;border-color:#FF0000;}
.itemTitle {font-family:Verdana, Sans-Serif; font-size:16px; font-weight:bold; color:#660000; float:left; margin-bottom:15px;}
.itemTitle .itemID {font-size:10px; font-weight:normal; color:#a7a3a3;}
.backtocatalogue {float:right; color:#c11a25; text-decoration:none;}
.backtocatalogue:hover {float:right; color:#c11a25; text-decoration:underline;}
#itemInformation hr {position:relative; width:100%; margin-left:0px; top:15px; margin-bottom:25px;}
.ItemOrderOptions {color:#232323; font-size:12px; width:418px; margin-top:15px;}
.ItemOrderOptions tr td {padding-bottom:10px; padding-right:40px; width:25%;}
.ItemOrderOptions tr td label {font-weight:bold;}
.ItemOrderOptions tr td select {width:250px;}
.ItemOrderOptions tr td input {width:40px;}
.AddMoreOrder {font-size:10px; color:#c11a25; text-decoration:none;}
.AddMoreOrder:hover {text-decoration:underline;}
#ViewProdcutFrame {display:block; overflow:hidden; position:relative;}
#ViewProdcutFrame #bottomInfo {display:block; overflow:hidden; width:535px; position:relative; bottom:0px; margin-bottom:10px; float:left;}
.btnAddToCart {background-color:#680001; border:2px solid #ad4f50; -moz-border-radius:3px; color:#fff; text-decoration:none; font-family:Verdana, Sans-Serif; font-size:14px; padding:10px 15px 10px 15px; float:left; margin-top:28px; margin-left:28px;}
.viewprod_startOver {background-color:#680001; border:2px solid #ad4f50; -moz-border-radius:3px; color:#fff; text-decoration:none; font-family:Verdana, Sans-Serif; font-size:14px; padding:10px 15px 10px 15px; float:left; margin-top:28px;}
.productTotalPrice {font-weight:bold; color:#000; float:left;}
.viewProductQuestion {clear:left; margin-top:30px; display:block; font-size:11px; float:left;}
/* Checkout CSS - STEP 1 */
div.checkoutStep-1 {background:url(../../../images/checkout-steps.gif) 0 0; width:309px; height:36px; float:right; margin:12px 0px 0px 0px; text-indent:-9999px;}
div.checkoutStep-1fr {background:url(../../../images/checkout-steps-fr.gif) 0 0; width:379px; height:36px; float:right; margin:12px 0px 0px 0px; text-indent:-9999px;}
#checkoutStep-2 {background:url(../../../images/checkout-steps.gif) 0 -36px; width:309px; height:36px; float:right; margin:12px 0px 0px 0px; text-indent:-9999px;}
#checkoutHeadFrame {width:900px; position:relative; margin:auto; height:70px;}
#checkoutHeadFrame .checkoutH2 {color:#000000; font-size:20px; margin:12px 0 0; text-transform:uppercase; width:auto; float:left;}
.schoolOrderFrame {width:900px; clear:both; position:relative; margin:auto;}
.schoolOrderSummary_lead {width:635px; float:left; margin-bottom:-15px; margin-top:15px;}
#contentBoxMiddle .schoolOrderFrame .schoolOrderSummary_lead hr {background:none repeat scroll 0 0 transparent; border-color:#E1E1E1 -moz-use-text-color #FFFFFF; border-left:medium none; border-right:medium none; border-style:solid none; border-width:1px medium; clear:both; height:2px; margin:5px 0 10px; width:635px;}
.schoolOrderSummary_lead h4 { font-family:Verdana, Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#333;}
.schoolOrderDelivery_lead {width:245px; float:right; margin-top:15px; margin-bottom:-15px;}
#contentBoxMiddle .schoolOrderDelivery_lead hr {background:none repeat scroll 0 0 transparent; border-color:#E1E1E1 -moz-use-text-color #FFFFFF; border-left:medium none; border-right:medium none; border-style:solid none; border-width:1px medium; clear:both; height:2px; margin:5px 0 10px; width:245px;}
.schoolOrderDelivery_lead h4 { font-family:Verdana, Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#333;}
.mini-order-update {color:#a10707; font-size:10px;}
.schoolOrderSummary {width:635px; float:left; margin-bottom:25px; margin-top:15px;}
#contentBoxMiddle .schoolOrderFrame .schoolOrderSummary hr {background:none repeat scroll 0 0 transparent; border-color:#E1E1E1 -moz-use-text-color #FFFFFF; border-left:medium none; border-right:medium none; border-style:solid none; border-width:1px medium; clear:both; height:2px; margin:5px 0 10px; width:635px;}
.schoolOrderSummary h4 { font-family:Verdana, Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#333;}
.orderSummaryHeader-School {background:url(../../../images/checkoutSummary-bg1.gif) repeat-x; height:33px; width:635px;}
.orderSummaryHeader-School .schoolFontStyle {color:#ffffff; font-family:Verdana, Arial, Sans-Serif; font-size:15px; font-weight:bold; display:block; padding:7px;}
.orderSummary-table {width:635px; border-left:1px solid #cecccc; border-right:1px solid #cecccc; border-bottom:1px solid #cecccc;}
.orderSummary-table thead td {background:url(../../../images/checkoutSummary-bg2.gif) repeat-x; height:28px; font-family:Arial, Sans-Serif; font-size:11px; color:#312e2e; padding:4px;}
.orderSummary-table tr td { border-bottom:1px solid #cecccc; background-color:#fff; padding:10px;}
.summaryItemThumb {float:left; padding-right:10px;}
.summaryItemTitle {font-size:14px; font-weight:bold; font-family:Verdana, Arial, Sans-Serif;}
.summaryItemQty {text-align:center;}
.summaryItemPrice {text-align:right; font-weight:bold;}
.itemInformation {margin:4px 0 0 48px;}
.itemInformation li {font-size:10px; font-family:Arial, Sans-Serif; float:left; width:150px; margin-right:10px;}
.tbQty {width:14px; padding-left:5px; text-align:center;}
.schoolOrderDelivery {width:245px; float:right; margin-top:15px; margin-bottom:25px;}
#contentBoxMiddle .schoolOrderDelivery hr {background:none repeat scroll 0 0 transparent; border-color:#E1E1E1 -moz-use-text-color #FFFFFF; border-left:medium none; border-right:medium none; border-style:solid none; border-width:1px medium; clear:both; height:2px; margin:5px 0 10px; width:245px;}
.schoolOrderDelivery h4 { font-family:Verdana, Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#333;}
#contentBoxMiddle .schoolOrderDelivery .deliveryAddress {font-family:Verdana, Arial, Sans-Serif; color:#9a9a9a; font-size:14px; margin:0px; margin-bottom:35px;}
#contentBoxMiddle .schoolOrderDelivery .deliveryInstructions {font-family:Verdana, Arial, Sans-Serif; color:#9a9a9a; font-size:10px; margin:0px; margin-bottom:35px;}
#contentBoxMiddle hr.checkout { width:900px; clear:both; margin:5px 0 10px; height:2px; border:none; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #fff; background:transparent; }
#contentBox.big #contentBoxMiddle2 { width:100%; float:left; clear:both; height:18px; background:transparent url(../../../images/loft-content-bg.middle2.jpg) no-repeat; }
#contentBoxWhiteBottom {width:100%; float:left; clear:both; height:215px; background:transparent url(../../../images/loft-content-bg.bottom2.gif) repeat-y bottom;}
#whiteBottomContentFrame {width:900px; position:relative; margin:auto;}
#whiteBottomLeftFrame {width:635px; position:relative; float:left;}
#whiteBottomLeftFrame p {font-size:15px; font-family:Verdana, Arial, Sans-Serif; color:#4d4d4d; text-align:left;}
#whiteBottomLeftFrame p.smallText {font-size:11px; font-family:Arial, Sans-Serif;}
#whiteBottomLeftFrame a {color:#a10707;}
#whiteBottomRightFrame {width:245px; float:right; position:relative;}
.OrderTotalTable {width:245px; margin-bottom:25px;}
.OrderTotalTable tr td {text-align:left; font-size:12px; font-family:Verdana, Arial, Sans-Serif; padding-bottom:4px;}
.OrderTotalTable tr td .totalPrice {font-size:16px; margin-top:16px; display:block;}
.OrderTotalTable tr td:first-child {font-weight:bold; color:#a1a1a1;}
.SummaryOrderTotalTable {width:245px; margin-bottom:25px;}
.SummaryOrderTotalTable tr td {text-align:left; font-size:11px; font-family:Verdana, Arial, Sans-Serif; color:#000; padding-bottom:4px;}
.SummaryOrderTotalTable tr td:first-child {font-weight:bold; color:#a1a1a1;}
a.PayNowButton {width:200px; height:25px; background:#a10707; display:block; border:4px solid #660000; color:#fff; font-size:14px; font-family:Arial, Sans-Serif; text-align:center; padding-top:10px; text-decoration:none; float:right;}
a.PayNowButton:hover {text-decoration:underline;}
/*
table.inputForm {width:560px; overflow:auto;}
.inputForm.checkout input[type=text],.inputForm.account input[type=password],.inputForm.account textarea{ width:98%; }
.inputForm.checkout input[type=text].short { width:150px; }
.inputForm.checkout th { width:160px; }
.creditCardList label {margin-right:20px;}
#NextStep {position:relative; margin:15px auto; padding-bottom:15px; width:555px;}
#readTerms {float:left;}
#readTerms label {font-size:11px; font-family:Arial, Sans-Serif; color:#2c2929; }
#readTerms label.error { color:Red; margin-left:10px; }
#readTerms label a {color:#b81f25; text-decoration:underline;}
#nextButtons {float:right;}
#nextButtons a {color:#b81f25; text-decoration:underline;}
#nextButtons a.buttonStyle {color:White; text-decoration:none;}
.orderPanel { float:left; clear:none; width:310px; margin:25px 0px 10px 15px; text-align:left; }
.orderPanel h5 { font-size:12px; font-weight:bold; margin:0 0 5px 0; color:#000; }
.orderPanel h5.short { width:150px; float:left; clear:left; }
.orderPanel a.addremove { float:right; font-size:10px; text-decoration:none; color:#9F000B; margin:5px 0px 0px 0px; }
.orderPanel a.addremove:hover { text-decoration:underline; }
.orderPanel hr { width:auto; clear:both; margin:5px 0px 10px 0px; height:2px; border:none; border-top:solid 1px #c9c9c9; border-bottom:solid 1px #fff; background:transparent; }
#orderSummary {border:1px solid #cdcccc; width:310px; background-color:White; }
#orderSummary a {color:#939191; text-decoration:none;}
#orderSummary a:hover {color:#B81F25; }
#orderSummary thead tr {background:url(../../../images/tableOrder-gradient.gif); height:31px; border-bottom:1px solid #cdcccc;}
#orderSummary thead tr td {font-family:Arial, Sans-Serif; font-weight:bold; font-size:12px; padding:0px 5px 0px 5px;}
#orderSummary thead tr td span {font-size:10px;}
#orderSummary tbody tr {border-top:1px solid White;}
#orderSummary tbody tr td {background-color:#eeecec; padding-top:5px; padding-bottom:5px;}
.tbQty {width:16px; padding-left:5px;}
.productThumbnail {border:1px solid #cdcccc; margin:0px 5px 5px 5px; float:left;}
.productName {font-weight:bold; font-size:12px;}
.productInfo {font-size:10px;}
.removeItem {color:#939191; font-weight:bold; font-size:10px; text-decoration:none;}
.removeItem:hover {color:#a21617;}
#orderSummary tbody tr.altColor td {background-color:#dcdadb;}
#orderPrice {color:#010101; font-size:14px; text-align:right; margin-top:10px;}
#orderPrice li {margin-bottom:10px;}
#orderPrice strong {color:#6e6e6e; margin-right:10px;}
#orderPrice .total {font-size:18px;}
.longTD {width:300px;}
.shortTD {width:160px;}*/
/* RECEIPT PAGE 2 */
a.printReceiptBtn {background:url(../../../images/printReceiptBtn.gif) no-repeat 0px 0px; text-indent:-9999px; width:127px; height:35px; display:block; float:right; margin-top:12px;}
a.printReceiptBtn:hover {background:url(../../../images/printReceiptBtn.gif) no-repeat 0px -35px; text-indent:-9999px; width:127px; height:35px; display:block; float:right; margin-top:12px;}
a.printReceiptBtn:active {background:url(../../../images/printReceiptBtn.gif) no-repeat 0px -70px; text-indent:-9999px; width:127px; height:35px; display:block; float:right; margin-top:12px;}
a.printReceiptBtnFR {background:url(../../../images/printReceiptBtn-fr.gif) no-repeat 0px 0px; text-indent:-9999px; width:135px; height:35px; display:block; float:right; margin-top:12px;}
a.printReceiptBtnFR:hover {background:url(../../../images/printReceiptBtn-fr.gif) no-repeat 0px -35px; text-indent:-9999px; width:135px; height:35px; display:block; float:right; margin-top:12px;}
a.printReceiptBtnFR:active {background:url(../../../images/printReceiptBtn-fr.gif) no-repeat 0px -70px; text-indent:-9999px; width:135px; height:35px; display:block; float:right; margin-top:12px;}
#receiptThankYouMessage {font-family:Arial, Sans-Serif; font-size:14px; color:#333333; font-weight:normal; text-align:center; height:50px;}
#receiptThankYouMessage span {font-weight:bold; font-size:17px;}
#receiptHeadFrame {width:900px; position:relative; margin:auto; height:70px;}
#receiptHeadFrame .checkoutH2 {color:#000000; font-size:20px; margin:12px 0 0; text-transform:uppercase; width:auto; float:left;}
.receiptSchoolOrder { text-align:left; color:#333; font-size:14px; font-family:Verdana, Arial, Sans-Serif; font-weight:normal; margin-bottom:5px;}
.receiptSchoolOrder span {font-weight:bold;}
#contentBoxMiddle .schoolOrderSummary .receiptOrderInfo {height:140px;}
#contentBoxMiddle .schoolOrderSummary .receiptOrderInfo .receiptOrderAddress {text-align:left;float:left; position:relative; width:60%;}
#contentBoxMiddle .schoolOrderSummary .receiptOrderInfo .receiptOrderAddress p {font-family:Arial, Sans-Serif; font-size:13px; color:#9a9a9a; margin:10px 0 0;}
#contentBoxMiddle .schoolOrderSummary .receiptOrderInfo .receiptOrderMemo {text-align:left;float:left; position:relative; width:100%;}
#contentBoxMiddle .schoolOrderSummary .receiptOrderInfo .receiptOrderMemo p {font-family:Arial, Sans-Serif; font-size:13px; color:#9a9a9a; margin:10px 0 0;}
.receiptOrderDelivery {font-family:Arial, Sans-Serif; font-size:14px; color:#333333; margin-bottom:5px;}
.receiptOrderDelivery .delivery {font-weight:bold;}
.receiptOrderSummary-table {width:635px; border-left:1px solid #cecccc; border-right:1px solid #cecccc; border-bottom:1px solid #cecccc; border-top:1px solid #939393; position:relative;}
.receiptOrderSummary-table thead td {background:#eeeeee repeat-x; height:28px; font-family:Arial, Sans-Serif; font-size:11px; color:#312e2e; padding:4px; border-bottom:1px solid #cecccc;}
.receiptOrderSummary-table tr td { border-bottom:1px solid #cecccc; background-color:#fff; padding:10px;}
.receiptOrderTable {width:245px; margin-top:10px; float:right; position:relative;}
.receiptOrderTable tr td {text-align:left; font-size:13px; font-family:Verdana, Arial, Sans-Serif;}
.receiptOrderTable tr td:first-child {font-weight:bold; color:#a1a1a1;}
.receiptOrderInformations {width:245px; float:right; margin-top:34px;}
.receiptOrderInformations h4 {text-align:left; font-family:Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#6e6e6e;}
.receiptOrderInformations p {text-align:left;}
#contentBoxMiddle .schoolOrderFrame .receiptOrderInformations hr {width:245px; clear:both; margin:5px 0px 10px 0px; height:2px; border:none; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #fff; background:transparent;}
#contentBoxMiddle .schoolOrderFrame .receiptOrderInformations p {margin:0 0 10px; font-family:Arial, Sans-Serif; font-size:12px; color:#9a9a9a;}
.receiptOrderInformations table {font-size:12px; font-family:Arial, Sans-Serif; width:245px; color:#9a9a9a; margin-bottom:10px;}
.receiptOrderInformations table tr td:last-child {text-align:right;}
#contentBoxMiddle .schoolOrderFrame .schoolOrderSummary hr.receipt {margin-bottom:30px;}
.receiptBottomMoreInfo {font-size:12px;}
#contentBoxWhiteBottom-receipt {width:100%; float:left; clear:both; height:110px; background:transparent url(../../../images/loft-content-bg.bottom2.gif) repeat-y bottom;}
/* DECLINED PAGE */
declined_tryAgain {background-color:#680001; border:2px solid #ad4f50; -moz-border-radius:3px; color:#fff; text-decoration:none; font-family:Verdana, Sans-Serif; font-size:14px; padding:10px 15px 10px 15px; float:right; margin-top:28px;}
.declinedOrderInformations {width:245px; float:left; margin-top:34px;}
.declinedOrderInformations h4 {font-family:Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#6e6e6e;}
#contentBoxMiddle .schoolOrderFrame .declinedOrderInformations hr {width:245px; clear:both; margin:5px 0px 10px 0px; height:2px; border:none; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #fff; background:transparent;}
#contentBoxMiddle .schoolOrderFrame .declinedOrderInformations p {margin:0 0 10px; font-family:Arial, Sans-Serif; font-size:12px; color:#9a9a9a;}
/* RECEIPT PAGE */
/*#checkoutStep-3 {background:url(../../../images/checkout-steps.gif) 0 -72px; width:309px; height:36px; float:right; margin:12px 0px 0px 0px; text-indent:-9999px;}
#receiptPage {width:910px; display:block; position:relative; margin:16px auto;}
#receiptPage h2 {margin:0px;}
#receiptPage h3 {font-family:Verdana, Sans-Serif; font-size:18px; color:#333; clear:both; padding:30px 0px 30px 0px;}
#receiptPage h3 .orderNumber {color:#b0afaf; font-size:13px;}
#receiptBillingInfo {width:250px; float:left; padding:0px;}
#receiptBillingInfo h5 {margin:0px;}
#receiptPage #receiptBillingInfo hr {width:250px; margin:5px 0px 10px 0px;}
.billingInfoTable {width:250px; border:1px solid #cdcccc; margin-bottom:10px;}
.billingInfoTable thead tr td {background-color:#dcdadb; height:20px; font-family:Arial, Sans-Serif; font-weight:bold; font-size:12px;padding-left:5px;}
.billingInfoTable tbody tr td {background-color:#fff; padding:5px; color:#373737;}
#receiptOrderDetails {width:640px; float:right; padding:0px;}
#receiptOrderDetails h5 {margin:0px;}
#receiptPage #receiptOrderDetails hr {width:640px; margin:5px 0px 10px 0px;}
#receiptSummary {border:1px solid #cdcccc; width:640px; background-color:White; margin-bottom:10px;}
#receiptSummary thead tr {background:url(../../../images/tableOrder-gradient.gif); height:31px; border-bottom:1px solid #cdcccc;}
#receiptSummary thead tr td {font-family:Arial, Sans-Serif; font-weight:bold; font-size:12px; padding:0px 5px 0px 5px;}
#receiptSummary thead tr td span {font-size:10px;}
#receiptSummary tbody tr {border-top:1px solid White;}
#receiptSummary tbody tr td {background-color:#eeecec; padding-top:5px;}
#receiptSummary tbody tr.altColor td {background-color:#dcdadb;}
#receiptPage hr {width:910px; margin:0px;}
.printReceipt {margin:10px 0px 10px 0px;}*/
/* Care & Maintenance */
#CareMaintenanceInfo {background:#e1e1e1; height:310px; width:900px; position:relative; margin:25px auto;}
#CareMaintenanceInfo p {font-size:14px; margin-top:20px; font-family:Arial, Sans-Serif; width:585px; line-height:20px;}
#CareMaintenanceInfo p ul {display:block;}
#washingInstructions {width:900px; position:relative; margin:10px auto 30px;}
#washingInstructions .washingWarning {color:#666666; font-family:Arial, Sans-Serif; font-size:14px; font-weight:normal;}
#dryingInstructions {width:900px; position:relative; margin:10px auto 30px;}
#dryingInstructions .dryingWarning {color:#666666; font-family:Arial, Sans-Serif; font-size:14px; font-weight:normal;}
#washing {width:900px; position:relative; margin:10px auto 30px;}
#washingList {margin-top:10px; padding-bottom:30px; display:block;}
#washingList li {float:left; height:50px; width:290px; margin-right:10px; margin-top:10px; color:#666666; font-size:14px; display:block;}
#dryingList {margin-top:10px; padding-bottom:10px; display:block;}
#dryingList li {float:left; height:50px; width:300px; margin-top:10px; color:#666666; font-size:14px; display:block;}
div.icon1 {background:url(../../../images/washing-icons.jpg) 0px 0px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon2 {background:url(../../../images/washing-icons.jpg) -50px 0px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon3 {background:url(../../../images/washing-icons.jpg) -100px 0px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon4 {background:url(../../../images/washing-icons.jpg) 0px -50px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon5 {background:url(../../../images/washing-icons.jpg) -50px -50px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon6 {background:url(../../../images/washing-icons.jpg) -100px -50px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon7 {background:url(../../../images/washing-icons.jpg) 0px -100px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon8 {background:url(../../../images/washing-icons.jpg) -50px -100px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon9 {background:url(../../../images/washing-icons.jpg) -100px -100px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon10 {background:url(../../../images/washing-icons.jpg) 0px -150px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon11 {background:url(../../../images/washing-icons.jpg) -50px -150px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon12 {background:url(../../../images/washing-icons.jpg) -100px -150px; width:50px; height:50px; float:left; margin-right:10px;}
div.icon13 {background:url(../../../images/washing-icons.jpg) 0px -200px; width:50px; height:50px; float:left; margin-right:10px;}
#careMaintenanceLink-frame {width:230px; background-color:#fff; float:left; margin-top:8px;}
#careMaintencanceLink-insideFrame {border:1px solid #e9e9e9; background-color:#f7f7f7; width:208px; position:relative; margin:10px;}
#careMaintencanceLink-insideFrame img {display:block; position:relative; margin:auto;}
#careMaintencanceLink-insideFrame a {clear:both; font-size:11px; text-align:center; text-decoration:none; color:#333132; margin-bottom:10px; display:block;}
#careMaintencanceLink-insideFrame a:hover {color:#840000;}
/********* MY ORDERS **********/
.my-orders-table { margin-left:35px; width:895px; border:solid 1px #cdcccc; font-family:Arial; }
.my-orders-table a { color:#8a8888; text-decoration:none; }
.my-orders-table a:hover { text-decoration:underline; }
.my-orders-table thead tr th { font-weight:bold; padding:9px 0 8px 12px; border-bottom:solid 1px #cdcccc; background:transparent url(../../../images/orders-table-head-bg.jpg) repeat; }
.my-orders-table thead tr th, .my-orders-table tbody tr td { color:#393737; }
.my-orders-table tbody tr td { background-color:#eeecec; padding:8px 0 6px 12px;}
.my-orders-table tbody tr.alt td { background-color:#dcdada; padding-bottom:8px; }
/********* ERROR PAGE **********/
.errorpageH2 {color:#000000; font-size:20px; margin:12px 0 0; text-transform:uppercase; width:auto; float:left;}
/* LOGIN LAND PAGE
****************************************************************/
.pageOptions {width:871px; position:relative; margin:auto auto 8px; height:135px;}
.pageOptions li {float:left; width:33%; text-align:center; margin-right:3px; font-size:11px; width:215px; font-family:Arial, Sans-Serif; position:relative;}
.pageOptions li.last-child {margin-right:0px;}
.pageOptions li span {bottom:7px; left:0; position:absolute; width:215px;}
.loglandpageH2 {color:#000000; font-size:20px; margin:12px 0 0; text-transform:uppercase; width:auto; float:left;}
a.CatalogBtn {background:url(../../../images/landpage-buttons.gif) 0px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.CatalogBtn:hover {background:url(../../../images/landpage-buttons.gif) 0px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.ProfileBtn {background:url(../../../images/landpage-buttons.gif) -219px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.ProfileBtn:hover {background:url(../../../images/landpage-buttons.gif) -219px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.OrdersBtn {background:url(../../../images/landpage-buttons.gif) -438px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.OrdersBtn:hover {background:url(../../../images/landpage-buttons.gif) -438px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.AppointmentsBtn {background:url(../../../images/landpage-buttons.gif) -656px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.AppointmentsBtn:hover {background:url(../../../images/landpage-buttons.gif) -656px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.CatalogBtn-fr {background:url(../../../images/landpage-buttons-fr.gif) 0px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.CatalogBtn-fr:hover {background:url(../../../images/landpage-buttons-fr.gif) 0px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.ProfileBtn-fr {background:url(../../../images/landpage-buttons-fr.gif) -219px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.ProfileBtn-fr:hover {background:url(../../../images/landpage-buttons-fr.gif) -219px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.OrdersBtn-fr {background:url(../../../images/landpage-buttons-fr.gif) -438px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.OrdersBtn-fr:hover {background:url(../../../images/landpage-buttons-fr.gif) -438px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.AppointmentsBtn-fr {background:url(../../../images/landpage-buttons-fr.gif) -656px 0px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
a.AppointmentsBtn-fr:hover {background:url(../../../images/landpage-buttons-fr.gif) -656px 135px; width:215px; height:135px; display:block; text-indent:-9999px; outline:none;}
.pageOptions li a {color:#666666; text-decoration:none;}
.pageOptions li a:hover {color:#d22026; text-decoration:underline;}
a.landpageUsername {color:#d22026; font-weight:bold; text-decoration:none;}
a.landpageUsername:hover {text-decoration:underline;}
.pageOptions li h2 span {font-size:12px; font-family:Arial, Sans-Serif;}
#landpageBottomFrame {border:1px solid #a5a5a5; width:935px; height:70px; margin:auto auto -4px; position:relative; background:url(../../../images/landpage-bottombg.gif);}
#contentBoxMiddle #landpageBottomFrame .lfloat {float:left; margin:11px;}
#landpageBottomFrame .bottomText {color:#fff; font-size:10px; font-family:Arial, Sans-Serif; position:absolute; top:14px; left:60px;}
#landpageBottomFrame .bottomText a {color:#fff;}
a.landpagelogout {background:url(../../../images/landpage-logoutbtn.gif) 0px 0px; float:right; width:36px; height:45px; display:block; text-indent:-9999px; outline:none; margin:11px; position:relative;}
a.landpagelogout:hover {background:url(../../../images/landpage-logoutbtn.gif) 0px 45px; float:right; width:36px; height:45px; display:block; text-indent:-9999px; outline:none; margin:11px; position:relative;}
a.landpagelogout-fr {background:url(../../../images/landpage-logoutbtn-fr.gif) 0px 0px; float:right; width:72px; height:45px; display:block; text-indent:-9999px; outline:none; margin:11px;}
a.landpagelogout-fr:hover {background:url(../../../images/landpage-logoutbtn-fr.gif) 0px 45px; float:right; width:72px; height:45px; display:block; text-indent:-9999px; outline:none; margin:11px;}
/*SIDE NAVIGATION */
.sideNav-widget {position:fixed; top:115px; left:0px; display:block; z-index:9999;}
a.sideNav-MyLoft {background:url("../../../images/sideNav-icon.gif") no-repeat scroll right -84px #bebebe; width:175px; margin-left:-140px; height:19px; padding-top:6px; text-align:center; font-family:Arial, HelveticaNeueLT Std, Sans-Serif; font-size:10px; color:#322f2f; text-decoration:none; text-transform:uppercase; display:block; margin-bottom:3px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-bottom-right-radius:7px; border-top-right-radius:7px; outline:none;}
a.sideNav-MyLoft:hover {text-decoration:underline;}
a.sideNav-Catalog {background:url("../../../images/sideNav-icon.gif") no-repeat scroll right 0px #bebebe; width:175px; margin-left:-140px; height:19px; padding-top:6px; text-align:center; font-family:Arial, HelveticaNeueLT Std, Sans-Serif; font-size:10px; color:#322f2f; text-decoration:none; text-transform:uppercase; display:block; margin-bottom:3px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-bottom-right-radius:7px; border-top-right-radius:7px; outline:none;}
a.sideNav-Catalog:hover {text-decoration:underline;}
a.sideNav-Profile {background:url("../../../images/sideNav-icon.gif") no-repeat scroll right -28px #bebebe; width:175px; margin-left:-140px; height:19px; padding-top:6px; text-align:center; font-family:Arial, HelveticaNeueLT Std, Sans-Serif; font-size:10px; color:#322f2f; text-decoration:none; text-transform:uppercase; display:block; margin-bottom:3px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-bottom-right-radius:7px; border-top-right-radius:7px; outline:none;}
a.sideNav-Profile:hover {text-decoration:underline;}
a.sideNav-Orders {background:url("../../../images/sideNav-icon.gif") no-repeat scroll right -56px #bebebe; width:175px; margin-left:-140px; height:19px; padding-top:6px; text-align:center; font-family:Arial, HelveticaNeueLT Std, Sans-Serif; font-size:10px; color:#322f2f; text-decoration:none; text-transform:uppercase; display:block; margin-bottom:3px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-bottom-right-radius:7px; border-top-right-radius:7px; outline:none;}
a.sideNav-Orders:hover {text-decoration:underline;}
a.sideNav-Appointments {background:url("../../../images/sideNav-icon.gif") no-repeat scroll right -111px #bebebe; width:175px; margin-left:-140px; height:19px; padding-top:6px; text-align:center; font-family:Arial, HelveticaNeueLT Std, Sans-Serif; font-size:10px; color:#322f2f; text-decoration:none; text-transform:uppercase; display:block; margin-bottom:3px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-bottom-right-radius:7px; border-top-right-radius:7px; outline:none;}
a.sideNav-Appointments:hover {text-decoration:underline;}
/* Appointments */
.selecttime
{
border: 1px solid #cacaca;
float: left;
}
.selecttime td a
{
text-decoration: none;
font-weight: bold;
color: #0a8a2b;
}
.selecttime td
{
border: 1px solid White;
background-color: #eaeaea;
width: 50px;
text-align: center;
font-size: 11px;
}
.selecttime td.full
{
color: #cacaca;
}
.selecttime td.selected
{
color: White;
background-color: #7c0101;
font-weight: bold;
}
.selecttime td.selected a
{
text-decoration: none;
font-weight: bold;
color: White;
}
.selecttime td.availTime:hover
{
cursor:pointer;
}
a.hlCancelButton {text-decoration:none;color:#000000;}