/*********************** global housekeeping rules ***********************/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-image:url('/themes/default/images/background.jpg');
    background-repeat:repeat-x;
    background-color: rgb(255,255,255);
    margin-top: 0px;    
    text-align: center;
}

h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 2em;
    font-weight:lighter;
    line-height: 1.4em;
    letter-spacing: 0.03em;
    color: #000000;
    margin:0px;
    padding: 0px;
}

h2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: lighter;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

h3 {
    font-size: 1.1em;
    color: black;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

p {
    line-height: 1.2em;
}

a {
    color: #333333;
}

a:hover {
    color: #666666;
}

#uberwrapper {
    text-align: left;
    width: 833px;
    margin: 0px auto;
}

/*********************** header rules ***********************/

#header {
    background-image: url('/themes/default/images/logo_background.png');
    background-repeat:no-repeat;
    width: 833px;
    height: 135px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    position: relative;
}

#logo {
    width: 115px;
    height: 115px;
    margin: 0px;
    padding: 0px;
    float: left;
    position: absolute;
    top: 12px;
    left: 10px;
}

#box {
    top: 0px;
    height: 20px;
    margin: 0px;
    padding: 62px 5px 3px 5px;
    text-align: right;
}

#box input {
    margin: 0px 3px;
    font-size: 0.9em;
}

#box_image {
    margin: 0px 5px;
    padding: 0px;
    vertical-align:middle;
}

#dropdown_wrapper {
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 133px;
}

#cart_nav {
    height: 16px;
    margin: -1px 20px 0px 0px;
    font-size: 0.95em;
    font-weight: bold;
    padding: 0px;
    float: right;
    color: #1B3665;
    text-align: right;
    _margin-top: -5px;
}

#cart_nav a, #cart_nav a:hover, #cart_nav a:visited {
    color: #000000;
    text-decoration: none;
}

#cart_nav a:hover {
    text-decoration: underline;
}

#cart_nav a.hilite
{
    color: red;
}

/*********************** main content rules ***********************/

#maincontent {
    width: 833px;
}

#maincontent_right {
    width: 605px;
    margin: 0px 0px 30px 215px;
    position: relative;
    font-size: 0.9em;
}

#maincontent_right p {
    margin: 5px 0px 15px 0px;
    line-height: 1.2em;;
}

#maincontent_right ul, li {
    color: #000000;
    line-height: 1.2em;
}

/*********************** interior left navigation rules ***********************/

#leftnav {
    width: 173px!important;
    height: auto;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    float: left;
    font-size: 0.9em;;
}

#leftnav_corners_top {
    background-image: url('/themes/default/images/leftnav_topcorners.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    width: 173px;
    height: 12px;
    margin: 0px 0px -2px 0px;
    padding: 0px;
    font-size: 0.5em; /* tiny for the nbsp */
}

#leftnav_title {
    font-weight: bold;
    margin: -2px 0px -2px 0px;
    padding: 5px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid silver!important;
    border-top: none;
}

#leftnav ul {
    list-style:none;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

#leftnav li {
    margin: 0px;
    padding: 0px;
}

#leftnav li.current_cat {
    font-weight: bold;
}

#leftnav li.current_cat ul {
    font-weight: normal;
}

#leftnav ul ul{
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: none;
}

#leftnav ul ul li {
    margin: 0px;
    padding: 2px 0px 2px 20px;
    font-size: 0.8em;
    line-height: 1.1em;
    width: 148px;
}

#leftnav ul ul li a {
    margin: -2px 0px -2px -20px;
    padding-left: 20px;
    width: 148px;
}

#leftnav ul ul li strong{
    margin: -2px 0px -2px -20px;
    padding-left: 20px;
    width: 148px;
}

#leftnav a {
    margin: 2px 0px 2px 0px;
    padding: 2px 3px 4px 6px;
    color: #000000;
    text-decoration: none!important;
    display: block;
    width: 162px;
    height: auto;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

#leftnav a:hover {
    color: #000000!important;
    text-decoration: none;
    background-color: #F6F6F6!important;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

