﻿/*version 1.1 */
.c{text-align:center}/*center*/
/*Loading ajax*/
.loadingAjax{width:55px;height:55px;background-image:url('/fs/ajax-spinner.gif.c');background-repeat:no-repeat;z-index:10;position:absolute}

.TitleBar{background-color:#ccc;color:#000;font-weight:700;height:26px;padding-top:4px}
.noteS{font-size:small;color:#060701;font-weight:700;font-style:italic}
.noteSR{font-size:small;color:red;font-weight:700;font-style:italic}
body{background-color:#fff}
.bb{ font-size:large}
.r{text-align:right}
.gridtable{width:100%}
.gridtable tr th{ background-color:#EEEEEE; color:#000000; text-align:center}
.gridtable tr.alter0 td{background-color:#F5F5F5}/*alter the color*/
.gridtable tr.alter1 td{background-color:#FFFAFA}/*alter the color*/
.gridtable tr .cl{ text-align:left; padding-left:5%}
.gridtable tr .cr{ text-align:right; padding-right:6%}

.warning{font-size:12px;color:Red;font-weight:700}
.warningS{font-size:12px;color:Red;font-weight:700}
.warningB{font-size:16px;color:Red;font-weight:700}
.horizontalline{ clear:both; border-top:1px solid #cccccc; height:2px}

.productPrice { background-color: #ffffff; border: 1px solid #c3c3c3; border-collapse: collapse; width: 100%; }
.productPrice th { background-color: #e5eecc; border: 1px solid #c3c3c3; padding: 1px; vertical-align: top; text-align: left; }
.productPrice td { border: 1px solid #c3c3c3; padding: 1px; vertical-align: top; font-weight: bold; text-align: center; }
.productPrice tr.darktr{ border: 1px solid #c3c3c3; background-color:#484646; padding: 1px; vertical-align: top; font-weight: bold; text-align: center; color:#fff }
.productPrice td.NextGrid{border: 1px solid white; height:6px}
.productPrice .imprintMethod{ border: 1px solid #c3c3c3; padding: 1px;  font-weight: bold; text-align: left; background-color: #ccc}
.hide {display:none }
.italic{ font-style:italic}
.bold{ font-weight:bold}
.small{ font-size:small }
.medium{ font-size:medium}
.large{ font-size:large }
.xlarge{ font-size:x-large;}

.margin-top-small{ margin-top:10px}
.margin-bottom-small{ margin-bottom:10px}

.margin-top-large{ margin-top:20px}

.margin-left-small{ margin-left:10px}
.margin-left-large{ margin-left:20px}
.margin-left-xlarge{ margin-left:30px}
.vspace12{ height:12px;}
.button{ margin:2px 0px 0px 2px}


/*end price-box - price and icon for product listing*/
.price-box {height:40px }
    /*regular price*/
    .price-box .price-regular {font-family: sans-serif;font-size:.9em; color:#000;font-weight: bold; text-align:center  }
    /*new item*/
    .price-box .icon-new-group {margin: 0px; padding: 0px; text-align:center; }
    .price-box .new-icon { background-color: green; border-radius: 2px; margin-left:10px; padding:3px 8px;  text-transform: uppercase; color: white; font-weight: bold; font-family: sans-serif; font-size: .8em; width: 45px}
    .price-box .new-price {font-size: .9em; margin-left:10px; margin-right:0px; text-align: left; color: #000000;  font-weight: bold }
        /*sale item and icon*/
    .price-box .sale-icon { float:right;background-color: red; border-radius: 2px; padding: 3px 8px; text-transform: uppercase; color: white; font-weight: bold; font-family: sans-serif; font-size: .8em; width: 45px }
        .price-box .original-price { font-family: sans-serif; font-weight: bold; font-size: .7em; text-align: left; color: #666}
    .price-box .sale-price {font-size: .8em; font-weight: bold; font-family: sans-serif; text-align: left; color: #ff0000 ; }
    .price-box .icon-col {float:left; width:37% }
    .price-box .price-col {margin: 0px; padding: 0px 0px 0px 8px; float:left; width:63%}
    .price-box .icon-group { float: right;margin:4px 0px 0px 0px}
/*end price-box*/


/*Product page Single Price display*/
.SinglePrice .public { font-size: .8em; font-weight: bold; color: #ff0000}
.warningR{ font-weight:bold;  color:red; text-align:right}