/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------------- skin specific styles --------------------------
-------------------------------------------------------------------------
*/







/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------- image replacement for the global navigation ---------------
-------------------------------------------------------------------------
*/

/*override textual menu*/
#globalNav li a {
text-indent:-9000px;
overflow:hidden;
padding:0;
height:29px;
display:block;
text-decoration: none;

}



/*home button*/
#navHome a:link, #navHome a:visited {
width:70px;
background: url(../images/nav/home.gif) no-repeat left top;
}
#wrapper #navHome a:hover, #wrapper #navHome a:active {
background: url(../images/nav/home.gif) no-repeat right top;
}
#pageHome #navHome a:link, #pageHome #navHome a:visited {
background: url(../images/nav/home.gif) no-repeat right top;
}

/*about button*/
#navAbout a:link, #navAbout a:visited {
width:96px;
background: url(../images/nav/about-us.gif) no-repeat left top;
}
#wrapper #navAbout a:hover, #wrapper #navAbout a:active  {
background: url(../images/nav/about-us.gif) no-repeat right top;
}
#pageAbout #navAbout a:link, #pageAbout #navAbout a:visited{
background: url(../images/nav/about-us.gif) no-repeat right top;
}

/*wish list button*/
#navWishlist a:link, #navWishlist a:visited {
width:112px;
background: url(../images/nav/wish-list.gif) no-repeat left top;
}
#wrapper #navWishlist a:hover, #wrapper #navWishlist a:active  {
background: url(../images/nav/wish-list.gif) no-repeat right top;
}
#pageWish #navWishlist a:link, #pageWish #navWishlist a:visited{
background: url(../images/nav/wish-list.gif) no-repeat right top;
}

/*blog button*/
#navBlog a:link, #navBlog a:visited {
width:100px;
background: url(../images/nav/blog.gif) no-repeat left top;
}
#wrapper #navBlog a:hover, #wrapper #navBlog a:active  {
background: url(../images/nav/blog.gif) no-repeat right top;
}
#pageBlog #navBlog a:link, #pageBlog #navBlog a:visited{
background: url(../images/nav/blog.gif) no-repeat right top;
}
/*blog button*/
#navContact a:link, #navContact a:visited {
width:104px;
background: url(../images/nav/contact-us.gif) no-repeat left top;
}
#wrapper #navContact  a:hover, #wrapper #navContact a:active  {
background: url(../images/nav/contact-us.gif) no-repeat right top;
}
#pageContact #navContact a:link, #pageContact #navContact a:visited{
background: url(../images/nav/contact-us.gif) no-repeat right top;
}




#navPromotions a:link, #navPromotions a:visited {
width:131px;
background: url(../images/nav/promotions.gif) no-repeat left top;
}
#wrapper #navPromotions  a:hover, #wrapper #navPromotions a:active  {
background: url(../images/nav/promotions.gif) no-repeat right top;
}


#navAga a:link, #navAga a:visited {
width:131px;
background: url(../images/nav/aga.gif) no-repeat left top;
}
#wrapper #navAga  a:hover, #wrapper #navAga a:active  {
background: url(../images/nav/aga.gif) no-repeat right top;
}


#navBathrooms a:link, #navBathrooms a:visited {
width:177px;
background: url(../images/nav/bathrooms.gif) no-repeat left top;
}
#wrapper #navBathrooms  a:hover, #wrapper #navBathrooms a:active  {
background: url(../images/nav/bathrooms.gif) no-repeat right top;
}


#navTrade a:link, #navTrade a:visited {
width:110px;
background: url(../images/nav/trade.gif) no-repeat left top;
}
#wrapper #navTrade  a:hover, #wrapper #navTrade a:active  {
background: url(../images/nav/trade.gif) no-repeat right top;
}


/*
----------------------------------
----- end global navigation ------
----------------------------------
*/









/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------- image replacement for all the panel headers ----------------
-------------------------------------------------------------------------
*/





.supplementaryContent #searchPanel h2 {
background: url(../images/headers/panel-search.gif) no-repeat left top;
}

.supplementaryContent #rangesPanel h2 {
background: url(../images/headers/panel-collection.gif) no-repeat left top;
}

