/* =BASE
----------------------------------------------- */

html {height: 100%;margin: 0 0 1px 0;}
body { background: #ccc;color: #444;font-family: Arial, Helvetica, sans-serif;margin: 0;padding: 0;}
input, textarea {font-family: Arial, Helvetica, sans-serif;}
a:link, a:visited, a:hover, a:active {color: #606; text-decoration: none;}
a:hover {text-decoration: underline;}
p, ul {padding-bottom: 10px;line-height: 19px;}


/* =STRUCTURE
----------------------------------------------- */

.wrapper, .main {margin: 0;padding: 0;}
.page {background-color: #fff;margin: 0 auto;padding: 0;text-align: left;width: 960px;}

/* Base Columns */ 
.col-left { float: left; width: 180px; border: 0; padding: 0 0 0 20px; background: url(../images/sideline.gif) top right no-repeat; }
.col-main { float:left; width: 535px; border: 0; padding: 0; margin: 0;display: inline;}
.col-right { float: right; width: 160px; border: 0; padding: 0 20px 0 0; }

/* 1 Column Layout */
.col1-layout .col-main {width: 920px;margin: 0;padding: 10px 20px;}

/* 2 Columns Layout */
.col2-left-layout .col-main {float:left; width: 715px; margin-left: 15px; padding: 0 20px 0 0;}
.col2-right-layout .col-main {float:left; width: 715px; margin-left: 15px; padding: 0 20px 0 0;}

/* 3 Column Layout */
.col3-layout .col-main {width: 535px;margin-left: 15px;}

/* 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%; }

div.col-right .block {border: 1px solid #999;}



/* =HEADER
----------------------------------------------- */
.header {background: url(../images/header.jpg) top left repeat-x;border: 0;clear: both;float: right;height: 130px;margin: 0;padding: 0 55px;width: 850px;}

/* Orderline */
.header p#order-flash {color: #fff;font-size: 20px;font-weight: bold;float: left;line-height: 38px;margin: 0;padding: 0;width: 400px;}
.header p#order-flash span {font-size: 11px;}

/* Search Box */
form#search_mini_form input.input-text {border: 0;color: #999;font-size: 12px;margin: 1px 10px 0 5px;padding: 2px;width: 180px;}
form#search_mini_form {background: url(../images/search_bg.gif) top left no-repeat;display: inline;float: right;height: 30px;margin: 6px 0;padding:0 0 0 55px;width: 230px;}
form#search_mini_form input {margin-top: 0;vertical-align: middle;}

/* Header Menu */
.header ul.links {padding: 0;margin: 15px 0 0 0;float: right;display:inline;clear: right;width: 415px;}
.header ul.links li{display:inline;}
.header ul.links a {float: left;display: inline;padding-top: 50px;overflow: hidden;height: 0px !important;height /**/:50px; /* IE5 only */}
.header ul.links a {background:url(../images/top-nav.gif) top left no-repeat;border: 0;}
.header ul.links li#nav-about-us a {width: 80px;background-position: 0 0;}
.header ul.links li#nav-browse-store a {width: 111px;background-position: -80px 0;}
.header ul.links li#nav-basket a {width: 68px;background-position: -191px 0;}
.header ul.links li#nav-contact-us a {width: 74px;background-position: -259px 0;}
.header ul.links li#nav-my-account a {width: 82px;background-position: -333px 0;}
.header ul.links li#nav-about-us a:hover {width: 80px;background-position: 0 -50px;}
.header ul.links li#nav-browse-store a:hover {width: 111px;background-position: -80px -50px;}
.header ul.links li#nav-basket a:hover {width: 68px;background-position: -191px -50px;}
.header ul.links li#nav-contact-us a:hover {width: 74px;background-position: -259px -50px;}
.header ul.links li#nav-my-account a:hover {width: 82px;background-position: -333px -50px;}

/* Logo */
.logo {background: url(../images/logo.gif) top left no-repeat;float: left;clear: both;display: inline;height: 50px;margin: 15px 0 0 0;padding: 0;width: 340px;}


/* =FOOTER
----------------------------------------------- */
.footer {border: 0;clear: both;color: #444;font-size: 11px;padding: 10px 0;text-align: right;width: 960px;}
.footer p {float: right;padding: 0 10px 0 4px;}
.footer a {	color: #444;}
.footer ul, .footer ul.links {float: right;list-style: none;margin: 0;padding: 0;}
.footer li, .footer .links li {border-right: 1px solid #999;display: inline;line-height: 12px !important;padding: 0 5px 0 4px;}


/* =SHARED
----------------------------------------------- */

/* Page Titles */
div.col-main .page-title {border: 0;}
div.col-main .page-title h2 {color: #606;font-size: 16px;font-weight: bold;}

/* Category Navigation */
.col-left ul#cat-nav 						{float: left;clear: left;list-style:none;width:180px;padding-top: 0;}
.col-left #cat-nav li					{display: block;width: 150px;min-height: 22px;margin: 8px 0 0 0;padding: 0;float:left;clear: left;}

.col-left #cat-nav a {float: left;clear: left;width: 150px;padding-top: 22px;overflow: hidden;height: 0px !important;}
.col-left #cat-nav a {background:url(../images/braybrook-nav.gif) top left no-repeat;border: 0;}
.col-left #cat-nav a, .col-left #cat-nav a:hover {background-repeat: no-repeat;}

.col-left #nav-silver-christening-gifts-and-childrens-silver					{min-height: 38px;}
.col-left #nav-silver-christening-gifts-and-childrens-silver a					{background-position: 0 -32px;padding-top: 38px;}
.col-left #nav-silver-christening-gifts-and-childrens-silver a:hover			{background-position: -150px -32px;}
.col-left #nav-silver-christening-gifts-and-childrens-silver a.active		{background-position: -150px -32px;}



.col-left #nav-jewellery a				{background-position: 0 0;}
.col-left #nav-jewellery a:hover		{background-position: -150px 0;}
.col-left #nav-jewellery.active a	{background-position: -150px 0;}

.col-left #nav-silver-and-gold-cufflinks a		{background-position: 0 -80px;}
.col-left #nav-silver-and-gold-cufflinks a:hover	{background-position: -150px -80px;}
.col-left #nav-silver-and-gold-cufflinks.active a	{background-position: -150px -80px;}

.col-left #nav-silver-pens-and-desk-accessories		{min-height: 38px;}
.col-left #nav-silver-pens-and-desk-accessories a		{background-position: 0 -112px;padding-top: 38px}
.col-left #nav-silver-pens-and-desk-accessories a:hover	{background-position: -150px -112px;}
.col-left #nav-silver-pens-and-desk-accessories.active a	{background-position: -150px -112px;}

.col-left #nav-claret-jugs-and-wine-decanters		{min-height: 38px;}
.col-left #nav-claret-jugs-and-wine-decanters a		{background-position: 0 -160px;padding-top: 38px}
.col-left #nav-claret-jugs-and-wine-decanters a:hover	{background-position: -150px -160px;}
.col-left #nav-claret-jugs-and-wine-decanters.active a	{background-position: -150px -160px;}

.col-left #nav-silver-wine-coasters-and-dining-accessories		{min-height: 38px;}
.col-left #nav-silver-wine-coasters-and-dining-accessories a		{background-position: 0 -208px;padding-top: 38px}
.col-left #nav-silver-wine-coasters-and-dining-accessories a:hover	{background-position: -150px -208px;}
.col-left #nav-silver-wine-coasters-and-dining-accessories.active a	{background-position: -150px -208px;}

.col-left #nav-silver-vases-and-silver-bowls a					{background-position: 0 -256px;}
.col-left #nav-silver-vases-and-silver-bowls a:hover			{background-position: -150px -256px;}
.col-left #nav-silver-vases-and-silver-bowls.active a		{background-position: -150px -256px;}

.col-left #nav-gift-ideas-under-75 a					{background-position: 0 -288px;}
.col-left #nav-gift-ideas-under-75 a:hover			{background-position: -150px -288px;}
.col-left #nav-gift-ideas-under-75.active a		{background-position: -150px -288px;}

.col-left #nav-silver-candlesticks-and-tealights		{min-height: 38px;}
.col-left #nav-silver-candlesticks-and-tealights a		{background-position: 0 -320px;padding-top: 38px}
.col-left #nav-silver-candlesticks-and-tealights a:hover	{background-position: -150px -320px;}
.col-left #nav-silver-candlesticks-and-tealights.active a	{background-position: -150px -320px;}

.col-left #nav-silver-photograph-frames-boxes-and-gifts		{min-height: 38px;}
.col-left #nav-silver-photograph-frames-boxes-and-gifts a		{background-position: 0 -368px;padding-top: 38px}
.col-left #nav-silver-photograph-frames-boxes-and-gifts a:hover	{background-position: -150px -368px;}
.col-left #nav-silver-photograph-frames-boxes-and-gifts.active a	{background-position: -150px -368px;}

.col-left #nav-silver-christmas-decorations-and-silverware	{min-height: 38px;}
.col-left #nav-silver-christmas-decorations-and-silverware a		{background-position: 0 -416px;padding-top: 38px}
.col-left #nav-silver-christmas-decorations-and-silverware a:hover	{background-position: -150px -416px;}
.col-left #nav-silver-christmas-decorations-and-silverware.active a	{background-position: -150px -416px;}

.col-left #nav-sale a			{background-position: 0 -464px;}
.col-left #nav-sale a:hover		{background-position: -150px -464px;}
.col-left #nav-sale.active a	{background-position: -150px -464px;}

.col-left #nav-engraving a				{background-position: 0 -495px;}
.col-left #nav-engraving a:hover			{background-position: -150px -495px;}
.col-left #nav-engraving.active a	{background-position: -150px -495px;}

.col-left #nav-catalogue a				{background-position: 0 -528px;}
.col-left #nav-catalogue a:hover			{background-position: -150px -528px;}

.col-left #cat-nav ul.sub-nav				{float: left;padding: 5px;line-height: normal;border: 1px solid #ccc;background: #fff;z-index: 1000;}
.col-left #cat-nav ul.sub-nav	li			{float: left;padding: 0;margin: 0;font-size: 11px;line-height: normal;height: auto;}		
.col-left #cat-nav ul.sub-nav a			{float: left;background-image: none;padding: 5px 2px 2px 8px;width: 130px;margin: 0;height: auto !important;}
.col-left #cat-nav ul.sub-nav a:hover		{text-decoration: underline;}
.col-left #cat-nav ul.sub-nav li.even {background: none;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;}
.col-left #cat-nav ul.sub-nav li.last {border-bottom: 0;}

#cat-nav li { /* all list items */position : relative;float : left;width: 150px;}
#cat-nav li ul { /* second-level lists */ display: inline;position : absolute;left: -999em;margin-left : 0;margin-top : -10px;width: 150px;}
#cat-nav li a {display : block;text-decoration : none;}
#cat-nav li:hover ul ul, #cat-nav li:hover ul ul ul, #cat-nav li.sfhover ul ul, #cat-nav li.sfhover ul ul ul {left: -999em;}
#cat-nav li:hover ul, #cat-nav li li:hover ul, #cat-nav li li li:hover ul, #cat-nav li.sfhover ul, #cat-nav li li.sfhover ul, #cat-nav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}

/* Left Vcard */
div.sidebar .vcard {font-size: 11px;}
div.sidebar .vcard .fn {margin: 0;padding: 0;}

/* Breadcrumb Trail*/
div.breadcrumbs {border: 0;margin: 0;padding: 0;}
div.breadcrumbs ul {font-size: 11px;margin: 0;padding: 0 0 5px 0;}
div.breadcrumbs a {color: #444;font-weight: normal;text-decoration: none;}

/* Button Style  */
button.button { overflow:visible; width:auto; padding: 0;background:#606; border:1px solid #606; cursor:pointer; /*-webkit-border-fit:lines;*/ }
button.button span { display:block; margin:0; padding:1px 10px; font:normal 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }

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

ul.messages ul {margin: 0;padding: 0;}
.messages { width:100%; overflow:hidden;margin: 0; }
.messages li { margin:0 0 0 0; }
.messages li li { margin:0 0 0 0;padding: 0; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:8px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 6px 32px !important; font-size:11px !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:#3d6611; }


/* =HOME
----------------------------------------------- */
#banner, #home-content {clear: both;float: left;margin: 0 39px;padding: 0;width: 882px;}
#home-content-01 strong {color: #606;}
#home-content-01, #home-content-02, #home-content-03 {float: left;margin-top: 0;padding: 10px 15px 15px 15px;}
#home-content-01 {width: 280px;padding-right: 35px;}
#home-content-02 {width: 280px;padding-right: 35px;}
#home-content-03 {width: 180px;}
#home-content-03 p.fn {margin: 0;padding: 0;}

/* Home Graphic Navbar */
ul.home-nav {clear: left;float: left;list-style:none;padding: 20px 0 0 55px;width: 867px;}
ul.home-nav li {clear: none;display: inline;float: left;height: 165px;margin: 0;padding: 0 13px 0 0;width: 110px;}	
ul.home-nav a {background: url(../images/braybrook-home-nav.jpg) top left no-repeat;border: 0;clear: left;color: #444;float: left;font-family: Georgia, "Times New Roman";font-size: 12px;line-height: normal;margin: 0;padding: 115px 0 0 0;width: 110px;}
ul.home-nav a:hover {color: #606;}
ul.home-nav #nav-3 a {background-position: 0 0;}
ul.home-nav #nav-3 a:hover {background-position: 0 -200px;}
ul.home-nav #nav-4 a {background-position: -110px 0;}
ul.home-nav #nav-4 a:hover {background-position: -110px -200px;}
ul.home-nav #nav-6 a {background-position: -220px 0;}
ul.home-nav #nav-6 a:hover {background-position: -220px -200px;}
ul.home-nav #nav-7 a {background-position: -330px 0;}
ul.home-nav #nav-7 a:hover {background-position: -330px -200px;}
ul.home-nav #nav-8 a {background-position: -440px 0;}
ul.home-nav #nav-8 a:hover {background-position: -440px -200px;}
ul.home-nav #nav-9 a {background-position: -550px 0;}
ul.home-nav #nav-9 a:hover {background-position: -550px -200px;}
ul.home-nav #nav-10 a {background-position: -660px 0;}
ul.home-nav #nav-10 a:hover {background-position: -660px -200px;}
ul.home-nav #nav-11 a {background-position: -770px 0;}
ul.home-nav #nav-11 a:hover {background-position: -770px -200px;}
ul.home-nav #nav-12 a {background-position: -880px 0;}
ul.home-nav #nav-12 a:hover {background-position: -880px -200px;}
ul.home-nav #nav-13 a {background-position: -990px 0;}
ul.home-nav #nav-13 a:hover {background-position: -990px -200px;}
ul.home-nav #nav-14 a {background-position: -1100px 0;}
ul.home-nav #nav-14 a:hover {background-position: -1100px -200px;}
ul.home-nav #nav-15 a {background-position: -1210px 0;}
ul.home-nav #nav-15 a:hover {background-position: -1210px -200px;}
ul.home-nav #nav-engraving a {background-position: -1320px 0;}
ul.home-nav #nav-engraving a:hover {background-position: -1320px -200px;}
ul.home-nav #nav-catalogue a {background-position: -1430px 0;}
ul.home-nav #nav-catalogue a:hover {background-position: -1430px -200px;}



/*-----------------------------------------------/
/ =CATEGORY LIST VIEW                            /
/---------------------------------------------- */
p.category-description {float: left;clear: left;width: 535px;}
div.category-title {border: 0;}
div.category-title h2 {color: #606;font-weight: bold;text-transform: uppercase;}

.category-jewellery .col-main p {clear: both;}

/* Product List Table */
table.products-grid {clear: left;}
table.products-grid td {border: 0;}
table.products-grid td {background: #fff;}
table.products-grid h3.product-name {font-size: 11px;}
table.products-grid a.product-image img {border: 1px solid #999;margin-bottom: 5px;}
table.products-grid .price {color: #444;font-size: 11px;}

/* Category Pager */
div.pager {float: left;width: 535px;border: 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 10px 0;}
div.pager-left {float: left;display: inline;text-align: left;width: 300px;}
div.pager-left li.show-all a {margin-left: 5px;font-weight: bold;text-decoration: underline;color: #444;}
div.pager-left p {display: inline;font-size: 11px;font-weight: normal;margin: 0;padding-right: 7px;}
div.pager-left a {color: #444;text-decoration: underline;}
div.pager-left p a {padding-left: 5px;font-weight: bold;}
div.pager-left ol, div.pager-left li {display: inline;font-size: 11px;margin: 0;}
div.pager-right {float: right;display: inline;width: 235px;text-align: right;}
div.pager-right label {font-size: 11px;font-weight: bold;}
div.pager-right select {font-size: 11px;margin-left: 5px;}

.sales-order-history div.pager {width: 705px;}
.sales-order-history div.pager p.amount {margin: 0;padding: 0;}

.catalog-seo-sitemap-category div.pager {width: 705px;}
.catalog-seo-sitemap-category div.pager p.amount {margin: 0;padding: 0;}
.catalog-seo-sitemap-product div.pager {width: 705px;}
.catalog-seo-sitemap-product div.pager p.amount {margin: 0;padding: 0;}

/* Product View ========================================================================== */
.product-view {padding: 10px 0;}
.product-view .product-name h2 {color: #606;font-size: 14px;font-weight: bold;}
.product-view .std {font-size: 11px;line-height: 1.9em;margin: 0;padding: 10px 0;}

.product-view .sku {font-size: 11px;}

/*Product Images*/
.product-view .product-img-box .product-image { border: 0;margin: 0 0 15px 0; }
.product-view .product-image-zoom {padding: 0;}
.product-view .product-shop { float:right; width:240px; padding: 0 0 0 23px; }

/*Price*/
.product-view .price-box {padding: 0 0 10px 0;}
.product-view span.regular-price {font-size: 11px;}
.product-view span.or {display: none;}
.product-view .price {color: #333;font-size: 18px;font-weight: normal;padding: 0 0 0 3px;}
.product-view ul.add-to-links {clear: both;font-size: 11px;padding: 15px 0 0 0;}

/*Upsell Products*/
.product-view div.up-sell h3 {color: #606;font-size: 12px;border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 5px;margin: 5px 0;}
.product-view div.up-sell a.product-image img {border: 0;}
.product-view div.up-sell h4 {font-size: 11px;}
.product-view div.up-sell span.list-hide {display: none;}

/*Frequently Bought Together*/
.product-view div.partner-product h3 {color: #606;font-size: 12px;border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 5px;margin: 5px 0 15px 0;}


.partner-product ol {
    clear: left;
    display: inline;
    float: left;
    font-size: 11px;
    list-style: none;
    margin: 20px 0;
    padding: 0;
    width: 400px;
}

.partner-product li {
    clear: left;
    display: inline;
    float: left;
    line-height: 20px;
    width: 400px;
}

.partner-product img {
    border: 1px solid #ddd;
    display: inline;
    float: left;
    height: 75px;
    margin-right: 15px;
    width: 75px;
}

.partner-product-pricing {
    display: inline;
    float: left;
}

.partner-product-pricing p {
    line-height: 24px;
    margin: 10px 0 0 0;
    padding-left: 5px;
}

.partner-product-pricing p strong {
    font-weight: normal;
    font-size: 11px;
}

.partner-product-pricing span.price {
    font-weight: normal;
}

.partner-product button {
    background: #606;
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 4px 0;
    width: 200px;
}

/*Product Options*/
div.product-shop p {font-size: 11px;}
div.product-options-bottom {border: 0;padding: 0;margin: 0;}
div.product-options-bottom fieldset.add-to-cart button {padding: 0 !important;margin: 0 !important;}
div.product-options-bottom dl {margin: 0 !important;}
ul.options-list {margin-bottom: 0;padding: 0;}
div.product-options-bottom fieldset.product-options {margin-bottom: 0 !important;padding-bottom: 0 !important;}
.product-options label {font-size: 11px;}
.product-options span.price-notice, .product-options span.price {font-size: 12px;color: #606;font-weight: bold;}

/* Progress Block ===================================================================== */
.block-progress {float: left;width: 165px;}
.block-progress .block-content {padding-top: 0;}
.block-progress dt, .block-progress dt.complete {background-color: #606;color: #fff;font-size: 11px;padding: 5px;margin-top: 5px;}
.block-progress dt {background-color: #c299c2;}
.block-progress dt a {color: #fff;font-weight: normal;text-decoration: underline;}
.block-progress dd.complete {background-color: #f7f2f7;display: block;margin-bottom: 5px;padding: 5px;}
.block-progress address, .block-progress dd {font-size: 11px;}
.block-progress dd p {margin: 0;padding: 0;}
.block-progress .block-title {border: 0;}
.block-progress .block-title h2 {background: url(../images/progress-title.gif) top left no-repeat;display: block;height: 55px; text-indent: -9999px;width: 125px;margin: 0;}
.block-progress fieldset {padding-top: 0 !important;}

/* Account Block ===================================================================== */
.block-account {float: left;width: 165px;font-size: 11px;}
.block-account .block-title {border: 0;}
.block-account .block-title h2 {background: url(../images/account-title.gif) top left no-repeat;display: block;height: 42px; text-indent: -9999px;width: 98px;}
.block-account fieldset {padding-top: 0 !important;}


/* Xmas Delivery Block ====================================================================== */
div.xmasdelivery-block {float: left;width: 165px;}
div.xmasdelivery-block .block-title a {float: left;background: url(../images/royal_mail_special_delivery_logo.png) top left no-repeat;border: 0;height: 90px;width: 125px;margin: 10px 0 5px 10px;text-indent: -9999px;}
div.xmasdelivery-block p {font-size: 11px;margin: 0;padding: 0;}

/* Gift Wrap Block ====================================================================== */
div.giftwrap-block {float: left;width: 165px;}
div.giftwrap-block .block-title a {float: left;background: url(../images/img_giftwrap.jpg) top left no-repeat;border: 0;height: 120px;width: 165px;margin: 10px 0 5px 10px;text-indent: -9999px;}
div.giftwrap-block p {font-size: 11px;margin: 0;padding: 0;}

/* Catalogue Block ====================================================================== */
div.catalogue-block {float: left;width: 165px;}
div.catalogue-block .block-title {background: url(../images/img_catalogue.jpg) top left no-repeat;border: 0;height: 135px;margin: 10px 0 0 10px;text-indent: -9999px;}
div.catalogue-block .block-title a {float: left;width: 135px;height: 135px;}
div.catalogue-block p {font-size: 11px;margin: 0;padding: 0;}

body.catalog-category-view span.regular-price {font-size: 11px;font-weight: bold;}
body.catalog-category-view span.list-hide, body.catalogsearch-result-index span.list-hide {display: none;}

/* Newsletter Block ===================================================================== */
.block-subscribe {float: left;width: 165px;}
.block-subscribe .block-title {border: 0;}
.block-subscribe .block-title h2 {background: url(../images/newsletter-title.gif) top left no-repeat;display: block;height: 42px; text-indent: -9999px;width: 98px;}
.block-subscribe fieldset {padding-top: 0 !important;}
.block-subscribe input.input-text {width: 120px;margin-bottom: 6px;padding: 2px;}
.block-subscribe label {font-size: 11px;}

/* Recently Viewed Block ================================================================= */
.block-recent {float: left;width: 165px;}
.block-recent .block-title {border: 0;}
.block-recent .block-title h2 {background: url(../images/recently-viewed.gif) top left no-repeat;display: block;height: 48px; text-indent: -9999px;width: 140px;}
.block-recent .block-content {padding-top: 2px;}
.block-recent ol li {font-size: 11px;background: none;padding: 2px 0;}
.block-recent li.even {border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;}

/* Mini Cart Block ======================================================================= */
.block-cart {float: left;width: 165px;}
.block-cart .block-title {border: 0;}
.block-cart .block-title h2 {background: url(../images/basket-title.gif) top left no-repeat;display: block;height: 38px; text-indent: -9999px;width: 140px;}
.block-cart .block-content {padding-top: 4px;}
.block-cart p {font-size: 11px;padding: 0;text-align: left !important;}
.block-cart .actions {padding: 5px 0 0 0;text-align: left;}

/* Category Thumbnails =================================================================== */
dl.cat-thumb {float: left;padding: 0;font-size: 11px;width: 110px;height: 170px;margin: 0 30px 0 0;display: inline;overflow: hidden;line-height: 1.4em;}
dl.cat-thumb-end {float: left;padding: 0;font-size: 11px;width: 110px;height: 170px;margin: 0 0 0 0;display: inline;overflow: hidden;line-height: 1.4em;}
dl.cat-thumb dd,dl.cat-thumb dt, dl.cat-thumb-end dd,dl.cat-thumb-end dt	{margin: 0;padding: 0;text-transform: uppercase;display:inline;}
dl.cat-thumb img.thumbnails, dl.cat-thumb-end img.thumbnails {float:left;width: 108px;height:108px;margin-right:5px; border:1px solid #999;margin-bottom:4px;color:#fff;}

/* Cart Index ============================================================================ */
.checkout-cart-index div.page-title h2 {color: #606;font-size: 16px;font-weight: bold;}
.checkout-cart-index div.page-title {border: 0;}
.checkout-cart-index div.shipping, .checkout-cart-index div.discount, .checkout-cart-index div.crosssell, .checkout-cart-index div.engraving-message {background: #f7f2f7;border: 1px solid #e0cce0;margin: 10px 0;padding: 10px;}
.checkout-cart-index div.buttons-set {border: 0;margin: 0;padding: 0;float: left;}
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:left; width:715px; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .shipping h3, .cart .discount h3, .cart .crosssell h3, .cart .engraving-message h3 {font-size: 14px;font-weight: bold;color: #606;}
div.crosssell ul {margin: 8px 0 0 0;padding: 0;}
div.crosssell img {border: 1px solid #999;}
div.crosssell p {padding: 0;}
div.crosssell ul.add-to-links {margin: 5px 0 0 0;}
div.crosssell li {margin: 0;padding: 0 0 5px 0;}
ul.checkout-types button.button {background: #7bb15a;border-color: #4c7e29;padding: 4px 10px 4px 0;}
ul.checkout-types button.button span {font-size: 14px;font-weight: bold;margin: 0;padding: 0 0 0 10px;}

table#shopping-cart-table tfoot td {border: 0;}
table#shopping-cart-totals-table tfoot td, table#shopping-cart-totals-table tfoot th {font-size: 14px;}

#co-shipping-method-form fieldset {padding: 15px 0 0 0;}
#co-shipping-method-form fieldset div.buttons-set {padding: 15px 0 0 0;}
dl.sp-methods, dl.sp-methods ul {margin: 0;padding: 0;}
.sp-methods dt {font-weight: bold;border-bottom: 1px solid #e0cce0;margin: 0 0 5px 0;}
.sp-methods dd .price {font-weight: bold;}

/* One Page Checkout ===================================================================== */
ol#checkoutSteps div.step-title {background: #606;}
ol#checkoutSteps div.step-title span {color: #fff;font-size: 13px;padding: 3px 0;font-weight: bold;}
.checkout-onepage-index .buttons-set {border: 0;margin: 0;padding: 10px 0;text-align: left;}
.checkout-onepage-index #checkout-step-login button.button {float: left;}
.checkout-onepage-index #checkout-step-login a {float: right;}
ol#checkoutSteps #checkout-step-review button.button {background: #7bb15a;border-color: #4c7e29;padding: 4px 10px 4px 0;margin: 0;}
ol#checkoutSteps #checkout-step-review button.button span {font-size: 14px;font-weight: bold;margin: 0;padding: 0 0 0 10px;}

table#my-orders-table {clear: left;}


div.add-gift-message h4 {font-size: 12px;padding-top: 10px;}
div.gift-message-form {padding: 10px;border: 0;background: none;}

div.gift-message-form .gift-item {float: left;clear: left;border-top: 0px solid #ddd;padding-top: 5px;width: 100%;}
div.gift-message-form h5 {padding: 0 0 10px 0;color: #606;}
div.gift-message-form .product-img-box img {display: inline;float: left;margin-right: 10px;margin-bottom: 10px;border: 1px solid #ddd;}
div.gift-message-form .product-img-box p {display: inline;float: left;}
div.gift-message-form .product-img-box textarea {width: 500px;}
div.gift-message-form .product-img-box label {font-weight: bold;}

/* CMS Page ============================================================================== */

.cms-page-view .col-main h1 {color: #606;font-size: 18px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;}
.cms-page-view .col-main h2 {clear: left;border-bottom: 1px solid #ccc;color: #606;font-size: 14px;font-weight: bold;padding-bottom: 3px;margin: 10px 0;}
.cms-page-view .col-main h2 span strong {color: #606;font-size: 14px;font-weight: bold;}

/* Customer Care Menu ==================================================================== */
#about-list {float: left;margin: 0 0 20px 0;font-size: 11px;}
#about-list li {float: left;width: 84px;margin-right: 15px;display: inline;line-height: 1.4em;}
#about-list img {border: 1px solid #999;}

/* Account Formatting ==================================================================== */
.customer-account-index .col-main h3,
.customer-account-edit .col-main h3,
.customer-address-index .col-main h3,
.customer-address-form .col-main h3,
.sales-order-view .col-main h3,
.customer-account-login .col-main h3,
.customer-account-create .col-main h3 {color: #444;font-size: 14px;font-weight: bold;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.customer-account-index .col-main h4 {color: #444;font-size: 12px;font-weight: bold;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.customer-account-index .col-main a,
.customer-account-edit .col-main a,
.customer-address-index .col-main a,
.customer-address-form .col-main a,
.sales-order-view .col-main a {text-decoration: underline;}
.customer-address-index address,
.sales-order-view address {margin-bottom: 10px;}
.sales-order-view dl.order-info {display: none;}
.customer-account-login .new-users .buttons-set button.button,
.customer-account-login .registered-users .buttons-set button.button {float: left;}
.customer-account-login .registered-users .f-left {float: right !important;}
.customer-account-login .new-users .buttons-set,
.customer-account-login .registered-users .buttons-set {border: 0;margin: 0;padding: 0;}

/* Content Images ======================================================================== */
.catalogue-img, .content-img {float: right;margin-left: 20px;margin-bottom: 20px;}

/* Info Table ============================================================================ */
table.infotable, .infotable td, .infotable th {border-color: #999;border-style: solid;}
table.infotable {border-width: 1px;border-spacing: 0;border-collapse: collapse;}
.infotable td, .infotable th{text-align: left;margin: 0;padding: 4px;border-width: 1px 1px 0 0;background-color: #f8f8f8;}
.infotable th {background-color: #ccc;color: #fff;}

/* Engraving ============================================================================= */
table.engraving-content {border-collapse: collapse;width: 100%;margin-bottom: 15px;}
table.engraving-content th {text-align: left;width:20%;}
table.engraving-content th.style {width: 50%;}
table.engraving-content th.no {width: 10%;}
table.engraving-content td, table.engraving-content th {border-bottom: 1px solid #999;padding: 2px;}
img.stylesheet {float: right;margin: 0 0 10px 10px;}


/* Lightbox ============================================================================== */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Print Styles ========================================================================= */
.page-print {color: #000;padding-top: 5px;}
div.print-head {margin: 20px 0;}
div.print-head h1.logo {float: left;width: 350px;height: 50px;margin: 0;padding: 0;}


.checkout-cart-index button.update-cart {background: #997299;margin-left: 15px;}
.engraving-instructions {margin-top: 20px;}

/* Catalogue Request Form =============================================================== */
#contactForm 									{color: #444;float: left;clear: left;width: 500px;padding: 15px;border: 1px solid #ccc;background-color: #f7f7f7;margin-bottom: 15px;}	
#contactForm p 									{clear: left;margin-bottom: 5px;padding: 0;}
#contactForm p.spaced 							{margin: 15px 0 15px 0;font-style: italic;}
#contactForm h3									{margin-bottom: 20px;font-size: 12px;padding-top: 10px;}
#contactForm span.highlight 					{color: #CC0000;}
#contactForm label 								{width: 150px;font-weight: bold;color: #444;text-align: left;float: left;padding-right : 10px;padding: 3px 0 3px 0;}
#contactForm select 							{padding: 3px;border: 1px solid #CCC;width: 167px;}
#contactForm input.textfield, #contactForm input.text {padding: 3px;border: 1px solid #CCC;width: 160px;color: #444;font-size: 11px;}
#contactForm input.textlong 					{color: #444;padding: 3px;border: 1px solid #CCC;width: 230px;font-size: 11px;}
#contactForm input.textnone 					{padding: 3px 6px 3px 2px;border: 0;font-weight: normal;width: 160px;color: #444;background-color: #f8f6f4;}
#contactForm #pcaDivJK76 						{margin: 0 30px 0 150px;}
#pcaButtonJK76 								{font-size: 1.1em;}
#contactForm input.submitform 					{margin: 5px 0 5px 150px;padding: 1px;}
#contactForm h3 								{margin-top: 0;}
#contactForm select								{font-size: 11px;color: #444;}
#contactForm textarea							{font-size: 11px;color: #444;width: 225px;height: 80px;border: 1px solid #ccc;padding: 3px;}

/* Realex ===== */
li.switch {
    background: #f4f4f4;
    border: 1px solid #eee;
    clear: both;
    display: inline;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px;
}

li.switch p {
    color: #606;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
}

li.switch p span {
    font-size: 11px;
    font-weight: normal;
}

li.switch div.input-box {
    clear: both;
    display: inline;
    float: left;
}

/* New home page banner ====== */
#homeBanner {float:left;display:inline;width:882px; height:340px; background:url(/media/banner-assets/background.jpg) no-repeat; clear:both; position:relative; margin:0 auto;margin-left: 35px;}
#homeBanner ul {list-style-type:none;}
#homeBanner img {padding:16px 0 0 17px;}
#navSlideshow {float:right; display:inline;width:auto; margin:2px 20px 0 0;clear:both;position:relative; top:310px;}
#navSlideshow a {
		float:left !important;
		background:url(/media/banner-assets/slider-buttons.png) no-repeat;
		height:0;
		overflow:hidden;
		padding-top:9px;
		width:9px;
		color:#fff;
		text-decoration:none;
		margin-left:3px;
		}
		
#navSlideshow a:hover {background:url(/media/banner-assets/slider-buttons.png) no-repeat -19px 0;}
#navSlideshow a.activeSlide {background:url(/media/banner-assets/slider-buttons.png) no-repeat -19px 0; color:#fff;}
#navSlideshow a:focus { outline: none; }	
