/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-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.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @licensehttp://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
/* Layout ================================================================================= */

body{font:12px/1.5 Arial,Verdana,sans-serif; color:#666; background-color:#dfe9f4}

.wrapper{padding-bottom:20px; background:transparent url(../images/wrapper_bg.jpg) repeat-x top left}
.page{width:982px; text-align:left; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}
.page-print{background:#fff; padding:20px; text-align:left}
.page-popup{padding:20px; text-align:left; background:#fff}
.main{margin:0px 0; background-color:#fff; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2); padding:20px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:none; border-right-style:solid; border-bottom-style:none; border-left-style:solid; border-top-color:#ccc; border-right-color:#ccc; border-bottom-color:#ccc; border-left-color:#ccc; width:940px}
.clear{clear:both}

/* Base Columns */ 
.col-left{float:left; width:220px; margin-right:20px}
.col-main{float:left}
.col-right{float:right; width:220px}

/* 1 Column Layout */
.col1-layout .col-main{float:none; width:auto}

.col-main p, .col-main h1, .col-main h2, .col-main h3{margin-bottom:20px}

/* 2 Columns Layout */
.col2-left-layout .col-main{float:right; width:700px}
.col2-right-layout .col-main{width:680px}

/* 3 Columns Layout */
.col3-layout .col-main{width:460px}
/* Content Columns */
.col2-set .col-1{float:left; width:49%}
.col2-set .col-2{float:right; width:49%}
.col2-set .narrow{width:33%}
.col2-set .wide{width:65%}

.col3-set .col-1{float:left; width:32%}
.col3-set .col-2{float:left; width:32%; margin-left:2%}
.col3-set .col-3{float:right; width:32%}

.col4-set .col-1{float:left; width:23.5%}
.col4-set .col-2{float:left; width:23.5%; margin:0 2%}
.col4-set .col-3{float:left; width:23.5%}
.col4-set .col-4{float:right; width:23.5%}

/* ======================================================================================= */
/* Header ================================================================================ */

.logo{float:left; width:400px; height:100px; overflow:hidden; background-position:left center !important}

.header-container{}
.header{padding:25px 0}

.navigation{color:#ccc; font-size:12px; background-color:#2b6592; border-bottom:1px solid #1d4a6d}
.navigation-inner{width:980px; margin:0 auto}
.navigation a{color:#fff; text-decoration:none; text-shadow:1px 1px 1px #000; display:block; padding:10px 15px}
.navigation a:hover{color:#e6f4ff}
.navigation ul{border-left:1px solid #1d4a6d; float:left}
.navigation li{float:left; border-right:1px solid #1d4a6d}
.navigation li:hover{background-color:#265a82}
.navigation p{display:inline}
.navigation-left{float:left}
.navigation-right{float:right}

.header .logo{background-position:0 0; background-repeat:no-repeat; text-indent:-999em; cursor:pointer; width:400px; float:left}
.header .logo a{display:block; width:400px; height:100px;}
.header .welcome-msg{font-weight:bold; text-align:right}
.header .links{float:right}

.form-search{margin-top:7px}
.form-search .input-text{padding:4px 8px; font-size:10px; width:150px; background-color:#fff; border:1px solid #205080; color:#666; margin-right:6px}

.form-search .btn{margin-left:-6px; border:none; cursor:pointer; color:#FFF; background-color:#5397DB; padding:3px 10px; border:1px solid #205080; font-size:10px}
.header .form-search .search-autocomplete{z-index:999}
.header .form-search .search-autocomplete ul{border:1px solid #ddd; background-color:#fff}
.header .form-search .search-autocomplete li{padding:3px; border-bottom:1px solid #ddd; cursor:pointer}
.header .form-search .search-autocomplete li .amount{float:right; font-weight:bold}
.header .form-search .search-autocomplete li.selected{}
.header .form-language{text-align:center}
#language-switch{float:right; padding:.9em .9em 0px}

/********** <Navigation */
#nav{font-size:12px; background:url(../images/bg_navigation.png) repeat-x; padding:0 10px; margin:0px; color:#fff; font-weight:bold; border:1px solid #205080; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px}

/* All Levels */
#nav li{position:relative; text-align:left}
#nav li.over{z-index:999}
#nav a, 
#nav a:hover{display:block; line-height:1.35em; text-decoration:none; font-size:12px}
#nav span{display:block; cursor:pointer; white-space:nowrap}
#nav li ul span{white-space:normal}
#nav li li.parent{background: url(../images/vert_nav_bg.gif) repeat-x}

/* 0 Level */
#nav li{float:left}
#nav li.active a{color:#fff; background:url(../images/bg_navigation_active.png) no-repeat top right}
#nav li li.active{border-right:none}
#nav li li a{border-right:none; background: url(../images/vert_nav_bg.gif) repeat-x; color:#000}
#nav li.active li a{color:#000; background: url(../images/vert_nav_bg.gif) repeat-x; border-right:none}
#nav li a{float:left; padding:12px 8px; background:url(../images/bg_nav_border.png) repeat-y top right;  color:#fff; font-weight:normal; text-shadow:1px 1px 1px #205080}
#nav li.over, #nav a:hover{color:#fff; background:url(../images/bg_navigation_active.png) no-repeat top right}

#nav ul li.over a{background:#fff}
#nav a:hover{color:#fff; background:url(../images/bg_navigation_active.png) no-repeat top right}
#nav li li a:hover{color:#000}

/* 1st Level */
#nav ul li, 
#nav ul li.active{float:none; margin:0; background:#d7e5f4}
#nav ul li.over{}
#nav ul li.last{background:#d7e5f4; padding-bottom:0}

#nav ul a, 
#nav ul a:hover{float:none; padding:0; text-shadow:none}
#nav ul li a{font-weight:normal !important}

/* 2nd leven */
#nav ul{position:absolute; width:15em; top:39px; left:-10000px; border:1px solid #b5d0eb; z-index:1}

/* 3rd+Level */
#nav ul ul{top:5px; border:1px solid #333}

/* Show Menu */
#nav li.over >ul{left:0}
#nav li.over >ul li.over >ul{left:100px}
#nav li.over ul ul{left:-10000px}

#nav ul li a{padding:4px; background:url(../images/vert_nav_bg.gif) repeat-x; color:#000; border-right:none; border-bottom:1px solid #b5d0eb}
#nav ul li a:hover{background:url(../images/nav_second_hover.gif) repeat-x; color:#fff !important; padding:4px; border-bottom:1px solid #28598a}
#nav ul span, 
#nav ul li.last li span{padding:3px 15px 4px 15px}

#nav li.nav-top-20 a{padding-right:30px; background:url(../images/hot-ribbon.png) no-repeat top right; font-weight:bold}

#nav li.nav-gift-ideas a{padding-right:40px; background:url(../images/present-icon.png) no-repeat top right; font-weight:bold}

#nav li.nav-top-20 ul li a, #nav li.nav-gift-ideas ul li a{background-image:none; padding-right:10px; text-shadow:none}

#nav li.nav-top-20 ul li a:hover, #nav li.nav-gift-ideas ul li a:hover{background-color:#5295d8}

/********** Navigation >*/
/* ======================================================================================= */

#vertical-nav{margin-bottom:1.5em; font-weight:bold}
#vertical-nav h2, .navinfo h2{padding:10px 10px; background:url(../images/bg_header.gif) repeat-x; color:#fff; font-size:12px; font-weight:bold}
#vertical-nav ul{list-style-type:none;  padding:0;  margin:0}

#vertical-nav ul li{margin:0;  padding:0;  display:block}
#vertical-nav ul li{}
#vertical-nav ul ul li{}
#vertical-nav ul ul li a{background:#none}
#vertical-nav ul li a{color:#333; display:block; padding:8px; margin:0; background-color:#eee; text-decoration:none; height:15px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-color:#ddd; border-right-color:#ddd; border-bottom-color:#ddd; border-left-color:#ddd}
#vertical-nav ul li a:hover{background-color:#f7f7f7; color:#333}
#vertical-nav ul li .open{background-color:#ddd; color:#333; font-weight:bold; border-color:#ccc}

#vertical-nav ul li .open, #vertical-nav .activesubsub, #vertical-nav .subopen{color:#333; font-weight:bold}
#vertical-nav .final{background-color:#ECECEC}

#vertical-nav ul ul li a{padding-left:20px}

#vertical-nav ul ul ul li a{background-color:#fafafa; background-image:none; font-size:11px}

#vertical-nav a{color:#000}
#vertical-nav a:hover{color:#000}
#vertical-nav ul li ul li a{margin-bottom:0px;  margin-top:0px}
#vertical-nav ul li ul li{margin-bottom:0px;  margin-top:0px}

/* Global Styles ========================================================================= */

/* Form Elements */
input, select, textarea, button{font:12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; vertical-align:middle; color:#000}
input.input-text, select, textarea{background:#fff; border:1px solid #ddd}
input.input-text, textarea{padding:5px}
select{padding:1px}
select option{padding-right:10px}
select.multiselect option{}
textarea{overflow:auto}
input.radio{margin-right:3px}
input.checkbox{margin-right:3px}
input.qty{width:2.5em !important}
/*button::-moz-focus-inner{padding:0; border:0}
*/
button.button{overflow:visible; width:auto; background:#1478c5; border:1px solid #0055b7; cursor:pointer; padding:2px}
button.button span{display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial,Helvetica,sans-serif; text-align:center; white-space:nowrap; color:#fff}
button.button:hover{background:#5ca31a; border:1px solid #000}
button.disabled{padding:5px; overflow:visible; width:auto; background:#7aa94f; border:1px solid #5ca31a; cursor:pointer; text-shadow: 1px 1px #437414}
button.disabled:hover{background:#6ab622; border:1px solid #437414}
button.disabled span{display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial,Helvetica,sans-serif; text-align:center; white-space:nowrap; color:#fff}
/* Input &Textarea stretched for 100% */
.field-100{border:1px solid #888; padding:2px; overflow:hidden}
.field-100 input.input-text, 
.field-100 textarea{float:left; width:100%; margin:0; padding:0; border:0}
/* Form Highlight */
/*input.input-text:focus, select:focus, textarea:focus{}
.highlight{}
*/
/* Form lists */
.form-list{margin:.5em 0}
.form-list li{margin:0 0 5px}
.form-list label{font-weight:bold}
.form-list .input-box{float:left; width:260px}
.form-list input.input-text, 
.form-list textarea{width:287px}
.form-list select{width:256px}
.form-list li.add-row{border-top:1px solid #ddd; margin-top:10px}

.group-select{margin-bottom:20px}
.group-select li{margin:0 0 5px}
.group-select .input-box{float:left; width:260px; margin:0 20px 20px 0}
.group-select input.input-text, 
.group-select textarea{width:510px}
.group-select select{width:516px}
.group-select .input-box input.input-text, 
.group-select .input-box textarea{width:250px}
.group-select .input-box select{width:256px}

.buttons-set{clear:both}
.buttons-set .back-link{float:left}
.buttons-set button.button{float:right}

.buttons-set2{clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right}

/* Form Validation */
.validation-advice{clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00}
.validation-failed{border:1px dashed #f00 !important; background:#faebe7 !important}
.validation-passed{}
.required{color:#f00}
p.required{font-size:10px; text-align:right}
/* Expiration date and CVV number validation fix */
.v-fix{float:left}
.v-fix .validation-advice{display:block; width:12em; margin-right:-12em; position:relative}

/* Global Messages  */
.success{color:#3d6611; font-weight:bold}
.error{color:#f00; font-weight:bold}
.notice{color:#ccc}

.messages{width:100%; overflow:hidden}
.messages li{margin:0 0 20px}
.messages li li{margin:0 0 3px}
.error-msg, 
.success-msg, 
.note-msg, 
.notice-msg{border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:14px !important; font-weight:bold !important}
.error-msg{border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a}
.success-msg{border-color:#446423; background-color:#eff5ea; background-image:url(../images/success_msg_icon.gif); color:#3d6611}
.note-msg, 
.notice-msg{border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#222}
.clear{clear:both}
/* BreadCrumbs */ 
.breadcrumbs{font-size:11px; margin:0 0 0px; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3); color:#222; background-color:#F6E595; padding:5px 20px; border-top-width:1px; border-bottom-width:1px; border-top-style:solid; border-bottom-style:solid; border-top-color:#e6ce5b; border-bottom-color:#e6ce5b; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#CCC; border-left-color:#CCC}
.breadcrumbs .crumbs{padding-left:10px; float:left}
.breadcrumbs a{color:#000; text-decoration:underline}
.breadcrumbs a:hover{color:#333}
.breadcrumbs .toplinks{float:right}
.breadcrumbs .toplinks li{padding-right:15px}
.breadcrumbs ul{display:inline}
.breadcrumbs li{display:inline}
.dashboard h3, h4{margin:.5em 0}
/* Page Heading */
.page-title{margin-bottom:20px}
.page-title h2{margin-bottom:0; color:#222}
.title-buttons{text-align:right; border:1px solid #bfd3e6; margin-bottom:20px; background:#d7e6f5 url(../images/vert_nav_bg.gif) repeat-x; padding:5px 10px}
.title-buttons h2, 
.title-buttons h3, 
.title-buttons h4, 
.title-buttons h5, 
.title-buttons h6{float:left}

/* Pager */ 
.pager{font-size:11px; color:#3e84ca; background-color:#d9ecfe; border:1px solid #3e84ca; padding:5px; margin:10px 0; text-align:center}
.pager p{margin-bottom:0}
.pager a{color:#1b66b8}
.pager select{border:1px solid #a6cef4}
.pager .amount{float:left}
.pager .limiter{float:right}
.pager .pages{margin:0 135px}
.pager .pages ol{display:inline}
.pager .pages li{display:inline}
.pager .pages .current{}

/* Sorter */ 
.sorter{font-size:11px; padding:2px; margin:2px 0}
.sorter select{font-size:11px}
.sorter .view-mode{float:left}
.sorter .sort-by{float:right}
.sorter .link-feed{}

/* Data Table */ 
.data-table{width:100%}
.data-table th{padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap}
.data-table td{padding:5px; border:1px solid #ddd}
.data-table thead{background-color:#f2f2f2}
.data-table tbody{}
.data-table tfoot{}
.data-table tr.first{}
.data-table tr.last{}
.data-table tr.odd{}
.data-table tr.even{background-color:#f6f6f6}
.data-table tbody.odd{}
.data-table tbody.odd td{border-width:0 1px}
.data-table tbody.even{background-color:#f6f6f6}
.data-table tbody.even td{border-width:0 1px}
.data-table tbody.odd tr.border td, 
.data-table tbody.even tr.border td{border-bottom-width:1px}
.data-table th .tax-flag{white-space:nowrap; font-weight:normal}
.data-table td.label, 
.data-table th.label{font-weight:bold; background-color:#f6f6f6}
.data-table td.value{}

/* Tax Details Row */
tr.tax-total{cursor:pointer}
tr.tax-total td{}
tr.tax-total .tax-collapse{float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer}
tr.show-details .tax-collapse{background-position:0 -53px}
tr.show-details td{}
tr.tax-details td{background-color:#f6f6f6}
tr.tax-details-first td{}

/* Lists Decoration */
li.odd{}
li.even{background-color:#f6f6f6}
dt.odd, 
dd.odd{}
dt.even, 
dd.even{background-color:#f6f6f6}

/* Class:std - styles for admin-controlled content */
.std, 
.std ul, 
.std ol, 
.std dl, 
.std p, 
.std address, 
.std blockquote{margin:0 0 1em; padding:0}
.std ul{list-style:disc outside; padding-left:1.5em}
.std ol{list-style:decimal outside; padding-left:1.5em}
.std ul ul{list-style-type:circle}
.std ul ul, 
.std ol ol, 
.std ul ol, 
.std ol ul{margin:.5em 0}
.std dt{font-weight:bold}
.std dd{padding:0 0 0 1.5em}
.std blockquote{font-style:italic; padding:0 0 0 1.5em}
.std address{font-style:normal}
.std b, 
.std strong{font-weight:bold}
.std i, 
.std em{font-style:italic}

/* Address */
address { margin-bottom:20px}
/* ======================================================================================= */
/* Sidebar =============================================================================== */

.block{margin:0 0 10px}
.block .block-title{ padding:10px 10px; background:#2d2d40 url(../images/bg_header.gif) repeat-x top left; color:#fff}
.block .block-title a{color:#fff}
.block .block-title h2{font-size:12px; font-weight:bold; line-height:1.5; color:#fff}
.block h3{font-size:14px; line-height:1.5}
.block .block-content{padding:13px 10px; background:#f0f0f0 url(../images/bg_header_content.gif) repeat-x; border:1px solid #dcdcdc; border-width:1px 1px 0px 1px}
.block .block-content h3, .block .block-content ol{margin-bottom:10px}
#graybox-latest-news li{padding:5px 0; border-bottom:1px solid #ddd}

#graybox-latest-news li a{text-decoration:none}
.block-content #recently-viewed-items li{padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px}
.block .actions{text-align:center; margin:20px 0 20px 0}
.block .actions a{float:left}
.block .block-bottom{background:url(../images/bg_content_corner.gif) no-repeat; height:14px; margin:0px 0px 10px}
.block .block-top{background: url(../images/bg_content_corner_top.gif) no-repeat; height:8px}
.col-left .block .block-top{background: url(../images/left_bg_content_corner_top.gif) no-repeat; height:8px}
/* Block:Account */
.block-account{}

/* Block:Currency Switcher */
.block-currency{}
.block-currency select{width:100%; border:1px solid #888}

/* Block:Layered Navigation */
.block-layered-nav .block-title, .block-compare .block-title, .block-tags .block-title{background:url(../images/header_bg_blue.gif) no-repeat}
.block-layered-nav dt{font-weight:bold; margin-bottom:10px}
.block-layered-nav .currently{}

/* Block:Cart */
.block-cart{}
.block-cart .amount{}
.block-cart .subtotal{text-align:center}

.mini-products-list li{padding:5px 0}
.mini-products-list .product-image{float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px}
.mini-products-list .product-details{margin-left:75px}
.mini-products-list .product-details h4{font-size:1em; font-weight:bold; margin:0}
.mini-products-list .product-details .btn-remove{float:right}

/* Block:Wishlist */
.block-wishlist{}

/* Block:Related */
.block-related{}
.block-related li{padding:5px 0}
.block-related input.checkbox{float:left; margin-right:-20px}
.block-related .item{margin-left:20px}
.block-related .item .product-image{float:left; margin-right:-65px}
.block-related .item .product-details{margin-left:65px}

/* Block:Compare Products */
.block-compare .block-title, .block-layered-nav .block-title, .block-tag .block-content{}
.block-compare li{padding:5px 0}
.block-compare { display: none; }

/* Block:Viewed */
.block-recent{}

/* Block:Poll */
.block-poll{}
.block-poll input.radio{float:left; margin:3px -18px 0 0}
.block-poll .label{display:block; margin-left:18px}
.block-poll .answer{}
.block-poll .votes{font-weight:bold}

/* Block:Tags */
.block-tags ul, 
.block-tags li{display:inline}

/* Block:Subscribe */
.block-subscribe{}

/* Block:Reorder */
.block-reorder{}
.block-reorder li{padding:5px 0}
.block-reorder input.checkbox{float:left; margin:3px -20px 0 0}
.block-reorder .label{display:block; margin-left:20px}

/* Block:Banner */
.block-banner{}
.block-banner{}
.block-banner .block-content{text-align:center; border-top:0px solid #ddd}

/* Block:Checkout Progress */
.block-progress{}
.block-progress dt{font-weight:bold}
.block-progress dt.complete, 
.block-progress dd.complete{background-color:#f6f6f6}
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title h2{margin-bottom:20px; font-size:20px; color:#333}
.category-image{display:block; margin:0 auto}
.category-products .product-name a{text-decoration:none}
.category-products .product-name{margin-bottom:5px}

/* View Type:Grid */
.products-grid{ margin-bottom: 20px}
.products-grid tr.odd{}
.products-grid tr.even{}
.products-grid td{width:33%; padding:5px; text-align:center}
.products-grid td.empty{}
.products-grid td img{text-align:center; margin-bottom:10px}
.products-grid td img:hover{text-align:center}

/* View Type:List */
.products-list{border-bottom:1px solid #ddd; background-color: #f7f7f7; float: left; }

.products-list li.item{padding:5px; margin:0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.products-list .product-image{float:left}
.products-list .product-shop{float:left; margin-left:10px; width:300px}

.top20 { border-left:1px solid #ddd; }
.top20 .ranking-holder {position:relative; height: 170px; }
.top20 .product-name{margin-bottom:15px; text-align: left; }
.top20 .product-shop{width:90px; margin-left: 0}
.top20 .product-image{float:right; margin: 0 0 15px 15px}
.top20 .ranking{position:absolute; bottom:0; right:0; font-size:24px; font-weight:bold; color:#ccc}
.top20 .read_more{width:460px}

.top20 .price-box { width: 198px; }
.top20 p.special-price { margin-bottom:0}
.top20 p.old-price, .top20 p.special-price {text-align: left; }

/* ======================================================================================= */
/* Product View ========================================================================== */

.product-view{width:700px; float:left}

.product-essential{}
.product-collateral{}

/* Product Images */
.product-view .product-img-box{width:288px; margin:0 0 20px 0; text-align:center; border:1px solid #ddd; padding:20px 0}
.product-view .product-img-box .product-image{margin:0 auto}
.product-view .product-img-box .product-image-zoom{position:relative; width:288px; height:300px; overflow:hidden; z-index:9}
.product-view .product-img-box .product-image-zoom img{position:absolute; left:0; top:0; cursor:move}
.product-view .product-img-box .zoom-notice{text-align:center}
.product-view .product-img-box .zoom{position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer}
.product-view .product-img-box .zoom #track{position:relative; height:18px}
.product-view .product-img-box .zoom #handle{position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat}
.product-view .product-img-box .zoom .btn-zoom-out{position:absolute; left:2px; top:0}
.product-view .product-img-box .zoom .btn-zoom-in{position:absolute; right:2px; top:0}
.product-view .product-img-box .more-views ul{margin-left:-4px}
.more-views{border:1px solid #AECEEC; margin-top:10px}
.more-views h3{margin-top:0 !important; border-top:none !important; border-left:none !important; border-right:none !important}
.more-views img{border:1px solid #ccc}
.product-view .product-img-box .more-views li{float:left; padding:1px; margin:0 0 10px 10px}

.product-image-popup{margin:0 auto}
.product-image-popup .nav{text-align:center}
.product-image-popup .image{display:block}
.product-image-popup .image-label{}

/* Product Shop */
.product-view .product-shop{float:left; width:390px}
.product-view .product-name{}
.product-view .short-description{}

/* Rating */
.ratings{}
.ratings span{}
.ratings .amount{}
.ratings .rating-links{}
.ratings dt{}
.ratings dd{}
.rating-box{width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden}
.rating-box .rating{position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x}

/* Availability */
.availability{margin-bottom:10px !important}
.availability .in-stock{text-transform:uppercase; font-size:11px; color:#fff; background-color:#2d8b30; padding:2px 5px; border:1px solid #237125}
.availability .out-of-stock{font-weight:bold; color:#f00}

/********** <Product Prices */
.price{white-space:nowrap !important}

.price-box{margin-bottom:5px}
.price-box .price{font-weight:bold}
.product-view .price-box{font-size:14px; margin-bottom:15px}

.price-box-bundle{}

/* Regular price */
.regular-price{}
.regular-price .price{font-weight:bold}

/* Old price */
.old-price{ font-size: 11px;margin-bottom:10px !important}
.old-price .price-label{white-space:nowrap; font-weight:bold; color:#999}
.old-price .price{font-weight:bold; text-decoration:line-through; background-color:#eee; padding:3px}

/* Special price */
.special-price{}
.special-price .price-label{font-weight:bold; white-space:nowrap; color:#111}
.special-price .price{font-weight:bold; white-space:nowrap; background-color:#dbe8f9; padding:3px; color:#111}

.product-view .old-price{float:left; width:185px; margin-bottom:0 !important}

.product-view .special-price{float:right; width:185px; margin-bottom:0 !important}

.product-view .price-box{border-top:1px solid #eee; border-bottom:1px solid #eee; float:left; padding:10px; width:370px; margin:15px 0 15px 0}

.product-view .short-description{font-size:16px; margin-bottom:20px}

/* Minimal price (as low as) */
.minimal-price{}
.minimal-price .price-label{font-weight:bold; white-space:nowrap}

a.minimal-price-link{display:block}
a.minimal-price-link .label{}
a.minimal-price-link .price{font-weight:normal}

/* Excluding tax */
.price-excluding-tax{display:block}
.price-excluding-tax .label{white-space:nowrap}
.price-excluding-tax .price{font-weight:normal}

/* Including tax */
.price-including-tax{display:block}
.price-including-tax .label{white-space:nowrap}
.price-including-tax .price{font-weight:bold}

/* Excl tax (for order tables) */
.price-excl-tax{display:block}
.price-excl-tax .label{display:block; white-space:nowrap}
.price-excl-tax .price{display:block}

/* Incl tax (for order tables) */
.price-incl-tax{display:block}
.price-incl-tax .label{display:block; white-space:nowrap}
.price-incl-tax .price{display:block; font-weight:bold}

/* Price range */
.price-from{}
.price-from .price-label{font-weight:bold; white-space:nowrap}
.price-to{}
.price-to .price-label{font-weight:bold; white-space:nowrap}

/* Price as configured */
.price-as-configured{}
.price-as-configured .price-label{font-weight:bold; white-space:nowrap}

/* Price notice next to the options */
.price-notice{padding-left:10px}
.price-notice .price{font-weight:bold}
/********** Product Prices >*/
/* Tier Prices */
.tier-prices .price{font-weight:bold}
.tier-prices .benefit{}

/* Add to Links */
.add-to-links .separator{display:none}

/* Add to Cart */
.add-to-cart label{float:left; margin-right:5px; font-size:14px; padding-top:3px}
.add-to-cart .qty{float:left}
.add-to-cart button.button{float:left; margin-left:5px}

/* Add to Links+Add to Cart */
.add-to-box{float:left; width:368px; padding:10px; background-color:#F6F6F6; border:1px solid #eee; margin-bottom:20px}
.add-to-box .add-to-cart{float:left}
.add-to-box .or{float:left; margin:0 10px}
.add-to-box .add-to-links{float:left}
.add-to-links{font-size:11px; margin:.5em 0}

/* Product Options */
.product-options{padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6}
.product-options dt label{font-weight:bold}
.product-options dt .qty-holder{float:right}
.product-options dt .qty-holder label{vertical-align:middle}
.product-options dt .qty-disabled{background:none; border:0; padding:3px; color:#000}
.product-options dd{margin:10px 0}
.product-options dl.last dd.last{}
.product-options dd input.input-text{width:98%}
.product-options dd textarea{width:98%; height:8em}
.product-options dd select{width:100%}
.product-options .options-list{}
.product-options .options-list input.radio{float:left; margin:3px -18px 0 0}
.product-options .options-list input.checkbox{float:left; margin:3px -20px 0 0}
.product-options .options-list .label{display:block; margin-left:20px}
.product-options ul.validation-failed{padding:0 7px}
.product-options p.required{padding:15px 0 0}

.product-options-bottom{padding:10px; border:1px solid #ddd; border-top:0}
.product-options-bottom .price-box{margin:10px 0}

/* Grouped Product */
.grouped-items{}

/* Block:Description */
.product-view .description{}

/* Block:Additional */
.product-view .additional{}

/* Block:Upsell */
.product-view .up-sell{}
.product-view .up-sell .products-grid td{width:25%}

/* Block:Tags */
.product-view .tags{}
.product-view .tags .form-add-tags label{float:left}
.product-view .tags .form-add-tags .input-box{float:left; margin:0 5px}
.product-view .tags .form-add-tags button.button{float:left}
.product-view .tags .form-add-tags p{clear:both}

/* Block:Reviews */
.product-view .reviews{}

/* Block:Add Review */
.product-view .add-review{line-height:2em}
.product-view .add-review .product-name span{font-weight:normal}

/* ======================================================================================= */
/* Content Styles ================================================================= */

.product-name{}
.product-name h2{}

/* Product Tags */
.tags-list{padding:10px 0}
.tags-list li{display:inline}

/* Advanced Search */
.search-summary{margin-bottom:20px}

/* CMS Home Page */
.homepage-creator{position:relative; margin-bottom:20px; width:640px}
.cms-home .leftcol, .cms-brain-gym .leftcol{width:460px; margin:0 20px 0 0; float:left}
.cms-brain-gym .category-products{margin-bottom:20px}
.cms-home .products-grid td, .category-open-university .products-grid td, .category-gift-ideas .products-grid td, .category-novels .products-grid td{background-color:#fff; border:1px solid #DDD; padding:10px; width:auto}
.cms-home .products-grid .product-name, .cms-home .products-list .product-name{font-size:14px}
.cms-home .pager{background-color:#fff; border-color:#8aabcc}
.cms-home .sorter p{margin-bottom:0}
.cms-home select{border-color:#8aabcc}

.cms-home .rightcol, .cms-brain-gym .rightcol{width:460px; float:left}

.cms-home .products-list li.item, .cms-home .products-grid td, .category-open-university .products-grid td, .category-gift-ideas .products-grid td, .category-novels .products-list li.item, .category-novels .products-grid td{padding:15px; background-color:#f7f7f7}

.cms-home .products-list li.item .product-image, .cms-home .products-grid .product-image img, .category-novels .products-list li.item .product-image, .category-novels .products-grid .product-image img{border:1px solid #ddd; background-color:#fff; padding:5px}

.box_header{margin:0; padding:10px; background-color:#5397db; background-image:url(../images/bg_navigation.png); background-repeat:repeat-x; background-position:center 0; border:1px solid #1d4a6d; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px}

.box_header h2{color:#FFF; font-size:14px; font-weight:bold; margin-bottom:0; text-shadow:1px 1px 1px #205080}

.box_header h2 a{color:#fff}

.fl{float:left}

.fr{float:right}

.cms-home .fr a{padding:4px; border:1px solid #205080; background-color:#fff; color:#111; text-decoration:none; font-size:11px}

.info-box{border:1px solid #A4D269; background-color:#D9EDB6; float:left; padding:10px; width:396px; margin-top:18px}

.info-box p{margin-bottom:0}

/* Brain Trainer ======================================================================== */

.brain-trainer{padding:10px; width:438px; background-color:#fbd1ad; border:2px solid #dc9c65; margin:0 20px 20px 0; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; -moz-border-top-colors:#dc9c65 #fcede0; -moz-border-bottom-colors:#dc9c65 #fcede0; -moz-border-left-colors:#dc9c65 #fcede0; -moz-border-right-colors:#dc9c65 #fcede0; float:left}

.brain-trainer .trainer-left{float:left; width:209px}

.brain-trainer .trainer-left p{font-size:13px; text-align:center; color:#333; padding:0 10px; margin-bottom:10px}

.brain-trainer .trainer-right{float:right; width:209px}

.brain-trainer h3{margin-bottom:5px}

.brain-trainer .group-select{margin-bottom:5px}

.brain-trainer label{font-size:13px; padding-bottom:10px; width:198px; float:left; color:#333}

.brain-trainer li{float:left}

.brain-trainer li.gym-sex, .brain-trainer li.gym-age{float:left; width:89px}

.brain-trainer li.gym-sex{margin-right:20px}

.brain-trainer textarea{width:510px}
.brain-trainer select{width:196px; line-height:18px; font-size:13px; border:1px solid #dc9c65; float:left; margin-bottom:3px; padding:5px; color:#666}
.brain-trainer .button{background-color:#5397DB; color:#FFF; font-size:11px; padding:5px; text-transform:uppercase; margin-top:10px; width:196px; text-align:center}

.brain-trainer .buttons-set button.button{float:left}

.brain-trainer li.gym-sex select, .brain-trainer li.gym-age select{width:87px}

.brain-trainer li.gym-sex label, .brain-trainer li.gym-age label{width:87px}

/* ======================================================================================= */
/* Product Review ======================================================================== */

.product-review{}
.product-review .product-img-box{float:left; width:140px}
.product-review .product-img-box .product-image{display:block; border:1px solid #ddd; padding:1px}
.product-review .details{float:right; width:570px}

/* ======================================================================================= */
/* Shopping Cart ========================================================================= */

.cart .checkout-types{float:right; text-align:right}
.shipping{background:#D7E6F5; padding:10px; margin-top:1em; color:#7A7A7A; color:#024769; border:1px solid #024769}
.shipping h3{color:#024769}
/* Shopping Cart Table */
.cart-table .item-msg{font-size:10px}
.discount{background-color:#f8f8f8; border:1px solid #ddd; padding:10px; line-height:2em; color:#666}
.discount, .shipping{width:300px}
.discount input{border-color:#ddd}
.discount h3{color:#333}
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals{float:left; width:660px; padding-top:1em}
.cart .crosssell .product-image{float:left; margin-right:-90px}
.cart .crosssell .padding{margin-bottom:2em}
.cart .crosssell .product-shop{margin-left:110px}
.cart .shipping{}

/* Shopping Cart Totals */
.cart .totals{float:right}
.cart .totals table{width:100%}
.cart .totals table th, 
.cart .totals table td{padding:5px}
.cart .totals table th{font-weight:bold}

/* Options Tool Tip */
.item-options dt{font-weight:bold; font-style:italic}
.item-options dd{padding-left:10px}
.truncated{cursor:help}
.truncated a.dots{cursor:help}
.truncated a.details{cursor:help}
.truncated .truncated_full_value{position:relative; z-index:999}
.truncated .truncated_full_value dl{position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6}
.truncated .show dl{top:-20px; left:50%}
.col-left .truncated .show dl{left:30px; top:7px}
.col-right .truncated .show dl{left:-240px; top:7px}

/* ======================================================================================= */

/* Checkout ============================================================================== */

/* One Page */
.opc{border-bottom:1px solid #ddd; position:relative}
.opc li.section{border:1px solid #ddd; border-bottom:0}
.opc .step-title{background-color:#eee; padding:5px; text-align:right}
.opc .step-title .number{float:left; line-height:22px; margin-right:5px}
.opc .step-title h3{float:left; margin-bottom:0}
.opc .allow .step-title{cursor:pointer}
.opc .active{}
.opc .active .step-title{background-color:#eee; cursor:default}
.opc .step{border-top:1px solid #ddd; padding:10px; position:relative}
.opc .step .tool-tip{right:10px}
.opc .order-review{}

/* Multiple Addresses Checkout */
.checkout-progress{padding:0 50px; margin:10px 0}
.checkout-progress li{float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc}
.checkout-progress li.active{border-top-color:#000; color:#000}

.multiple-checkout{position:relative}
.multiple-checkout .tool-tip{top:50%; margin-top:-120px; right:10px}
.multiple-checkout .grand-total{font-size:1.5em; text-align:right}
.multiple-checkout .grand-total big{}
.multiple-checkout .grand-total .price{}

/********** <Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods .form-list{padding-left:20px}
.sp-methods select.month{width:150px; margin-right:10px}
.sp-methods select.year{width:96px}
.sp-methods input.cvv{width:3em !important}

.please-wait{float:right; margin-right:5px}
.cvv-what-is-this{cursor:help; margin-left:5px}

/* Tooltip */
.tool-tip{border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999}
.tool-tip .btn-close{text-align:right}
.tool-tip .tool-tip-content{padding:5px}

/* Gift Messages */
.add-gift-message{}
.gift-message-form{border:1px solid #ddd; background-color:#f5f5f5}
.gift-message-form .inner-box{padding:5px; height:300px; overflow:auto}
.gift-message-form .gift-item{}

.gift-message-link{display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px}
.gift-message-link.expanded{background-position:0 -53px}
.gift-message-row{}
.gift-message-row .btn-close{float:right}
.gift-message dt strong{font-weight:bold}

/* Checkout Agreements */
.checkout-agreements{}
.checkout-agreements li{margin:10px 0}
.checkout-agreements .agreement-content{border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto}
.checkout-agreements .agree{padding:6px}

/********** Common Checkout Styles >*/

/* ======================================================================================= */
/* Login Page ============================================================================ */

.login-page{}
.login-page .content{min-height:150px; padding:10px; background-color:#f7f7f7; border:1px solid #ddd; margin-bottom:20px}

/* ======================================================================================= */

/* My Account ============================================================================= */
/********** <Dashboard */
.dashboard{}
.dashboard .welcome-msg{}

/* Block:Recent Orders */
.dashboard .recent-orders{margin:10px 0}

/* Block:Tags */
.dashboard .tags .number{float:left; margin-right:-20px}
.dashboard .tags .details{margin-left:20px}

/* Block:Reviews */
.dashboard .reviews{}

/********** Dashboard >*/
/* Order View */
.order-info{border:1px solid #ddd; padding:5px}
.order-info dt, 
.order-info dd, 
.order-info ul, 
.order-info li{display:inline}
.order-info dt{font-weight:bold}

/* Print Pages */
.page-print .print-head{}
.page-print .print-head img{float:left}
.page-print .print-head address{float:left; margin-left:15px}
/* Price Rewrites */
.page-print .gift-message-link{display:none}
.page-print .price-excl-tax, 
.page-print .price-incl-tax{display:block; white-space:nowrap}
.page-print .price-excl-tax .label, 
.page-print .price-incl-tax .label, 
.page-print .price-excl-tax .price, 
.page-print .price-incl-tax .price{display:inline}

/* ======================================================================================= */

.widget{width:428px; padding:15px; float:left; background-color:#f7f7f7; border:1px solid #ddd; margin:0 0 20px 0}
.widget p{font-size:12px; line-height:20px}
.widget li{font-size:13px; line-height:16px; margin-bottom:15px; border-bottom:1px solid #ddd}
.widget h2{font-size:18px; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:8px}
.widget a{text-decoration:none; color:#111; font-weight:bold}
.widget p{margin:5px 0 15px 0}
.widget p a{padding:5px; background-color:#5397db; border:1px solid #0055B7; color:#fff; text-transform:uppercase; font-size:11px}
.image_right{float:right; margin-left:10px}
.image_left{float:left; margin-right:10px}

/* Games ================================================================================ */

.games_module{width:640px; float:left; margin-right:20px; z-index:0}
.games_nav{background-color:#deecf9; border:1px solid #a8c4e2; width:238px; min-height:380px; float:left; padding:20px}
.games_nav h2{background:transparent url(../images/games_header.png) no-repeat top left; height:90px; text-indent:-9999px; border-bottom:1px solid #a8c4e2}
.games_nav h3{font-size:16px; margin-bottom:5px; text-transform:uppercase; color:#9ab8d9; padding-bottom:15px}
.games_nav h3 a{text-decoration:none; color:#2F2F38}
.games_nav h3 a:hover{text-decoration:underline}
.games_nav li{border-bottom:1px solid #a8c4e2; margin-bottom:20px}

/* Blog ================================================================================ */

.blog{margin-right:0 !important}
.offers{width:468px; padding:10px; height:78px; float:right; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background-color:#E6EFFB; border:1px solid #BFD2EA; margin-left:20px}

.offers h2{font-size:14px; margin-bottom:5px}

.offers p{margin-bottom:0px; font-size:12px; color:#585c51}

.offers p strong{color:#000}

.read_more{margin-bottom:20px}

.read_more a{display:block; color:#fff; text-align:center; text-decoration:none; padding:10px; border:1px solid #1c1c21; background-color:#2a2a31; color:#fff}

.read_more a:hover{border:1px solid #2a2a31; background-color:#1c1c21}

/* Footer ================================================================================ */

.footer{padding:20px; background-color:#3e3e4a; width:940px; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3)}
.footer-wrapper{color:#fff; float:left; width:940px}
.footer-wrapper a{color:#ddd}
.footer-wrapper a:hover{color:#fff}
.footer-wrapper h2{margin-bottom:10px}
.footer-wrapper h2 a{text-decoration:none; color:#fff}
.footer-wrapper .footerwidget{padding:10px; background-color:#2F2F38; border:1px solid #222229; margin-bottom:20px}
.footerwidget .twitter{margin:0}
.footerwidget .twitter a{background:transparent url(../images/twitter.gif) no-repeat left center; padding:10px 0 10px 35px; font-weight:bold; text-decoration:none}
.footer_middle{float:left; width:260px; margin-right:20px}
.footer_right{float:left; width:260px}
.footer_left{float:left; width:380px; margin-right:20px}
.footer_left .left{float:left; width:180px}
.footer_left .right{float:right; width:180px}
.footer_left .left li{padding-right:1em}
.footer_left .right{float:right}
.footer_left ul{display:inline}
.footer_left li{display:block}
.footer-newsletter{float:left; width:238px; padding:10px; background-color:#2f2f38; border:1px solid #222229; margin-bottom:20px}
.footer-newsletter h2{color:#fff; margin-bottom:15px; line-height:10x}
.footer-newsletter label{margin-bottom:10px; float:left}
.footer-newsletter .input-text{margin-right:10px; width:132px}
.footer-newsletter .button{padding:3px; width:80px}
.creditcards{float:left; background:url(../images/creditcards.gif) no-repeat; width:260px; height:85px; border:1px solid #1c1c21}
.footer p{margin-bottom:20px}
.footer address{text-align:center; clear:both; margin:20px 0 0 0; width:920px; background-color:#2F2F38; border:1px solid #222229; padding:10px}
.footer ul{float:left; width:100%; margin-bottom:20px}
.footer h2{color:#fff; font-size:14px}

/* ======================================================================================= */