@font-face {
    font-family: English157;
	    src: url(../fonts/english157bt.ttf);
}
@font-face {
    font-family: FlorentineScriptIIStd;
	    src: url(../fonts/FlorentineScriptIIStd.otf);
}
div[style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"] { /* :) */
    display: none;
}
:focus {
    outline: none;
}
html {
    overflow-x: hidden;
}
body {
    font: 12px Arial;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    background: #50017C; /* <--------------------------------------- School color ---- */

    height: 100%;
    overflow: hidden;

}
table {
    border-collapse: collapse; /* ie7 */
    border-spacing: 0; /* other */
    padding: 0;
    margin: auto;
}
table td {
    padding: 0;
}
h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 16px 40px 12px 40px;
}
p h1 {
    display: inline;
}
p {
    color: #666;
    font-size: 13px;
    line-height: 18px;
    text-indent: 0;
    margin: 0 40px 4px 40px;
}
ul, ol {
    color: #666;
    font-size: 13px;
    margin: 12px 30px 11px 30px;
}
li {
    margin-bottom: 9px;
}
input[type="radio"] {
    vertical-align: middle;
    margin: 0 7px 0 0;
}
label {
    color: #666;
    vertical-align: middle;
    padding: 7px 0 7px 0;
    margin: 0 17px 0 0;
}
label:hover {
    color: #333;
}
input[type="radio"]:checked+label {
    color: #000;
    font-weight: bold;
}
.testRibbon {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    width: 149px;
    height: 149px;
    background: url(../images/testRibbon_bg.png) no-repeat 0 0;
}

/* //// Popup styles //// */

.popup {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent url(../images/screen_bg.png);
    background: rgba(0,0,0,0.5);
}
.popup > div {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    text-align: center;
}
.popup table {
    height: 100%;
    width: 100%;
}
.popup .message {
    width: 510px; /* <----------------------------- Popup box width ---- */
    height: auto;
    margin: 10px auto 10px auto;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 60px rgba(0,0,0,0.2);
    padding: 30px 0 27px 0;
    text-align: left;
}
.popup .message ul li {
    margin: 0 20px 10px;
    padding: 0;
}
.popup .message ul {
    margin: 0;
    padding: 0;
}
.popup .close {
    position: relative;
    top: -30px;
    float: right;
    height: 27px;
    width: 27px;
    background: none;
    cursor: pointer;
}
.popup .message:hover .close {
    background: url(../images/close_bg.gif) no-repeat 10px 10px;
}
.popup .message:hover .close:hover {
    background-image: url(../images/close_hover_bg.gif);
}
.popup h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px 39px 11px 38px;
}
.popup h3 {
    color: #666;
    font-weight: normal;
    /* margin: 15px 39px -7px 38px; */
}
.popup li {
    margin-bottom: 0px;
    line-height: 19px;
}
.popup p {
    margin: 0 39px 12px 39px;
    padding: 0;
}
.popup .line {
    width: auto;
    margin: 16px 30px 20px 30px;
}
.popup .bottom {
    padding-bottom: 13px;
}
.popup .bottom .tip {
    float: left;
    position: relative;
    top: -3px;
    left: -8px;
}
.popup .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

.popup .message > div.full {
    margin: 20px 30px 0 30px;
    padding: 0 10px 20px 10px;
    border-bottom: solid 1px #272727;
}
.popup .message > div.full > .ddBox {
    margin: 9px 0 16px 0;
}
.popup .message > div.full > p {
    margin: 0 0 7px 0;
}

.popup li span {
    background: #3AC;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
}
.popup li img {
    position: absolute;
    left: 6px;
    top: 8px;
}
.popup .message ol ol {
    list-style-type: lower-alpha;
}

/* //// Warning message styles //// */

.note, .warning {
    color: #960;
    font-size: 13px;
    padding: 7px 40px 7px 40px;
    margin: 20px 0 0px 0;
    background: #fff5cc;
    text-align: center;
}
.warning {
    color: #2988a3;
    background: #eaf6fa;
}
.warning.red {
    color: #f00;
    background: #fee;
}
span.warning {
    vertical-align: middle;
    font-size: 12px;
    padding: 7px 10px 7px 10px;
    margin: 0 7px 0 0;
    border-radius: 3px;
}
span.warningFree {
    font-size: 14px;
    text-align: left;
    color: #2988a3;
    background: #eaf6fa;
}
.help {
    vertical-align: middle;
    margin-left: 5px;
}

/* //// Field tip styles (on most pages) //// */

.fieldTip {
    display: inline-block;
    position: relative;
    z-index: 99;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    vertical-align: top;
}
.fieldTip > div {
    position: absolute;
    top: 0px;
    width: auto;
    color: #fff;
    background: url(../images/fieldTip_bg.png);
    padding: 7px 10px 7px 10px;
    border-radius: 3px;
    white-space: nowrap;
}
.fieldTip .point {
    position: absolute;
    top: -5px;
    left: 8px;
    width: 10px;
    height: 5px;
    background: url(../images/point_bg.png) no-repeat 0 0;
}

/* //// Hat styles (on every page) //// */

#hat {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 100%;
    height: 33px;
    font-size: 11px;
    color: #666;
    background: #fff url(../images/hat_bg.gif);
}
@media print { /* Hide hat for print */
    #hat {
        display: none;
    }
}
#hat > div {
    position: relative;
    max-width: 980px;
    margin: auto;
    line-height: 33px;
}
#hat a {
    color: #666;
}
#support { /* Balfour Support link */
    position: absolute;
    top: 0;
    right: 130px;
    padding: 0 0 0 17px;
    background: url(../images/hat_support_bg.gif) no-repeat 0 10px;
}
#news { /* Balfour Newsletter link */
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 0 19px;
    background: url(../images/hat_news_bg.gif) no-repeat 0 10px;
}
#balfourCom {
    padding: 0 0 0 16px;
    background: url(../images/hat_balfourCom_bg.png) no-repeat 0 3px;
}

#websites { /* Balfour Websites drop-down box */
    position: absolute;
    top: 0;
    left: 83px;
    cursor: default;
}
#websites > .val {
    display: inline;
    padding: 11px 13px 10px 10px;
    background: url(../images/hat_websites_bg.png) no-repeat right 15px;
}
#websites:hover .val {
    color: #fff;
    background: #333;
}
#websites > .optns {
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    width: 215px;
    line-height: 27px;
    background: #333;
    padding: 0 0 10px 0;
    margin: -1px 0 0 0;
}
#websites:hover > .optns {
    display: block;
}
#websites > .optns a {
    display: block;
    color: #fff;
    padding: 0 10px 0 20px;
}
#websites > .optns a:hover {
    color: #fff;
    text-decoration: none;
    background: #3ac;
}

/* //// Header styles (on every page) //// */