.supplementaryContent #bestSellersPanel h2 {
background: url(../images/headers/panel-bestsellers.gif) no-repeat left top;
}

.supplementaryContent #bestSellersPanel h2#otherBestSellers {
	padding-top: 16px;
	background: url(../images/headers/panel-other-bestsellers.gif) no-repeat left bottom;
	clear: both;
}

.supplementaryContent #categoryPanel h2 {
background: url(../images/headers/panel-category.gif) no-repeat left top;
}

.supplementaryContent #brandPanel h2 {
background: url(../images/headers/panel-brand.gif) no-repeat left top;
}

.supplementaryContent #accountPanel h2 {
background: url(../images/headers/panel-account.gif) no-repeat left top;
}

.supplementaryContent #basketPanel h2 {
background: url(../images/headers/panel-basket.gif) no-repeat left top;
}

.supplementaryContent #optionsPanel h2 {
background: url(../images/headers/panel-options.gif) no-repeat left top;
}

/*
.supplementaryContent #securePanel h2 {
background: url(../images/headers/panel-secure.gif) no-repeat left top;
}
*/

.supplementaryContent #subscribePanel h2 {
background: url(../images/headers/panel-newsletter.gif) no-repeat left top;
}

.supplementaryContent #advertsPanel h2 {
background:  url(../images/headers/panel_confidence.gif) no-repeat left top;
}

.supplementaryContent #featuredCategory h2 {
background:  url(../images/headers/panel-featured-category.gif) no-repeat left top;
}





/*
----------------------------------
----- end of panel headers -------
----------------------------------
*/







/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------- image replacement for main page headings ------------------
-------------------------------------------------------------------------
*/

h1#welcome {
width: 444px;
height: 25px;
background: url(../images/headers/welcome.gif) no-repeat left top;
text-indent: -9999px;
}

.styledHeader, .separateTitle {
height: 37px;
overflow: hidden;
text-indent: -9999px;
}

.separateTitle {
height: 20px;
margin: 0;
}

h1.dynamicTitle {
/* approximate graphical headers for those headings that need to be dynamic, eg. in products.skin */
background: url(../images/headers/blank-header.gif) no-repeat left top;
}


h1#featuredProducts {
background-image: url(../images/headers/featured.gif);
}
h1#titleSubscribe {
background-image: url(../images/headers/subscribe.gif);
}

h1#titleWish{
background-image: url(../images/headers/wish-list.gif);
}

h1#productDetails {
background-image: url(../images/headers/product-details.gif);
}

h1#titleAboutUs {
background-image: url(../images/headers/about-us.gif);
}

h1#titleRecommend {
background-image: url(../images/headers/recommend-friend.gif);
}

h1#titleFAQs {
background-image: url(../images/headers/frequently-asked-questions.gif);
}

h1#titleContactUs {
background-image: url(../images/headers/contact-us.gif);
}

h1#titleMyBasket {
background-image: url(../images/headers/my-basket.gif);
}

h1#titleMyAccount {
background-image: url(../images/headers/my-account.gif);
}

h1#titleCheckout {
background-image: url(../images/headers/checkout.gif);
}

h1#titleShippingReturns {
background-image: url(../images/headers/shipping-returns.gif);
}

h1#title404 {
background-image: url(../images/headers/404.gif);
}

h1#titlePrivacy {
background-image: url(../images/headers/privacy.gif);
}

h1#titleTermsConditions {
background-image: url(../images/headers/terms-conditions.gif);
}

h1#titleSiteMap {
background-image: url(../images/headers/sitemap.gif);
}

h1#otherProdsInterest {
background-image: url(../images/headers/other-products-interest.gif);
}

h1#customersAlsoBought {
background-image: url(../images/headers/customers-also-bought.gif);
}



h2#titleProductsOfInterest {
background-image: url(../images/headers/products-of-interest.gif);
/* semantically this is an h2, but visually like an h1: */
width: 500px;
height: 37px;
margin-left: 0;
}

h2#titleContactForm {
background-image: url(../images/headers/contact-form.gif);
}

h2#titleContactDetails {
background-image: url(../images/headers/contact-details.gif);
}


h2#titleAdditionalInstructions {
background-image: url(../images/headers/additional-instructions.gif);
width: 500px;
margin-left: 0;
}

