/* 
Document   : styles
Created on : 21-May-2009, 17:31:55
Author     : kevin.hamilton
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {
    margin:0;
    padding:0;
    height:100%;
    overflow-y:scroll;
}

body {
    margin: 0;
    padding:0;
    background: #ffffff url('/images/bg_stripe.png') repeat fixed 0 0;
    min-height:100%;
    position:relative;
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}
* html body {
    height:100%;
}

#logo {
    position:absolute;
    display:block;
}

#login-summary {
    position:absolute;
    right:30px;
    top:0;
    text-align:right;
    font-size:12px;
    line-height:20px;
}

strong {
    font-weight:bold;
}
a {
    color:#595959;
    text-decoration:none;
}
a:hover {
    color: #7eb214;
}
.green {
    color: #7eb214;
}

#header {
    background: #ffffff none repeat scroll bottom left;
    padding-top:10px;
}
#header-content {
    position:relative;
    width:960px;
    margin:0 auto;
    padding-left:10px;
    height:122px;
}

#header-bar {
    background: transparent url('/images/bar_shadow.png') repeat-x scroll  bottom left;
}
#header-bar-content {
    width:960px;
    margin:0 auto;
    /*outline:1px solid red;*/
    height: 26px;
    padding-bottom:12px;
    padding-left:10px;

}
#footer a {
    color:#595959;
    font-weight:bold;
    text-decoration:none;
}
#footer a:hover {
    color: #7eb214;
}
#footer {
    position: absolute;
    width:960px;
    margin-left:-480px;
    margin-bottom:5px;
    bottom:0;
    left:50%;
    color:#595959;
    font: bold 11px Verdana,Arial,Helvetica,sans-serif;
    /*margin:0 auto;*/
}
#footer-content {
    overflow:hidden;
    width:940px;
    margin:0 auto;
}
#footer-bar {
    height:15px;
    margin-bottom:10px;
    background:#d5d7db;
}
#page {
    width:940px;
    margin:0 auto;
    overflow:hidden;
    padding:10px 10px 70px 10px;

}
#menu {
    float:left;
    margin-right:20px;
}
#content {
    margin-left:240px;
}

/* DO NOT RE-ENABLE.. SERIOUS PERFORMANCE ISSUES */
/*:active, :focus { 
        outline: none;
        border: none;
}*/

.x-panel-header-text, .x-fieldset-header-text {
    color:#595959;
}
/*Shared css for file upload*/
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.x-form-field-wrap .x-form-plus-trigger{
    background-image: url(resources/ext/resources/images/gray-extend/form/plus-trigger.gif);
    cursor:pointer;
}

.x-form-field-wrap .x-form-minus-trigger{
    background-image: url(resources/ext/resources/images/gray-extend/form/minus-trigger.gif);
    cursor:pointer;
}

.x-form-field-wrap .x-form-imglib-trigger{
    background-image: url(images/btn_attach_image.gif);
    cursor:pointer;
    width:100px;
    margin-left:15px;
    border:none;
}


input.quantity {
    width: 20px;
}


.x-view-over{
    background: #efefef url(resources/ext/resources/images/default/grid/row-over.gif) repeat-x left top;
    border:1px solid #dddddd;
    padding: 4px;
}


.x-grid3-warning {
    color:#cc0000;
}


.cart-item {
    clear:both;
    overflow:hidden;
    padding: 5px;
    border:1px solid #dddddd;
}

.cart-item .cart-item-image {
    height: 60px;
    float: left;
}

.cart-item .line1 {
    overflow: hidden;
    margin-bottom:4px;
}
.cart-full .line1,.cart-full .line2, .cart-full .line3 {
    margin: 0 24px 4px 100px;
    overflow: hidden;
}

.cart-item .onright {
    float:right;
    padding-top:4px;
}






/*Shared css for file upload*/

/*Styles for the promotions list*/