#header {
    /*padding: 33px 0 0 0; Used to make room for the balfour hat*/
}
@media print { /* Move header to top for print, because hat is gone */
    #header {
        padding: 0;
    }
}
#header .white {
    position: relative;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 60px rgba(0,0,0,0.2);
}
#header .white > div { /* 980px container */
    position: relative;
    max-width: 980px;
    height: 82px;
    margin: auto;
}
#header #balfourLogo {
    position: absolute;
    top: 14px;
    left: 0;
    width: 226px;
    height: 52px;
}
#header #CBBasicCeremonyNoteDiv {
    position: absolute;
    top: 6px;
    left: 240px;
}
#CBBasicCeremonyNoteDiv2 {
  position: relative;
  display: inline-block;
}
.CVPopUp {
  width: 600px;
  height: 774px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
    background: #fff url(../images/CBBasicCeremonyNotePopUpBalfour2.png) no-repeat 0 0;
}
#CV_PopUp .message {
    width: 600px;
    text-align: center;
}
.CVPopUpPostponed {
  width: 600px;
  height: 774px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
    background: #fff url(../images/CBBasicCeremonyNotePopUpBalfour2Postponed.png) no-repeat 0 0;
}
#CV_PopUpPostponed .message {
    width: 600px;
    text-align: center;
}

#header #phoneNum {
    position: absolute;
    top: 14px;
    right: 0;
    text-align: right;
}
#header #phoneNum span {
    display: block;
    font-size: 18px;
    margin: 0;
}
#header #phoneNum a {
    margin-top: 7px;
}
@media print {
    #header #phoneNum a { /* Hide FAQ button for print */
        display: none;
    }
}
#header .color, #footer .color {
    padding-top: 75px;
    width: 100%;
}
#header .color > div { /* 980px container */
    position: relative;
    max-width: 980px;
    margin: auto;
}
#header .color h1 {
    position: absolute;
    top: -60px; /* -55px */
    left: 0;
    font-size: 36px; /* 30px */
    font-weight: bold;
    text-shadow: 0 3px 6px rgba(0,0,0,0.2);
    color: #fff;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
#header .tabs { /* container */
    position: relative;
    left: 0;
    font-size: 13px;
}
@media print {
    #header .tabs, #footer .tabs { /* Hide tabs for print */
        display: none;
    }
}
#header .tabs > span { /* tabs */
    display: inline-block;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    height: 24px;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    background: url(../images/tab_bg.png) repeat-x 0 0;
    padding: 7px 19px 3px 19px;
    margin: 0 1px -3px 0;
    cursor: pointer;
}
#header .tabs > span:hover {
    background-color: rgba(255,255,255,0.1); /* :) */
}
#header .tabs > span.there {
    color: #000;
    text-shadow: none;
    background: #fff;
    font-weight: bold;
}
#header .color .tip {
    color: rgba(255,255,255,0.4);
    text-shadow: 0 2px 3px rgba(0,0,0,0.2);
    top: 6px;
    right: -7px;
}
#header .color .tip a {
    color: rgba(255,255,255,0.4);
}

/* //// Body styles (on every page) //// */

#body {
    box-shadow: 0 0 60px rgba(0,0,0,0.2);
    background: #a6a6a6 url(../images/body_bg.png);
    z-index: 1;
}
#body > div {
    position: relative;
    z-index: 1;  /* changed 3/19/2020 because Coronavirus message wouldn't overlay properly on personalize page*/
    max-width: 980px;
    margin: auto;
    padding: 20px 0 0 0;
    display: block;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
#body.noTabs {
    padding: 20px 0 20px 0;
}
#body.noTabs > div {
    border-radius: 3px;
}

/* //// Form styles (on most pages) //// */

.form {
    position: relative;
    padding: 20px 0 10px 137px;
    margin: 0 30px 0 30px;
    max-width: 783px;
    border-bottom: solid 1px #8c8c8c;
}
@media print {
    .form {
        margin: 0;
    }
}
.form > h1 {
    position: absolute;
    top: 16px;
    left: 10px;
    margin: 0;
    padding: 0;
}
.form p {
    margin: -4px 10px 16px 0;
}
p.underpreview { /* Text is under an element; apply margin above text */
    color: #999;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    margin: 7px 10px -3px 0;
}
p.under { /* Text is under an element; apply margin above text */
    color: #999;
    font-size: 10px;
    line-height: normal;
    margin: 7px 10px -3px 0;
}
.form table {
    margin: 0;
}
.form th {
    color: #999;
    font: bold 11px Arial;
    text-transform: uppercase;
    border-bottom: solid 1px #8c8c8c;
    padding: 0 10px 7px 10px;
    text-align: right;
    white-space: nowrap;
}
.form td {
    padding: 0 10px 10px 0;
}

.form .full {
    padding: 0;
    margin: 0 0 10px 0;
}
.form .full span {
    vertical-align: middle;
}
.form .full input[type="text"], .form .full input[type="password"], .form .full textarea {
    vertical-align: middle;
}
.form .full a {
    vertical-align: middle;
}

.tip {
    position: absolute;
    bottom: 17px;
    right: 0;
    color: #ccc;
    font-size: 14px;
    font-weight: normal;
}
.tip a {
    margin: 0 7px 0 7px;
}

/* //// Bottom buttons styles (on most pages) //// */

div.bottom {
    text-align: right;
    margin: 20px 0 0 0;
    padding: 0 40px 30px 40px;
}
div.bottom > a {
    font-size: 13px;
    font-weight: bold;
}
div.bottom > a.btn {
    margin: 0 0 0 20px;
}

/* //// Footer styles //// */

#footer .color {
    position: relative;
    height: 44px;
    padding: 0;
}
#footer .color > div { /* 980px container */
    position: relative;
    max-width: 980px;
    margin: auto;
}
#footer .tabs { /* container */
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
}
#footer .tabs > span { /* tabs */
    display: inline-block;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    height: 24px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    padding: 7px 20px 0 20px;
    margin: 0 1px 0 0;
    cursor: pointer;
}
#footer .tabs > span:hover {
    background-color: rgba(255,255,255,0.1); /* :) */
}
#footer .tabs > span.there {
    color: #000;
    text-shadow: none;
    background: #fff;
    font-weight: bold;
}
#footer .white {
    background: #fff;
    padding: 17px 0 17px 0;
    box-shadow: 0 0 60px rgba(0,0,0,0.2);
}
#footer .white > div { /* 980px container */
    position: relative;
    color: #999;
    font-size: 11px;
    max-width: 980px;
    margin: auto;
}
#footer .white table {
    width: 100%;
    height: 80px;
    margin: 0;
}
#footer .white a {
    font-weight: bold;
    margin: 0 10px 0 10px;
}
#footer .white b { /* Phone number */
    display: inline-block;
    color: #000;
    font-size: 14px;
    margin-bottom: 14px;
}
#footer .white a:first-child {
    margin-left: 0;
}
#copyrightInfo {
    font-size: 10px;
    vertical-align: bottom;
}
#balfourAddress {
    text-align: right;
    vertical-align: top;
}
#securityCertificate {
    position: absolute;
    right: 180px;
    bottom: 0;
}
#scrollTesti {
    height: 500px;
    margin-right: 40px;
    overflow-y: scroll;
}
#testimonials_popup p {
    padding-bottom: 35px;
    margin-right: 20px;
    border-bottom: solid 1px #8c8c8c;
}
#testimonials_popup p > strong {
    float: right;
    display: block;
    margin-top: 5px;
    font-size: 12px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// Page-specific styles //// */

