/**
 * 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) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/*   
Theme Name: Baller Toys
Theme URI: http://www.ballertoys.com
Author: Cristian Graziano
Author URI: http://www.ixpleo.com
.
*/

* { margin: 0; padding: 0; }
body { font: 11px tahoma, verdana, sans-serif; text-align: center; background: url(../images/ballertoys/body-bg.jpg) top left repeat-x #3d3d3d; margin-bottom: 30px; }

a { text-decoration: none; }
.col-main a, .side-col a { color: #333 !important; text-decoration: underline; }
.col-main a:hover, .side-col a:hover { color: #333 !important; text-decoration: none !important; }
p { margin: 11px 0px; }

/* Layout */
#outer-wrapper { margin: 0 auto; width: 992px; background-color: #000; text-align: left; }
#wrapper { padding: 6px; }
#header { position: relative; height: 101px; }
#header #questions { position: absolute; top: 25px; left: 400px; font-size: 14px; color: #eee; }
	#header #questions h2 { color: #eee; }
#header-left { float: left; }
#header-right { float: right; color: #666; position: absolute; bottom: 12px; right: 12px; }
#header-right a { color: #eee; }
#baller-bar { clear: both; height: 59px; background: url(../images/ballertoys/baller-bar-bg.gif) top left repeat-x; }
#baller-bar a { display: block; float: left; font-size: 14px; color: #fff; margin-top: 1px; height: auto; line-height: 58px; padding: 0px 16px; border-right: 1px solid #414243; }
#baller-bar a:hover { color: #6f6d57; }
#baller-bar .search { float: right; line-height: 59px; padding-right: 12px; }
#baller-bar .search .input-text { width: 230px; border: 1px solid #060606; padding: 5px 4px; color: #808080; }
#baller-bar .search .button { width: auto; border: 0px; background-color: #6f6d57; border: 1px solid #999; color: #fff; padding: 4px 15px; font-size: 10px; }
#main-wrapper { background: url(../images/ballertoys/footer-bg.gif) bottom left repeat-x #fff; font: 12px/18px Arial, Helvetica, sans-serif; color: #333; padding: 12px; }
#main-wrapper a { color: #3399ff; }
#main-wrapper a:hover { text-decoration: underline; }
.main-col ul, .main-col ol { margin: 10px 0px 10px 35px; }
#content { width: 668px; /* From 570px */ }
#contentwide { width: 100%; }
#sidebar { width: 276px; background-color: #fff; }
#footer { font-size: 10px; clear: both; margin-top: 50px; padding-top: 20px; background: url(../images/ballertoys/footer-border.gif) top left repeat-x; }
#footer .logos { float: left; width: 33%; text-align: center; }
.three-col1 { float: left; width: 195px !important; }
.three-col2 { float: left; width: 566px !important; }
	.three-col2 .inner { margin: 0px 12px; }
.three-col3 { float: right; width: 195px !important; }

/* Main Navigation */
ul#nav { position: relative; list-style-type: none; height: 29px; background: url(../images/ballertoys/nav-bg.gif) top left repeat-x #1a1b1c; }
#nav li { float: left; line-height: 29px; background: url(../images/ballertoys/nav-li-separator.gif) top right no-repeat; }
#nav li a { margin: 0px 1px 0px 0px; display: block; float: left; padding: 0px 19px; text-transform: uppercase; font-weight: bold; color: #fff; }
#nav li a:hover, #nav li:hover a, #nav li.sfHover a { background: url(../images/ballertoys/nav-active-bg.gif) top left repeat-x #fff; color: #000; }
#nav li ul { display: none !important; }
#nav li ul li { background: transparent; }
#nav li:hover ul, #nav li.sfHover ul { display: block !important; list-style-type: none; position: absolute; top: 29px; left: 10px; }
#nav li ul li a, #nav li:hover ul li a, #nav li.sfHover ul li a { text-transform: none; color: #666; padding: 0px 10px; background: transparent; }
#nav li ul li a:hover { color: #000; background: transparent; }
.superfish li:hover ul, .superfish li li:hover ul { display: none !important; }
#nav li ul li ul { display: none; }

/* Text Styles */
h1 { font-size: 20px; line-height: 24px; font-weight: bold; color: #000; letter-spacing: -1.0px; background: url(../images/ballertoys/h1.gif) center left no-repeat; padding-left: 24px; }
h2, #sidebar h1 { font-size: 16px; line-height: 21px; font-weight: bold; color: #000; letter-spacing: -0.5px; }
h3, #sidebar h2 { font-size: 13px; line-height: 18px; font-weight: bold; color: #000; letter-spacing: -0.95px; }

/* Elements */
.rounded-outer { margin: 11px 0; background: url(../images/ballertoys/rounded-bg.gif) top left repeat-y; }
.rounded-inner { padding: 0px 11px; }
ul.recent-posts { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.recent-posts li { text-indent: -8px; margin: 0px 0px 0px -8px !important; padding: 0px 0px 0px 16px !important; }
#sidebar .rounded-inner a { font-size: 11px; line-height: 20px; }

/* Accent Color */
#header-right a:hover { color: #6f6d57; }

/* House */
a.house:hover .accent { color: #ffcc00; }

/* Hub */
a.hub:hover .accent { color: #3db0ff; }

/* Ride */
a.ride:hover .accent { color: #ed171f; }

/* Toys */
a.toys:hover .accent { color: #6f6d57; }

/* Misc Styles */
.clear { display: block; clear: both; }
.left { display: block; float: left; }
.right { display: block; float: right; }
*:focus { outline: none; }
img { border: 0px; }

/* Table */
th { padding: 0; text-align: left; vertical-align: top; }
td { padding: 0; vertical-align: top; }

/* Paragraph */
p { margin-bottom:.8em; }
address { margin-bottom:.4em; }
address { font-style:normal; line-height:1.4em;}
cite { font-style:normal; font-size:10px;}
q:before, q:after{content:'';}

/* Form */
form { display:inline; }
fieldset { border:none; }
label { color: #666; /*font-size:.95em;*/  font-weight:bold; }
input, select, button { vertical-align: middle; }

/* Lists */
dt { display: block; font-weight: bold; }
li { list-style: none; }

/* Size */
small { font-size: .9em; }
big { font-size: 1.1em; }

hr { height: 0; margin: 8px 0; overflow: hidden; visibility: hidden; }
.nowrap { white-space: nowrap; }
:focus { outline: 0; }
.bold { font-weight: bold; }

/* Product Rotator */
#picture-rotator { position: relative; height: 350px; }
#picture-rotator img { position: absolute; top: 0; left: 0; z-index: 8; }
#picture-rotator img.active { z-index: 10; }
#picture-rotator img.last-active { z-index:9; }

/* Magento Specific */
.layered-nav ul li { line-height: 21px; font-weight: bold; border-bottom: 1px solid #dedede; }
.layered-nav ul li.parent { border-bottom: 0px; }
.layered-nav ul li.parent ul li { font-weight: normal; }
.layered-nav ul li a { text-decoration: none; }
.side-col { font-size: 12px; }
.narrow-by .level1 { padding-left: 15px; }
li.parent { margin: 0px 0px !important; }
li.parent ul { margin: 4px 0px; }
.box { border-width: 6px !important; border-color: #dedede !important; }
.category-head h2 { font-size: 21px !important; font-weight: normal; }
.footer-categories ul { list-style-type: none; margin: 0 auto; text-align: center; }
ul.footer-categories li { display: inline; color: #666; }
ul.footer-categories li a { padding: 5px 5px; font-size: 11px; color: #333 !important; }
ul.footer-categories li a:hover {}
ul.footer-categories li:after { content: " |";}

.quick-access { position: absolute; top: 5px; right: 0px; }
/* Quick Access*/
.quick-access { width: 540px; float: right; text-align: right; color:#fff; }
.quick-access p { margin-bottom: 4px; }
.quick-access li {
    display: inline;
    background: url(../images/shop_access_pipe.gif) no-repeat 100% .35em;
    padding-right: 7px;
    padding-left: 3px;
}
.quick-access li.first { padding-left:0; }
.quick-access li.last { padding-right:0; background:none; }
.quick-access li a { color: #808080; font-weight: normal !important; }
.quick-access li a:hover { color: #fff; }

#seals { position: absolute; top: 30px; right: 0px; }
#seals img { float: right; margin-left: 8px; }