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


/*
This skin mostly replaces menus, buttons and headers with images.
If you delete between the main comments you'll get a nicely styled non-image alternative.

This skin also switches between a commonly used footer. So this skins footer bleeds all the way left and right, the default skin appears contained within the wrapper.

You can switch this skin off in css-main to toggle between a graphical template and a style that uses no images
*/



/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------------- core structural styles ------------------------
-------------------------------------------------------------------------
*/


body {
	background: #fff url(../images/background-repeater.gif) repeat-x center top;
}





#logo {
	position: absolute;
	top: 10px;
	left: 0px;
	overflow:hidden;
	padding:0px;
}

#logo a {
	width: 107px;
	height: 114px;
	background:url(../images/eagle-plastics.gif) no-repeat left top;
	display: block;
	text-indent:-9000px;
	text-decoration: none;
}

h2#stockistsSuppliers {
width: 455px;
height: 26px;
background: url(../images/headers/stockists-suppliers.gif) no-repeat left top;
text-indent: -9999px;
position: absolute;
right: 26px;
top: 55px;
}

/* this stlyes up a full width footer - delete for footer to be contained within wrapper*/
#footerWrap {
	background: #0C499C url(../images/footer-repeater.gif) repeat-x left top;
	clear: both;
	text-align:center;
	font-size: 0.8em;
	display: block;
	
}
#footer {
	border-top:0;
	color: #fff;
	font-size: 0.8em;
	display:block;
	margin:0 auto;
	width:950px;
	padding: 20px 0 15px 0;
	text-align: right;
	position: relative;
}
#footer p {
padding: 0 0 8px 0;
}
#footer p:first-child {
padding: 0 0 26px 0;
}

#footer p#recyclable {
position: absolute;
left: 0;
top: 48px;
min-height: 46px;
background: url(../images/recycle.gif) no-repeat left top;
padding: 12px 0 0 54px;
}

#footer .footerRight { width: 620px; float: right; }

.moreProminent {
font-size: 1.2em;
}

.cards { float: right; padding: 2px 0 0 12px; }


/*end footer delete*/

/*set colour or background of main panels*/
.supplementaryContent .panel {
background:#ffffff;
}


.banner{
}

/*
----------------------------------
------- end fixed styles ---------
----------------------------------
*/
















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



.styledHeader, .separateTitle {
overflow: hidden;
text-indent: -9999px;
width: 690px;
height: 32px;
padding: 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#titleHIPS {
background: url(../images/headers/hips.gif) no-repeat left top;
}
h1#titlePMMA {
background: url(../images/headers/pmma.gif) no-repeat left top;
}
h1#titlePP {
background: url(../images/headers/pp-hdpe.gif) no-repeat left top;
}
h1#titlePETG {
background: url(../images/headers/petg.gif) no-repeat left top;
}
h1#titleABS {
background: url(../images/headers/abs.gif) no-repeat left top;
}
h1#titlePVC {
background: url(../images/headers/pvc.gif) no-repeat left top;
}
h1#titleStyrolux {
background: url(../images/headers/styrolux.gif) no-repeat left top;
}
h1#titlePrint {
background: url(../images/headers/print.gif) no-repeat left top;
}
h1#titleBespoke {
background: url(../images/headers/bespoke-sheets.gif) no-repeat left top;
}
h1#titleContactUs {
background: url(../images/headers/contact-us.gif) no-repeat left top;
}
h1#titleOffers {
background: url(../images/headers/special-offers.gif) no-repeat left top;
}
h1#titleBrochure {
background: url(../images/headers/brochure.gif) no-repeat left top;
}
h1#titleWhereWeAre {
background: url(../images/headers/where-we-are.gif) no-repeat left top;
}





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

/*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;/*rollover effect*/
}
/*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:url(../images/icons/add.gif) no-repeat  left center;
	margin-left: 48px;
}
#pageCheckout1 #wrapper .addButton, #pageCheckout2 #wrapper .addButton, #pageCheckout3 #wrapper .addButton, #pageCheckout4 #wrapper .addButton{
background:url(../images/icons/add.gif) no-repeat  left center;
color:#000000;
padding-left:35px;
margin-left: 0px;
margin-bottom:20px;
}
#pageCheckout3 #wrapper .styledTable .editButton{
background:url(../images/icons/edit.gif) no-repeat  left center;
	float:right;
	display:block;
	position:absolute;
	padding-left:35px;
	top:0px;
	left:280px;
	width:180px;
	}

#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 .helpBox, #pageMyOrders #wrapper .helpBox{
margin-top:40px;
padding-left:100px;
background:#95B896 url(../images/icons/info.gif) no-repeat 10px center;
width:578px;
}



/*end*/














/*styled forms */


.supplementaryContent .panel .styledInput {
border: 1px solid #ffffff;
}









#wrapper .productListing .item {
border: 1px solid #DADADB;
background-color:#DADADB;
}



#wrapper .productListing .nonMicroformatWrapper {
background: #DADADB url(../images/dyn-description-repeater.gif) repeat-x left top;
}





#currentProductDetails .clearer {
background: #292929;
height: 28px;
border-top: 1px solid #fff;
}




#pageSignin #splitRight .actionLinks {
padding-top: 18px;
}





/*dynamic item details styles*/
#currentProductDetails .nonMicroformatWrapper {
background: #DADADB url(../images/dyn-description-repeater.gif) repeat-x left top;
}

#currentProductDetails .offer-sell {
background: #fff url(../images/product-repeater.gif) repeat-y center top;
}

#currentProductDetails .styledSelect, #wrapper .productListing .styledSelect {
/* if versions are used for this product: */
border: 1px solid #e75823;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
}
/*end of item details*/






/*sign in and account pages*/
#splitWrapper {
/* used to ensure background repeats for both columns: */
background: #DADADB url(../images/split-repeater.gif) repeat-y center top;
}

#splitLeft, #splitRight {
padding:20px;
width:192px;
border:3px solid #2B2B2C;
margin-top:30px;
position:relative;
}

#existingCustomers, #firstOrder{
position:absolute;
top:-34px;
left:1px;
}

.alertBox, .successBox {
background: #DADADB url(../images/content-repeater.gif) repeat-x left top;
}

.alertBox p, .alertBox ul {
padding: 3px 11px 6px 45px;
background: url(../images/icons/alert-prompt.png) no-repeat left top;
/* this has a corresponding entry in IE6.css */
min-height: 21px;
}

.successBox p, .successBox ul {
padding: 3px 11px 6px 45px;
background: url(../images/icons/success-prompt.png) no-repeat left top;
/* this has a corresponding entry in IE6.css */
min-height: 21px;
}

/*end of sign in*/



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

#pageMyAccount .styledTable, #pageMyOrders .styledTable {
width: 480px;
margin: 0px 10px 10px 10px;
background:none;
border: 1px solid #DADADB;
background:none;
}
#pageMyAccount .accountSubHead, #pageMyOrders .accountSubHead{
	width:471px;
	margin-left:9px;
	background:#333333;
}
#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----------
----------------------------------
*/