/* //// index.htm styles //// */

div#homeContainer {
    position: relative;
    height: 560px;
    background: transparent;
    box-shadow: none;
    z-index: 1;
}
div#homeContainer > div {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
#slideshow {
    position: absolute;
    left: 0px;
    top: 0;
    width: 50px;
    height: 280px;
    padding: 0;
}
div#homeContainer > div#startHere {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    height: 220px;
    padding: 30px 40px 30px 620px;
    background: #fff url(../images/startHere_bg.jpg) no-repeat 0 0;
    border-radius: 3px;
}
#startHere h1 {
    margin: -4px 0 15px -1px;
}
#startHere p {
    margin: -3px 0 17px 0;
    line-height: normal;
}
#startHere input, #startHere .ddBox { /* select boxes transform to .ddBox divs */
    margin: 0 0 10px 0;
}
#startHere p.under {
    margin: -3px 0 7px 0;
}
#startHere > form > div {
    position: relative;
    height: 250px;
}
#startHere .btn {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 120px;
    padding: 6px 0 6px 0;
}
#startHere .tip {
    font-size: 11px;
    font-weight: bold;
    bottom: -3px;
    right: -7px;
}
#startHere #englishFooter .tip {
    color: #999;
}
#startHere #englishFooter .tip a {
    margin: 0;
}
#englishForm, #spanishForm {
    position: relative;
}
#startHere input#orderNumber {
    margin-right: 10px;
}

div#homeContainer > div#oldBrowser {
    position: absolute;
    left: 0;
    top: 0;
    width: 900px;
    height: 520px;
    padding: 30px 40px 30px 40px;
    border-radius: 3px;
}
#oldBrowser h1 {
    text-align: center;
    margin: 6px 0 31px -2px;
}
#oldBrowser p {
    margin: 0 0 11px 0;
    text-align: center;
}
#browsers {
    text-align: center;
    margin: 26px auto 26px auto;
}
#browsers img {
    margin: 0 0 10px 0;
}
#browsers a.btn {
    width: 110px;
    margin: 7px 10px 10px 10px;
}
.recommended {
    border: solid 3px #3ac;
}
.recommended.top {
    border-bottom-width: 0;
    padding-top: 20px;
}
.recommended.bottom {
    border-top-width: 0;
}
.recommended.label {
    border: 0;
    padding: 0 0 7px 0;
    color: #3ac;
    font-weight: bold;
    text-transform: uppercase;
}


/* // Highlighted products styles // */

#productSlides {
    display: block;
    position: absolute;
    left: 0;
    top: 300px;
    width: 980px;
    height: 280px;
    white-space: nowrap;
    overflow: hidden;
}
#productSlides > div {
    display: inline-block;
    position: relative;
    left: 0;
    width: 236px;
    height: 280px;
    /* background: rgba(0,0,0,0.8); */
    background-color: #333;
    margin-right: 12px;
    border-radius: 3px;
    vertical-align: top;
}
#productSlides h2 {
    width: 156px;
    margin: 0;
    padding: 27px 38px 0 38px;
    color: #fff;
    font: normal 20px/22px Arial;
    white-space: normal;
}
#productSlides p {
    width: 186px;
    margin: 0;
    padding: 10px 0px 0 20px;
    color: #fff;
    font: normal 12px/18px Arial;
    white-space: normal;
}

#backward { /* Left arrow */
    position: absolute;
    z-index: 1;
    top: 415px;
    left: -10px;
    width: 28px;
    height: 60px;
    background: url(../images/productSlides_left_bg.png) no-repeat 0 0;
}
#forward { /* Right arrow */
    position: absolute;
    z-index: 1;
    top: 405px;
    left: 962px;
    width: 28px;
    height: 60px;
    background: url(../images/productSlides_right_bg.png) no-repeat 0 0;
}

#ann {
    background: #333 url(../images/productSlides_ann_bg.jpg) no-repeat 0 175px;
}
#thanks {
    background: #333 url(../images/productSlides_thanks_bg.jpg) no-repeat 0 167px;
}
#seals {
    background: #333 url(../images/productSlides_seals_bg.jpg) no-repeat 0 175px;
}
#time {
    background: #333 url(../images/productSlides_time_bg.jpg) no-repeat 0 174px;
}
#COVID-19 {
    background: #333 url(../images/productSlides_COVID-19_bg.jpg) no-repeat 0 174px;
}
#COVID-19 > h2 {
    color: #afbd22;
}
#coa {
    background: #333 url(../images/productSlides_coa_bg.jpg) no-repeat 0 149px;
}
#anncover {
    background: #333 url(../images/productSlides_anncover_bg.jpg) no-repeat 0 154px;
}
#ral {
    background: #333 url(../images/productSlides_ral_bg.jpg) no-repeat 0 149px;
}

/* //// start.htm styles //// */

#getStartedBottom {
    position: relative;
}
#getStartedBottom .tip {
    position: absolute;
    top: 8px;
    left: 32px;
    right: auto;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}

/* //// products.htm styles //// */

.products table {
    width: 100%;
}
.products table td {
    padding: 10px;
    border-top: solid 1px #8c8c8c;
}
.products table .item > a:first-child {
    color: #000;
    font: bold 13px Arial;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
.products table td.priceEach, .products table td.qty, .products table td.subtotal { /* price each, quantity, and subtotal cells */
    font-size: 12px;
    text-align: right;
}
.products table td.setsOf {
    width: 10px;
    padding-left: 11px;
}
.products table td.priceEach {
    color: #666;
    width: 80px;
}
.products table td.qty {
    width: 10px;
}
.products input {
    text-align: right;
}
.products table td.subtotal {
    width: 60px;
    font-size: 13px;
    font-weight: bold;
}
.products table tr.total td {
    font-size: 12px;
    font-weight: normal;
    border-top: solid 1px #8c8c8c;
    vertical-align: middle;
    background: #f9f9f9;
}
.products table tr.salesTax td {
    background: #f9f9f9;
}
.products table tr.total td:first-child {
    color: #999;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
.products table tr.total td.total {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}
#packages table {
    margin: 0 0 -10px 0;
}
#individualItems table, #cgtProducts table {
    margin: -20px 0 -10px 0;
}
#individualItems tr:first-child td, #cgtProducts tr:first-child td {
    border-top: 0;
}

