.disc-builder { width: 713px; }
.workspace {position: relative; width: 100%; clear: left; top: 0px;  }

.build-steps { color: #666; font: bold .75em Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 15px; text-align: center; }
.build-steps a { color: #003366; }

.toolbox p.intro { font: normal .8em Tahoma, Arial, Helvetica, sans-serif; }

.choose-qty { position: relative; background: #f0faff; border: 1px solid #c6ddff; margin-bottom: 10px; padding: 9px 15px 8px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.choose-qty label { font: bold .8em Arial, Helvetica, sans-serif; }
.choose-qty input { font: normal .8em Tahoma, Arial, Helvetica, sans-serif; margin-left: 15px; padding: 5px; }

.choose-discs { background: #f0faff; border: 1px solid #c6ddff; margin-bottom: 10px; padding: 13px 15px 10px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.choose-discs label { font: bold .75em Arial, Helvetica, sans-serif; display: inline; margin: 2px 7px 0 0; }
.choose-discs input { position: relative; top: 1px; }

.choose-colors { background: #f0faff; border: 1px solid #c6ddff; margin-bottom: 10px; padding: 13px 15px 10px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.choose-colors label { font: bold .75em Arial, Helvetica, sans-serif; display: inline; margin: 2px 15px 0 0; }
.choose-colors input { position: relative; top: 1px; }

.choose-packaging { background: #f0faff; border: 1px solid #c6ddff; margin-bottom: 10px; padding: 13px 15px 10px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.choose-packaging label { font: bold .75em Arial, Helvetica, sans-serif; display: inline; margin: 2px 7px 0 0; }
.choose-packaging input { position: relative; top: 1px; }
.choose-packaging a { color: #0054A8; font: normal .7em Arial, Helvetica, sans-serif; text-decoration: none; }
.choose-packaging a:hover { text-decoration: underline; }

.choose-jobtype { background: #f0faff; border: 1px solid #c6ddff; margin-bottom: 10px; padding: 13px 15px 10px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.choose-jobtype label { font: bold .75em Arial, Helvetica, sans-serif; display: inline; margin: 2px 7px 0 0; }
.choose-jobtype input { position: relative; top: 1px; }

.view-pricing { margin-top: 15px; text-align: right; }
.view-pricing a { color: #660000; font: bold .7em Arial, Helvetica, sans-serif; text-decoration: none; }

.tray { background: #FBFFA4; float: right; width: 96%; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.tray p { font: normal .8em Tahoma, Arial, Helvetica, sans-serif; line-height: 20px; padding: 0 15px 0 15px; }

.ins-tray { clear:right; background: #AFD6FF; float: right; width: 96%; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top: 5px; border-color: #FF0000; border-style: solid; border-width: thin;}
.ins-tray p { font: normal .8em Tahoma, Arial, Helvetica, sans-serif; line-height: 20px; padding: 0 15px 0 15px; }
.ins-tray a { color: #000000; }

.summary-tray { clear: right; background: #B3FFAF; float: right; width: 96%; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top: 0px; border-color: #969696; border-style: solid; border-width: thin; }
.summary-tray p { font: normal .8em Tahoma, Arial, Helvetica, sans-serif; line-height: 20px; padding: 0 15px 0 15px; }
#summaryboxtext { margin:  0 10px 10px 10px;}
.summarylabel {font-weight: bold;}

#all-pricing p { font: normal 1.05em "Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom: 15px; position: relative; }

.master-pricing-table { width: 600px; }
.master-pricing-table tr td { padding: 5px; }
.master-pricing-table tfoot td { font-size: .75em; font-style: italic; text-align: center; }

.disc-pricing-table { border: 1px solid #c6ddff; color: #333; font: normal .7em Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 270px; }
.disc-pricing-table thead tr td { font: bold 1.2em "Myriad Pro", Arial, Helvetica, sans-serif; }
.disc-pricing-table tr td { padding: 4px; }
.disc-pricing-table .pricing-title { background: #e6f7ff; width: 150px; }

.pack-pricing-table { border: 1px solid #c6ddff; color: #333; font: normal .7em Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 270px; }
.pack-pricing-table thead tr td { font: bold 1.2em "Myriad Pro", Arial, Helvetica, sans-serif; }
.pack-pricing-table tr td { padding: 4px; }
.pack-pricing-table .pricing-title { background: #e6f7ff; width: 150px; }

.rep-pricing-table { border: 1px solid #c6ddff; color: #333; font: normal .7em Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.rep-pricing-table thead tr td { font: bold 1.2em "Myriad Pro", Arial, Helvetica, sans-serif; }
.rep-pricing-table tr td { padding: 4px; }
.rep-pricing-table .pricing-title { background: #e6f7ff; width: 150px; }

.dupe-pricing-table { border: 1px solid #c6ddff; color: #333; font: normal .7em Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.dupe-pricing-table thead tr td { font: bold 1.2em "Myriad Pro", Arial, Helvetica, sans-serif; }
.dupe-pricing-table tr td { padding: 4px; }
.dupe-pricing-table .pricing-title { background: #e6f7ff; width: 150px; }




.artbox { height: 550px; overflow: visible; width: 695px; }
.artbox-disc-preview { margin-right: 5px; width: 51%; }
.artbox-options { float: right; width: 49%; }
.artbox-choose-art { background: #fff; border: 1px solid #c6ddff; margin-bottom: 6px; padding: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.artbox-choose-text { background: #fff; border: 1px solid #c6ddff; margin-bottom: 6px; padding: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.artbox-layers { background: #fff; border: 1px solid #c6ddff; font: normal .75em Arial, Helvetica, sans-serif; height: 128px; margin-bottom: 6px; padding: 15px; overflow: auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.artbox-layers p { margin: 0; }
.artbox-layers span { display: block; font: bold 1.05em Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 8px 3px; text-decoration: underline; }
.layer { background: #D5E9FF; border: 1px dotted #999; font-weight: bold; margin-bottom: 5px; padding: 4px; }
.layer span { cursor: pointer; float: right; font: normal .85em Arial, Helvetica, sans-serif; margin-right: 5px; }

.artbox-choose-art span { display: block; font: normal .85em Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 5px 3px; }
.artbox-choose-art span a { color: #CC0000; font-weight: bold; }
.artbox-choose-art input { margin: 8px 0 0 0; }
.artbox-choose-art small { font: bold .75em Arial, Helvetica, sans-serif; font-style: italic; }

.artbox-choose-text label { float: left; font: bold .8em Verdana, Arial, Helvetica, sans-serif; margin-top: 9px; width: 130px; }
.artbox-choose-text .text-input { display: block; font: .85em Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; padding: 2px; position: relative; width: 280px; }
.artbox-choose-text select { font: .8em Verdana, Arial, Helvetica, sans-serif; margin-top: 6px; position: relative; width: 175px; }
.artbox-choose-text .text-button { font-weight: normal; margin: 10px 0 0 0; padding: 2px; }

.artwork-requirements { height: 500px; text-align: left; width: 600px; }
.artwork-requirements tr td { margin: 0; padding: 0; }
.artwork-requirements, .artinfo h3 { color: #036; font: bold 1.4em "Myriad Pro", Arial, Helvetica, sans-serif; margin: 0 10px 10px 10px; padding: 0; text-align: center; }
.artwork-requirements, .artinfo h4 { font: bold 1em Arial, Helvetica, sans-serif; margin: 0 0 5px 15px; padding: 0; }
.artwork-requirements, .artinfo p { font: normal .75em Arial, Helvetica, sans-serif; }
.artwork-requirements, .artinfo span { color: #c00; display: block; font: bold .9em "Trebuchet MS", Arial, Helvetica, sans-serif; }
.artwork-requirements, .artinfo a { color: #036; display: block; font: normal .7em Arial, Helvetica, sans-serif; }

#choose-royalty { height: 425px; text-align: left; width: 800px; }
#choose-upload { height: 425px; text-align: left; width: 800px; }
/*
#choose-royalty h3 { font: bold 1.4em "Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom: 10px; }
#choose-royalty p { font: normal .8em Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; text-align: left; }
#choose-royalty label { font: bold 1.05em Arial, Helvetica, sans-serif; margin: 5px 0 15px 0; text-align: left; }
#choose-royalty select { font: normal .9em Arial, Helvetica, sans-serif; margin: 5px 0 15px 0; text-align: left; }
#choose-royalty select option { margin-bottom: 2px; }
#choose-royalty small { font: normal .7em Arial, Helvetica, sans-serif; font-style: italic; }
.royalty-images { height: 125px; margin: 0 auto; overflow: auto; position: relative; width: 540px; }
.royalty-images a { display: inline; margin-right: 4px; white-space: nowrap; }
*/




.outbox { background: #f0faff; border: 1px solid #c6ddff; margin-bottom: 10px; padding: 13px 15px 10px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.outbox label { font: bold .75em Arial, Helvetica, sans-serif; display: inline; margin: 2px 7px 0 0; }
.outbox input { position: relative; top: 1px; }

.utilitybox { background: #fff; border: 1px solid #c6ddff; margin-bottom: 6px; padding: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.utilitybox span { display: block; font: normal .85em Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 5px 3px; }
.utilitybox span a { color: #CC0000; font-weight: bold; }
.utilitybox input { margin: 8px 0 0 0; }
.utilitybox small { font: bold .75em Arial, Helvetica, sans-serif; font-style: italic; }



.middle h1{    
   /* padding: 0 0 20px 0; margin: 0 0 0 0; width: !important;  text-align: !important; height: !important; */
   text-align: left; padding-left: 0px; margin-left: 0px; 
}
.middle h2{
    color: #333399; margin-top: 5px; top: 5px;
}

.artwork_blocks p, .artwork_blocks li {
    margin-left:  20px;
}

.artwork_blocks {
   background: #fff; border: 1px solid #c6ddff; font: normal .75em Arial, Helvetica, sans-serif; height: 128px; margin-bottom: 6px; padding-left: 15px; padding-right: 15px; overflow: auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow: visible; height: auto;
}

.packaging_options_child { padding-left: 20px;}

#artworkmanager {
    width: 800px;
    padding-left: 15px;
    padding-top: 0px;
    padding-right: 0px;
}

.fileinfodiv {
    padding-left: 20px;
}

#artgallerydiv {
    width: 380px;
    padding: 5px;
    background-color: #ffffff; 
    border: solid thin #969696;
    
    
}

#artgalleryinnerdiv {
    
}

.artgalthumb {
    width: 360px;
    overflow: visible;
    font-size: 80%;
}