body
{
    margin: 5px;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
}
p{
    margin:0;
    padding:0;
}
a, a:hover, a:visited{
    color:#44A;
    outline:none;
}

#content{
    margin:0 auto;
    max-width:1200px;
}

#page
{
    clear:both;
    margin: 0 0 5px 0;
    padding:10px;
    background: white;
    border: 0px solid #777;
    border-top-width: 1px;
}

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

#footer
{
    clear:both;
    padding: 0;
    margin: 0;
}
#loadingIndicator{
    float:left;
    display:none;
    margin:4px;
}
.default-header{
    margin:0;
    padding:0;
    height:95px;
}

div.null{
    clear:both;
}
div.news-item{
    cursor:pointer;
}

.fl{
    float:left;
}
.fr{
    float:right;
}
.ib{
    display:inline-block;
}
.note{
    color:gray;
}
span.category_name, span.button{
    cursor:pointer;
}
.goods_item{
    clear:left;
}
.goods_item div.fl{
    margin: 0 20px 20px 0;
}
.goods_item span.title{
    cursor:pointer;
    text-decoration:underline;
    font-weight:bold;
}
img.goods-thumbs, img.goods.photos{
    cursor:pointer;
}
#shopping-cart{
    border:1px dotted #ccc;
    padding:8px;
}
div.thumb{
    border:1px dotted #ccc;
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}


div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.help_page{
    font-size:14px;
    margin-bottom:50px;
}
div.help_page p{
    margin:20px 0 0 0;
}
div.help_page li{
    margin:0 0 8px 0;
}
div.help_page p.note{
    margin:8px;
}


/*** CATALOG PAGE ***/
#left-col{
    width:200px;
    vertical-align:top;
}
#left-col fieldset{
    width:180px;
}
#left-col input[type=text],#left-col select{
    width:160px;
}

#center-col{
    vertical-align:top;
    min-width:700px;
    padding:10px;
}
#center-col input[name=title]{
    height:16px;
    width:99%;
} 
#center-col input[type=submit]{
    width:80px;
}
#right-col{
    width:200px;
    vertical-align:top;
}
.marquee-container {
    position: relative;
    margin:0;
    height:20px;
    overflow: hidden;
}

.marquee-subcontainer {
    position: relative;
    width:9999999px;
    margin:0px;
}

.marquee-text {
    position: absolute;
    margin: 0px;
    top:0px;
    left:0px;
    z-index:1;
}

/*** MENU TREE ***/
ul#nav { margin: 0; padding: 0; list-style: none; position: relative; z-index:2}
ul#nav ul { width: 189px;/* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; padding: 0px; z-index:100;}
ul#nav ul ul,ul#nav ul ul ul { top: 0; left: 100%; }
ul#nav li { float: left; display: inline; position: relative; }
ul#nav ul li.last {  border-bottom-width: 1px; border-bottom-style: solid; }
ul#nav ul li { width: 100%; display: block; }
ul#nav ul li a { background-color: #FCFCFF; }
ul#nav li.parent li.parent a { background:url('/images/nav2_parent_arrow.gif') 100% 100% no-repeat #FCFCFF; }
/* Root Menu */
ul#nav a { border-top: 1px solid #FFF; border-right: 1px solid #000; border-left: 1px solid #FFF; padding: 6px 12px; float: left; display: block; background: #FFF; color: #777; font: 10pt Arial, sans-serif; text-decoration: none; height: 1%; }
/* Root Menu Hover Persistence */
ul#nav a:hover,ul#nav li:hover a,ul#nav li.iehover a { background: #FFF; color: #000;  }
/* 2nd Menu */
ul#nav li:hover li a { color: #777;}
ul#nav li.iehover li a { float: none; background: #FCFCFF; border: 1px solid #777; border-bottom-width:0px; }
/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,ul#nav li:hover li:hover a,ul#nav li.iehover li a:hover,ul#nav li.iehover li.iehover a { background-color:  #DDFFBB; }
/* 3rd Menu */
ul#nav li:hover li:hover li a,ul#nav li.iehover li.iehover li a { background:  #FCFCFF; border-left-width:0; }
/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,ul#nav li:hover li:hover li:hover a,ul#nav li.iehover li.iehover li a:hover,ul#nav li.iehover li.iehover li.iehover a { background-color: #DDFFBB; }
/* 4th Menu */
ul#nav li:hover li:hover li:hover li a,ul#nav li.iehover li.iehover li.iehover li a { background: #FCFCFF;  border-left-width:0;}
/* 4th Menu Hover */
ul#nav li:hover li:hover li:hover li a:hover,ul#nav li.iehover li.iehover li.iehover li a:hover { background-color: #DDFFBB; }
/* Hover Function - Do Not Move */
ul#nav li:hover ul ul,ul#nav li:hover ul ul ul,ul#nav li.iehover ul ul,ul#nav li.iehover ul ul ul { display: none; }
ul#nav li:hover ul,ul#nav ul li:hover ul,ul#nav ul ul li:hover ul,ul#nav li.iehover ul,ul#nav ul li.iehover ul,ul#nav ul ul li.iehover ul { display: block; }

.wait
{
    background:url('/images/loading.gif') 50% 50% no-repeat;
}
/*** GRID  VIEW ***/
.grid-view-loading
{
    background:url('/images/loading.gif') no-repeat;
}

.gridview
{
    padding: 0 0 15px 0;
}

.gridview table.items
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px #D0E3EF solid;
}

.gridview table.items th, .gridview table.items td
{
    font-size: 0.9em;
    border: 1px white solid;
    padding: 0.3em;
}

.gridview table.items th
{
    color: white;
    background: #bbb;
    text-align: center;
}

.gridview table.items th a
{
    color: #EEE;
    font-weight: bold;
    text-decoration: none;
}

