@import "reset.css";

body { font:  9pt/1.5em "Helvetica Neue",helvetica,arial,sans-serif; color:#555; text-shadow:#000 0 0 0;}

body, p, li{
 font:  9pt/1.5em "Helvetica Neue",helvetica,arial,sans-serif; 
}
div, .button.new { behavior: url(/javascripts/iepngfix.htc); }
a { text-decoration:none; }
a { color:#000; font-weight:bold;}
a img { border:0; }
a:hover { color: #000; border-bottom:1px #ccc solid !important; }
.cookware a { color:#989061;}
#index .cookware a { color:#B8A85A !important;}
.dinnerware a { color:#98053B;}
#index .dinnerware a { color:#98053B !important;}
.storage a {color:#AD9C82;}
#index .storage a {color:#AD9C82 !important;}
.frames a{color:#768193;}
#index .frames a{color:#768193 !important;}

.cookware a:hover { color:#000;}
.dinnerware  a:hover { color:#000;}
.storage  a:hover { color:#000;}
.frames a:hover { color:#000;}

p { margin:0 0 1em 0;}
strong {font-weight:bold;color:#000;}
.more {font-weight:bold;color:#000;}
#breadcrumbs .current, #breadcrumbs .current:hover { color:#000;cursor:default;font-weight:bold;text-decoration:none;}
#container { background: url(/images/column.gif) repeat-y -239px 0; margin: 0 auto;	overflow: hidden; width: 960px;position:relative;}
#masthead,#footer { background-color:#000; color:#999; }
#masthead { height:63px;position:relative;}
#home {display:block;float:left;height:17px;width:17px;overflow:hidden;background:#fff url(/images/home.gif) no-repeat 0 1px; margin:0;paddin:0;text-indent:-1234em;border:0 !important;}
/* Grid structure */
.row { background-image: url(/images/column.gif); border-top: 1px #ccc solid;overflow: hidden; position: relative; width: 960px; overflow:hidden;height:auto; }
.row.full { border:none; }
.section {/*border-top: 1px #fff solid;*/}
.fourth .section { border-top:0; margin-bottom:30px;}
.column { position: relative;float: left;  overflow:visible;}
.one { background-color:#fff;margin-left:1px; width:957px;}
.half { background-color:#fff;margin-left:1px; width:478px;height:100%;}
.third {width:319px;}
.fourth { width:239px; }
.three {background-color:#fff;margin-left:1px;width:717px;overflow:hidden;}
.last {border:0;}
.content {padding:15px 15px;position:relative;}
.product .content { padding:0 15px 30px 15px;}

.half .content { background-color:#fff; height:200%;overflow:hidden;}


/* Headers */ 
h1 {  color:#000;font-size:30px; margin:.1em 0 .8em 0;padding:15px 15px 0 15px;text-shadow:#000 0px 0px 0px;}
.content h1 {padding:10px 0 0 0;}
h2 {  color:#000;font-size:200%; margin:0 0 .5em 0;padding:15px 15px 0 15px;text-shadow:#000 0px 0px 0px; font-weight:bold;}
h3 { font-size:150%;margin:0 0 10px 0; color:#000;font-weight:normal;text-shadow:#000 0px 0px 0px;}
h2 a,h3 a,dt a { color:#000 !important;border:0 !important; }
h2 a:hover,h3 a:hover {background-color:transparent;color:#FF6600;}
h2 a span,h3 a span {position:absolute;top:20px;right:20px; color:#fff; background:#ccc url(/images/interface/white_small_arrow.gif) no-repeat 100% 50%;display:block;font-size:8pt;padding:0em 1.6em .1em .8em;-moz-border-radius: .9em;-webkit-border-radius: .9em; display:none;}
h4 {font-weight:bold;color:#000;}
h4 a {color:#000 !important;}
dt,dt a { font-weight: bold; color:#000;}
#index h3 {font-weight:normal;}
#index li { margin:0 0 5px 0; position:relative;padding:0 0 5px 0;display:block;}
#index li a:hover {border:0 !important; color:#000 !important;}
#index .icon { position:absolute;right:0;top:0;display:none;}

#index li a { font-weight:bold;}

#index li dl { overflow:hidden;border-top:1px #ccc dotted !important;padding: 5px 0 0 0;}
#index li dl  dt{float:right;}

#footer { clear:both; }
#footer a { color:#fff;}
#front_display {clear:both;border-top:1px solid white;}
#breadcrumbs { background: transparent url(/images/column.gif) repeat-y 100% 0; position:relative;}
#breadcrumbs a { margin:0 5px;}
.where_you_are { font-weight:bold;color:#000;margin:0 .5em;}
#basket_summary { text-align:right;float:right;padding:15px;background-color:transparent;border-right:1px #ccc solid; position:relative;z-index:1;}
#basket_summary a { }
#basket_summary a:hover {  }

#masthead ul { left:259px; position:absolute;bottom:0;border-right:1px #333 solid;}
#masthead ul li { display:inline;}
#masthead ul li a {display:block;float:left;/*padding:10px 15px;*/color:#fff;border:0;border-left:1px #333 solid;border-bottom:0 !important;font-weight:bold;text-shadow:#000 0px 0px 0px;}
#masthead ul li a span {display:block;padding:10px 15px;}
#masthead ul li.cookware a:hover, #masthead ul li.prodcat1 a:hover, #masthead ul li.prodcat4 a:hover, #masthead ul li a:hover  { /*background: url(/images/menu_cookware_rollover.gif) repeat-x 0 0;*/ border-left:1px #333 solid !important;}
/*#masthead ul li:nth-child(2) a:hover { background: url(/images/menu_dinnerware_rollover.gif) repeat-x 0 0; }
#masthead ul li:nth-child(3) a:hover { background: url(/images/menu_frames_rollover.gif) repeat-x 0 0; }*/
#masthead ul li.dinnerware a:hover, #masthead ul li.prodcat2 a:hover { /*background: url(/images/menu_dinnerware_rollover.gif) repeat-x 0 0;*/ border-left:1px #333 solid !important;}
#masthead ul li.frames a:hover, #masthead ul li.prodcat4 a:hover { background: url(/images/menu_frames_rollover.gif) repeat-x 0 0; border-left:1px #333 solid !important;}
#masthead ul li.storage a:hover, #masthead ul li.prodcat3 a:hover{ background: url(/images/menu_storage_rollover.gif) repeat-x 0 0; border-left:1px #333 solid !important;}
#masthead ul li.storage a:hover{ background: url(/images/menu_storage_rollover.gif) repeat-x 0 0; border-left:1px #333 solid !important;}




#logo a { background: url(/images/sir_johns_logo.gif) no-repeat 0 0; border:0; height: 50px; left: 0; position: absolute; overflow: hidden; text-indent: -1234em; top: 13px; width: 335px;}
#search {position:absolute;right:10px;bottom:10px;width: 225px;height: 2em;}
#search label { background:#555 url(/images/interface/magnifier.gif) no-repeat 100% 50%;display:block;position:absolute;bottom:0;left:0;width:210px;border:0;padding:5px;color:#fff;z-index:1;margin: 0;font:  9pt/1.5em "Helvetica Neue",helvetica,arial,sans-serif;}
#search_field,.search_field { background-image:none !important; background-color:#525552 !important;border:0;position:absolute;bottom:0;left:0;padding: 5px;color:#fff;font:  9pt/1.5em "Helvetica Neue",helvetica,arial,sans-serif;width:190px;margin: 0;}
#search_field:focus,#search_field.focus,.search_field:focus,.search_field.focus {background-color: #555;}


.product_list li{margin:0 0 1.5em 0;}
.product_list p {margin-bottom:0}
.large_index li {float:left;width:239px;overflow:hidden;}
.large_index li li {height:auto;float:none;width:auto;overflow:auto;}
.large_index dl {margin:1em 0;}

.product_index li {float:left;height:13em;width:239px;overflow:visible;position:relative;}

.product_index li .image {position:absolute;left:20px;top:20px;}
.large_index li dl,.product_index li dl { padding: 15px 15px 15px 130px;}
.browser {position:absolute;top:2em;right:20px;}


.add { font-weight:bold;}

.price, .specialprice {font-weight:bold;}
.specialprice, .ideal_price, .ideal_price strong {
	color:#CC0000;
}
.price{
	color:#000;
}
.price del, .specialprice del{ font-weight:normal; color:#555;padding-right:.5em;}
.view_all {padding:15px 20px;position:absolute;top:0;right:0;}
.view_all a { font-weight:bold;}

.subcategories { margin-bottom:2em;padding:0 20px;}
.subcategories li { margin-bottom:.3em;}
.subcategories a { }
.subcategory_icon {margin:10px 20px; border:0; background-color:#ccc;}

/* product page */

.description {  width:290px;float:left;}
.description ul { margin:0 0 1em 0;}
.description ul li { list-style-image: url(/images/interface/bullet.gif); margin-left:1.5em;}
.description a:hover,.purchase a:hover {color:#000;}
.product_gallery {width:380px;float:left;margin:0 17px 15px 17px;}
.product_gallery img { background-color:#ccc;}
.purchase { width:239px;float:left;}

.product .price  strong { font-size:200%;display:block;}
.product .price  del  { font-size:200%;display:block; color:#999;}
.normal_price	{color:#999;}
.product label { font-weight:bold; color:#000;}
.product select { width:60%;}
.product .add { background: #fff url('/images/interface/buttons.gif') no-repeat 0 -120px; display:block; width:122px; height:23px; display:block;overflow:hidden;text-indent:-1234em;padding:0;margin:15px 0;}
.product .add:hover {border:0 !important;}

.product_gallery ul { width:430px; overflow:hidden;} 
.product_gallery ul li { display:inline;}
.product_gallery ul li a { float:left;margin: 10px 10px 10px 0 !important;display:block;width:68px;border:0 !important;}


.advice_request, .tell_a_friend { font-weight:bold; color:#FF6600;}

/* basket */
.basket table {width:100%;margin-bottom:10px;}
.basket table td,#shopping-cart-table th { padding:10px 10px 10px 0;}
.basket table td { vertical-align:top; border-top:#ccc solid 1px;}
.basket table dt {font-weight:normal;}
/*#shopping-cart-table tr.odd td { background-color:#F5F5F5;}*/

.remove2 { display:block; overflow:hidden;width:17px;height:17px;text-indent:-1234em;background: #fff url(/images/interface/delete.gif) no-repeat 0 0;margin:0 15px;}
.remove2:hover {border:0 !important;}
.a-right { text-align:right !important;}
.a-center { text-align:center;}

.button { display:block;text-align:left;float:right;margin-left:5px;overflow:hidden;text-indent:-1234em;height:23px;background:#fff url(/images/interface/buttons.gif) no-repeat 0 0;border:0;}
.button.continue {width:157px;background-position:0 0;}
.button.update {width:74px;background-position:0 -30px;}
.button.checkout {width:90px;background-position:0 -60px;}
.button.request {width:131px;background-position:0 -180px; float:none;margin:0}
.button.friend {width:106px;background-position:0 -210px;float:none;margin:0}
.button.viewbasket {width:93px;background-position:0 -240px;text-align:left !important;margin:0;border:1px red solid;}
.button:hover {border:0 !important;}
.nopadding { padding-left: 0 !important; padding-right: 0 !important;}

.button.new {width:35px;height:16px;background:transparent url('/images/interface/new.png') no-repeat 0 0;position:absolute;bottom:5px;right:5px;}
.product_index .code{
	font-weight:normal;
	color:#999999;
	font-size:11px;
}

.product_index .button.new {}
.product_index .image {position:relative;}

.next:hover { color: #FF6F1C; }

input.text,textarea { background-color:#EBEBEB; border:0;font:  9pt/1.5em "Helvetica Neue",helvetica,arial,sans-serif;padding:5px;}

.front_thumb { margin: 10px 0;}

.blank { overflow: hidden; background-color:#fff; background-image:url(/images/no_columns.gif);} /* to hide lines on wider rows */

.ui-tabs-hide { display: none; }
.ui-tabs-nav .ui-tabs-selected a {border-top:1px #ccc solid;border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #fff solid;color:#000;}
.ui-tabs-nav .ui-tabs-selected a:hover { border-bottom:1px #fff solid !important;}
#product_tabs ul.tabs {overflow:hidden;margin-bottom:2em;}
#product_tabs ul.tabs li {display:inline;}
.ui-tabs-nav a {display:block;float:left;padding:5px 10px;border-bottom:1px #ccc solid;border-top:1px #fff solid;}
.association { float:right;padding-right:90px; }
.association span { margin:0;padding:0;width:76px;height:30px; background: #000 url('/images/logos/the_galley_logo.gif') no-repeat 0 0; overflow:hidden; text-indent:-1234em; display:block;position:absolute;top:5px;right:20px;}



.brandlogo{
	margin:10px 0 10px 0;
	border:1px solid #ccc;
	padding:1px;
	width:100px;
}

#container .brandlogo a:hover, #container .brandlogo a{
	border-bottom:0!important;
	text-decoration:none;
}

#mw_searchresults{
	padding:20px;!important
}

#mw_searchresults .product{
	margin:20px;
	width:700px;
}
#mw_searchresults .product .price,#mw_searchresults .product .specialprice
{
    padding-bottom:5px;
    padding-top:2px;
}

#mw_searchresults .product .price del { font-size:14px;font-weight:normal; color:#555;padding-right:.5em;}
#mw_searchresults .product .price, #mw_searchresults .product .specialprice  { font-size:16px;display:block;font-weight:bold;color:#000;}


.thegalley{
background:#000000 url(/images/logos/the_galley_stkilda_logo.gif) no-repeat scroll 0 0;
width:280px;
height:25px;
float:right;
margin:0 10px 0 0;
}


.association {
float:right;
padding-right:90px;
width:200px;
/*border:1px solid #fff;*/
}


.association span {
background:#000000 url(/images/logos/the_galley_logo.gif) no-repeat scroll 0 0;
display:block;
height:30px;
margin:0;
overflow:hidden;
padding:0;
float:left;
width:76px;
}

.association .text{
	float:left;
	width:76px;
}

#filters a { color:#999; font-weight:normal;}
#filters a.current {color:#000;font-weight:bold;}
#sorting { position:absolute; right:20px;}

table.shippingrates tr.head td{
	background:#000000;
	color:#fff;
	border:none;
}

table.shippingrates td{
	padding:2px;
	border-bottom:1px solid #ccc;
}
.search-button a:hover{
border-bottom:none !important;
}
.search-button input{
height:25px;
margin-top:-1px;
}