/* GENERIC MAIN OVERRIDE CSS/SKIN CLASSES HERE */

.voFlashPos
{
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
    width: 2px;
    height: 2px;
}

.hdrBdr {border-top:5px solid gray;}

body
{
    margin: 0px 0px 0px 0px;
    font-family: Trebuchet MS, Verdana, Arial; /*	    	background-image: url(../images/1000x500.gif);    	background-repeat:no-repeat;    	background-position: top center;    	background-color:Silver; 	*/
    background-image: url(../Images/WebSkins/border_grad.jpg);
    color: Black;
    font-weight:bold;
}

/* Main Content BG */
#divCont
{
    background-image: url("../Images/WebSkins/panel_blank560.jpg");
}
.processingImg
{
    display: inline-block;
    height: 64px;
    width: 64px;
    background-image: url("images/processing.gif");
}



/* Custom Form fields */
.lbltxtbx, .lbltxtbx label, .lbltxtbx input
{
    width: 200px;
}
.lbltxtbx
{
    padding: 0px 10px 0px 0px;
    display: inline-block;
}
.lbltxtbx label
{
    font-size: 12pt;
    font-weight: bold;
    float: left;
}
.lbltxtbx input
{
    padding: 1px 0px 1px 0px; 
    font-size: 20pt;
    float: left;
}


.LabelDropDownTextBox
{
    border-style: none;
    border-width: 0px;
    font-size: 25px;
}
.LabelDropDownLabel
{
    font-size: 12pt;
    font-weight: bold;
}
.LabelDropDownInputBorder
{
    border: 1px solid #C5C7C9;
    padding: 2px 5px 2px 5px;
    vertical-align: middle;
    background-color: #FFFFFF;
}
/* End  Custom Form fields*/


.discount
{
    font-weight: bold;
    font-size: 16pt;
}

A:link
{
    color: #004dbe;
}
A:visited
{
    color: #004dbe;
}
A:active
{
    color: #004dbe; 
}
A:hover
{
    color: #004dbe;
}

/*--- New field styles (start)---*/
label
{
    font-size: 12pt;
    font-weight: bold;
}

.watermark
{
    background-color: #FFF4DF;
    color: #808080;
}

.buttonApprove
{
    margin: 5px;
    color: #008000;
    font-weight: bold;
}

.buttonReject
{
    margin: 5px;
    color: #CC0000;
    font-weight: bold;
}

.textPanel
{
    text-align: center;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: 50px;
    margin-left: 50px;
}

.dragDiv
{
    z-index: 100;
}

.drop
{
    height: 5px;
    z-index: 100;
}
.controlbox
{
    width: 200px;
}

.ECardThumbnail
{
}
.clientVideoList
{
    list-style-type: none;
    list-style-image: none;
    list-style-position: inside;
}
.imageButton
{
    margin: 2px;
}

/*
.lbltxtbx
{
    width: 804px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    margin-bottom: 20px;
    padding: -1px;
}
.lbltxtbx input
{
    width: 804px;
    height: 56px;
    padding: 10px;
    font-size: 30px;
    border: 1px solid #c5c7c9;
    background: url('/images/input_bg.png') top left repeat-x #f7fcff;
    color: #25313c;
}

*/

.txtbox input:focus
{
    background-color: #f9f8e4;
}
/*--- New field styles (end)---*/

.HD1
{
    font-size: 24px;
    font-weight: bold;
}

.HD2
{
    font-size: 18px;
    font-weight: bold;
}

.fieldlbl
{
    font-size: 15px;
    font-weight: bold;
}


.approval tr td
{
    border: 2px #debf5b;
    border-style: solid;
    empty-cells: show;
}

.termsfooter A
{
    text-decoration: none;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    color: #ffffff;
}

.copyrighttext
{
    font-size: 10px;
    font-weight: bold;
    color: White;
    text-align: center;
}

.mailergraphic
{
    /*background-image: url(WebSkins/mailer_arrow.gif); */
    background-repeat: no-repeat;
    background-position: left top;
    width: 300px;
    height: 155px;
    display: block;
}