#leftnav a:visited {
    color: #000000;
    text-decoration: none;
}

#leftnav li strong {
    margin: 2px 0px 2px 0px;
    padding: 2px 3px 4px 6px;
    color: #000000;
    text-decoration: none;
    display: block;
    width: 162px;
    height: auto;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

#leftnav_corners_bot {
    background-image: url('/themes/default/images/leftnav_bottomcorners.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    width: 173px;
    height: 24px;
    margin: -2px 0px 0px 0px;
    padding: 0px;
}

/*********************** Breadcrumb and Mini Cart ***********************/

#breadcrumb {
    margin-bottom: 10px;
    height:1.2em;
}

#breadcrumb .cart_link {
    float:right;
    margin-top:-3px;
}

#mini_cart {
    padding:10px;
    position:absolute;
    top:30px;
    right:10px;
    z-index:1010;
    display:none;
    border:1px solid silver;
    background-color:white;
}

#mini_cart a, #mini_cart a:hover {
    color: #000000;
    text-decoration: none;
}

#mini_cart .cart_opt {
    font-style: italic;
}

#addedToCart {
    padding:10px;
    position:absolute;
    top:200px;
    right:25%;
    width: 50%;
    text-align:center;
    z-index:20;
    display:none;
    border:1px solid silver;
    background-color:white;
    font-weight: bold;
}

.signin_box {
    border:1px solid silver;
    width:265px;
    float:left;
    padding:10px;
    margin:5px;
    height:200px;
    position:relative;
}

.titlebar {
    margin:-10px -10px 10px -10px;
    padding: 3px;
    border-bottom:1px solid silver;
    background: #f6f6f6 url('/themes/default/images/titlebar_grad.jpg') repeat-x top;
    text-align:center;
    height: 1.0em;
    color: #000000;
    font-weight: bold;
}

.titlebar .buttons {
    float:right;
}

/*********************** footer rules ***********************/

#footer {
    width: 833px;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    font-size: 0.8em;
    line-height: 1.2em;
}

#footer a {
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

#footer a:hover {
    color: #000000;
    text-decoration: underline!important;
}

#footer a:visited {
    color: #000000;
    text-decoration: none;
}

#footer p {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    color: #000000;
    text-align: center;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

#copyright {
    width: 833px;
    padding: 0px;
    margin: 0;
    font-size: 0.8em;
    line-height: 1.2em;
}

#copyright p {
    color: #999999;
    text-align: center;
    padding: 0;
    margin: 10px 0;
}

/*********************** begin flyout box ***********************/

.menu_item { 
    width:250px; 
    height: auto !important;
    height:250px; 
    position:relative; 
    margin: 10px; 
    padding: 0px;
}

.menu_item a, .menu a:visited {
    text-decoration: underline; 
    color:#000000; 
}

.menu_item_wrapper {
    margin-top:5px;
    padding: 0px;
    display: none;
}

table.product_table tr td {
    border-top: 1px solid #cccccc;
}

table.product_table tr:first-child > td {
    border-top: none;
}

td.product_cell {
    border-left: 1px solid #cccccc;
    font-size: 0.8em;
}

td.product_cell:first-child {
    border-left: none;
}

/*********************** begin single item styles ***********************/

.single_item {
    position:relative;
    width:250px;
    height:auto !important;
    height:250px;
}

.single_item p {    
    padding:2px 0px 2px 0px; 
    margin:0px;
}

.single_item ul {   
    padding:0px; 
    margin:0px;
    list-style-type: none;
}

.single_item_options {
    padding:2px 0px 2px 10px; 
    margin:0px;
}

.submit {
    border: 1px outset silver; 
    background-color: #F4F2E6; 
    width: 65px;
}


/*********************** misc cart styles ***********************/