#productDetails_popup .message {
    width: 920px;
    text-align: right;
}
#productDetails_popup .close {
}
#productDetails_popup .btn {
    margin: 20px 40px 13px 0;
}
#productDetails_popup .btn#continueToPersonalizeBtn {
    margin-right: 7px;
}
#productDetails_iframe {
    height: 580px;
    width: 840px;
    border: 0;
    margin: 13px 40px 0 40px;
}

/* //// products_details.htm styles //// */

#productImage {
    max-width: 400px;
    max-height: 250px;
    margin: 0 40px 0 0;
}
.ProductDetailsMsg {
    position: relative;
    float: left;
    display: inline-block;
    left: 10px;
    bottom: 30px;
    padding: 3px 6px 4px 6px;
    color: #fff;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .6);
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
#productDetails_table {
    position: relative;
    width: 100%;
    background: #fff;
}
#productDetails_table h1 {
    margin: -3px 0 2px 0;
}
#productDetails_table .priceEach {
    color: #999;
    font-size: 18px;
    margin-bottom: 15px;
}
#productDetails_table .addToCart {
    border-top: solid 1px #8c8c8c;
    border-bottom: solid 1px #8c8c8c;
    padding: 20px 0 20px 0;
}
#productDetails_table p {
    margin: 16px 0 0 0;
}
#crossSell {
    height: auto;
    text-align: center;
}
#crossSell > div { /* You might also like... */
    color: #0088b6;
    font-weight: bold;
    margin: 7px 0 17px 0;
}
#crossSell > table {
    width: 100%;
}
#crossSell > table td {
    width: 25%;
    border: solid 1px #e5f6fa;
    background: #e5f6fa;
    padding: 19px 20px 17px 20px;
    cursor: pointer;
}
#crossSell > table td img {
    max-width: 120px;
    max-height: 60px;
    padding: 10px;
    margin: 0 0 7px 0;
    border: solid 1px #cde8ef;
    background: #fff;
}
#crossSell > table td div {
    font-size: 13px;
    margin-bottom: 2px;
}
#crossSell > table td:hover {
    background: #fff;
    border: solid 1px #cde8ef;
}
#crossSell > table td:hover img {
    border-color: #fff;
}
#crossSell .priceEach {
    color: #4eaacc;
    font-size: 12px;
    margin: 0;
}
#crossSell a {
    font-weight: bold;
}

#CAPPreview {
    position: relative;
    margin-left: -70px;
    left: -40px;
    text-align:center;
    padding: 10px 0;
    margin-bottom: 15px;
    z-index: 2;
    background-color: #ffffff;
    border: 1px solid #000000;
}

/* //// personalize.htm styles //// */

#cgtInfo  table th {
    text-align: left;
}
#cgtInfo table td {
    vertical-align: top;
    border-top: solid 1px #272727;
    padding: 10px 10px 0 10px;
}
#cgtInfo table tr.item td {
    border-top: solid 1px #8c8c8c;
}
#cgtInfo div.bubbleTip table td {
    border-top: none;
}
#cgtInfo table tr.item td:first-child {
    font-size: 13px;
    font-weight: bold;
}
#cgtInfo table tr.item td:first-child {
    font-size:inherit;
    font-weight:normal;
}
#cgtInfo input {
    margin: 0 10px 10px 0;
}
#cgtInfo input[type="text"] {
    /* margin-top: 10px; */
}
#cgtInfo label {
    margin: 0 2px 10px 0;
    display: inline-block;
    width: 45px;
}
#cgtInfo a.small {
    position: relative;
    top: -10px;
}
#cgtInfo .ddBox {
    margin-bottom: 10px;
}

#ItemOptionsInfo  table th {
    text-align: left;
}
#ItemOptionsInfo table td {
    vertical-align: top;
    border-top: solid 1px #272727;
    padding: 10px 10px 0 10px;
}
#ItemOptionsInfo table tr.item td {
    border-top: solid 1px #8c8c8c;
}
#ItemOptionsInfo div.bubbleTip table td {
    border-top: none;
}
#ItemOptionsInfo table tr.item td:first-child {
    font-size: 13px;
    font-weight: bold;
}
#ItemOptionsInfo table tr.item td:first-child {
    font-size:inherit;
    font-weight:normal;
}
#ItemOptionsInfo input {
    margin: 0 10px 10px 0;
}
#ItemOptionsInfo input[type="text"] {
    /* margin-top: 10px; */
}
#ItemOptionsInfo label {
    margin: 0 2px 10px 0;
    display: inline-block;
    width: 45px;
}
#ItemOptionsInfo a.small {
    position: relative;
    top: -10px;
}
#ItemOptionsInfo .ddBox {
    margin-bottom: 10px;
}


#ppInfo {
    display: none;
    margin-top: 20px;
}
.captext input {
    margin: 0 10px 10px 0;
}
.captext td {
    padding: 0;
}
.captext .special {
    margin-bottom: 3px;
}
#required_popup table {
    width: 300px;
}
#degreeInfo table {
    width: 100%;
}
#degreeInfo table .line {
    margin: 10px 0 10px 0;
}
#facultyHoodNote {
    color:blue;
    font-size: 12px;
    font: Arial;
    font-weight: bold;
    margin-bottom: 10px;        
}
#facultyHoodNote ul {
    color:red;
    font-size: 12px;
    font: Arial;
    font-weight: bold;
    margin: 3px 0 0 -15px;
    list-style-type: none;
}
#facultyHoodNote li {
    margin-bottom:2px;
}
.dframe th {
    text-align:left;
}
.dframe .colors,.dframe .etchings {
    text-align:left;
    border-top: solid 1px #8c8c8c;
    border-collapse: collapse;
}
.dframe .frameOpt {
    display:inline-block;
    text-align:center;
    vertical-align: middle;
    padding:0px 3px 7px 3px;
}
.colors .frameOpt {
    width:100px;
}
.etchings .frameOpt  {
    width:85px;
}
td.etchings, td.colors {
    padding: 0 0 0 0; 
}
.dframe .frameOpts{
    margin: 10px 6px 10px 6px;
    padding-top: 7px;
    border-radius: 3px;
}
.diplomaInfo .rdErrDiv {
    border-radius: 3px;
    padding: 7px 0 0 7px;
}
.dframe a, .dframe a:link, .dframe img {
    text-decoration:none;
    border:none;
    color:white;
}
.diplomaInfo p {
    margin-bottom: 8px;
}
.diplomaInfo .dRadio {
    padding-right: 0px;
}

/* //// personalize_spanishText.htm styles //// */

#spanishText table {
    width: 795px;
}
#spanishText th {
    text-align: left;
}
#spanishText td {
    padding: 10px 10px 0 10px;
}
#spanishText label {
    margin-right: 7px;
}
tr#addALineRow td {
    padding-bottom: 10px;
}
#spanishText table td.englishTextCol {
    width: 266px;
}
#spanishText table td.spanishTextCol {
    height: 29px;
}
#spanishText table td.spanishTextCol > div {
    position: relative;
}
#spanishText table td.textAlignCol {
    width: 10px;
    white-space: nowrap;
    padding: 10px 5px 0 10px;
}
#spanishText .special {
    position: absolute;
    top: -14px;
    left: -7px;
}

