/**
 * Tabs
 *
 * @author      Roland Franssen <franssen.roland@gmail.com>
 * @license     MIT
 * @version     1.0
 **/

.tab-container { margin:.5em 0 }
.tab-container * { padding:0; margin:0 }

.tab-container .tabs { height:25px; overflow:auto }
.tab-container .tabs li { display:block; float:left; height:25px; line-height:25px; padding:0 .5em; background:#eee }
.tab-container .tabs li.current { font-weight:bold; background-color:#000000; }

.tab-container .tabs li a { color:#999; font-size:.85em; text-decoration:none }
.tab-container .tabs li a:hover { text-decoration:underline }
.tab-container .tabs li.current a,
.tab-container .tabs li.current a:hover { color:#666 }

.tab-container .tab { padding:1em; border:1px solid #ccc; border-top-width:2px }
.tab-container .loading { color:red }
.tab-container .empty { padding:1em; text-align:center; font-style:italic }

.tab-container .tab-navigation { text-align:right; font-size:.8em; padding-top:.5em }
.tab-container .tab-navigation a { color:#999; padding:0 .5em }
.tab-container .tab-navigation .first { }
.tab-container .tab-navigation .prev { }
.tab-container .tab-navigation .next { }
.tab-container .tab-navigation .last { }

#tabs {float:right; display:inline; margin:-20px 0 0 0; padding:0; clear:right;}
#tabs ul {margin:0; padding:0; float:right; display:inline;}
#tabs ul li {margin:0; padding:0; display:inline; list-style:none; float:left; display:inline;}
#tabs li a:link, #tabs li a:active, #tabs li a:visited {padding:10px 15px 8px 15px; float:left; display:inline; outline-style:none;}
#tabs li a:hover {background-color:#000000;}

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-color:#000000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding:0; display: block; border-width: 0; background: none; clear:both; width:939px; background-color:#000000;  font-size:10px; font-family:arial; font-weight:bold; color:#ffffff;}
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs-panel p {font-size:10px; font-family:arial; font-weight:bold; color:#ffffff; margin:0; padding:6px 10px;}
.ui-tabs-panel p a:link, .ui-tabs-panel p a:active, .ui-tabs-panel p a:visited {font-size:10px; font-family:arial; font-weight:normal; color:#008FF9; text-decoration:none;}
.ui-tabs-panel p a:hover, .ui-tabs-panel p a.selected {color:#ffffff ; }

#tabs .tabs li.current { font-weight:bold; background-color:#000000; }


#target_1 p.sub-nav{padding-left:195px;}
#target_2 p.sub-nav{padding-left:225px;}
#target_3 p.sub-nav{padding-left:336px;}
#target_4 p.sub-nav{padding-left:448px;}


.ui-tabs p{float:left;}

p.cart-items{float:right;padding-right:90px;padding-left:0;}