img.mark1 {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

img.mark2 {
    position: absolute;
    top: 26px;
    right: 10px;
    z-index: 10;
}

img.mark3 {
    position: absolute;
    top: 42px;
    right: 10px;
    z-index: 10;
}

img.mark4 {
    position: absolute;
    top: 58px;
    right: 10px;
    z-index: 10;
}

img.mark5 {
    position: absolute;
    top: 74px;
    right: 10px;
    z-index: 10;
}

img.mark6 {
    vertical-align: top;
    float: right;
    top: 26px;
    right: 10px;
    z-index: 10;
}

img.enlarge_icon {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}

img.info {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}

img.msc_tag {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
}

form,input {
    margin:0px;
}

.cart_error {
    color: red;
    padding: 10px;
    margin: 10px;
    border: 1px solid red;
    font-weight: bold;
    text-align: left;
}

.cart_error li {
    color: red;
}


.cart_warn {
    color: #3cb371;
    padding: 10px;
    margin: 10px;
    border: 1px solid #3cb371;
    font-weight: bold;
    text-align: center;
}

.cart_warn ul {
    text-align: left;
}

.login_error {
    color: red;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid red;
    font-weight: bold;
    text-align: left;
}

.accessory_container {
    width: 33%;
    height: auto;
    text-align: center;
    vertical-align:top;
    margin:0px;
    padding: 0px;
    font-size: 0.8em;
}
.accessory_container img {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}




#featured_wrapper {
    background-color:lightgrey;
    color:white;
    margin-top:20px;
    padding:1px;
}

#featured_wrapper > h2 {
    color:white;
    font-weight:bold;
    margin:2px 5px;
}

#featured {
    background-color:white;
    color:black;
    margin:1px;
}

.promo_image {
    text-align:center;
    padding-bottom:1px;
}

.promo_text {
    color:#000000;
    text-align:left;
    padding:10px;
}

.footer_text {
    color:#cccccc;
    font-size: 0.75em;
    text-align:left;
    padding: 0 10px;
}

.cart_options {
    margin:5px 0 0 10px;
    font-style:italic;
    font-size:smaller;
}

.checkout_options {
    padding:0px;
    padding-left:15px;
    font-style:italic;
    font-size:smaller;
}

#cart_display_total_line {
    border-top:1px dotted lightgrey;
}

.checkout_row_even {
    background-color:#FAFAFA;
}

.checkout_row_odd {
    background-color:#F6F6F6;
}

form fieldset {
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
    width: 580px;
}

form legend {
    margin: 0px;
    font-weight: bold;
    margin-left: 0.5em;
}

form fieldset div {
    margin: 6px 2px;
}

form fieldset ul {
    font-size:smaller;
    position: relative;
}

form fieldset ul li.important {
    font-weight:bold;
    color:red;
}

form fieldset hr {
    border: 0;
    height: 1px;
    color: #eee;
    background-color: #eee;
}

form fieldset div div {
    margin-left: 180px;
    font-size: smaller;
}

form fieldset label {
    display:block;
    float: left;
    width:170px;
    text-align:right;
    margin-right: 10px;
    padding: 3px 0px;
}

form fieldset label.sameas {
    float:none;
    margin: 0px;
    width: auto;
    text-align:right;
    margin-top: -5px;
    font-size: smaller;
    padding: 2px 0;
}

form fieldset label em {
    color: #cc0000;
}

div.form_buttons label {
    display:block;
    margin: 0 0 10px 5px;
}

div.subcategory {
    margin:10px 0px;
}

.nowrap {
    white-space:nowrap;
}

.border_bottom {
    border-bottom:#CCCCCC 1px solid
}


div#pages_content {
    margin: 10px 0px;
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
}

#notify {
    font-size: smaller;
}

.reciept_savings {
    color: red;
}

hr.divider {
    margin:0px;
    padding:0px;
    border: 0px;
    background-color: #eee;
    color: #ccc;
    height: 1px;
}

.subcat_wrapper {
    display: table;
    padding: 10px 0px;
}

.min_cat {
    float: left;
    width: 260px;
    margin: 0 0 20px 10px;
    padding: 0px;
}

.cat_icon {
    float: left;
}

.cat_desc {
    font-size: 0.75em;
    margin-left: 85px;
}

.cat_desc h3 {
    font-size: 1.2em;
    margin: 0px;
}   