/* // Special characters text field styles (personalize & personalize_spanishText) // */

.special {
    display: inline-block;
    overflow: hidden;
    border: solid 1px #8c8c8c;
    border-radius: 3px;
    white-space: nowrap;
    background: #f2f2f2;
}
.special.required {
    border-color: #f30;
}
.dframe .required, .diplomaInfo .required {
    border: 1px solid #f30;
}
.special:hover {
    border-color: #000000;
}
.special[readonly],
.special[readonly]:hover {
    background: #f2f2f2;
    border-color: #000000;
}
.special input[readonly] {
    background: #f2f2f2;
    border-color: #8c8c8c;
}
.special .lbl {
    z-index: 1;
    top: 1px;
    left: 3px;
}
.special input {
    position: relative;
    z-index: 2;
    border: solid 1px #8c8c8c;
    background: url(../images/trans.gif);
    box-shadow: none;
    vertical-align: middle;
    padding: 4px 7px 4px 7px;
    margin: 3px 4px 3px 3px;
}
.special a {
    color: #272727;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
}
.special.focus a {
    color: #3ac;
}
.special a:hover {
    color: #fff;
    background: #3ac url(../images/btn_bg.png) 0 0;
    text-decoration: none;
}

/* //// photoproducts styles //// */

#photoAnn {
    padding: 0;
    max-width: 920px;
}
#photoAnn h1 {
    position: relative;
    margin: 16px 0 10px 0;
    padding: 0;
    top: 0;
}
#photoAnn p {
    margin-left: 10px;
    margin-bottom: 12px;
}
#canvasArea a.btn.disabled {
    color: #8c8c8c;
}

#ppTabs {
    
}
#ppTabs a, #phoProdNav a:link {
    display: inline-block;
    color: #888;
    padding: 11px 15px 10px 15px;
    margin: 0 1px 0 0;
    border: solid 0 transparent;
    border-radius: 4px 4px 0 0;
}
#ppTabs a:hover {
    color: #666;
    text-decoration: none;
    background: #f2f2f2;
}
#ppTabs a.there {
    color: #000;
    font-weight: bold;
    background: #e5e5e5;
}

#canvasArea {
    background: #e5e5e5;
    padding: 15px;
}
#tools {
    position: relative;
    margin-bottom: 30px;
}
#tools > a {
    margin-right: 5px;
}
#photoEffects {
    position: absolute;
    right: 5px;
    bottom: 5px;
    height: 18px;
    width: 560px;
    color: #aaa;
    font-size: 11px;
    text-align: right;
    vertical-align: middle;
}
#photoEffects .line {
    display: inline-block;
    width: 1px;
    height: inherit;
    background: #ccc;
    margin: 0 0 -5px 5px;
}
#photoEffects a {
    font-weight: bold;
    margin-left: 5px;
    padding: 2px 5px 2px 5px;
}
#photoEffects a#sepia {
    margin-left: 0;
}
#photoEffects a#zoom {
    background: url(../images/zoom_bg.png) no-repeat 5px 3px;
    padding-left: 24px;
}
#photoEffects a#rotate {
    padding-left: 24px;
    position: relative;
}
#photoEffects a#flip {
    padding-left: 24px;
    position: relative;
}
#photoEffects a.btn img {
    position: absolute;
    left: 3px;
    top: 1px;
}

#photoAnn #canvas { /* Canvas */
    position: relative;
    margin: 0 auto 15px auto;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    overflow: hidden;
}
#photoAnn .photo {
    position: absolute;
    text-align: center;
    background: #e5e5e5;
    overflow: hidden;
}
#photoAnn .photo:focus {
    box-shadow: 0 0 0 3px #3ac;
}
#photoAnn .photo.add:focus {
    box-shadow: none;
}
#photoAnn .photo img { /* Actual image */
    position: absolute;
}
.photo img[src=""] {
    display: none;
}

#photoAnn .drag {
    display: table-cell;
    position: relative;
    z-index: 1;
    top: 0;
    width: inherit;
    height: inherit;
    vertical-align: middle;
    background: url(../images/trans.gif);
    cursor: url(../images/hand.png), default;
}
#photoAnn .drag > div {
    display: none;
    height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 28px;
    background: url(../images/scrollToZoom_bg.png);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    border-radius: 3px;
}
#photoAnn .photo:hover .scrollToZoom > div {
    padding: 0 10px 0 27px;
    background: url(../images/zoom_bg.png) no-repeat 7px 8px;
}
#photoAnn .photo .clickToEdit {
    display: none;
}
#photoAnn .photo .clickToEdit > div {
    padding: 0 10px 0 10px;
}
#photoAnn .drag > div.addPhoto {
    display: inline-block;
    height: auto;
    color: #fff;
    font: bold 12px Arial;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    text-shadow: 1px 1px 2px #007799;
    white-space: nowrap;
    background: #3ac url(../images/btn_bg.png) 0 0;
    padding: 7px 16px 7px 16px;
    cursor: pointer;
}
#photoAnn .drag > div.addPhoto:hover {
    color: #fff;
    background-color: #5cbbd6;
    border-color: #33a0bb #3392ad #3385a0 #3392ad;
}
#photoAnn .photo:hover .clickToEdit {
    display: inline-block;
}
#photoAnn .photo:focus:hover .scrollToZoom {
    display: inline-block;
}
#photoAnn .photo:focus .clickToEdit {
    display: none;
}
#photoAnn .photo.add:hover .clickToEdit,
#photoAnn .photo.add:focus .scrollToZoom {
    display: none;
}
#photoAnn .layer {
    position: absolute;
}
#photoAnn .seal {
    position: absolute;
}
#photoAnn .text {
    position: absolute;
    color: #999;
    font: 12px Arial;
    text-align: center;
}

#photoAnn h1 a {
    font-size: 12px;
}

#drag_x, #drag_y {
    display: none;
}
#disclaimer {
    color: #999;
    font-size: 10px;
    padding: 10px 0 20px 0;
}

.checkbox {
    background: #e5e5e5;
    padding: 3px 5px 7px 5px;
    margin: 20px 40px 0 40px;
    cursor: pointer;
}
.checkbox:hover {
    background: #eaf6fa;
}
.checkbox a {
    display: inline-block;
    position: relative;
    top: 2px;
    background: #fff;
    height: 19px;
    width: 19px;
    vertical-align: bottom;
    margin: 0 10px 0 0;
}
.checkbox.checked a {
    background: #3ac url(../images/checkbox_bg.png) no-repeat 4px 6px;
}
.checkbox.checked a:hover {
    background-color: #5cbbd6;
}

#terms_popup .message {
    width: 520px;
}

#layouts_popup .message {
    width: 540px;
}
#layouts {
    padding: 10px 0 0 40px;
}
#layouts a {
    display: inline-block;
    position: relative;
    width: 140px;
    height: 100px;
    margin: 0 20px 20px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