.panelbaclight
{
    background-image: url ( 'Webskins/panel_lighter_small.jpg' );
    background-repeat: repeat;
}

.txtbasicbold
{
    font-size: 14px;
    font-weight: bold;
}

.txtlargerbold
{
    font-size: 18px;
    font-weight: bold;
    color: Black;
}
.txtlargerwhite
{
    font-size: 18px;
    font-weight: bold;
    color: White;
}

.txtheaderwhite
{
    font-size: 18px;
    font-weight: bold;
    color: White;
    text-align: center;
}

*html .tableAlign
{
    height: 191px;
    margin-left: 15px;
    margin-top: 60px;
}

.tableAlign
{
    height: 191px;
    margin-left: 60px;
    padding-top: 60px;
    width: 614px;
}

*html .txtheaderwhite1
{
    font-size: 25px;
    font-weight: bold;
}

.txtheaderwhite1
{
    font-size: 25px;
    font-weight: bold;
    padding-left: 125px;
}
.buttonAlign
{
    padding-top: 70px;
}

.PageMessageError
{
    font-size: 18px;
    font-weight: bold;
    color: Red;
}

.PageMessageInformation
{
    font-size: 18px;
    font-weight: bold;
    color: Black;
}

.ProcessingMessage
{
}

.subscript
{
    font-size: 0.7em;
    vertical-align: bottom;
}

.subscriptwhite
{
    font-size: 0.7em;
    vertical-align: bottom;
    color: White;
}

.val
{
    color: Red;
}

.val1
{
    color: Red;
    margin-left: 220px;
    font-family: Trebuchet MS,Arial;
    font-size: 0.8em;
}
.highlight
{
    color: Blue;
}

.MyLink
{
    color: #004dbe;
    text-decoration: none;
}
.MyLink:hover
{
    text-decoration: underline;
}

#imgName
{
    height: 13px;
    width: 14px;
}

#iconImg
{
    height: 16px;
    width: 20px;
}

.iconImg1
{
    height: 16px;
    width: 20px;
}
.iconImg2
{
    height: 16px;
    width: 20px;
}
.containers
{
    width: 300px;
}

.leftAlign
{
    text-align: left;
}


.widerNew
{
    font-family: Trebuchet MS,Arial;
    font-size: 0.9em; /*   margin-left:200px;*/
    height: 100%;
}

.li
{
    color: #333333;
}

.th
{
    /*margin-left:340px;*/
    height: 19px;
    padding-bottom: 3px;
    width: 600px;
    text-align: center;
}

* html .td1
{
    height: 18px; /*	width: 10%;*/
    position: inherit;
}

.td1
{
    height: 18px;
    float: right; /*	width: 10%;*/
    position: inherit;
}


/*.table .td2
{
    height: 19px; 
    width: 95px;
}*/

*html .crCardDateInfo
{
    display: none;
    margin-left: 0px;
    height: 13px;
    width: 256px;
}

.crCardDateInfo
{
    display: none;
    margin-left: 230px;
    height: 13px;
    width: 256px;
}

.summaryVal
{
    height: auto;
    margin-bottom: 9px;
}
.errText, .reqText, .errText div v
{
    color: Red !important; /*FF7878  the Fs stand for FREAKING SILLY WHITE ALERT TEXT for nutty people*/
    font-weight: bold !important;
    font-family: 'Trebuchet MS' ,Arial;
    font-size: 0.9em;
}

.phoneError
{
    position: absolute;
    color: Red !important;
    font-weight: bold !important;
    font-family: 'Trebuchet MS' ,Arial;
    font-size: 0.9em;
    left: 0px;
    top: -8px;
}
/*.modalBackground
{
 background-color:gray;
 filter:alpha(opacity=70);
 opacity:0.7;
 z-index:10000000000; 
}
 */
