/*
B2B
Default Style Sheet
Feb 2010
*/

/*
RESET
*/

*, a
{
    outline: none;
}

body
{
    background: #fff;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

blockquote, dl, dd, dt, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, p
{
    margin: 0 0 1em;
    padding: 0;
}

button, input, select, textarea
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* Fix IE6-7 image resize. */
img
{
    -ms-interpolation-mode: bicubic;
}

/*
General Layout
*/

#page_container
{
    margin: 15px auto 30px;
    width: 1000px;
}

#header
{
    float: left;
    height: 60px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}

#maincontent
{
    margin: 15px 0 0 190px;
}

#leftsidebar
{
    float: left;
    padding: 10px 5px 0 0;
    width: 165px;
}

.BlockCenter
{
    margin: 0 auto;
}

#topbar
{
    background-color: #C3D295;
    height: 30px;
    margin-top: 4px;
    overflow: hidden;
    width: 100%;
}

#topbar-inner 
{
    padding: 4px 10px;
}

#search-area {
    float: left;
    width: 65%;
}

#cart-area {
    float: right;
    margin: 3px 0 0;    
    text-align: right;
}

    a.view-cart {
        background: url(Images/Design/Icon/icon-basket.gif) no-repeat 0 0;
        padding-left: 14px;
    }

/* Content Box */

#content-box
{
    background: url(./Images/Design/Background/bg-box-white.png) repeat-y 0 0;
    margin: 15px 0;
    width: 100%;
}

#content-box-inner
{
    background: url(./Images/Design/Background/bg-box-top-white.png) no-repeat 0 0;
    padding: 20px 30px;
}

#content-box-clear
{
    background: url(./Images/Design/Background/bg-box-bottom-white.png) no-repeat 0 0;
    clear: both;
    height: 30px;
    width: 100%;
}

.content-box-left
{
    border-right: 3px solid #ddd;
    display: block;
    float: left;
    padding-right: 2%;
    margin-right: 2%;
    width: 60%;
}

.content-box-right
{
    float:right;
    display: block;
    height: 100%;
    margin-left: 2%;
    width:30%;
}

#content-box p.p-big a
{
    border: 0;
    font-weight: bold;
    text-decoration: underline;
}

#content-box p.p-center
{
    margin: 10px 0 1em;
    text-align: center;
}