#layouts a span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 29px;
    height: 29px;
}
#layouts a.sel span {
    background: #3ac url(../images/checkbox_bg.png) no-repeat 9px 11px;
}

#browseBtn2 {
    color: #666;
}
#thumbs, #effect_thumbs {
    padding: 7px 30px 0 40px;
}
#thumbs div {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    background: #e5e5e5;
    vertical-align: middle;
    overflow: hidden;
}
#effect_thumbs div {
    display: inline-block;
    position: relative;
    width: 100px;
    margin: 0 10px 10px 0;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
}
#thumbs img, #effect_thumbs img {
    width: 100px;
}
.thumb .check {
    position: absolute;
    top: 71px;
    left: 0;
    width: 29px;
    height: 29px;
}
.thumb.sel img {
    opacity: 0.4; filter: alpha(opacity=40);
}
.thumb.sel .check {
    background: #ccc url(../images/checkbox_bg.png) no-repeat 9px 11px;
}
.thumb.active .check {
    background: #3ac url(../images/checkbox_bg.png) no-repeat 9px 11px;
}
#thumbs iframe, #effect_thumbs iframe {
    border: 0;
    width: 100px;
    height: 100px;
}
body.thumb.sel #removeBtn, body.thumb.pin #removeBtn {
    display: none;
}
.removeBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 19px;
    height: 19px;
    background: url(../images/removeBtn_bg.png);
    opacity: 0;
    filter: alpha(opacity=0);
}
.removeBtn:hover {
    background: url(../images/removeBtn_hover.png);
}
#effects {
    display: none;
    padding: 0 0 0 40px;
}
#effects div {
    display: inline-block;
    height: 45px;
    width: 45px;
    margin: 0 10px 0 0;
    background: #f2f2f2;
}

#progress {
    position: absolute;
    top: 15px;
    left: 14px;
    color: #3ac;
    font-weight: bold;
    line-height: 9px;
}
#progressBar {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100px;
    background: #e1f2f7;
}
#cancelBtn {
    position: absolute;
    bottom: 15px;
    right: 14px;
    font-size: 10px;
    line-height: 9px;
}
#effectsApplyBtn { /* In photos popup */
    margin-left: 10px;
}
#realBrowseBtn {
    position: absolute;
    top: -100px;
    /* display: none; */
}
#photos_popup .message {
    width: 520px;
    position: relative;
}
#photos_popup .line {
    margin-top: 10px;
}
#photos_popup .warning {
    margin: 16px 0 13px 0;
}

#colorCombos {
    margin: 16px 0 20px 40px;
}
.colorCombo {
    position: relative;
    display: inline-block;
}
.colorCombo > span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 29px;
    height: 29px;
}
.colorCombo.sel > span {
     background: #3ac url(../images/checkbox_bg.png) no-repeat 9px 11px;
     margin: -30px 00px 30px 0px;
}
.colorCombo > div {
    width: 40px;
    height: 40px;
    margin: -20px 10px 30px 20px;
}
.colorCombo > div:first-child {
    margin: 0 10px 0 0;
}
#photoUploadHelp_popup p {
    line-height: 19px;
}
#photos_popup .help {
    vertical-align: top;
}
/*
.drag_drop {
    border: 1px solid #909090;
    border-radius: 3px;
}
*/
/*#file_drop_all.drag_drop_over {
    border: 1px solid #797979 !important;
    -moz-box-shadow:    inset 0 0 10px #5CBBD6;
    -webkit-box-shadow: inset 0 0 10px #5CBBD6;
    box-shadow: inset 0 0 10px #30A0C0;
    background-color: #F0FCFF;
}*/

.drag_drop_overlay {
    display:none;
    position: absolute;
    margin-top: -30px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}
.drag_drop_overlay_styling {
    display:none;
    position: absolute;
    margin-top: -30px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: .8;
    z-index: 1;
    
    -moz-box-shadow:    inset 0 0 30px 15px #00A2D0;
    -webkit-box-shadow: inset 0 0 30px 15px #00A2D0;
    box-shadow: inset 0 0 30px 15px #00A2D0;
    background-color: #E8FAFF;
}

.drag_drop_overlay_styling span {
    display: block;
    position: relative;
    white-space: nowrap;
    margin: 45% 38%;
    z-index: -100;
}

.drag_drop_overlay_styling h2 {
    margin: 0;
}

/*#file_drop_all {
    margin: 0 auto;
    position: absolute;      
    width: 250px;      
    height: 46px;
    margin-left: 80px;
    text-align: center;
    border-radius: 3px;
}
#file_drop_all p {
    line-height: 14px;
    padding-top: 3px;
}*/

.uploadAnim {
    display: none;
    height: 100px;
    width: 100px;
    background: url(../images/uploadAnim_bg.gif) no-repeat 38px 30px;
    color: #999;
    font-size: 10px;
    line-height: 128px;
    text-align: center;
}
#screen {
    /* display: block; */
}
#screen table, #pleaseWait table {
    width: auto;
}
#screen .message, #pleaseWait .message {
    width: auto;
    padding-top: 32px;
    padding-bottom: 24px;
}
#screenAnim {
    display: inline-block;
    margin: 0 9px -7px 0;
    width: 24px;
    height: 24px;
    background: url(../images/screenAnim_bg.gif) no-repeat 0 0;
}

#canvas .popup .message {
    /* width: 337px; */
}

#textblocks {
    position: absolute;
}
#textblocks td {
    margin: 0;
    padding: 0;
}
#textblocks p {
    margin-left: 39px;
}
#textblocks textarea {
    width: 400px;
    max-width: 400px;
    height: 250px;
    margin: 0 40px 4px 40px;
    padding-left: 0;
    padding-right: 0;
    line-height: 18px;
    text-align: center;
}
.block {
    text-align: center;
}
.block:focus {
    box-shadow: 0 0 0 3px #3ac;
}
.block span {
    border-radius: 0;
    background: transparent;
    text-align: center;
    cursor: pointer;
}
.block:hover {
    background: rgba(53,171,205,0.2);
}
.block:focus {
}

#textblocks center div {
    color: #fff;
    font-size: 11px;
    display: inline-block;
    background: #000;
    background: rgba(0,0,0,0.6);
    padding: 11px 15px 12px 15px;
    border-radius: 3px;
}

#imgUploadInstr {
    margin: 0 0 0 59px;
    padding: 0 40px 10px 0px;
}

/*#imgColorEffect, #bottom_choose_piceffect, #effect_thumbs {
    display: none;
}*/