.gridview table.items th a:hover
{
    color: #FFF;
}

.gridview table.items th a.asc
{
    background:url(/images/up.gif) right center no-repeat;
    padding-right: 10px;
}

.gridview table.items th a.desc
{
    background:url(/images/down.gif) right center no-repeat;
    padding-right: 10px;
}

.gridview table.items tfoot tr{
    background-color:#f2f4ff;
}
.gridview table.items tr.separator td{
    border-bottom-color:lightgray; 
}

.gridview table.items tr.even
{
    background: #F8F8F8;
}

.gridview table.items tr.odd
{
    background: #F2F2F8;
}

.gridview table.items tr.selected
{
    background: #BCE774;
}

.gridview table.items tr:hover
{
    background: #ddffbb;
}

.gridview .link-column img
{
    border: 0;
}

.gridview .button-column
{
    text-align: center;
    width: 60px;
}

.gridview .button-column img
{
    border: 0;
}

.gridview .checkbox-column
{
    width: 15px;
}

.gridview .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.gridview .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.gridview .empty
{
    font-style: italic;
}

.gridview .filters input,
.gridview .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}


/*** LINK PAGER ***/
ul.gridPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.gridPager li
{
    display:inline;
}

ul.gridPager a:link,
ul.gridPager a:visited
{
    border:solid 1px #777;
    font-weight:bold;
    color:#4444AA;
    padding:1px 6px;
    text-decoration:none;
}

ul.gridPager .page a
{
    font-weight:normal;
}

ul.gridPager a:hover
{
    border:solid 1px #ddffbb;
    background:#ddffbb;
    color:#555555;
}

ul.gridPager .selected a
{
    background:#bbb;
    color:#FFFFFF;
    font-weight:bold;
}

ul.gridPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}
/**
 * Hide first and last buttons by default.
*/
ul.gridPager .first,
ul.gridPager .last
{
    display:none;
}


/*** FORMS
 * The styles can be applied to the following form structure:
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 * <div class="wide form">
 *     ......
 * </div>
*/

div.form
{
}

div.form input,
div.form textarea,
div.form select
{
    margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
    border: 1px solid #777;
    padding: 10px;
    margin: 0 0 10px 0;
    text-align:center;
    border-radius: 7px;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
}

div.form label
{
    font-weight: bold;
    font-size: 0.9em;
    display:block;
}


div.form .row
{
    margin: 5px 0;
}

div.form .hint
{
    margin: 0;
    padding: 0;
    color: #999;
}

div.form .note
{
    font-style: italic;
}

div.form span.required
{
    color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
    color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
    background: #FEE;
    border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
    background: #E6EFC2;
    border-color: #C6D880;
}


div.form .errorSummary
{
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

div.form .errorMessage
{
    color: red;
    font-size: 0.9em;
}

div.form .errorSummary p
{
    margin: 0;
    padding: 5px;
}

div.form .errorSummary ul
{
    margin: 0;
    padding: 0 0 0 20px;
}

div.wide.form label
{
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100px;
}

div.wide.form .row
{
    clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
    clear: left;
    padding-left: 110px;
}
form#searchform div.form label
{
    display:inline;
}
form#searchform div.form fieldset
{
    text-align:left;
}


/*** TREE VIEW ***/
#tree-category li{
    type:none;
}


/*** LIST VIEW ***/
.list-view-loading
{
    //background:url('/images/loading.gif') no-repeat;
}

.list-view .summary
{
    margin: 0 0 5px 0;
    text-align: left;
}

.list-view .sorter
{
    margin: 0 0 5px 0;
    text-align: right;
}

.list-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.list-view .sorter
{
    font-size: 0.9em;
}

.list-view .sorter ul
{
    display: inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

.list-view .sorter li
{
    display: inline;
    margin: 0 0 0 5px;
    padding: 0;
}

.list-view .sorter a.asc
{
    background:url('/images/up.gif') right center no-repeat;
    padding-right: 10px;
}

.list-view .sorter a.desc
{
    background:url('/images/down.gif') right center no-repeat;
    padding-right: 10px;
}


/*** AUTO COMPLETE ***/
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('/images/loading.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}

.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
    margin-top: 0;
}


[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}
.icon-trash {
    background-position: -456px 0;
}
.icon-download {
    background-position: -120px -24px;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}

.table th,
.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success td {
    background-color: #dff0d8;
}

.table tbody tr.error td {
    background-color: #f2dede;
}

.table tbody tr.warning td {
    background-color: #fcf8e3;
}

.table tbody tr.info td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover td {
    background-color: #c4e3f3;
}


.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%;
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%;
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
}

.row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
    margin-left: 102.12765957446808%;
    *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
    margin-left: 93.61702127659574%;
    *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
    margin-left: 85.1063829787234%;
    *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
    margin-left: 76.59574468085106%;
    *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
    margin-left: 68.08510638297872%;
    *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
    margin-left: 59.574468085106375%;
    *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
    margin-left: 51.063829787234035%;
    *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
    margin-left: 42.5531914893617%;
    *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
    margin-left: 34.04255319148936%;
    *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
    margin-left: 25.53191489361702%;
    *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
    margin-left: 17.02127659574468%;
    *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
    margin-left: 8.51063829787234%;
    *margin-left: 8.404255319148938%;
}
#cart_content{
    display:none;
    position:fixed;
    width:600px;
    top:50px;
    left:50%;
    z-index:100;
    margin-left:-300px;
    background-color:#ffffff;
    border:1px solid grey;
    padding:10px;
    box-shadow: 0 0 10px 5px rgba(196, 196, 196, 1);
}
#cart_content button{
    cursor:pointer;
    float:right;
    clear:both;
}
.righted{
    text-align:right;
}
.centered{
    text-align:center;
}