.promotions {
    border-collapse:collapse;
    border-color:#DADADA;
    border-width:1px;
    border-style:solid;
    background-color:#f4f4f4;
    color:#595959;
}
.promotions td{
    border-collapse:collapse;
    border-color:#DADADA;
    border-width:1px;
    border-style:solid;
}
.promotionsHeader td{
    padding:5px 5px 5px 5px;
}
.promotionsHeader{
    background-image:url(resources/ext/resources/images/gray/table_header.gif);
    background-repeat:repeat-x;

    background-color:#d0d0d0;
    font-weight:bold;
}
.promotionsText {
    font-size:11px;
    line-height:18px;
    padding:10px;
}
.specialOffer-moreBtn{
    padding:10px;
}
.specialOffer-moreBtn{
    float:right;
}
.specialOffer-moreBtn a{
    background-image:url(resources/ext/resources/images/gray/btn_more_info.gif);
    display:block;
    width:83px;
    padding-top:3px;
    height:18px;
    color:#000000;
    text-decoration:none;
    text-align:center;
}
.specialOffer-moreBtn a:hover{
    background-image:url(resources/ext/resources/images/gray/btn_more_info.gif);
    background-position:0 -21px;
}
/*.promotionsHeader td{
padding-top:0;
padding-bottom:0;
}*/


/**************************
gallery(new design) ->place_order START
***************************/
.productGallery-card {
    position: relative;
    border:1px solid #DADADA;
    width:220px;
    height:170px;
    float:left;
    margin:3px;
}
.productGallery-card .productGallery-title{
    background-image:url(../../resources/ext/resources/images/gray/panel/white-top-bottom.gif);
    padding-left:3px;
    height:15px;
    padding-top:2px;
    color:#595959;
    font-weight:700;
    text-transform:capitalize;
}
.productGallery-card  .productGallery-content{
    /*border:1px solid #339900;*/
    overflow:hidden;
}
.productGallery-card .productGallery-image{
    width:110px;
    /*height:100px;*/

    margin:10px 3px 10px 3px;
    display:inline;
    float:left;
    /*border:1px solid #DADADA;*/
}
.productGallery-card .productGallery-image img {
    display:block;
    margin:0 auto;
    border: 1px solid #d4d4d4;
}
.productGallery-card .productGallery-info{
    /*float:left;*/
    margin-top:5px;
    margin-right: 5px;
    text-align:right;
    /* border:1px solid blue; */
}
.productGallery-card .productGallery-info .productGallery-label{
    padding-left:3px;
    width:55px;
    float:left;
}
.productGallery-card .productGallery-info .productGallery-value{

}
.productGallery-card .productGallery-info .clear{
    clear:both;
}
.productGallery-card .productGallery-content .productGallery-orderItem{
    position:absolute;
    bottom:5px;
    right:5px;
    /*width:100px;*/
    /*background-color:#CCCCCC;*/
    margin-top:5px;
    /*border:1px solid #DADADA;*/

}
/**************************
gallery ->place_order END
***************************/

/**************************
specialOffers(promotions) ->place_order START
***************************/

.promo-item {
    position: relative;
    margin:10px 5px 0 5px;
    min-height:170px;
    padding:0;
    /*border:1px solid #DADADA;
    border-width: 1px 0 1px 0;*/
    overflow: hidden;

}
.promo-item .title{
    background-image:url(../../resources/ext/resources/images/gray/panel/white-top-bottom.gif);
    padding:8px;
    background-color:#e6e6e6;
    color:#333333;
    font-weight:700;
    text-transform:capitalize;
}
.promo-item .title .dates{
    float:right;
}
.promo-item .content{
    padding:10px 10px 10px 13px;
    /*border:1px solid #DADADA;
    min-height:150px;
    */
    /*width:100%;*/
    margin:5px;
    /*display:inline;*/
    /*float:left;*/

}
.promo-item .content>p {
    margin: 12px;
    text-align:right;
}
.promo-item .more-btn {
    position: absolute;
    top:3px;
    right:5px;
    /*float:right;
    margin-bottom:15px;
    margin-right:15px;
    margin-top:15px;
    bottom:10px;*/
}

