/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/****************************************************/
/***********[ Mage_CSS_B Common Elements ]***********/
/****************************************************/


/********************** Columns */

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right;}

/* Col2-alt */
.col2-alt-set .col-1 { width:32%; }
.col2-alt-set .col-2 { width:65%; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right;}

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }


.accent { color:#E76200; font-weight:bold; }

/********************** Form */

/* Form Elements */
input.input-text, select, textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; }
option, optgroup { font:12px arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.input-text, textarea { padding:2px; }
input.form-radio,
input.form-checkbox { margin-right:3px; }
.qty { width:2.5em; }
.group-select label, .form-list label, .payment-methods label { font-weight:bold;}
.input-text:focus, select:focus, textarea:focus { background:#edf7fd; }
.button-set { /* Container for form buttons*/
    clear:both;
    margin-top:4em;
    border-top:1px solid #e4e4e4;
    padding-top:8px;
    text-align:right;
    }
.form-button, .form-button-alt {
    overflow:visible;
    width:auto;
    border:0;
    padding:1px 8px;
    background:#f18200;
    color:#fff;
    border:1px solid #de5400;
    font:bold 12px arial, sans-serif !important;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    }
.form-button span, .form-button-alt span {
    white-space:nowrap;
    }
.form-button-alt {
    border:1px solid #406a83;
    background-color:#618499;
    }
a.form-button-alt { padding: 2px 9px; text-decoration:none; }
.form-button-alt:hover { color:#fff; text-decoration:none; }
.btn-checkout {
    display:block;
    float:right;
    background:transparent url(../images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0;
    font-size:15px;
    font-weight:bold;
    padding-right:8px;
    }
.btn-checkout, .btn-checkout:hover {
    color:#fef5e5;
    text-decoration:none;
    }
.btn-checkout span {
    display:block;
    padding:0 17px 0 25px;
    background:transparent url(../images/btn_proceed_to_checkout_bg.gif) no-repeat;
    line-height:40px;
    }

/* Form lists */
.form-list li { margin-bottom:6px; }
.form-list li .input-box .input-text, .form-list li .input-box textarea { width:250px; }
.form-list li .input-box select { width:256px;}
.form-list li.addElement { border-top:1px solid #DDD; padding-top:10px;}

.group-select {
    margin:28px 0;
    border:1px solid #bbafa0;
    padding:22px 25px 12px 25px;
    background:#fbfaf6;
    }
.group-select .legend {
    margin-top:-33px;
    float:left;
    border:1px solid #f19900;
    background:#F9F3E3;
    padding:0 8px;
    color:#E76200;
    font-weight:bold;
    font-size:1.1em;
    }
.group-select li { padding:4px 8px; }
.group-select li .input-box { float:left; width:275px; }
.group-select li .input-text, .group-select li select, .group-select li textarea { width:525px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea { width:250px; }
.group-select li .input-box select { width:256px;}


/* Form Messages */
.validation-advice, .required { color:#EB340A; }
.validation-advice {
    clear:both;
    min-height:15px;
    margin-top:3px;
    background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px;
    padding-left:17px;
    font-size:.95em;
    font-weight:bold;
    line-height:1.25em;
    }
.validation-failed {
    border:1px dashed #EB340A !important;
    background:#faebe7 !important;
    }
label.required {
    font-weight:bold;
    }
p.required {
    font-size:.95em;
    text-align:right;
    }



/********************** Headings */

.head, .inner-head { line-height:1.25em; text-align:right; }
.head h1,.head h2, .head h3, .head h4, .head h5,
.inner-head h1,.inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5{ margin:0; float:left; }


/* Page heading */
.page-head { margin:0 0 25px 0; border-bottom:1px solid #ccc; }
.page-head-alt { margin:0 0 12px 0; }
.page-head, .page-head-alt { text-align:right; }
.page-head h3, .page-head-alt h3 {
    margin:0;
    font-size:1.7em !important;
    font-weight:normal !important;
    text-transform:none  !important;
    text-align:left;
    }
.button-level h3 { /* heading level with buttons */
    float:left;
    width:55%;
    }


/* Category list heading */
.category-head {
    margin-bottom:7px;
    }
.category-head h2 {
    width:100%;
    margin:0;
    padding:3px 0;
    color:#0a263c;
    font-size:1.6em;
    line-height:1.3em;
    font-weight:normal;
    overflow:hidden;
    }

.box-header {font-size:1.05em;text-align:left;background:#EEEEEE none repeat scroll 0%;font-weight:bold;padding:2px 8px;margin:10px 0px}

/********************* Tables */
td.label        { font-weight:bold; }

/* Data Table */
.data-table { border:1px solid #bebcb7; width:100%; }
.data-table tr { background:#fff; }
.data-table .odd  { background:#f8f7f5 }
.data-table .even { background:#eeeded !important; }
.data-table td.last, .data-table th.last { border-right:0; }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; }
.data-table th { border-right:1px solid #c2d3e0; padding:2px 4px; color:#0a263c; white-space:nowrap; }
.data-table th.wrap { white-space:normal; }
.data-table th a,
.data-table th a:hover { color:#fff; }
.data-table td { padding:3px 8px; }
.data-table thead tr th { background:url(../images/data_table_th_bg.gif) repeat-x 0 100% #d9e5ee; }
.data-table tfoot { border-bottom:1px solid #d9dde3;}
.data-table tfoot tr.first { background:url(../images/base_mini_actions_bg.gif) 0 0 repeat-x; }
.data-table tfoot tr { background-color:#DEE5E8 !important; }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; }
.data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; }
/* Bundle Products */
.data-table tbody.odd tr { background:#f8f7f5 !important; }
.data-table tbody.even tr { background:#f6f6f6 !important; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td h5.title { margin:0; padding:0; font-size:1em; font-weight:bold; color:#2f2f2f; }
.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }

.box-table td { padding:10px; }
.box-table tfoot td { padding-top:5px; padding-bottom:5px; }
.box-table select { width:100%; }

.nested-data-table th, .nested-data-table td { padding-top:2px; padding-bottom:2px;  }

.generic-table td { padding:0 8px}
.generic-table td.first { padding-left:0; white-space:nowrap;}
.shipping-tracking .button-set { margin-top:0; border:none; border-top:0; padding-top:0; }



/********************** Pager */
table.pager select,
table.view-by select { margin:0 3px; font-size:.95em; }
table.pager select { width:50px; }
table.view-by td.sort-by { text-align:right; padding-right:44px; }
table.view-by select { width:85px; }
table.pager, table.view-by {
    width:100%;
    background:url(../images/pager_bg.gif) repeat-x 0 100% #fff;
    font-size:.95em;
    }
table.pager td {
    width:32%;
    border-top:1px solid #eee;
    padding:4px 8px;
    vertical-align:middle;
    }
table.pager td.pages { padding:4px 0; white-space:nowrap; text-align:center; }
table.pager ol, table.pager li {
    display:inline;
    }
table.pager li { padding:0 2px; }
table.view-by td {
    width:33%;
    border-top:1px solid #e2e2e2;
    padding:4px 8px;
    vertical-align:middle;
    }



/********************** Rating */
.ratings {
    margin:7px 0;
    line-height:1em;
    }
.rating-box {
    float:left;
    position:relative;
    width:69px;
    height:13px;
    background:url(../images/product_rating_blank_star.gif) repeat-x;
    }
.rating-box .rating {
    position:absolute;
    top:0;
    left:0;
    height:13px;
    background:url(../images/product_rating_full_star.gif) repeat-x;
    }
.ratings-list {
    margin:4px 0;
    }
.ratings-list td {
    padding:3px 0;
    }
.ratings-list td.label {
    padding-right:8px;
    font-size:.95em;
    font-weight:bold;
    line-height:1em;
    }

.customer_review .rating-box {
    float:right;
}
.customer_review p {
    padding:0;
    margin:7px 0;
}

#customer-reviews ol { padding:5px 0 7px; margin:0; list-style:none; }
#customer-reviews li { padding:8px 8px 4px; list-style:none; }
#customer-reviews li.alt { background:#f3f3f3; }
#customer-reviews li p { clear:both; }
.product-collateral .add-tag-box .input-box { float:left; width:302px; margin-right:8px; }
.product-collateral .add-tag-box .input-box .input-text { width:300px;  }
.tags-list { margin-bottom:15px; }
.tags-list li {
    display:inline;
    background:url(../images/separator.gif) no-repeat 100% .4em;
    padding:0 8px 0 4px;
    }
.tags-list li.first { padding-left:0; }
.tags-list li.last { background:none; }
.add-tag-box { background:url(../images/icon_tag_add.gif) no-repeat 0 2px; padding-left:23px; }
.product-review-box { padding-bottom:10px; }
.product-review-box table { width:258px; margin:2px 0 0; }
.product-review-box td,
.product-review-box th { text-align:center; }
.product-review-box td.label { width:100px; text-align:left; }


/* Reviews */
.my-review-detail {  }
.my-review-detail .product-image { float:left; width:135px; }
.my-review-detail .product-image p { margin-bottom:0; }
.my-review-detail .product-image p img { vertical-align:top; }
.my-review-detail .details { float:right; width:312px; }
.my-review-detail .ratings-list { margin-bottom:.8em; }
.my-review-detail .ratings { line-height:1.5; }
.my-review-detail .ratings .rating-box { float:none; margin-bottom:3px; }
.my-review-detail .ratings .pipe { display:none; }
.my-review-detail .ratings a { display:block; }