/*
h2#existingCustomers {
background-image: url(../images/headers/existing-customers.gif);
}

h2#firstOrder {
background-image: url(../images/headers/first-order.gif);
}
*/

h2#titleCreateAcc1 {
background-image: url(../images/headers/create-account1.gif);
}
h2#titleCreateAcc2 {
background-image: url(../images/headers/create-account2.gif);
}
h2#titleCreateAcc3 {
background-image: url(../images/headers/create-account3.gif);
}
h2#titleCreateAcc4 {
background-image: url(../images/headers/create-account4.gif);
}

h2#titleCheckout1 {
background-image: url(../images/headers/checkout1.gif);
height:26px;
}
h2#titleCheckout2 {
background-image: url(../images/headers/checkout2.gif);
height:26px;
}
h2#titleCheckout3 {
background-image: url(../images/headers/checkout3.gif);
height:26px;
}
h2#titleCheckout4 {
background-image: url(../images/headers/checkout4.gif);
height:26px;
}


h2#deliveryAddresses {
margin-top:30px;
background-image: url(../images/headers/delivery-addresses.gif);
}

h2#invoiceAddresses {
margin-top:30px;
	background-image: url(../images/headers/invoice-address.gif);
	
}

h2#help {
background-image: url(../images/headers/help.gif);
}



h1#titleForgotPassword {
background-image: url(../images/headers/forgotten-password.gif);
}


/*lets make an exception of accounts and order history, you can have too many styled headers!*/
h2#accountDetails {
margin-left:0px;
text-indent:0px;
}
h2#orderHistory {
margin-left:0px;
text-indent:0px;
}

/*
----------------------------------
------- end main headings --------
----------------------------------
*/








/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
----------------- image replacement for all buttons ---------------------
-------------------------------------------------------------------------
*/

/*smaller buttons*/


/*
.productListing .item .fakeButton, #wrapper .item .styledSubmit, #wrapper .panel .styledSubmit, .panel #bestSellerDetails {
width: 120px;
height: 26px;
padding: 0;
border: 0;
display:block;
text-indent: -9999px;
overflow: hidden;
float: left;
}



.productListing .item .fakeButton{
background: url(../images/buttons/more-details.gif) no-repeat left top;
}

#wrapper .item .addToBasket, #wrapper #addToBasket {
background: url(../images/buttons/add-to-basket.gif) no-repeat left top;
}

.panel #bestSellerDetails {
background: url(../images/buttons/more-details.gif) no-repeat left top;
}

.panel #searchPanelSubmit{
background: url(../images/buttons/search.gif) no-repeat left top;
}
.panel #newsletterPanelSubmit{
background: url(../images/buttons/subscribe.gif) no-repeat left top;
}
.panel #accountPanelSubmit{
background: url(../images/buttons/log-in.gif) no-repeat left top;
}

#wrapper .item .styledSubmit:hover,
#wrapper .item .styledSubmit:active,
#wrapper .panel .styledSubmit:hover,
#wrapper .panel .styledSubmit:active,
#wrapper .item .fakeButton:hover,
#wrapper .item .fakeButton:active {
background-position:-120px top;
}

*/

/*smaller end*/

/*bigger buttons*/


/*
#basketPanel .styledLink {
width: 190px;
height: 28px;
margin-left:5px;
border: 0;
text-indent: -9999px;
float: left;
margin-right: 4px;
padding: 0px;
overflow: hidden;
}


#basketPanel #basketPanelEdit{
background: url(../images/buttons/view-edit-basket.gif) no-repeat left top;
}

#basketPanel #basketPanelCheckout {
background: url(../images/buttons/go-to-checkout.gif) no-repeat left top;
}

.options {
margin-top:10px;
}

#optionsPanel #optionsPanelBack {
background: url(../images/buttons/back-to-shop.gif) no-repeat left top;
}

#wrapper #basketPanel .styledLink:hover,
#wrapper #basketPanel .styledLink:active{
background-position:-190px top;

}
*/
/*bigger end*/





/*end of button styles*/





/*edit buttons and image replacement for account section*/




