﻿body 
{
    margin:0px;
    padding:0px 0px 40px 0px;
    position: relative;
}

a
{
    color:#ff00a2;
    outline:none;
}
a:link
{
    text-decoration:none;
}
a:visited
{
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
img
{
    display:block;
    border:none;
}

#container
{
    width:960px;
    margin:0px auto 0px auto;   
}
#header
{

    border-bottom: solid 1px #8ea1cd;
    height:223px;
}
#header img
{
    padding:0px 0px 10px 0px;
}
#contact
{
    width:540px;
    float:left;
    display:inline;
}
#contact p
{
    margin:0px;
    padding:0px;
    float:left;
    display:inline;
    font-size:1.0625em;
    font-weight:bold;
    color:#466cc4;
}
#contact p span.deepBlue
{
    color:#1a3e94;
} 
#contact p.byEmail
{
    margin-left:0px;
    padding-left:15px;
    background-image: url(/_common/images/template/bullet_dark.gif);
    background-repeat:no-repeat;
    background-position:0 40%;
}
#nav
{
    margin:0px 0px 0px auto;
    padding:6px 8px 0px 0px;
    overflow:hidden;
    float:right;
}
#nav li
{
    margin:0px 0px 0px 10px;
    padding:0px 0px 0px 15px;
    list-style:none;
    float:left;
    display:inline;
    background-image: url(/_common/images/template/bullet_light.gif);
    background-repeat:no-repeat;
    background-position:left center;
    text-transform:uppercase;
    font-size:0.75em;
    font-weight:bold;
}
#nav .startItem
{
    background: none;
	padding-left:0px;
} 
#nav li a
{
    color:#1a3e94;
}
#footer_bottom a
{
    color:#4A4A4A;
}

.colContainer
{
    margin-left:-23px;
    width:100%;
    overflow:visible;
    float:left;
    display:inline;
}
.colContainer .colPadding
{
    padding:0px 0px 0px 23px;
}
.colContainer .colPadding p
{
    text-align:justify;
}

.col50
{
    width:50%;
    float:left;
    display:inline;
}
.col33
{
    width:33.33%;
    float:left;
    display:inline;
}

.box120_1{
    height:130px;
    overflow:auto;
}
.box120_1 .bxLeft, .box120_1 .bxMiddle, .box120_1 .bxRight{
    float:left;
    display:inline;
    height:100%;
}
.box120_1 .bxLeft, .box120_1 .bxRight{
    width:11px;
}
.box120_1 .bxLeft{
    background:transparent url(/_common/images/boxes/130_1_left.jpg) no-repeat top left;
}
.box120_1 .bxRight{
    background:transparent url(/_common/images/boxes/130_1_right.jpg) no-repeat top left;
}
.box120_1 .bxMiddle{
    background:transparent url(/_common/images/boxes/130_1_middle.jpg) repeat-x top left;
    overflow:hidden;
    padding:0px 5px 0px 5px;
}


.box64_1{
    height:64px;
    overflow:auto;
}
.box64_1 .bxLeft, .box64_1 .bxMiddle, .box64_1 .bxRight{
    float:left;
    display:inline;
    height:100%;
}
.box64_1 .bxLeft, .box64_1 .bxRight{
    width:11px;
}
.box64_1 .bxLeft{
    background:transparent url(/_common/images/boxes/64_1_left.jpg) no-repeat top left;
}
.box64_1 .bxRight{
    background:transparent url(/_common/images/boxes/64_1_right.jpg) no-repeat top left;
}
.box64_1 .bxMiddle{
    background:transparent url(/_common/images/boxes/64_1_middle.jpg) repeat-x top left;
    overflow:hidden;
    padding:0px 5px 0px 5px;
}

.box64_2{
    height:64px;
    overflow:auto;
}
.box64_2 .bxLeft, .box64_2 .bxMiddle, .box64_2 .bxRight{
    float:left;
    display:inline;
    height:100%;
}
.box64_2 .bxLeft, .box64_2 .bxRight{
    width:11px;
}
.box64_2 .bxLeft{
    background:transparent url(/_common/images/boxes/64_2_left.jpg) no-repeat top left;
}
.box64_2 .bxRight{
    background:transparent url(/_common/images/boxes/64_2_right.jpg) no-repeat top left;
}
.box64_2 .bxMiddle{
    background:transparent url(/_common/images/boxes/64_2_middle.jpg) repeat-x top left;
    overflow:hidden;
    padding:0px 5px 0px 5px;
}

.largeText
{
    color:#1a3e94;
    font-weight:bold;
    text-transform:uppercase;
    font-size:0.9375em;
    letter-spacing:-1px;
}

.lnkGlyph1
{
    /*
    padding-right:9px;
    background:transparent url(/_common/images/template/link_glyph_1.gif) no-repeat 100% 70%;
    */
}
.lnkGlyph2
{
    /*
    padding-right:9px;
    background:transparent url(/_common/images/template/link_glyph_2.gif) no-repeat 100% 50%;
    */
}

.seperator
{
    padding:0px 5px 0px 5px;
}

#footer
{
    overflow:auto;
    padding-top:10px;
    clear:both;
}
#footer_logo
{
    float:left;
    display:inline;
}
#footer_content
{
    border-top:solid 1px #d7e1ea;
    width:786px;
    float:left;
    display:inline;
}
#footer_text
{
    float:left;
    display:inline;
    width:560px;
    margin:18px 0px 0px 10px;
}
#footer_text p
{
    font-size:0.6875em;
    font-weight:bold;
    color:#274b6d;
    margin:0px;
    padding:0px;
}
#footer_right
{
    background:transparent url(/_common/images/template/footer_right.gif) no-repeat 0 0;
    width:6px;
    height:72px;
    float:left;
    display:inline;
}
#footer_bottom
{
    background-color:#acbecf;
    height:35px;
    display:block;
    clear:both;
}
#footer_bottom p
{
    font-size:0.625em;
    color:#4a4a4a;
    padding:12px 0px 0px 22px;
}
#footer_contact
{
    float:left;
    display:inline;
    margin:18px 0px 0px 20px;
    width:175px;
}
#footer_contact p
{
    margin:0px;
    padding:0px;
    font-size:0.75em;
    font-weight:bold;
    color:#466cc4;
    text-align:right;
}
#footer_contact p span.deepBlue
{
    color:#1a3e94;
} 
#footer_contact p.byEmail
{

}

#footer_bottom .copyright
{
    float:left;
}
#footer_bottom .designBy
{
    float:right;
    padding-right:22px;
}


.introText
{
    width:700px;
    overflow:auto;
    float:left;
    display:inline;
}

.freeGift .bxMiddle
{
    width:218px;
}
.freeGift p.largeText
{
    font-size:0.92em;
    padding:22px 0px 5px 0px;
}
.freeGift p.description
{
    font-size:0.6875em;
    line-height:1.35em;
}

.btnSample
{
    background-image:url(/_common/images/template/btn_sample_0.gif);
    width:319px;
    height:64px;
    background-repeat:no-repeat;
    display:block;
}
.btnSample:hover
{
    background-image:url(/_common/images/template/btn_sample_1.gif);
}
.btnBrochure
{
    background-image:url(/_common/images/template/btn_brochure_0.gif);
    width:319px;
    height:64px;
    background-repeat:no-repeat;
    display:block;
}
.btnBrochure:hover
{
    background-image:url(/_common/images/template/btn_brochure_1.gif);
}
.btnOrder
{
    background-image:url(/_common/images/template/btn_order_0.gif);
    width:319px;
    height:64px;
    background-repeat:no-repeat;
    display:block;
}
.btnOrder:hover
{
    background-image:url(/_common/images/template/btn_order_1.gif);
}
.btnBrochureMedium
{
    background-image:url(/_common/images/template/btn_brochure_medium_0.gif);
    width:249px;
    height:52px;
    background-repeat:no-repeat;
    display:block;
}
.btnBrochureMedium:hover
{
    background-image:url(/_common/images/template/btn_brochure_medium_1.gif);
}
.btnSampleMedium
{
    background-image:url(/_common/images/template/btn_sample_medium_0.gif);
    width:162px;
    height:54px;
    background-repeat:no-repeat;
    display:block;
}
.btnSampleMedium:hover
{
    background-image:url(/_common/images/template/btn_sample_medium_1.gif);
}

.btnOrderSmall
{
    width:117px;
    height:20px;
    background-image:url(/_common/images/template/btn_order_small_0.gif);
    background-repeat:no-repeat;
    float:left;
    display:inline;
    padding-right:5px;
}
.btnOrderSmall:hover
{
    background-image:url(/_common/images/template/btn_order_small_1.gif);
}

.btnSampleSmall
{
    width:117px;
    height:20px;
    background-image:url(/_common/images/template/btn_sample_small_0.gif);
    background-repeat:no-repeat;
    float:left;
    display:inline;
}
.btnSampleSmall:hover
{
    background-image:url(/_common/images/template/btn_sample_small_1.gif);
}
.btnOrderHollow
{
    width:91px;
    height:20px;
    background-image:url(/_common/images/template/btn_order_hollow_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnOrderHollow:hover
{
    background-image:url(/_common/images/template/btn_order_hollow_1.gif);
}
.btnSampleHollow
{
    width:91px;
    height:20px;
    background-image:url(/_common/images/template/btn_sample_hollow_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnSampleHollow:hover
{
    background-image:url(/_common/images/template/btn_sample_hollow_1.gif);
}
.btnRemoveHollow
{
    width:91px;
    height:20px;
    background-image:url(/_common/images/template/btn_remove_hollow_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnRemoveHollow:hover
{
    background-image:url(/_common/images/template/btn_remove_hollow_1.gif);
}



.btnOrderHollowGrid
{
    width:63px;
    height:20px;
    background-image:url(/_common/images/template/btn_order_hollow_grid_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnOrderHollowGrid:hover
{
    background-image:url(/_common/images/template/btn_order_hollow_grid_1.gif);
}
.btnSampleHollowGrid
{
    width:82px;
    height:20px;
    background-image:url(/_common/images/template/btn_sample_hollow_grid_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnSampleHollowGrid:hover
{
    background-image:url(/_common/images/template/btn_sample_hollow_grid_1.gif);
}
.btnFavouriteHollowGrid
{
    width:91px;
    height:20px;
    background-image:url(/_common/images/template/btn_favourite_hollow_grid_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnFavouriteHollowGrid:hover
{
    background-image:url(/_common/images/template/btn_favourite_hollow_grid_1.gif);
}
.btnPrint
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_print_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnPrint:hover
{
    background-image:url(/_common/images/template/btn_print_1.gif);
}
.btnUpdate
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_update_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnUpdate:hover
{
    background-image:url(/_common/images/template/btn_update_1.gif);
}
.btnSend
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_send_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnSend:hover
{
    background-image:url(/_common/images/template/btn_send_1.gif);
}

.btnPayByCheque
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_pay_cheque_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnPayByCheque:hover
{
    background-image:url(/_common/images/template/btn_pay_cheque_1.gif);
}

.btnPayByCard
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_pay_card_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnPayByCard:hover
{
    background-image:url(/_common/images/template/btn_pay_card_1.gif);
}


.btnBack
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_back_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnBack:hover
{
    background-image:url(/_common/images/template/btn_back_1.gif);
}
.btnContinue
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_continue_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnContinue:hover
{
    background-image:url(/_common/images/template/btn_continue_1.gif);
}

.btnCardLayout
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_card_layout_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnCardLayout:hover
{
    background-image:url(/_common/images/template/btn_card_layout_1.gif);
}

.btnContinueOrder
{
    width:170px;
    height:52px;
    background-image:url(/_common/images/template/btn_continue_order_0.gif);
    background-repeat:no-repeat;
    display:block;
}
.btnContinueOrder:hover
{
    background-image:url(/_common/images/template/btn_continue_order_1.gif);
}

.cardId
{
    color: #FF00A2;
}

.wnd
{
    overflow:hidden;
    float:left;
    display:inline;
}
.wnd .body
{
    padding:25px 20px 15px 20px;
    margin-top:-5px;
    overflow:auto;
}
.wnd .separator
{
    border-top:solid 1px #c6d0e6;
    margin-top:0px;
}
.wnd .footer
{
    
}

.wnd .wndPanelWithHeader
{
    background-image:url(/_common/images/template/h3_bg.gif);
    background-repeat:repeat-x;
}

.wnd .wndPanel
{
    float:left;
    display:inline;
}
.listBox
{
    padding:3px 8px 3px 8px;
    width:250px;
    height:130px;
    overflow:auto;
    border:solid 1px #cecece;
    border-top-color:#8f8f8f;
    background-image:url(/_common/images/template/listBox_bg.gif);
    background-repeat:repeat-x;
}
.listBox .listItem
{
    overflow:auto;
    border-bottom:solid 1px #cecece;
    clear:both;
}
.listBox .listItem p, .listBox .listItem input
{
    float:left;
    display:inline;
    padding:0px;
}
.listBox .listItem p
{
    font-size:0.8em;
    margin:3px 0px 2px 10px;
}
.listBox .listItem input
{
    margin:5px 0px 2px 0px;
}
.listBox .listItem .colRight
{
    float:right;
    display:inline;
}
.buttonPanel
{
    overflow:auto;
    clear:both;
}
.buttonPanel a
{
    padding-right:10px;
}
table .indent p
{
    margin-left:20px;
}

table .indent h1
{
    margin:0;
    padding:0;
}
.errorBox p
{
    padding:20px 0px 0px 20px;
}
.errorBox ul li, .errorBox p
{
    color:#CC0000;
    font-weight:bold;
    font-size:0.8em;
}
.fileUpload
{
    margin-bottom:10px;
}
table .tableHeader p
{
    font-weight:bold;
    margin:0px 20px 0px 0px;
}
.boldTotal
{
    font-weight:bold;
    padding-top:5px;
}
ul li
{
    font-size:0.8em;
}
.bigPreviewText
{
    font-weight:bold;
    font-size:1.3em;
    text-decoration:underline;
}

.error
{
    color:#CC0000;
}

.homeBulletText img
{
    margin-right:10px;
}
.homeBulletText
{
    color:#1A3E94;
    font-size:0.75em;
    font-weight:bold;
}
.m1
{
    margin:0px 20px 0px 20px;
}
.m2
{
    margin:0px 20px 10px 20px;
}
.m3
{
    margin:5px 0px 0px 0px;
}
.label
{
    margin-right:5px;
}
#txtOverprintContainer
{
    position:relative;
}
#txtOverprintContainer .disable
{
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background-color:White;
}