.left, .left_r
{
    background-image: url(../Images/WebSkins/button_generic_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 17px;
    height: 37px;
    float: left;
    display: block;
}

.left_r
{
    background-image: url(../Images/WebSkins/button_generic_left_r.gif);
    cursor: pointer;
}

.middle, .middle_r
{
    background-image: url(../Images/WebSkins/button_generic_middle.gif);
    background-repeat: repeat-x;
    background-position: left top; /*width:80px;*/
    height: 37px;
    float: left;
    display: block;
    text-decoration: none;
    padding-top: 6px;
    font-size: 15px;
    color: #000000;
}

.middle_r
{
    background-image: url(../Images/WebSkins/button_generic_middle_r.gif);
    cursor: pointer;
}

.right, .right_r
{
    background-image: url(../Images/WebSkins/button_generic_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 17px;
    height: 37px;
    float: left;
    display: block;
}

.right_r
{
    background-image: url(../Images/WebSkins/button_generic_right_r.gif);
    cursor: pointer;
}

.linkbtnDecor
{
    text-decoration: none;
    font-weight: bolder;
}

.rad
{
    font-size: 18px;
    font-weight: bold;
    color: Black;
}

.logoList
{
    text-align: center;
    vertical-align: middle;
    width: 150px;
    height: 120px;
    border: solid 2px #666666;
    background-color: White;
}

/*vo Mute button*/
.audioBtn img{width:32px; height:32px; vertical-align:middle; cursor:pointer;}
.audioOnDn{ background-image: url(../Images/audioOnDn.gif);}
.audioOnDn:hover, .audioOnUp{background-image: url(../Images/audioOnUp.gif);}
.audioOffDn{background-image: url(../Images/audioOffDn.gif);}
.audioOffDn:hover, .audioOffUp{background-image: url(../Images/audioOffUp.gif);}
.musicOnDn{background-image: url(../Images/musicOnDn.gif);}
.musicOnDn:hover, .musicOnUp{background-image: url(../Images/musicOnUp.gif)}
.musicOffDn{background-image: url(../Images/musicOffDn.gif);}
.musicOffDn:hover, .musicOffUp{background-image: url(../Images/musicOffup.gif);}


.CompositeButton
{
    height:44px;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bolder;
}

.CompositeButton .left, .left_r, .left_flash
{
    background-image: url(../Images/WebSkins/button_generic_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 17px;
    height: 37px;
    float: left;
    display: block;
}

.CompositeButton .left_r
{
    background-image: url(../Images/WebSkins/button_generic_left_r.gif);
    cursor: pointer;
}

.CompositeButton .left_flash
{
    background-image: url(../Images/WebSkins/button_flash_generic_left.gif);
    cursor: pointer;
}

.CompositeButton .middle, .middle_r, .middle_flash
{
    background-image: url(../Images/WebSkins/button_generic_middle.gif);
    background-repeat: repeat-x;
    background-position: left top; /*width:80px;*/
    height: 37px;
    float: left;
    display: block;
    text-decoration: none;
    text-align: center;
    padding-top: 6px;
    font-size: 15px;
    color: #000000;
}

.CompositeButton .middle_r
{
    background-image: url(../Images/WebSkins/button_generic_middle_r.gif);
    cursor: pointer;
}

.CompositeButton .middle_flash
{
    background-image: url(../Images/WebSkins/button_flash_generic_middle.gif);
    cursor: pointer;
}

.CompositeButton .right, .right_r, .right_flash
{
    background-image: url(../Images/WebSkins/button_generic_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 17px;
    height: 37px;
    float: left;
    display: block;
}

.CompositeButton .right_r
{
    background-image: url(../Images/WebSkins/button_generic_right_r.gif);
    cursor: pointer;
}

.CompositeButton .right_flash
{
    background-image: url(../Images/WebSkins/button_flash_generic_right.gif);
    cursor: pointer;
}

.CommercialList
{
    text-align: center;
    vertical-align: middle;
    margin-right: 0px;
    background-image: url(../Images/WebSkins/rect_box_310x290.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height: 290px;
    padding: 5px 10px 5px 10px;
    color: #FFFFCC;
}

.CommercialList A
{
    text-decoration: none;
    font-size: 12px;
    color: #FFFFCC;
}

.CommercialLinkButton
{
    background-image: url(../Images/WebSkins/rect_box_beige.jpg);
    background-repeat: no-repeat;
    color: #FFFFCC;
}

.CommercialLinkButtonText
{
    margin-bottom: 20px;
}

.CommercialLinkButtonSelected
{
    background-image: url(../Images/WebSkins/rect_box_beige_selected.jpg);
    background-repeat: no-repeat;
    color: #FFFFCC;
}

.CommercialLinkButton:hover
{
    background-image: url(../Images/WebSkins/rect_box_beige_hover.jpg);
    color: #FFFFCC;
}

.CommercialThumbnail
{
    width: 48px;
    height: 36px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
}

.CommercialListHeader
{
    background-color: #666666;
    color: #ffffff;
}

.PreviewDisclaimer
{
    font-size: 16pt;
    color: #FF0000;
    font-weight: bold;
}

.inputDescriptionCell
{
    text-align: right;
    width: 319px;
}
.inputInfoCell
{
    text-align: left;
    width: 220px;
}
.inputErrorCell
{
    width: 290px;
    text-align: left;
}

.clientApprovalDisclaimer
{
    font-size: 90%;
    color: #666666;
}
.goodText
{
    color: #0066FF;
}

.badText
{
    color: #FF8484;
}

.addressHeader
{
    font-weight: bolder;
    text-align: center;
    background-color: #666666;
    color: White;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 10px;
}

.infoCell
{
    text-align: right;
    font-size: 90%;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 5px;
}

.inputCell
{
    text-align: left;
    font-size: 80%;
    font-weight: normal;
    padding-right: 20px;
}

.spacer
{
    width: 1px;
    background-color: #999999;
}

.pass1
{
    background-color: Gray;
    color: #FF6699;
    font-size: small;
    padding: 4px 4px 4px 4px;
}
.pass2
{
    background-color: Gray;
    color: #FFFF99;
    font-size: small;
    padding: 4px 4px 4px 4px;
}
.pass3
{
    background-color: Gray;
    color: #99CCFF;
    font-size: small;
    padding: 4px 4px 4px 4px;
}
.pass4
{
    background-color: Gray;
    color: #99FF66;
    font-size: small;
    padding: 4px 4px 4px 4px;
}

.discountText
{
    color: Red;
    font-weight: bold;
}

/*Purchase Pages*/
.fieldSet
{
    background-color: white;
    border-top: double 3px #93CF62;
    border-left: double 3px #93CF62;
    border-bottom: double 3px #80B355;
    border-right: double 3px #80B355;
    height: 100%;
    padding: 10px;
}

.productFieldSet
{
    border: 2px solid green;
    padding: 4px;
}

.sectionLegend
{
    padding: 0 0.25em 0 0.25em;
    left: 0.5em;
    top: -0.8em;
    position: absolute;
    background-image: url('../Images/gradient_green.gif');
    font-weight: bold;
    color: white;
    border-top: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-bottom: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
}

.productLegend
{
    color: Green;
    font-weight: bold;
    font-size: large;
}

.nzwh-wrapper .fieldContent
{
    margin: 1em 0.5em 0.5em 0.5em;
}

.legendHeader
{
    color: White;
    font-weight: bold;
    font-size: large;
}

.OrderInfoMainTable
{
    border-top: 2px solid #93CF62;
}

.OrderInfoLeftTable
{
    width: 350px;
    padding-left: 5px;
}

.OrderInfoItemLeftCell
{
    border-bottom: 2px solid #93CF62;
    background-color: #E3F0DE;
}

.OrderInfoItemRightCell
{
    border-bottom: 2px solid #93CF62;
    background-color: #E3F0DE;
}

.OrderInfoItemInnerLabelCell
{
    border-right: 2px solid #93CF62;
    text-align: right;
    padding-right: 5px;
}

.OrderInfoItemInnerLabelCellBold
{
    border-right: 2px solid #93CF62;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
}

.OrderInfoItemInnerAmountCell,.OrderInfoItemInnerAmountCellBold
{
    text-align:right;
    padding-left: 5px;
    padding-right: 5px;
}

.OrderInfoItemInnerAmountCellBold
{
    font-weight: bold;
    width: 55px;
}

.PaymentInfoCell
{

    background-color: #E3F0DE;
}

.PaymentInfoTable
{
    background-color: #93CF62;
    width: 280px;
}

.orderNumLabel
{
    padding-bottom: 10px;
    color: #1E491E;
    font-weight: bold;
}

.giftECard
{
    text-align:left;
    width: 498px;
    height: 282px;
    background-image: url(../images/GiftCardImage.jpg);
    background-repeat: no-repeat;
    display: inline-block;
}

.giftECardClientLogo
{
    width: 200px;
    height: 100px;
    position: relative;
    text-align: left;
    top:35px;
    left:35px;
}

.giftECardAmount
{
    position: relative;
    z-index:200;
    right: 77px;
    float:right;
    /*
    top: 82px;
    font-size: 14pt;
    */
    top: -35px;
    font-size: 24pt;
    
    text-align: left;
    font-weight: bold;
    color: #028E4F;
    width: 100px;

}

.giftECardFrom
{
    z-index:201;
    position: relative;
    top: 30px;
    left: 75px;
    width: 200px;
    height: 22px;
    text-align: left;
    
}

.giftECardTo
{
    position: relative;
    top: 40px;
    left: 75px;
    height: 22px;
    width: 200px;
    text-align: left;
}

.giftECardNumber
{
    position: relative;
    top: 55px;
    height: 22px;
    left: 140px;
    width: 200px;
    text-align: left;
}

.purchaseContent
{
    width: 95%;
    padding: 10px;
    margin: auto;
}

.purchaseContentHeader
{
    text-align: left;
    padding-left: 25px;
}

.purchaseContentHeaderMainText
{
    font-size: 18pt;
    font-weight: bold;
    color: White;
}

.purchaseContentHeaderSubText
{
    font-size: 13pt;
    color: White;
}

.ecardThumbNailButton
{
    text-decoration: none;
    background-color: #FFFFFF;
}
.ecardThumbNailLabel
{
    background-color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    color: #1F7149;
}
.ecardDataList
{
    margin-left: auto;
    margin-right: auto;
}
.ecardNavButton
{
    padding: 5px 5px 5px 5px;
    color: #ffffff !important;
    background: transparent url("../images/WebSkins/MenuDark.jpg") repeat-x right top;
    font-size: 12pt;
    text-align: center;
    text-decoration: none;
    border-style: solid;
    border-color: #1F7149;
    border-width: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

.categoryPanels
{
    background-color: White;
    overflow: auto;
    height: 295px;
}

.categoryRow
{
    background-color: InfoBackground;
}
.categoryRowHover
{
    background-color: #FDFDCD;
}

/* WIZARD */
.stepNotCompleted
{
    background-color: rgb(153,153,153);
    width: 15px;
    border: 1px solid rgb(153,153,153);
    margin-right: 5px;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCompleted
{
    background-color: #4d4d4d;
    width: 15px;
    border: 1px solid #4d4d4d;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCurrent
{
    background-color: Green;
    width: 15px;
    border: 1px solid Green;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.stepBreak
{
    width: 3px;
    background-color: Transparent;
}

.wizardProgress
{
    padding-right: 10px;
    color: #333333;
}

.wizardTitle
{
    font-size: 100%;
    color: #333333;
    vertical-align: middle;
    text-align:left;
} 

.AjaxCombo { display:inline-block; }
.AjaxCombo label { font-size: 12pt; font-weight: bold; float: left; }

.AjaxCombo .ajax__combobox_buttoncontainer button 
{
    background-image: url(../images/DropArrow.png);
     border-color:#666666;
     border-style:solid;
     border-width:1px;
}

.ajax__combobox_mobile 
{     
    -webkit-appearance: listbox;   
    background-image:url(../images/DropArrow.png);
    background-color:White;
    background-repeat:no-repeat;
    background-position:right;
    height: 40px;    
    padding-left:5px; 
    padding-right:40px;
    border: 1px solid #999;    
    margin-bottom:10px;

}

lrgborder { border: 4px solid #89B74A; }

.blueHover
{
    border:1px solid #0AF;
}

.greenHover
{
    border:1px solid #88E3B4;
}

.watermark
{
     background-color:#EDFFFF;
}

.orderFieldSet
{
    border: 2px solid #3b77bb;
    padding: 4px;
    width:900px;
}