#wrapper .styledTable .editButton{
background:url(../images/icons/edit.gif) no-repeat  left center;
}
#pageMyAccount #wrapper .addButton{
background: #d7d7d7 url(../images/arrow.gif) no-repeat 7px 7px;
margin: 0 0 12px 0;
border: 2px solid #C2C2C2;
color: #000;
border-top-color: #ebebeb;
border-left-color: #ebebeb;
padding-left: 24px;
}
#pageCheckout1 #wrapper .addButton, #pageCheckout2 #wrapper .addButton, #pageCheckout3 #wrapper .addButton, #pageCheckout4 #wrapper .addButton{
background: #d7d7d7 url(../images/arrow.gif) no-repeat 7px 7px;
margin: 0 0 12px 0;
border: 2px solid #C2C2C2;
color: #000;
border-top-color: #ebebeb;
border-left-color: #ebebeb;
padding-left: 24px;
}
#pageCheckout3 #wrapper .styledTable .editButton{
	float:right;
	display:block;
	width:140px;
background: #d7d7d7 url(../images/arrow.gif) no-repeat 7px 7px;
margin: 0 0 12px 8px;
border: 2px solid #C2C2C2;
color: #000;
border-top-color: #ebebeb;
border-left-color: #ebebeb;
padding-left: 24px;
text-decoration: none;
	}

#pageMyAccount #wrapper .deleteButton{
background:url(../images/icons/delete.gif) no-repeat  left center;
}
#pageMyAccount #wrapper .setButton{
background:url(../images/icons/accept.gif) no-repeat  left center;
}

#pageMyAccount #wrapper .editButton, #pageMyAccount #wrapper .setButton, #pageMyAccount #wrapper .deleteButton, #pageMyOrders #wrapper .editButton{
	float:right;
	display:block;
	width:100px;
background: #d7d7d7 url(../images/arrow.gif) no-repeat 7px 7px;
margin: 0 0 12px 8px;
border: 2px solid #C2C2C2;
color: #000;
border-top-color: #ebebeb;
border-left-color: #ebebeb;
padding-left: 24px;
text-decoration: none;
	}


/*end*/














/*sign in and account pages*/
#splitWrapper {
/* used to ensure background repeats for both columns: */
background: url(../images/split-repeater.gif) repeat-y center top;
border: 1px solid #DADADB;
	position: relative;
	color: #000000;
	margin: 10px 0px 15px 0px;
	padding: 0;
	clear: both;
	width: 498px;
}

#splitLeft, #splitRight {
padding:8px 8px 8px 14px;
width:226px;
margin-top:10px;
position:relative;
}

#existingCustomers, #firstOrder{
color:#FFFFFF
}

#splitWrapper h2 {
padding-top: 0;
margin-top: 0;
color: #000000;
}



.alertBox p, .alertBox ul {
padding: 3px 11px;
color: #fff;
}

.successBox p, .successBox ul {
padding: 3px 11px;
color: #fff;
}

/*end of sign in*/



/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------- Overwrite Account Table stylings  -----------------------
-------------------------------------------------------------------------
*/

#pageMyAccount .styledTable, #pageMyOrders .styledTable {
width: 500px;
margin: 2px 0 10px 0;
background:none;
border: 1px solid #DADADB;
background:none;
}
#pageMyAccount .accountSubHead, #pageMyOrders .accountSubHead{
	width:482px;
	margin-left:0px;
	background:#225883;
	padding: 3px 3px 3px 15px;
}
#pageMyAccount .styledTable th, #pageMyOrders .styledTable th{
color:#333333;
background: none;
border-bottom: none;
}

#pageMyAccount .styledTable td, #pageMyOrders .styledTable td{
padding: 4px 15px;
border-bottom: none;
position:relative;
}

#pageMyAccount .styledTable .styledInput, #pageMyAccount .contentBlock .styledInput, #pageMyOrders .styledTable .styledInput, #pageMyOrders .contentBlock .styledInput {
color: #2B2B2C;
background: none;

}

/*non defaults look smaller*/
#pageMyAccount div + .tableWrapperFixedWidth .tableWrapperFixedInner .styledTable, #pageMyAccount div + .tableWrapperFixedWidth .tableWrapperFixedInner .styledTable th {
display:block;
color:#999999;
}



/*
----------------------------------
-------end styled tables----------
----------------------------------
*/