#zoom_pan {
    position: relative;
    float: left;
    left: 15px;
    top: 10px;
    width: 96px;
}
#zoom_pan a {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#zoom_pan a:hover {
    background-color: #5CBBD6;
    border-color: #33A0BB #3392AD #3385A0 #3392AD;
}
#zoom_pan div {
    text-align:center;
}
#zoom {
    margin-bottom: 20px;
}
.up_arrow {
    background: #3AC url('../images/up_arrow.png') 0 0;
    margin-bottom: 8px;
}
.down_arrow {
    background: #3AC url('../images/down_arrow.png') 0 0;
    margin-top: 36px;
}
.left_arrow {
    background: #3AC url('../images/left_arrow.png') 0 0;
    float: left;
}
.right_arrow {
    background: #3AC url('../images/right_arrow.png') 0 0;
    float: right;
}
.zoom_in {
    background: #3AC url('../images/zoom_in.png') 0 0;
}
.zoom_out {
    background: #3AC url('../images/zoom_out.png') 0 0;
    margin-right: 12px;
}
#tips  a {
    width: 90px;
	height: 18px;
}
#tips a:hover {
    background-color: #cccccc;
    border-color: #cccccc;
    width: 90px;
	height: 18px;
}

/* ///////////////////////////// preview.htm styles ///////////////////////// */

#annText p {
    margin-bottom: 27px;
}
#annText p.under {
    position: relative;
    z-index: 1;
    text-align: left;
    display: block;
    width: 400px;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: bold;
}
#annTextBox {
    position: relative;
    z-index: 1;
    width: 350px;
    min-height: 300px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    background: #fff;
    background: url(../images/annTextBox_bg.png);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    border: solid 1px #8c8c8c;
    border: solid 0 rgba(0,0,0,0);
    padding: 25px;
    margin: 0 10px 0 0;
}
#annTextBoxTopBottom {
    position: relative;
    z-index: 1;
    width: 350px;
    min-height: 100px;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    background: #fff;
    background: url(../images/annTextBox_bg.png);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    border: solid 1px #8c8c8c;
    border: solid 0 rgba(0,0,0,0);
    padding: 25px;
    margin: 0 10px 0 0;
}
#annSample {
    margin-left:-15px;
    /* left: 170px; */
    right: 0;
    text-align: left;
}
#annImage {
    margin-top: 20px;
    max-width: 400px;
    background: url(../images/annImage_bg.jpg) no-repeat 50% 50%;
}
#annFont {
    width: 400px;
    height: 200px;
    margin: 10px 0 0 0;
    background-position: 50% 20%;
    background-repeat: no-repeat;
}
#photoAnnImage {
    padding: 12px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    border: solid 1px #8c8c8c;
    border: solid 0 rgba(0,0,0,0);
    margin-bottom: 10px;
}
.bubbleTip {
    display: inline;
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;
}
.bubbleImg {
    background: url(../images/bubbleTipBtn.png) no-repeat 0 0;
    height: 24px;
    width: 24px;
}
.bubbleImgSI {
    background: url(../images/bubbleTipBtnSI.png) no-repeat 0 0;
    height: 24px;
    width: 175px;
}.bubbleTip:hover {
    background-position: 0 -24px;
}
.bubbleTip .msg {
    display: none;

}
.bubbleTip:hover .msg{
    display: inline;
    position: absolute;
    top: 34px;
    left: -158px;
    width: 300px;
    color: #fff;
    text-align: center;
    background: url(../images/bubbleTip_bg.png);
    padding: 17px 20px 17px 20px;
    border-radius: 3px;
}

.bubbleTip .point {
    position: absolute;
    top: 0px;
    left: 165px;
    width: 10px;
    height: 5px;
    background: url(../images/point_bg.png) no-repeat 0 0;
    margin-top: -5px;
}
.bubbleShowActualFont {
    display: inline;
    position: absolute;
    z-index: 99;
    top: 178px;
    left: 385px;
    width: 150px;
    text-align: center;
    background-color: #5cbbd6;
}
.bubbleShowActualFont a {
    background-color: #5cbbd6;
    color: #ffffff;
}
.bubbleShowActualFont:hover  {
    color: #5cbbd6;
    background-color: #ffffff;
}
.bubbleShowActualFont:hover a {
    color: #5cbbd6;
}
#comments { /* Bubble tip */
    position: absolute;
    top: 178px;
    left: 125px;
}
#scriptFont { /* Bubble tip */
    position: relative;
    top: 27px;
    left: 38px;
}
#scriptFont .msg {
    width: 200px;
    left: -108px;
}
#scriptFont .point {
    left: 117px;
}
#formHelp { /* Bubble tip */
    position: relative;
    vertical-align: top;
    top: 4px;
    padding: 5px;
    color: #3AC;
}
#formHelp .point {
    left: 163px;
}
#formHelp .msg {
    top: 25px;
}
#formHelp:hover {
    cursor: default;
}
.bubbleAttn{
    display: block;
    color: red;
    background-color: lightpink;
    text-align: center;
    padding: 10px 13px 10px 13px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: red;
}

/* //// Shipping & Payment (shippingpayment view) styles //// */

#shippingMethods {
    margin: -21px 0 0 0;
}
#shippingMethods td {
    padding: 10px;
    border-bottom: solid 1px #8c8c8c;
}
#shippingMethods h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}
#shippingMethods .value {
    white-space: nowrap;
}
#shippingMethods .description {
    color: #666;
}
#shippingMethods .days {
    white-space: nowrap;
}
#shippingMethods .subtotal {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}
#shippingMethods .bottom {
    border-bottom: solid 1px #8c8c8c;
}
#etaTip {
    text-align: right;
    margin-bottom: 0;
}

#shipAddressInputs .tip {
    position: relative;
    float:right;
    bottom:21px;
}

#cardExpires {
    color: #999;
}
#cardExpires input {
    margin: 0 2px 0 2px;
}
#cardExpires .lbl {
    left: 2px;
}
.line {
    width: 100%;
    margin: 20px auto 20px auto;
    height: 1px;
    background: #8c8c8c;
}
span.line {
    display: block;
    margin: 4px auto 4px auto;
}
.ccChange {
    margin: 0 7px 0 3px;
}
#paymentInfo .tip {
    float: right;
    position: relative;
}
#paymentInfo table {
    width: 100%;
    border-bottom: solid 1px #272727;
}
#paymentInfo table td {
    padding: 10px;
    border-top: solid 1px #8c8c8c;
}
#paymentInfo table .item > a {
    color: #000;
    font: bold 13px Arial;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
#paymentInfo table td.subtotal {
    font-size: 13px;
    font-weight: bold;
    text-align: right;
}
#paymentInfo table tr.total td {
    font-size: 12px;
    font-weight: normal;
    border-top: solid 1px #8c8c8c;
    vertical-align: middle;
    background: #f9f9f9;
}
#paymentInfo table tr.total td:first-child {
    color: #999;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
#paymentInfo table tr.total td.total {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

#paymentMethods {
    margin: -3px 0 9px 0;
}
#ccInfo {
    /* :) display: none; */
    margin: 19px 0 0 0;
}
#poInfo {
    margin: 19px 0 0 0;
}
#poInfo p {
    margin-bottom: 7px;
}
#poInfo div.full {
    margin-bottom: 10px;
}
#chargeDesc {
    margin-bottom: 0;
}
#chargeDesc span {
    color: #000;
}