.editReportBtn{
    background-image:url(/resources/ext/resources/images/gray/panel/white-top-bottom.gif);
    border:1px solid #5972A2;
    width:70px;
    height:20px;
    font-size:12px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:15px;
    padding-left:15px;
    margin-bottom:20px;
    margin-top:20px;
    font-weight:700;
}

#news-article .news-item {
    display: block;
    overflow:hidden;
    /*margin-bottom:10px;*/
    /*border:none;
    border-top:1px solid #D0D0D0;*/ /*#6272c0;*/
    padding:0;
}

#news-view {
    background: #ffffff url('images/greydot.png') repeat-y scroll top center;
    overflow:hidden;
}

#news-view .news-item {
    display: block;
    float:left;
    width:50%;
    overflow:hidden;
    /*margin-bottom:10px;*/
    border:none;
    border-top:1px solid #D0D0D0; /*#6272c0;*/
    padding:0;
    /*min-height:80px;*/
    /*padding-left:15px;
    padding-right:15px;*/
}
/*.news-item:first-child {
    border-top:none
}*/
.news-item h1 {
    position:relative;
    padding: 8px 15px 8px 58px;
    min-height: 34px;
    font-size:14px;
    color:#595959;
    cursor:pointer;
    background: transparent url('images/app_48x48.png') no-repeat scroll 2% 50%;
    /*border:1px solid red;*/
}
#news-article .news-item h1 {
    cursor:default;
    color: #000000;
    padding: 8px 15px 8px 63px;
}
#news-view .news-item h1.x-over {
    color:#7EB214;
}
.news-item h1 .date {
    position:absolute;
    left:2%;
    top:50%;
    margin-top:-24px;
    color:#222222;
    width:48px;
    height:48px;
    /*outline:1px solid red;*/
}
.news-item h1 .date .day {
    margin-top:16px;
    font-size:12px;
    line-height:10px;
    text-align:center;
}
.news-item h1 .date .mth {
    text-align:center;
    font-size:10px;
}
.news-item .content {
    padding:5px 10px 10px 10px;
    overflow:hidden;
    /*margin-top:15px;
    margin-bottom:15px;*/
}
#news-article .news-item .content {
    padding-left: 15px;
}
.news-item .content p {
    line-height:18px;
}
#news-view .x-view-over {
    /*cursor: pointer;*/
}


.address-icon {
    background: url(/images/icon_addaddress.png) 0 6px no-repeat !important;
}
.show-all-icon {
    background-image: url(/images/icon_show_all.png) !important;
}
.print-icon {
    background-image: url(/images/icon_print.png) !important;
}
.add-to-cart-icon {
    background-image: url(/images/icon_addtocart.png) !important;
}
.add-data-upload {
    background-image: url(/images/icon_data_upload.png) !important;
}
.icon-save {
    background-image: url(/images/icon_save.png) !important;
}
.icon-add {
    background-image: url(/images/icon_add.png) !important;
}
.icon-delete {
    background-image: url(/images/icon_delete.png) !important;
}
.icon-cancel {
    background-image: url(/images/icon_cancel.png) !important;
}
.icon-back {
    background-image: url(/images/icon_back.png) !important;
}
.icon-csv {
    background-image: url(/images/icon_excel.png) !important;
}

.x-form-edit-trigger {
    background-image: url(/images/edit-trigger.gif) !important;
}

/*.specialOffer-moreBtn{
padding-left:60%
}
*/
/**************************
specialOffers(promotions) ->place_order FINISH
***************************/
/*
.x-btn button {
    width:100%;
}
*/

/* fix for visible header when no toolbar in IE7 */
.x-panel-tc {overflow: visible;}