.home_cat {
    float: left;
    width: 125px;
    margin: 0 0 20px 10px;
    padding: 0px;
}

.home_cat_icon {
    width:125px;
    text-align:center;
}

.home_cat_desc {
    font-size: 0.75em;
    text-align:center;
}

.home_cat_desc h3 {
    font-size: 1.2em;
    margin: 0px;
}   

.multipage_nav {
    width:100%;
    text-align:right;
    margin:10px 0px;
    position: relative;
    height: 1.2em;
}

.multipage_nav_all {
    float:left;
    text-align:left;
}

.multipage_nav_sort {
    position: absolute;
    top: 0;
    left: 200px;
    width: 200px;
    text-align: center;
}

#savedcart {
    border: 1px solid black;
    background-color: #ffffee;
    padding: 10px;
    margin-bottom: 1.2em;
}

#savedcart a {
    text-decoration: none;
}


#description {
    width: 590px!important;
}

#my_accessories {
    margin: 0px;
    padding: 0px;
    width: 550px;
}

.suggestion_wrapper {
    margin: 1em 0;
}


.cart_buttons a, .cart_buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    
    background-image: url('/themes/default/images/bttn_bg.jpg');
    background-repeat: repeat-x;
    background-position: top;
    background-color:#ffffff;
    border:1px solid silver;

    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#000000;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.cart_buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.cart_buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.cart_buttons button img, .cart_buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.cart_buttons button:hover, .cart_buttons a:hover{
    color:#336699;
}
.cart_buttons a:active{
    color:#fff;
}

/* POSITIVE */

.cart_buttons a.positive:hover, .cart_buttons button.positive:hover{
    color:green;
}

/* NEGATIVE */

.cart_buttons a.negative:hover, .cart_buttons button.negative:hover{
    color:red;
}


.cart_buttons a.nofloat, .cart_buttons button.nofloat{
    float: none;
}

/*** jQuery Tabs ***/

#tabs {
    float: left;
    width:100%;
    background: url("/themes/default/images/tabs_bg.gif") repeat-x bottom;
}

.ui-tabs-hide {
    display:none;
}

.ui-tabs-nav {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}

.ui-tabs-nav li {
    float:left;
    background:url("/themes/default/images/tab_backleft.gif") no-repeat left top;
    margin:0;
    margin-right: 2px;
    padding:0 0 0 9px;
}

.ui-tabs-nav a {
    float:left;
    display:block;
    background:url("/themes/default/images/tab_backright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#666;
}

.ui-tabs-nav .ui-tabs-selected {
    background-image:url("/themes/default/images/tab_frontleft.gif");
}

.ui-tabs-nav .ui-tabs-selected a {
    background-image:url("/themes/default/images/tab_frontright.gif");
    color:#333;
    padding-bottom:5px;
}

.ui-tabs-container {
    clear:both;
    background: url("/themes/default/images/tabs_container_bg.gif") repeat-x left top;
    margin-top:-1px;
}

.ui-tabs-container div.inner {
    padding:10px;
    background-color: #fff;
    margin: 1px;
}

.nowrap.fonts input {
    vertical-align: 4px;
}

/*** jQuery Tooltip ***/

#tooltip {
    position: absolute;
    z-index: 3000;
    font-size: 0.75em;;
    line-height:1.1em; 
    width:300px;
    background-image: url('/themes/default/images/tooltip_bottom8a.png');
    background-repeat: no-repeat;
    background-position: bottom;
    margin:0;
    margin-top:-40px;
    padding:0;
    padding-bottom:20px;
}

#tooltip .table_wrapper {
    background-image: url('/themes/default/images/tooltip_top8a.png');
    background-repeat: no-repeat;
    background-position: top;
    padding: 14px 17px 0 30px;
}

#tooltip.viewport-right {
    background-image: url('/themes/default/images/tooltip_rev_bottom8a.png');
}

#tooltip.viewport-right .table_wrapper {
    background-image: url('/themes/default/images/tooltip_rev_top8a.png');
    padding: 14px 30px 0 17px;
}

#tooltip h3, #tooltip div { margin: 0; }




