#order-online { margin-top: .5em; }

ul.oo_navigation { display: block; height: 26px; float:left; }
ul.oo_navigation * { padding: 0; margin: 0; }
ul.oo_navigation li { list-style-type: none; display: block; float: left; }
ul.oo_navigation li a { text-decoration: none; }
ul.oo_navigation li a:hover { background-image: none; background: #A0B3D9; }
/****Code Edited By teo Web Ninja ****/
h2 {color: #fff; padding: 5px; text-align: center; clear: both; font-weight: normal; margin: .5em 0 .5em 0; font-size: 18px;}
/**** Code end editing ***/
h3 { padding: 5px; text-align: center; margin: .2em 0 .2em 0; font-size: 18px; letter-spacing: 0; color: #039; }

.print_loc { border-bottom: 2px solid #A0B3D9; }
.print_loc strong { display: block; font-size: 12px; width: 100px; text-align: right; padding: .2em .5em .2em 1em; float:left; }
.print_loc .error { padding: 5px; }
.print_loc .error span.error { display: block; font-size: 11px; text-align: center; color: red; border: none; padding: 0 0 0 0; }
.loc_prev { float: right; }
.des_prev { float: right; width: 73px; height: 65px; }
textarea { width: 300px; overflow: auto; vertical-align: top; }

iframe { border: none; }
#file_up { width: 100%; }

.ink_palette { display: none; width: 240px; position: absolute; border: 1px dotted #ccc; background: #fff; z-index: 100; margin: 1.5em auto; }
.ink_palette a { display: block; width: 100%; background: #ccc; color: #000; font-size: small; text-decoration: underline; }
.ink_palette div { display: block; float: left; width: 18px; height: 18px; padding: 2px; margin: 3px; border: 1px solid #ccc; }
.ink_palette div span { display: none; background: #fff; position:absolute; margin-left: 20px; }
.ink_palette div:hover span { display: block; }

.ink_selection * { }
.ink_selection div { display: block; width: 96px; float:left; padding: 2px; }
.ink_selection span { display: block; width: 92px; height: 24px; margin: 2px; border: 1px solid #ccc; }
.ink_selection a { float: right; }
.ink_selection strong { float: left; text-align: left; display: block; width: 75px; font-size: 10px; font-weight: normal; padding: 0; margin: 0; }

.palette_add { display: block; float: left; text-align: center; width: 115px; font-size: 13px; }

#showPrintTwoP { text-align: center; padding: .3em; }
#showPrintTwoP img { vertical-align: middle; width: 42px; height: 43px; }

.deletePrintTwoP { float:right; display: block; }
.deletePrintTwoP a { 
    display: block;
    padding-left: 20px;
    background-image: url('//storage.googleapis.com/classb_web_parts/parts_legacy/trash.gif');
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 11px;
}

ul.styles { margin: 3px auto; padding: 0; }
.styles li { list-style-type: none; line-height:16px; float:left; font-weight: bold; font-size: 10px; width: 143px; height: 82px; padding: 0 3px 3px 0; margin: 0 0 0 0; font-weight: normal; }
.styles li:hover, .styles li.li_hover { cursor: pointer; cursor: hand; }
.styles a { font-size: 10px; font-weight: normal; text-decoration: none; color: #039; }
.styles a:hover { text-decoration: underline; }
.styles .imgw { float:left;}
.styles .brand { max-width:30%; }
.styles .add_button { display: block; width: 20px; height: 72px; float:left; background: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/add-mini-out.png') no-repeat left top; }
.styles .li_hover .add_button { background: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/add-mini-over.png') no-repeat left top;}

/*
#garment_selection_digitalprinting ul.styles { margin: 3px auto; padding: 0; }
*/
#garment_selection_digitalprinting .styles li { list-style-type: none; float:left; font-weight: bold; font-size: 14px; width: 266px; height: 164px; padding: 0 3px 3px 0; margin: 0 0 0 0; font-weight: normal; }
/*
#garment_selection_digitalprinting .styles li:hover, .styles li.li_hover { cursor: pointer; cursor: hand; }
*/
#garment_selection_digitalprinting .styles a { font-size: 12px; }
/*
#garment_selection_digitalprinting .styles a:hover { text-decoration: underline; }
*/
#garment_selection_digitalprinting .styles .imgw { float:left; width: 76px; height: 140px; overflow:hidden; margin-right: 4px; }
#garment_selection_digitalprinting .styles .brand {  }
#garment_selection_digitalprinting .styles .add_button { display: block; width: 20px; height: 72px; float:left; background: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/add-mini-out.png') no-repeat left top; }
#garment_selection_digitalprinting .styles .li_hover .add_button { background: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/add-mini-over.png') no-repeat left top;}

#garment_selection_digitalprinting .baby li { font-size: 12px; width: 155px; height: 74px; }
#garment_selection_digitalprinting .baby .imgw { width: 58px; height: 64px; }


.baby { margin: 1em 1em; }
.baby li { width: 155px; height: 74px; background: #fff; display: block; z-index: 1000; }
.baby .imgw { width: 58px; height: 74px; }
.baby img.fl { margin-right: 3px; }
.baby p { font-size: 12px;  }
.baby p.fl { width: 226px; font-size: 14px;  }

#garment_left { float: left; width: 324px; background: #fff; }
#garment_selection_digitalprinting #garment_left { float: left; width: 374px; background: #fff; margin-right: 10px; }
#garment_selection_digitalprinting { height: 254px;  }
#garment_selection_digitalprinting #popular { width: 304px; }
#garment_selection_digitalprinting #popular ul { height: 174px; }


#viewed { width: 324px; border: 1px solid #393; border-left: none; background: #fff; } 
#viewed h3 { background: #393; color: #fff; font-size: 14px; margin: 0 0 0 0; font-style: italic; } 
#viewed ul { margin: 0; padding: 5px 0 0 0; height: 170px; overflow: auto; } 


#popular { width: 324px; border: 1px solid #039; } 
#popular h3 { background: #039; color: #fff; font-size: 14px; margin: 0 0 0 0; font-style: italic; } 
#popular ul { margin: 0; padding: 5px 0 0 0; height: 354px; overflow: auto; }
#popular.short ul { height: 151px; }

#all { width: 630px !important; height: 314px; overflow: auto; border-bottom: 1px solid #ccc; float:right;}

#style_filters { height: 72px; margin: 0 0 0 1em; display: block; margin-left: 310px; text-align: center;}
#style_filters h3 { color: #039; font-size: 14px; font-style: italic; } 
#style_filters p { font-size: 12px; } 
#style_filters input, #style_filters select { font-size: 16px; }
#style_filter_loading { position: absolute; }

#filter_error { position: absolute; left: 43%; z-index: 1000; background: #fff; color: #E78B35; padding: 10px 20px 10px 0; margin-left: 5em; font-weight: bold; text-align: left; width: 300px; border: 1px solid #E78B35; }
#filter_error img { float:left; padding: 0 5px 0 20px;}

span.error { color: red; padding: 5px; text-align: center; display: block; font-size: 11px; }
.garment_line { clear:both; border-bottom: 1px solid #ccc; padding: 2px; }

.garment_line .styles { display: block; float: left; width: 213px;}
.garment_line .color { display: block; float: left; width: 100px; height: 74px; margin-right: 10px; padding-right: 10px; }
.color .color_preview img { border: 1px solid #ccc; padding: 2px; background: #fff;  }

.sizeerror { font-size: 12px; color: red; float:right;}

.size_input { float:right; }
.size_labels td { font-size: 11px; text-align: center; }
.size_inputs td { padding: 2px; }
.size_inputs input { font-size: 13px; }
.delete .link { float: right; border: 2px solid transparent; padding: 2px; margin: 0 0 5px 5px;} 
.delete .link:hover { border: 2px solid red; } 
.price { float: right; text-align: left; }
.cartclear { clear: right; }

#totals { background: #fff url('https://storage.googleapis.com/classb_web_parts/parts_legacy/fade-up-ccc-134.jpg') repeat-x bottom left; padding: .5em 0 0 1em; }

#totals table { width: 445px; float: left; }
#totals td { text-align: center; font-size: 12px; }
#totals .typecounts td b { display: block; font-size: 32px; color: #000; }
#totals .typecounts td { width: 32%; }
#totals .typecounts td.math { width: 2%; }
#totals .typecounts td.math b { color: #999; }
#totals #below_minimum_tr h3 { color: #000; font-weight: normal; display: block; padding: 0; }
#totals #below_minimum_tr h3 b { display: block; }
#totals #below_minimum_tr p { font-size: 10px; padding: .5em 0 .5em 0; }

#totals #above_minimum_tr i { font-size: 11px; font-weight: normal; display: block; }

#totals #summary { display: block; float: right; width: 265px; font-size: 14px; }
#totals #summary p { padding-top: 0; padding-bottom: .5em; }
#totals #summary p.fss { font-size: 12px; padding-bottom: 0; }
#totals #summary p.fsxs { font-size: 10px; color: #666; margin-right: 30px; }



.loading_wide { position: absolute; border: none; margin: 25px 20%; width: 60%; padding: 0; left: 0; margin-top: -20px;
                filter:alpha(opacity=80);
                -moz-opacity:0.8;
                opacity: 0.8; }
.loading_wide td { padding: 0; margin: 0; text-align: center; }
.loading_wide td.edge { width: 18px; height: 78px; }
.loading_wide td.edge img { padding: 0; margin: 0; border: none; }

/* Decoration Method */
.decorationMethod { text-align: center; font-size: .9em; }
.decorationMethod p { }
.decorationMethod a { padding-left: 30px; padding-right: 14px; padding-top: 3px; display: inline-block; height: 25px; }

a.dec_screenprinted { background: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/screenprint_on_s1.png') top left no-repeat; }
a.dec_digital { background: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/digital_on_s1.png') top left no-repeat; }
a.dec_embroidered { background: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/embroidery_on_s1.png') top left no-repeat; }

a.dec_screenprinted.dec_off { background-image: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/screenprint_on_s1.png'); }
a.dec_digital.dec_off { background-image: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/digital_off_s1.png'); }
a.dec_embroidered.dec_off { background-image: url('https://storage.googleapis.com/classb_web_parts/parts_legacy/embroidery_off_s1.png'); }

a.dec_off { text-decoration: none; color: #666; cursor: default; }

a.dec_active { font-weight: bold; text-decoration: none; cursor: default; }

#decInfo {
     background: lightyellow none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 12px;
    left: 162px !important;
    padding: 3px 6px;
    position: absolute;
    top: 660px !important;
}