#secondPhone {
    /*display: none;*/
}

.textLink {
    display: block;
    margin-bottom: 3px;
    font-size: 11px;
    font-weight: bold;
}
#copyShipToBill {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0 0 0;
}

/* //// Checkout styles //// */

#shoppingCart table {
    margin: 0 0 -10px 0;
}
#personalizationInfo, #orderInfo {
    line-height: 19px;
}
#personalizationInfo table, #orderInfo table {
    /* width: 523px; */
    width: 100%;
}
#shoppingCart .tip, #personalizationInfo .tip, #orderInfo .tip {
    position: relative;
    top: 1px;
    float: right;
}
#personalizationInfo.clickable tr, #orderInfo tr {
    cursor: pointer;
}
#personalizationInfo td:first-child, #orderInfo td:first-child {
    font-size: 13px;
    font-weight: bold;
    vertical-align: top;
}
#personalizationInfo h1 {
    /*color: #ccc;*/
}
#personalizationInfo ol {
    color: #000;
    font-size: inherit;
    margin: 5px 0 0 0;
    padding: 0 0 0 26px;
}
#personalizationInfo li {
    margin: 0 0 5px 0;
}
#orderInfo {
    border: 0;
}

.reviewSteps {
    margin:0 0 0 20px;
    padding:0;
}
.reviewSteps li {
    margin:0;
    padding:0;
}

#holdTime_popup .holdTime {
    padding: 4px 40px 4px 40px;
}
#holdTimeDiv {
    /*background: #eaf6fa;*/
    border-bottom: 0;
    margin: 0;
    margin-right:30px;
    padding-left: 161px;
    padding-bottom:40px;
    max-width: 813px;
    /*text-align: right;*/
}
#holdTimeDiv h1 {
    color: #000;
    margin:0 30px 12px;
}
#holdTimeDiv p {
    color: #000;
    font-weight:bold;
    margin-bottom: 20px;
}
#holdTimeDiv .tip {
    right: 33px;
}
#holdTimeDiv .ddBox {
    vertical-align: middle;
    margin: 0 7px 0 0;
}
#holdTimeDiv .holdTimeInfo {
    position: absolute;
    top: 16px;
    left: 10px;
    margin: 0;
    padding: 0;
    text-align:center;
}
.holdTimeSelect {
    float:left;
}
.holdTimeSelect label {
    display:block;
    padding:2px;
}
#finalizeMessages {
    text-align:right;
}

/* //// receipt.htm styles (shared with start_update.htm) //// */

#body > div#thankYou {
    text-align: center;
    border-bottom: 0;
    margin: 0 auto 20px auto;
}
#receiptInfo {
    padding: 0 30px 0 30px;
    line-height: 19px;
}
#receiptInfo table {
    width: 100%;
    border-bottom: solid 1px #8c8c8c;
}
#receiptInfo table td {
    width: 25%;
    padding: 7px 10px 27px 10px;
    vertical-align: top;
}
#receiptInfo table h2 {
    font-size: 13px;
    margin: 0 0 5px 0;
}
#receiptInfo p {
    color: inherit;
    font-size: inherit;
    margin: 0 0 10px 0;
    padding: 0;
}

/* //// start_update.htm styles //// */

#body > div#confirm {
    margin-bottom: 20px;
}
#confirmPersonalize {
    padding-bottom: 30px;
    border-bottom: 0;
}

/* //// CSF styles //// */

body.csf {
    background: none;
}
#csfblue {
    width: 980px;
    height: 74px;
    background: url(../images/header_csf_bg.jpg) no-repeat 0 0;
    margin-top: 8px;
}
#cjsfblue {
    width: 980px;
    height: 74px;
    background: url(../images/header_cjsf_bg.jpg) no-repeat 0 0;
    margin-top: 8px;
}
#csf2blue {
    width: 980px;
    height: 74px;
    background: url(../images/header_csf2_bg.jpg) no-repeat 0 0;
    margin-top: 8px;
}
#cjsf2blue {
    width: 980px;
    height: 74px;
    background: url(../images/header_cjsf2_bg.jpg) no-repeat 0 0;
    margin-top: 8px;
}
body.csf #header, body.csf #footer {
    padding: 0;
    width: 980px;
    margin: auto;
}
body.csf #header .color, body.csf #footer .color {
    background-color: #2b5883;
    padding-top: 0;
}
body.csf #header .color > div, body.csf #footer .color > div {
    width: 980px;
}
body.csf #header .tip {
    display: none;
}
body.csf #body {
    background: none;
    box-shadow: none;
}
body.csf #body > div {
    width: 980px;
}
#csfcopyrightinfo {
    color: #999;
    font-size: 10px;
    margin: 17px 0 17px 0;
    text-align: left;
}
#csfcopyrightinfo b {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.checkoutSpecificText h2 {
    padding:0;
    margin:0 0 5px 0;
}

.checkoutSpecificText p {
    margin:0;
}

.onetwothree ol li {
    margin: 0;
    padding: 0;
}

.onetwothree ol {
    margin-bottom: 10px;
}

.photoISO {
	position: absolute; 
	left:355px; 
	top: 0px;
	border: 3px solid #2f9cbb;
	text-align: justify;
    width: 580px;
}

.photoISO ul li {
	margin: 0px 0px 5px -50px;
    padding: 0;
}
.photoTips {
	position: relative; 
	left:355px; 
	text-align: center;
    width: 580px;
    padding: 0;
	margin: 0px 0px 0px 0px;
}

#thumb_error {
    width: 92%;
    text-align: right;
    color: #880000;
}
#Name270 {
    position: absolute;
}
#Name270 td {
    margin: 0;
    padding: 0;
}
#Name270 p {
    margin-left: 39px;
}
#Name270 textarea {
    width: 400px;
    max-width: 400px;
    height: 250px;
    margin: 0 40px 4px 40px;
    padding-left: 0;
    padding-right: 0;
    line-height: 18px;
    text-align: center;
}
.photoDisclaimerAll {
    float: right;
    height: 70px;
    width: 290px;
	border-style: groove;
}
.photoDisclaimer {
    float: right;
    width: 190px;
    height: 70px;
    color: #000000;
    font-size: 12px;
    text-align: center;
}
.photoDisclaimerImg {
    float: left;
    height: 70px;
    width: 100px;
    text-align: center;
}
#HeaderBGImageSection {
	position: relative;
}
#BrandmanStudentInfoSchool  {
    font-weight: bold;
    color: #000000;
}
#BrandmanStudentInfoProgramDesc  {
    font-weight: bold;
    color: #000000;
}
.page1headers {
    position: relative;
    padding: 20px 73px 10px 73px;
    margin: 0 30px 0 30px;
    max-width: 783px;
    border-bottom: solid 1px #8c8c8c;
}