.icon-list
{
    height: 165px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.icon-list li
{
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

.icon-list li a
{
    border: 0;
}

.icon-list li img
{
    display: block;
}

/*
General Typography
*/

a
{
    font-weight: bold;
    text-decoration: none;
}

a:link, a:visited
{
    border-bottom: 1px solid #ccc;
    color: #222;
}

a:hover, a:active
{
    border-bottom: 0;
    color: #666;
}

h1
{
    color: #fff;
    margin: 0;
    padding: 0;
}

h2
{
    color: #222;
    font-size: 2em;
}

h3
{
    color: #222;
    font-family: "Times New Roman" , Georgia, Serif;
    font-size: 2.2em;
    font-weight: bold;
    margin: 0 0 1em;
}

h4
{
    color: #222;
    font-size: 2em;
    font-weight: bold;
}

h5
{
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 .5em;
}
    h5.centerstyle
    {
        color: GrayText;
        font-size: 1.5em;
        font-weight: normal;
        text-align: center;
        margin-bottom: 0;
    }

h6
{
    color: #222;
    font-size: 2em;
    font-weight: bold;
    border-bottom: solid 1px #000000;
}

hr
{
    background-color: #999;
    border: 0;
    clear: both;
    color: #999;
    display: block;
    height: 1px;
    margin: 15px 0;
}

ol
{
    margin: 0 0 1em 30px;
    padding: 0;
}

ol li
{
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 0 15px;
}

    ol li label
    {
        margin: 0 7px 0 0 !important;
        width: 150px !important;
    }

    ol li span
    {
        clear: both;
        display: block;
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }

p
{
    color: #222;
    font-size: 1.1em;
    margin: 0 0 1em;
}   

    p.p-big
    {
        font-size: 1.7em !important;
        line-height: 1.3em !important;
    }
    
    p.p-underline
    {
        text-decoration: underline;
    }
    
    .content p 
    {
        font-size: 12px;
        line-height: 17px;
        margin: 0 0 15px;
    }

table
{
    border-collapse: collapse;
    border: 0;
    width: 100%;
}

td
{
    font-size: 1.1em;
    text-align: left;
    vertical-align: top;
}

td a
{
    border: 0 !important;
}

td td
{
    font-size: 1em;
}

ul
{
    margin: 0 0 2em 30px;
}

ul li 
{
    font-size: 1.1em;
    line-height: 1.7em;
}

.hidden
{
    display: none;
}

.CssHeaderRight
{
    float: left;
    width: 45%;
    position: relative;
    height: 60px;
    top: 0px;
    left: 0px;
}

.CssHeaderLogin
{
    width: 45%;
    float: right;
    height: 60px;
    top: 0px;
    margin: 5px 10px 0 0;
    text-align:right;
}

.CssHeaderLogin a
{
    color: #a1c1d9;
    font-size: 1.1em;
    font-weight: bold !important;
    margin-left: 10px;
}

.CssHeaderLogin p
{
    color: #555;
    font-size: 1.1em;
}

.fl
{
    float: left;
}

    #content-box img.fl {
        margin: 0 15px 10px 0;
    }

.fr
{
    float: right;
}

.w50p
{
    width: 90%;
}

.Clear
{
    clear: both;
    height: 5px;
    line-height: 0px;
    font-size: 0px;
}

.Space
{
    Margin-top:20px;
}

.mgl5
{
    margin-left: 5px;
}
.mgr5
{
    margin-right: 5px;
}
.mgt5
{
    margin-top: 5px;
}

.mgt2
{
    margin-top: 2px;
}

.mgl2
{
    margin-left: 2px;
}

/* Forms */

form p
{
    margin: 0 0 .5em;
}

fieldset
{
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0 0 40px;
    padding: 0;
    position: relative;
}

legend 
{
    color: #888;
    font-size: 1.6em;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0 7px 3px 0;
}

label
{
    display: block;
    font-weight: bold;
    margin: 0 0 4px;
}

li.form-flat label
{
    display: inline;
}

form p.form-flat label {
    display: block;
    float: left;
    margin: 5px 7px 0 0;
    width: 70px;
}

input.input-text
{
    border: 1px solid #777;
    color: #444;
    padding: 3px;
}

select
{
    font-size: 1.1em;
}

    p.p-big select {
        font-size: 1em;
    }

.label1
{
    width: 150px;
    line-height: 24px;
}
.label2
{
    width: 100px;
    line-height: 24px;
    text-align: left;
}

.input1
{
    width: 130px;
}

/* Wide form */

p.form-wide label {
    float: left;
    margin: 0 10px 0 0;
    width: 300px;
}

p.form-wide input,
p.form-wide select {
    margin: 0 10px 0 0;
}

/* Lovely buttons and links. */
.awesome, .awesome:visited
{
    background: #222 url(Images/alert-overlay.png) repeat-x;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none !important;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.awesome:hover
{
    background-color: #111;
    color: #fff;
}
.awesome:active
{
    top: 1px;
}

.small.awesome, .small.awesome:visited
{
    font-size: 12px;
    padding: 3px 7px !important;
}

.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited
{
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.awesome.buffer-right {
    margin-right: 20px;
}

.large.awesome, .large.awesome:visited
{
    font-size: 14px;
    padding: 8px 14px 9px;
}

.green.awesome, .green.awesome:visited
{
    background-color: #91bd09;
}
.green.awesome:hover
{
    background-color: #749a02;
}
.blue.awesome, .blue.awesome:visited
{
    background-color: #76afef;
}
.blue.awesome:hover
{
    background-color: #6799cf;
}
.red.awesome, .red.awesome:visited
{
    background-color: #e33100;
}
.red.awesome:hover
{
    background-color: #872300;
}
.magenta.awesome, .magenta.awesome:visited
{
    background-color: #a9014b;
}
.magenta.awesome:hover
{
    background-color: #630030;
}
.orange.awesome, .orange.awesome:visited
{
    background-color: #ff5c00;
}
.orange.awesome:hover
{
    background-color: #d45500;
}
.yellow.awesome, .yellow.awesome:visited
{
    background-color: #ffb515;
}
.yellow.awesome:hover
{
    background-color: #fc9200;
}
.grey.awesome, .grey.awesome:visited
{
    background-color: #bbb;
}
.grey.awesome:hover
{
    background-color: #999;
}

.super.awesome
{
    background-image: url(Images/36px-blended.png);
    padding: 4px 14px 6px;
    border: 1px solid #777;
    border-bottom-color: #444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*
Footer
*/

#footer
{
    background: #C3D295;
    clear: both; /*background: #d9e9f3;*/
    height: 25px;
    width: 100%;
}

#footer a
{
    color: #444;
    font-weight: bold;
}

#footer a:hover
{
    color: #db6d16;
}

#footer p
{
    color: #737373;
    font-size: 1.1em;
    line-height: 25px;
    margin: 0;
    padding: 0 15px;
}

#footer p.floatleft
{
    left:0;
    float:left;
    text-align: left;
}

#footer p.floatright
{
    float: right;
    text-align: right;
}
#footer #altnav
{
    color: #737373;
    width: 400px;
    float: right;
    text-align: right;
}


/* Main Nav */

#landing-nav 
{
    margin: 0 0 15px;
}

    #landing-nav a 
    {
        border: 0 !important;
    }

#mainnavleft
{
    width: 100%;
    height: 28px;
    background-image: url(Images/BGHeaderMenuLeft.gif);
    background-repeat: no-repeat;
    background-position: top left;
    clear: both;
}

#myaccountoptions ul
{
    list-style: none;
    margin: 5px;
    padding: 5px;
    width: 147px;
}

#myaccountoptions ul li a
{
    padding-left: 15px;
    margin-left: 15px;
    width: 127px;
    height: 100%;
    line-height: 20px;
    vertical-align: middle;
    display: block;
    background-image: url('Images/Bullet3.gif');
    background-repeat: no-repeat;
    background-position: 0px 6px;
    color: #808080;
    text-decoration: none;
}

#myaccountoptions ul li a:hover
{
    color: Black;
}

#mainnav
{
    margin-left: 9px;
    height: 28px;
    background-image: url(Images/BGHeaderMenuCenter.gif);
    background-repeat: repeat-x;
    text-align: left;
}

#mainnav ul
{
    height: 28px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    background-image: url(Images/BGHeaderMenuRight.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 9px;
}

#mainnav ul li
{
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    height: 28px;
    line-height: 26px;
    text-align: center;
    width: 100px;
}

#mainnav ul li a
{
    background-image: url(Images/BGHeaderMenuSeparate.gif);
    background-repeat: no-repeat;
    background-position: top right;
    border: 0;
    display: block;
    width: 100%;
}

#mainnav ul li a:link, #mainnav ul li a:visited
{
    color: #444;
}

#mainnav ul li a:hover
{
    color: #222;
}

/* left category css */
.CategoryNavBox
{
}
.CategoryNavBoxTop
{
    width: 100%;
    height: 30px;
    background-image: url(./Images/BGBox6TopCenter.gif);
    background-repeat: repeat-x;
}

.CategoryNavBoxTop .CssTitle
{
    color: #000;
    float: left;
    font-size: 1.1em !important;
    font-weight: bold;
    margin-top: 7px;
    margin-left: 15px;
}

.CategoryNavBoxTop .ImgLeft
{
    float: left;
    width: 5px;
    height: 30px;
    background-image: url(./Images/BGBox6TopLeft.gif);
    background-repeat: no-repeat;
}
.CategoryNavBoxTop .ImgRight
{
    float: right;
    width: 5px;
    height: 30px;
    background-image: url(./Images/BGBox6TopRight.gif);
    background-repeat: no-repeat;
}

.CategoryNavBoxLeft
{
    background-image: url(./Images/BGBox6Left.gif);
    background-repeat: repeat-y;
}
.CategoryNavBoxRight
{
    margin-left: 2px;
    padding-right: 2px;
    background-image: url(./Images/BGBox6Right.gif);
    background-position: top right;
    background-repeat: repeat-y;
}
.CategoryNavBoxBottom
{
    width: 100%;
    height: 4px;
    background-image: url(./Images/BGBox6BottomCenter.gif);
    background-repeat: repeat-x;
}
.CategoryNavBoxBottom .ImgLeft
{
    float: left;
    width: 3px;
    height: 4px;
    background-image: url(./Images/BGBox6BottomLeft.gif);
    background-repeat: no-repeat;
}
.CategoryNavBoxBottom .ImgRight
{
    float: right;
    width: 3px;
    height: 4px;
    background-image: url(./Images/BGBox6BottomRight.gif);
    background-repeat: no-repeat;
}

.MyAccountNavBox
{
}
.MyAccountNavBoxTop
{
    width: 100%;
    height: 30px;
    background-image: url(./Images/BGBox6TopCenter.gif);
    background-repeat: repeat-x;
}

.MyAccountNavBoxTop .CssTitle
{
    color: #fff;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    font-weight: bold;
}

.MyAccountNavBoxTop .ImgLeft
{
    float: left;
    width: 5px;
    height: 30px;
    background-image: url(./Images/BGBox6TopLeft.gif);
    background-repeat: no-repeat;
}
.MyAccountNavBoxTop .ImgRight
{
    float: right;
    width: 5px;
    height: 30px;
    background-image: url(./Images/BGBox6TopRight.gif);
    background-repeat: no-repeat;
}

.MyAccountNavBoxLeft
{
    background-image: url(./Images/BGBox6Left.gif);
    background-repeat: repeat-y;
}
.MyAccountNavBoxRight
{
    margin-left: 2px;
    padding-right: 2px;
    background-image: url(./Images/BGBox6Right.gif);
    background-position: top right;
    background-repeat: repeat-y;
}
.MyAccountNavBoxBottom
{
    width: 100%;
    height: 4px;
    background-image: url(./Images/BGBox6BottomCenter.gif);
    background-repeat: repeat-x;
}
.MyAccountNavBoxBottom .ImgLeft
{
    float: left;
    width: 3px;
    height: 4px;
    background-image: url(./Images/BGBox6BottomLeft.gif);
    background-repeat: no-repeat;
}
.MyAccountNavBoxBottom .ImgRight
{
    float: right;
    width: 3px;
    height: 4px;
    background-image: url(./Images/BGBox6BottomRight.gif);
    background-repeat: no-repeat;
}

.Clear
{
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}

.HorizontalBar
{
    padding-top: 5px;
    border-bottom: solid 3px #B7B697;
    margin-bottom: 5px;
}
.HorizontalBarBlack
{
    padding-top: 1px;
    border-bottom: solid 3px #000000;
    margin-bottom: 5px;
}
/*------------------ Normal MenuList -------------------*/
.CssNormalList
{
    width: 100%;
}

.CssNormalList td
{
    border: 0px;
    padding: 0px;
}

.CssNormalList a
{
    padding-left: 15px;
    margin-left: 15px;
    width: 130px;
    height: 100%;
    line-height: 20px;
    vertical-align: middle;
    display: block;
    background-image: url(Images/Bullet1.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    color: #808080;
    text-decoration: none;
}

.CssNormalList a:hover
{
    color: Black;
}

/* Treelist */

#treelist {
    margin: 0;
    padding: 0;
}

#treelist ul {
    margin: 0 0 10px;
    padding: 0;
}

#treelist li {
    border: 0;
    font-size: 11px;
    list-style-type: none;
    margin: 0 0 0 5px;
    padding: 0;
    width: 250px;
}

    #treelist li.active-group 
    {
        background-color: #aec575;
    }
    
    #treelist li.active-group a 
    {
        margin-left: 7px;       
    }
    
     #treelist li a.active-node
    {
        color: #222 !important;
        font-weight: bold !important;
    }

#treelist li a {
    border: 0;
    color: #808080;
    display: block;
    height: 100%;
    line-height: 20px;
    margin-left: 2px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}

    #treelist li a:hover {
        color: Black;
    }

#treelist ul.treelist-tier2 
{
    background-color: #d0dead;
}

    #treelist ul.treelist-tier2 li 
    {
        margin: 0;
        padding-left: 7px;
    }
    
.MyMovieBox
{
    width: 40%;
    float: right;
}

.MyAccountBox
{
}
.MyAccountBoxTop
{
    width: 100%;
    height: 34px;
}

.MyAccountBoxTop .CssTitle
{
    color: #a1c1d9;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.MyAccountBoxTop .ImgLeft
{
    float: left;
    width: 5px;
    height: 34px;
    display: none;
}
.MyAccountBoxTop .ImgRight
{
    float: right;
    width: 5px;
    height: 34px;
    display: none;
}

.MyAccountBoxLeft
{
    width: 100%;
}

.MyAccountBoxRight
{
    width: 100%;
}

.MyAccountBoxBottom
{
    display: none;
}

.MyAccountBoxBottom .ImgLeft
{
    float: left;
}

.MyAccountBoxBottom .ImgRight
{
    float: right;
}


/* Begin MyAccountInformation Box */

.MyAccountInformationBox
{
    margin-top: 10px;
}

.MyAccountInformationBoxTop
{
    width: 100%;
    height: 30px;
    background-image: url(./Images/BGBox2TopCenter.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.MyAccountInformationBoxTop .CssTitle
{
    color: #fff;
    float: left;
    font-weight: bold;
    width: 160px;
    height: 17px;
    padding-top: 3px;
    display: block;
    background-image: url(./Images/BGMyAccountTitle.gif);
    background-repeat: no-repeat;
}

.MyAccountInformationBoxTop .ImgLeft
{
    float: left;
    width: 10px;
    height: 30px;
    background-image: url(./Images/BGBox2TopLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.MyAccountInformationBoxTop .ImgRight
{
    float: right;
    width: 10px;
    height: 30px;
    background-image: url(./Images/BGBox2TopRight.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.MyAccountInformationBoxLeft
{
    border-left: solid 1px #f3f3f3;
    border-right: solid 1px #f3f3f3;
    padding-top: 3px;
    padding-bottom: 3px;
}

.MyAccountInformationBoxRight
{
    text-align: left;
}

.MyAccountInformationBoxRight ul
{
    list-style: none;
    margin-left: 30px;
    padding: 0px;
}

/*.MyAccountInformationBoxRight a
{
    padding-left: 15px;
    margin-left: 15px;
    width: 165px;
    height: 100%;
    line-height: 20px;
    vertical-align: middle;
    display: block;
    background-image: url(./Images/Bullet1.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    color: #808080;
    text-decoration: none;
}
*/
.MyAccountInformationBoxRight a:hover
{
    color: Black;
}



.MyAccountInformationBoxBottom
{
    width: 100%;
    height: 10px;
    background-image: url(./Images/BGBox2BottomCenter.gif);
    background-repeat: repeat-x;
}

.MyAccountInformationBoxBottom .ImgLeft
{
    float: left;
    width: 10px;
    height: 10px;
    background-image: url(./Images/BGBox2BottomLeft.gif);
    background-repeat: no-repeat;
}
.MyAccountInformationBoxBottom .ImgRight
{
    float: right;
    width: 10px;
    height: 10px;
    background-image: url(./Images/BGBox2BottomRight.gif);
    background-repeat: no-repeat;
}
.MyAccountInformationOrderBoxTop
{
    width: 100%;
    height: 30px;
    background-image: url(./Images/BGBox2TopCenter.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.MyAccountInformationOrderBoxTop .CssTitle
{
    color: #fff;
    float: left;
    font-weight: bold;
    width: 160px;
    height: 17px;
    padding-top: 3px;
    display: block;
    background-image: url(./Images/BGMyAccountTitle.gif);
    background-repeat: no-repeat;
}

.MyAccountInformationOrderBoxTop .ImgLeft
{
    float: left;
    width: 10px;
    height: 30px;
    background-image: url(./Images/BGBox2TopLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.MyAccountInformationOrderBoxTop .ImgRight
{
    float: right;
    width: 10px;
    height: 30px;
    background-image: url(./Images/BGBox2TopRight.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.MyAccountBoxBottom
{
    display: none;
}

.MyAccountBoxBottom .ImgLeft
{
    float: left;
}

.MyAccountBoxBottom .ImgRight
{
    float: right;
}

.CssHeadSearch
{
    text-align: right;
    float: right;
}

/* right Search css */
.SearchBox
{
    height: 30px;
    width: 100%;
    float: right;
}

.SearchBoxTop
{
    display: none;
}

.SearchBoxTop .ImgLeft
{
}

.SearchBoxTop .ImgRight
{
}

.SearchBoxLeft
{
}

.SearchBoxRight
{
}

.SearchBoxRight input
{
    margin-right: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.AdvancedSearchLink
{
    color: #7c7c7c;
    text-decoration: underline;
    float: right;
    margin-right: 20px;
    margin-top: 3px;
}

.SearchBoxBottom
{
    display: none;
}

.SearchBoxBottom .ImgLeft
{
}
.SearchBoxBottom .ImgRight
{
}
/* end right Search css */

/* QuickSearch */
#search-area p 
{
    font-size: 1.1em;
    margin: 0;
}

.QuickSearchLabel
{
    color: #222;
    display: block;
    float: left;
    font-weight: bold;
    margin: 3px 0 0;
}

.QuickSearchSelect
{
    margin: 0 4px;
}

.QuickSearchText
{
    margin: 0 4px;
    width: 150px !important;
}

    #search-area .awesome {
        padding-top: 1px !important;
    }

/* end QuickSearch */

.NoBorder
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

/*-------------------- Product Details --------------------*/
#product-stage
{
}

#product-main
{
    float: left;
    width: 400px;
}

#product-image
{
    display: block;
    height: 400px;
    margin: 0 0 10px;
    position: relative;
}

#product-full
{
    background-color: #fff;
    bottom: 7px;
    height: 26px;
    line-height: 26px;
    padding: 5px 7px;
    position: absolute;
    left: 15px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
    opacity: .3;
    z-index: 100;
}

#product-full a
{
    background: url(Images/Design/Icon/Popup.gif) no-repeat 0 0;
    border: 0;
    color: #222;
    display: block;
    font-size: 1.1em;
    padding: 0 0 0 36px;
}

#product-full img
{
    display: block;
    float: left;
}

#product-full strong
{
    display: block;
    font-size: 1.1em;
    margin: 6px 0 0 32px;
}

#product-image img.product-main-image
{
    max-height: 400px !important;
    height: expression(this.height > 400 ? 400: true);
    max-width: 400px !important;
    width: expression(this.width > 400 ? 400: true);
    position: relative;
    z-index: 1;
}

#product-fade
{
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

#product-functions
{
    clear: both;
    min-height: 30px;
    height: 30px;
    height: auto !important;
    margin: 0 0 15px;
    width: 400px;
}

ul#product-prevnext
{
    clear: both;
    height: 55px;
    margin: 0;
    width: 100%;
}
    
ul#product-prevnext li
{
    display: block;
    float: left;
    font-size: 1.1em;
    height: 50px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 50%;
}

ul#product-prevnext li a
{
    background-repeat: no-repeat;
    background-position: center 0;
    border: 0;
    display: block;
    margin: 0 10px;
    padding-top: 32px;
    text-align: center;
    width: 65px;
}

    ul#product-prevnext li a:hover {
        background-position: center -50px;
    }
    
    ul#product-prevnext li#product-prev a { 
        background-image: url(Images/Design/Icon/arrow-prev.png); 
        float: right;
    }
    
    ul#product-prevnext li#product-next a { 
        background-image: url(Images/Design/Icon/arrow-next.png); 
    }
    
    #product-prevnext a:link,
    #product-prevnext a:visited {
        color: #777;
    }
    
    #product-prevnext a:hover {
        color: #222;
    }        

#product-close
{
    float: left;
    width: 25%;
}  

#product-add
{
    float: right;
    text-align: right;
}

#product-add img
{
    display: block;
    float: left;
}

#product-add input
{
    display: inline;
    margin: 0 5px 0 0;
}

#product-add label
{
    display: inline;
    font-size: 1.1em;
    margin: 3px 5px 0 0;
}

#product-messages 
{
    clear: both;
    margin: 7px 0;
    width: 100%;
}

#productMsg
{
    clear: both;
    color: #900;
    display: block;
    font-size: 1.1em;
    margin: 6px 0 0;
    text-align: right;
}

span.successMsg
{
    color: green !important;
    display: block !important;
    font-size: 13px !important;
    margin: 10px 0 !important;
    text-align: right !important;
}

span.errorMsg
{
    clear: both !important;
    color: red !important;
    display: block !important;
    font-size: 13px !important;
    margin: 10px 0 !important;
}

.errorMsg1
{
    color: red !important;
    display: inline;
    font-size: 13px !important;
    margin: 10px 0 !important;

}
.shoppingCart
{
    margin-top: 20px;
    display: block;
}
span.openorderMsg
{
    color: Maroon;
    display: block !important;
    font-size: 15px !important;
    margin: 10px 0 !important;
}

p.errorMsg
{
    color: red !important;
    display: block !important;
    font-size: 13px !important;
    margin: 0 0 5px !important;
}

p.Login
{
    font-size: 12px;
    display: block;
    line-height: 17px;
}

    p.Login a 
    {
        display: block;
        margin: 25px auto 0 !important;
        text-align: center;
        width: 100px;
    }

#product-info
{
    float: left;
    margin-left: 15px;
    padding: 0 0 3px;
    width: 265px;
}

#product-info-ppk
{
    float: left;
    margin-left: 15px;
    padding: 0 0 3px;
    width: 365px;
}

#product-info-ppkborder
{
    border:solid 1px black;   
}

.product-detail
{
    color: #222;
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0;
}

.product-detail strong
{
    margin-right: 10px;
}

.product-detail-product
{
    margin: 0 0 15px;
}

.product-detail-intro
{
    margin: 0 0 15px;
}

.product-detail-prepack strong
{
    display: block;
}

.product-detail-features
{
    font-size: 1.3em;
}

.product-detail-description2
{
    font-weight: bold;
    margin: 15px 0 0;
}

#product-thumbs
{
    float: left;
    margin-left: 20px;
    width: 110px;
}

#product-thumbs a
{
    border: 1px solid #fff;
}

#product-thumbs img
{
    border: 1px solid #fff;
    display: block;
}

#product-thumbs span
{
    display: block;
    font-weight: bold;
    margin: 2px auto 10px;
    padding: 2px 7px;
    text-align: center;
}

#product-thumbs td.active-thumb
{
}

#product-thumbs td.active-thumb a
{
    border: 1px solid #eee;
}

#product-thumbs td.active-thumb span
{
    background-color: #76afef;
    color: #fff;
}

#product-options
{
    padding: 10px 0 0;
    width: 110px;
}

#product-options label
{
    display: block;
    float: left;
    font-weight: bold;
    margin: 3px 0 0;
    width: 70%;
}

#product-options p
{
    font-size: 1.1em;
}

#product-options select.product-assoc-select
{
    margin: 0 0 5px;
    width: 100%;
}

#product-options select.default-image-select
{
    width: 30%;
}

#kit-product-info 
{
    height: 330px;
    padding: 15px 0;
    overflow: auto;
}

#kit-components 
{
    height: 200px;
    overflow: auto;
}

#kit-components table 
{
    border-collapse: collapse;
    border: 0;
    width: 100%;
}

#kit-components th 
{
    background-color: #eee;
    border-bottom: 1px solid #444;
    font-size: 11px;
    padding: 10px 7px 4px;
    text-align: left;
    vertical-align: top;
}

    #kit-components th.kit-col-desc 
    {
        width: 100px;
    }

#kit-components td 
{
    cursor: pointer;
    padding: 4px 7px;
    text-align: left;
    vertical-align: top;
}

#kit-components tr.kit-row-selected td
{
    background-color: #eee;
}

#kit-components tr.kit-row-hover td
{
    background-color: Yellow;
}

#kit-close 
{
    margin-left: 20px;
    margin-top: 75px;
}
#PPK-functions
{
    clear: both;
    min-height: 30px;
    height: 30px;
    height: auto !important;
    margin: 0 0 15px;
    width: 400px;
}
#PPK
{
    /*float: right;*/
    text-align:center;
}    
.ProductDetailOutPrice
{
    color: Red;
}
.ProductDetailOutPrice span
{
    font-weight: bold;
}
.ProductDetailOutOfStock
{
    color: Red;
}
.ProductDetailOption td
{
    text-align: left;
}

.CategoryListContent
{
    width: 90%;
}
.CategoryListPageItemControl
{
    width: 100%;
}
.CategoryListItemPerPage
{
    text-align: left;
    width: 70%;
    height: 38px;
    float: left;
}
.CategoryListPagingControl
{
    width: 30%;
    float: left;
    text-align: right;
}

.ProductListPageControl
{
    width: 100%;
}
.ProductListItemPerPage
{
    width: 50%;
    height: 38px;
    float: left;
    text-align: left;
    vertical-align: top;
}

.ProductListSortString
{
    float: left;
    font-size: 1.1em;
    height: 28px;
    line-height: 28px;
    text-align: right;
    width: 73%;
}

.ProductListSortString span
{
    font-weight: bold;
    margin: 1px 5px 0 0;
}

.ProductListSortUpDown
{
    float: right;
    font-size: 1.1em;
    height: 28px;
    line-height: 28px;
    text-align: right;
    width: 25%;
}

.ProductListSortUpDown a
{
    margin-left: 10px;
}

.ProductListPagingControl
{
    text-align: right;
}

.ProductListItemDetails
{
    font-size: 1em;
    vertical-align: top;
    width: 150px;
}

.ProductListItemOptionGroup
{
    background-image: url(../../Images/Design/Bar/dotline.gif);
    background-position: left bottom;
    padding-bottom: 2px;
    background-repeat: repeat-x;
}

.ProductBestSellingDatalist
{
    width: 90%;
}
.ProductBestSellingDatalistItemStyle
{
    width: 30%;
    height: 100%;
    vertical-align: top;
}

.ProductBestSellingImage
{
    width: 100%;
}

.ProductBestSellingImage td
{
    height: 200px;
}

.ProductBestSellingImage .QuantityDiscount
{
    margin-left: 5px;
    margin-top: 5px;
}

.ProductBestSellingDetails
{
    width: 100%;
    color: #ff0000;
    text-align: left;
    vertical-align: top;
}

.ProductBestSellingPriceDetails
{
    margin-top: 5px;
}

.uxBestSellingProductName
{
    text-align: center;
}

.ProductBestSellingItem
{
    width: 100%;
}

.BestSellingRetail
{
    color: #737373;
    margin-left: 25px;
}

.BestSellingRetailPriceLabel
{
    float: left;
    width: 80px;
}
.BestSellingRetailPriceValue
{
    text-decoration: line-through;
    float: left;
}

.BestSellingOurPrice
{
    margin-left: 25px;
}

.BestSellingOurPriceLabel
{
    color: Red;
    float: left;
    width: 80px;
}
.BestSellingOurPriceValue
{
    color: Red;
    float: left;
}
.BestSellingButton
{
    text-align: center;
    display: none;
}

.RandomProductDataList
{
    width: 100%;
}
.RandomProductItemStyle
{
    width: 50%;
    padding-top: 10px;
    vertical-align: top;
}
.RandomProductItem
{
    height: 100%;
    position: relative;
}
.RandomProductImage
{
    width: 110px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

.RandomProductImageDiv
{
    width: 100%;
    height: 100%;
    position: relative;
}

.RandomProductImage .QuantityDiscount
{
    position: absolute;
    width: 180px;
    left: 0px;
}

.RandomProductImage a
{
    margin: 5px auto;
}
.RandomProductPriceDetails
{
    width: 130px;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
}

.RandomProductShortDescription
{
    margin-top: 5px;
    color: #989898;
}

.RandomProductQuantityDiscount
{
}

.RandomProductName
{
}

.RandomProductRetail
{
}

.RandomProductRetailLabel
{
    display: none;
}

.RandomProductRetailValue
{
    text-decoration: line-through;
}
.RandomProductOurPrice
{
    clear: both;
    padding-top: 5px;
}

.RandomProductOurPriceValue
{
    color: #cd1827;
}

.RandomProductOurPriceLabel
{
    display: none;
}

.RandomProductButton
{
    margin-top: 10px;
    text-align: right;
}

.NewsGridview
{
}
.NewsItemColumnTopicStyle
{
    text-align: left;
}
.NewsItemColumnTopicStyle a
{
    margin-left: 10px;
    text-decoration: none;
    color: #808080;
}

.ProductDetailRelateProducts
{
    margin-top: 20px;
}
.RelateProductTitle
{
    font-weight: bold;
    color: #a1c1d9;
}
.RelateProductItem
{
    width: 100%;
}
.RelateProductImage
{
    width: 110px;
}
.RelateProductDetails
{
    text-align: left;
}

.CustomerReview
{
    margin-top: 10px;
}
.CustomerReviewDataList
{
    width: 70%;
    margin: auto;
}
.CustomerReviewItem
{
    width: 100%;
}
.CustomerReviewTitle
{
    font-weight: bold;
    color: #a1c1d9;
    text-align: left;
    margin-left: 45px;
}

.CustomerReviewLeft
{
    margin-top: 20px;
}

.CustomerReviewRating
{
    float: left;
}
.CustomerReviewSubject
{
    font-weight: bold;
    clear: both;
    text-align: left;
}
.CustomerReviewDate
{
    float: right;
}
.CustomerReviewItemBody
{
    padding-left: 10px;
    text-align: left;
}
.CustomerReviewItemBy
{
    text-align: left;
}
.CustomerReviewByLabel
{
    float: left;
}
.CustomerReviewByValue
{
    float: left;
    margin-left: 5px;
    font-weight: bold;
}

.OptionGroupDatalist
{
    margin: 0px auto;
}

.ProductListHeader
{
    font-weight: bold;
    color: #a1c1d9;
    display: none;
}

/* 
Product Grid
*/

.ProductListItemStyle
{
    padding: 5px;
    vertical-align: top;
}

.ProductListItemStyle div.ListItemColumn2
{
    height: 350px;
    border: dotted 1px #ccc;
}

.ProductListName
{
    color: #a1c1d9;
    font-weight: bold;
    text-align: left;
}

/*
Product Details
*/

.ProductDetailsName
{
    color: #a1c1d9;
    font-weight: bold;
    font-size: 14px;
}

.ProductDetailsShortDescription
{
    font-weight: bold;
    text-align: left;
    margin-left: 15px;
}

.ProductDetailsLongDescription
{
    text-align: left;
    margin-left: 15px;
    margin-left: 15px;
}

.QuantityDiscount
{
    text-align: left;
    height: 25px;
}

.QuantityDiscount a
{
    color: #7c7c7c;
    text-decoration: none;
    font-weight: bold;
    background-image: url(./Images/Design/Bullet/Discount.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding-left: 20px;
}

.ProductListItemOutOfStockMessage
{
    color: Red;
    margin-top: 10px;
}

.ProductListItemTable
{
    width: 158px;
}

.ProductListItemTable td {
    vertical-align: top;
}

.ProductListItemImage
{
    text-align: center;
    vertical-align: top;
    width: 150px;
}

    .ProductListItemImage a 
    {
        margin: 0;
    }

    .ProductListItemImage img {
        display: block;
        max-height: 150px;
        height: expression(this.height > 150 ? 150: true);
        max-width: 150px;
        width: expression(this.width > 150 ? 150: true);
        margin: 0;
    }

.ProductListItemNameDiv
{
    line-height: 1.4em;
    overflow: hidden;
    width: 100%;
}

.ProductListItemDescription
{
    width: 150px;
    max-width: 150px;
    text-align: center;
    margin-top: 5px;
    height: 18px;
}

.ProductListItemRetailPriceLabel
{
    float: left;
    width: 80px;
    text-align: left;
}
.ProductListItemRetailPriceValue
{
    float: left;
    text-decoration: line-through;
}
.ProductListItemOurPriceLabel
{
    float: left;
    width: 80px;
    text-align: left;
}
.ProductListItemOurPriceValue
{
    float: left;
}

.ProductListItemMinLabel
{
    float: left;
    width: 80px;
    text-align: left;
}
.ProductListItemMinValue
{
    float: left;
}

.ProductListItemDetailsPriceDiv
{
    width: 215px;
    position: absolute;
    left: 0px;
    margin-top: 10px;
}

.ProductListItemDetailsMinDiv
{
    width: 215px;
    position: absolute;
    left: 0px;
    margin-top: 30px;
}

.ProductListItemButtonDiv
{
    width: 120px;
    padding-top: 30px;
    margin-right: 0px;
    margin-left: auto;
    text-align: right;
}
.ProductListItemButtonDiv div
{
    margin-top: 2px;
}
.ProductListItemDetailsDiv
{
    position: relative;
    width: 151px;
    top: -1px;
    left: -1px;
}

.ProductListItemColumn1OutOfStockMessage
{
    color: Red;
}
.ProductListItemColumn1Price
{
    color: Red;
}
.ProductListItemColumn1Label
{
    float: left;
}
.ProductListItemColumn1Value
{
    float: left;
}

/*-------------------- Product Details --------------------*/
.ProductDetailsLeft
{
    margin-top: 20px;
}

.CssProductDetailsImage
{
    border: solid 1px #f3f3f3;
    padding: 1px;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.CssProductDetailsText
{
    padding: 1px;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.CssProductDetailsText em
{
    /*margin-left: 100px;*/
    text-indent: 20px;
    margin-left: 100px;
    font-style: normal;
}
.CssProductDetailBox
{
    margin-top: 20px;
    width: 100%;
    position: relative;
    display: block;
    top: 0px;
    left: 25px;
}

.ProductDetailOutPrice
{
    color: Red;
}
.ProductDetailOutPrice span
{
    font-weight: bold;
}
.ProductDetailOutOfStock
{
    color: Red;
}
.ProductDetailOption td
{
    text-align: left;
}

.ProductCatalogImage
{
    float: left;
    width: 100%;
}

.ProductZoomButton
{
}

.ProductCatalogImageTable
{
    border: none;
    padding: 0px;
    width: 100%;
}

.ProductCatalogOverlayArea
{
    position: relative;
    top: 0px;
    left: 0px;
}

.ProductCatalogImageTable td
{
    padding: 0px;
}

.ProductCatalogImageTable img
{
    margin: 0px;
}

.ProductThumbnail
{
    margin-top: 10px;
    border-collapse: separate;
    width: 100%;
}
.ProductThumbnailItemStyle
{
    width: 20%;
    border: Dotted 1px #ccc;
}
.ProductThumbnailItemStyle table
{
}
.ProductThumbnailSeparatorStyle
{
}

.ProductDetailTitlesLeft
{
    color: #a1c1d9;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    margin-left: 20px;
}

.ProductDetailsPriceDetails
{
    width: 150px;
    text-align: left;
    margin-left: 50px;
    float: left;
}
.ProductDetailsPriceTop
{
    display: none;
}
.ProductDetailsButtonTop
{
    display: none;
}
.ProductDetailsButtonBottom
{
    display: none;
}
.ProductDetailRetailPrice
{
    margin-top: 0px;
}
.ProductDetailsButton
{
    clear: left;
    margin-left: 50px;
    text-align: left;
    width: 450px;
}

/* Begin UserLogin Box */

.UserLoginBox
{
}

.UserLoginBoxTop
{
    width: 100%;
    height: 30px;
    background-image: url(../../Images/Design/Box/BGBox2TopCenter.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.UserLoginTitle
{
    color: #fff;
    float: left;
    font-weight: bold;
    width: 103px;
    height: 17px;
    padding-top: 3px;
    display: block;
    background-image: url(../../Images/Design/Box/BGBestSellerTitle.gif);
    background-repeat: no-repeat;
}

.UserLoginBoxTop .ImgLeft
{
    float: left;
    width: 10px;
    height: 30px;
    background-image: url(../../Images/Design/Box/BGBox2TopLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.UserLoginBoxTop .ImgRight
{
    float: right;
    width: 10px;
    height: 30px;
    background-image: url(../../Images/Design/Box/BGBox2TopRight.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.UserLoginBoxLeft
{
    border-left: solid 1px #f3f3f3;
    border-right: solid 1px #f3f3f3;
    padding-top: 3px;
    padding-bottom: 3px;
}

.UserLoginBoxRight
{
}

.UserLoginBoxBottom
{
    width: 100%;
    height: 10px;
    background-image: url(../../Images/Design/Box/BGBox2BottomCenter.gif);
    background-repeat: repeat-x;
}

.UserLoginBoxBottom .ImgLeft
{
    float: left;
    width: 10px;
    height: 10px;
    background-image: url(../../Images/Design/Box/BGBox2BottomLeft.gif);
    background-repeat: no-repeat;
}
.UserLoginBoxBottom .ImgRight
{
    float: right;
    width: 10px;
    height: 10px;
    background-image: url(../../Images/Design/Box/BGBox2BottomRight.gif);
    background-repeat: no-repeat;
}

.UserLoginLoginPanel
{
    float: left;
    width: 55%;
    border-right: solid 1px #cfe22d;
    margin-left: 20px;
    padding: 0px;
    text-align: left;
}
.UserLoginRegisterPanel
{
    float: left;
    width: 30%;
    text-align: left;
    margin-left: 20px;
    color: #808080;
}
.UserLoginRegisterTitle
{
    font-weight: bold;
    text-decoration: underline;
}
.UserLoginRegisterDescription
{
    margin-top: 5px;
}
.UserLoginRegisterLink
{
    margin-top: 10px;
}

.UserLoginLoginControl
{
    color: #808080;
    width: 100%;
}

.UserLoginPanelTitle
{
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
}

#content-box p.UserLoginPanelRemember
{
    font-size: 1.1em;
    margin: 0 0 1.5em;
}

.UserLoginPanelRemember input
{
    display: block;
    float: left;
    margin: 4px 5px 0 0;
}

.UserLoginPanelRemember label
{
}

.UserLoginForgotPassword
{
    margin-top: 10px;
    color: Blue;
}
.UserLoginForgotPassword a
{
    color: Blue;
}

.InvoiceTableHeader
{
    background-color: #a1c1d9;
    color: white;
    font-weight: bold;
    padding: 4px;
    border: gray 1px solid;
}

.MainTable, .MainTableNoBackground, div.MainButtonTable, .MainTableNoBorderBackground, .GiftCouponTable
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.TableAlter
{
    background-color: #F4FAFF;
}

.TableRow
{
    background-color: #ffffff;
}

.CheckOutCompleteTable
{
    border: solid 1px #f3f3f3;
    padding: 1px;
}

/* GridView style */
.GridStyle, .GridNoBorder
{
    border: 0px;
    color: #333333;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.GridStyle
{
    border: #336666 solid 1px;
}

.GridRowStyle
{
    background-color: White;
}

.GridAlternatingRowStyle
{
    background-color: #ECF6FF;
}

.GridHeadStyle
{
    background-color: #a1c1d9;
    font-weight: bold;
    color: #ffffff;
}
/* end GridView style */

/* Cart Table */
.cart-table
{
    margin: 0 0 30px;
}

.cart-table caption
{
    color: #444;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0 0 7px;
    text-align: left;
}

.cart-table th
{
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 7px 7px; 
    text-align: left;
    vertical-align: top; 
}

    .cart-table th span
    {
        display: block;
        margin: 3px 0 0;
    }
    
    .cart-table th.cart-col-id { width: 5% }
    .cart-table th.cart-col-desc { width: 35% }
    .cart-table th.cart-col-shipdate { width: 10% }
    .cart-table th.cart-col-canceldate { width: 10% }
    .cart-table th.cart-col-ponumber { width: 10% }
    .cart-table th.cart-col-qty { width: 10% }
    .cart-table th.cart-col-price { width: 10% }
    .cart-table th.cart-col-total { width: 10% }
    .cart-table th.cart-col-remove { width: 10% }
    
.cart-table td
{
    border-bottom: 1px solid #ddd;
    font-size: 1.1em;
    padding: 5px 7px;
    text-align: left;
    vertical-align: top;
}

.cart-table td.table-action
{
    border: 0;
    padding-top: 10px;
    text-align: right;
}

.cart-table tr.order-total-row td
{
    border: 0;
    border-top: 1px solid #777;
    font-size: 1.3em;
    font-weight: bold;
    text-align: right;
}

    .cart-table tr.order-total-row td.order-total { text-align: left }

p.cart-grand-total
{
    border-top: 1px solid #777;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px 7px;
    text-align: right;
}

    p.cart-grand-total strong { color: #777; }
    p.cart-grand-total em { 
        font-style: normal;
        width: 5%;
    }
    
.ShoppingCartButton {
    margin: 0 0 30px;
    text-align: right;
}

.ShoppingCartButton input {
    margin-left: 15px !important;
}

/* Checkout */
.CheckoutShippingLabel
{
    width: 100px;
    line-height: 24px;
    float: left;
    margin-left: 2px;
    margin-right: 5px;
    height: 24px;
}
.CheckoutShippingData
{
    float: left;
}
/* end Checkout */
/* Shipping*/
.ShippingTable
{
    width: 500px;
    text-align: left;
    background-color: #F4FAFF;
    border: solid 1px #DDE8EF;
    padding: 5px;
}
div.ShippingButtonTable
{
    width: 500px;
}
/* end Shipping*/
/* Payment*/
.PaymentTable
{
    text-align: left;
    width: 550px;
    background-color: #F4FAFF;
    border: solid 1px #DDE8EF;
    padding: 5px;
}

.PaymentTable strong
{
    color: #a1c1d9;
}


/* end Payment*/

div.MainButtonTable
{
    margin-top: 15px;
}

div.MainButtonInner
{
    padding: 5px 15px;
    text-align: right;
}

.LeftJustify
{
    text-align: left;
}
.CenterJustify
{
    text-align: center;
    overflow: hidden;
}
.RightJustify
{
    text-align: right;
}
.OneUpDetails
{
    margin-left: 10px;
}
.SearchButtonImage
{
    background-image: url(Images/Design/Button/Search.gif);
}

/* Payment Details */
#orderPayment
{
    padding: 0 0 50px;
}
.officelink
{
    font-size: 1.5em;
    text-decoration: underline;
    margin-right: 2px;
}