/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
-------------- fixed styles, bug fixes and global resets ----------------
-------------------------------------------------------------------------
*/
* { padding:0; margin:0; }
body { text-align:center; font-family: "Trebuchet MS", arial, helvetica, sans-serif; color:#444; letter-spacing:0.01em; font-size:100%; background:#3B3835 url(../images/background-repeater2.jpg); background-attachment:fixed; }
img { display:block; border:0; }
strong { font-weight:bold; letter-spacing:0em; }
.clearer { height:1px; margin:0 0 -1px; clear:both; overflow:hidden; }
.clearer hr { display:none; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.accessStyle, .hide { display:none; }
.accessLink { /* access keys still react, but visually hidden */ position:absolute; left:-9999px; }
select, textarea, input { font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:1em; letter-spacing:0.02em; line-height:1.1em; }
form { font-size:1em; }
fieldset { border:0; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- core  structural elements  ------------------------
-------------------------------------------------------------------------
*/
#wrapper { margin:15px auto; text-align:left; font-size:0.75em; line-height:1.2em; padding:158px 0 0 0; position:relative; }
#mainContent, #threeColContent { padding-bottom:5px; }
#mainContent { width:635px; background:#fff url(../images/flourish.gif) no-repeat right bottom; padding:20px; float:left; }

.fullWidthBlock { background:#fff; margin-bottom:25px; padding:20px 20px 4px 20px; }
#pageUpload #mainContent, #pageUpload .supplementaryContent { margin-top:17px; }
#homeBanner { margin:0 0 14px 0; }
.panel { width:910px; padding:20px; background-color:#fff; }
#header { background: #ffffff url(../images/masthead-background.gif) no-repeat center top; }
#pricePromo { background: url(../images/highest-quality-canvases.gif) no-repeat left top; }
.twoPanels li .pricing { width:290px; }
li .pricing { width:265px; }
li .pricing .priceWrap { padding: 0 3px; text-align:center; display: block; float: right; position:relative; font-size:0.9em; font-weight:bold; padding:0 3px; margin-bottom:1px; background:#990000; color:#ffffff; clear:right; height:21px; width:100px; }
li .pricing .typeWrap { float:left; display:block; width:158px; padding:0; }
#threeColContent .threePanels { margin:15px 0 0 0; position:relative; min-height:1px; }
#threeColContent .onePanel { background:url(../images/1panel-repeater.gif) repeat-y left top; margin:8px 0 25px 0; position:relative; min-height:1px; }
#threeColContent .onePanel ul { list-style-type:none; }
#threeColContent .onePanel ul li { width:910px; float:left; margin:0 25px 0 0; background:#fff; color:#818181; padding:20px 20px 20px 20px; }
#threeColContent .onePanel li .pricing { line-height:1.8em; }
#threeColContent .onePanel li .pricing span { padding:0 14px; }
#threeColContent .onePanel li .pricing span.amount { padding:0; }
#threeColContent .onePanel .bottomLink { position:absolute; bottom:40px; }
#wrapper #threeColContent .onePanel li.lastItem { margin-right:0; }
#threeColContent .onePanel li h2 { padding:0 0 18px 0; width:260px; height:13px; text-indent:-9999px; }
#wrapper #threeColContent .onePanel ol li { width:auto; float:none; margin:0; padding:0; }
#threeColContent .onePanel li .pricing ins { text-decoration:none; }
#threeColContent .threePanels li p { padding:0 0 12px 0; }
#threeColContent .threePanels ul { list-style-type:none; }
#threeColContent .threePanels ul li { width:265px; height:290px; float:left; margin:0 17px 0 0; background-color:#fff; padding:20px 20px 70px 20px; }
#threeColContent .threePanels ul ol li { height:auto; }
#threeColContent .threePanels ol#bloggerContent { list-style-type:none; }
#threeColContent .threePanels li .pricing { line-height:1.8em; font-weight:bold; }
#threeColContent .threePanels li .pricing span.amount { padding:0; }
#threeColContent .threePanels li .pricing .smaller { font-size:0.9em; padding:0; font-weight:normal; }
#threeColContent .threePanels .bottomLink { position:absolute; bottom:20px; padding:0; }
#wrapper #threeColContent .threePanels li.lastItem { margin-right:0; }
#threeColContent .threePanels li h2 { width:260px; height:13px; text-indent:-9999px; }
#wrapper #threeColContent .threePanels ol#bloggerContent li { /* if there's more than 1 blog entry, then use this */ padding:0 0 10px 0; }
#threeColContent .threePanels ol#bloggerContent li h2 { width:auto; height:auto; padding:0 0 5px 0; text-indent:0; color:#B82222; text-transform:uppercase; font-size:1.1em; text-decoration:underline; }
#threeColContent .threePanels ol#bloggerContent li h2 a { display:block; }
li#greatQuality h2 { background:url(../images/headers/great-quality.gif) no-repeat left top; }
li#guarantee h2 { background:url(../images/headers/48hour-guarantee.gif) no-repeat left top; }
li#customisation h2 { background:url(../images/headers/complete-customisation.gif) no-repeat left top; }
li#bloggerInfo h2.styledHead { background:url(../images/headers/news-and-guides.gif) no-repeat left top; }
li#customisation ol { margin:0 0 12px 20px; padding:0; }
#wrapper #threeColContent .threePanels ol li { width:auto; float:none; margin:0; padding:0; }
#threeColContent .threePanels li p { padding:0 0 12px 0; }
.homepageTerms { display:none; }
#pageHome .homepageTerms, #pageAbout .homepageTerms { display:inline; }
#twoPanelWrapper { width:665px; float:left; }
#twoPanelWrapper #mainContent { margin-bottom:14px; }
.twoPanels { margin:0 0 15px 0; position:relative; min-height:1px; width:675px; clear:left; float:left; }
.twoPanels ul { list-style-type:none; }
.twoPanels .item del abbr, .twoPanels .item ins abbr { padding-left:0; }
.twoPanels .item p { line-height:1.7em; }
.twoPanels .description strong { padding-right:5px; }
.twoPanels .item del { margin-right:7px; }
.twoPanels .item ins { text-decoration:none; font-weight:bold; padding:0 3px; background:#990000; color:#ffffff; }
.twoPanels ul li { width:290px; float:left; margin:0 15px 0 0; padding:20px; line-height:1.4em; background-color:#fff; }
#wrapper .twoPanels li.lastItem { margin-right:0; }
#wrapper .twoPanels li.lastItem + .lastItem { margin-bottom:15px; }
.twoPanels ul li p { margin:0; padding:0; }
.twoPanels ul ul li { width:auto; float:none; margin:0; background-color:#fff; padding:0; }
.twoPanels ul ul li p strong { }
.twoPanels ul ul li p abbr { padding-left:18px; }
.twoPanels li h3 { padding:0 0 12px 0; width:260px; height:13px; text-indent:-9999px; }
.twoPanels li img { margin:0 auto 12px auto; }
li#canvasPortrait h3 { background:url(../images/headers/portrait-canvas.gif) no-repeat left top; }
li#canvasSquare h3 { background:url(../images/headers/square-canvas.gif) no-repeat left top; }
li#canvasLandscape h3 { background:url(../images/headers/landscape-canvas.gif) no-repeat left top; }
li#canvasPanoramic h3 { background:url(../images/headers/panoramic-canvas.gif) no-repeat left top; }
li#canvasPanoramic { margin-bottom:15px; }
li#canvasGallery h3 { background:url(../images/headers/gallery.gif) no-repeat left top; }
li#canvasGallerySets h3 { background:url(../images/headers/gallery-sets.gif) no-repeat left top; }
.supplementaryContent { padding-bottom:16px; }
#header { height:142px; width:950px; /*background:#ffffff url(../images/masthead-background.gif) no-repeat center top;*/ position:absolute; top:0; left:0; }
#footer { font-size:0.9em; display:block; margin:0 auto 10px auto; width:930px; padding:24px 10px 10px 10px; color:#fff; text-align:center; }
#pricePromo { widtH:301px; height:127px; position:absolute; left:0; top:0; text-indent:-9999px; }
#logo { position:absolute; top:24px; left:312px; overflow:hidden; padding:0; }
#logo a { width:320px; height:76px; background:#fff url(../images/your-custom-canvas.gif) no-repeat left top; display:block; text-indent:-9000px; text-decoration:none; overflow:hidden; border:0; }
.banner { margin-bottom:10px; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------------ Global Navigation Stlyes -----------------------
-------------------------------------------------------------------------
*/

#globalNav { list-style-type:none; position:absolute; left:184px; bottom:4px; width:638px; }
#globalNav li { float:left; }
#globalNav li a { text-decoration:none; text-indent:-9000px; overflow:hidden; padding:0; height:18px; display:block; border:0; color:#fff; }
/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
---------------------- global, flexible styles --------------------------
-------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 { padding:0 0 1em 0; letter-spacing:0em; color:#B82222; text-transform:uppercase; }
h1 { font-size:1.2em; line-height:1.2em; }
h2 { font-size:1.1em; line-height:1.2em; }
h3 { font-size:1.1em; line-height:1.1em; }
h4, h5, h6 { font-size:1em; line-height:1.1em; }
h1.styledHeader, .separateTitle { background-position:left top; background-repeat:no-repeat; margin:0 0 8px 0; }
h1.dynamicTitle { /* approximate graphical headers for those headings that need to be dynamic, eg. in products.skin */ width:500px; height:37px; padding:0; margin:0 0 8px 0; font-weight:normal; color:#fff; line-height:37px; background-color:#262626; }
h1.dynamicTitle span { padding-left:14px; }
h2.styledHeader { background-position:left top; background-repeat:no-repeat; margin:8px 0; }
/* Styled Headings (Uncomment this section for graphical headings) */
.styledHeading { width:400px; height:13px; margin:0 0 20px 0; padding:0; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; }

/* Styled Headings */
#titleNewsGuides { background-image:url(../images/headers/news-and-guides.gif); }
#titlePhotoOnCanvas { background-image:url(../images/headers/photo-on-canvas.gif); }


p { line-height:1.5em; } 
p + p, p + h2, p + h3 { padding-top:1em; }
#pageTermsConditions .contentBlock ul, #pageTermsConditions .contentBlock ol, #pagePrivacy .contentBlock ul, #pagePrivacy .contentBlock ol, #pageShippingReturns .contentBlock ul, #pageShippingReturns .contentBlock ol, #pageAbout .contentBlock ul, #pageAbout .contentBlock ol, #pageFAQs .contentBlock ul, #pageFAQs .contentBlock ol { /* just for pages that might have lists added via the backoffice */ padding:0 0 12px 0; margin:15px 0 0 20px; }
#pageSiteMap .contentBlock ul { /* site map lists */ list-style-type:none; margin:8px 0 12px 0; clear:both; }
#pageSiteMap .contentBlock ul li { padding-bottom:5px; }
#pageSiteMap .contentBlock ul ul { margin:0 0 0 15px; }
.contentBlock form { padding:0 24px 12px 12px; }
.contentBlock form h1, .contentBlock form h2, .contentBlock form h3, .contentBlock form h4, .contentBlock form h5, .contentBlock form h6, .contentBlock form p { padding-left:0; }
.smaller { font-size:0.9em; }
.alert, .alert2, .alert3, .success { display:block; padding:3px; color:white; font-weight:bold; margin-bottom:10px; }
.success { background-color:#088200; }
.alert, .alert2, .alert3 { background-color:#990010; }
abbr { border:0; }
#facebookIcon { width:142px; height:16px; margin:15px auto 0 auto; display:block; padding:0 0 0 20px; line-height:16px; background:url(../images/facebook.png) 0 0 no-repeat; font-weight:bold; float:left; }
#facebookIcon:hover { background-position:0 -16px; }
#thawteseal { margin:15px 0 0 0; float:right; color:#fff; }
/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
---------------------- main content structural --------------------------
-------------------------------------------------------------------------
*/


/* --------  supplementary content. This creates a 3 column layout -------- */

.supplementaryContent .panel { width:220px; margin-bottom:11px; padding:20px; }
/* --------  these are mostly the individual panels within the supplementary content -------- */

.supplementaryContent .panel .panelInner p { padding:3px 0 9px 0; }
.supplementaryContent .panel .styledInput { border:1px solid #818181; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; width:214px; margin-bottom:6px; padding:2px; }
.supplementaryContent #subscribePanel #privacyLink { display:block; padding:10px 0; }
/* side panel lists:*/
.supplementaryContent .panel ul { list-style-type:none; border-bottom:1px solid #46474A; }
#wrapper #relatedPanel ul { border:0; }
.supplementaryContent .panel form ul { background:none; }
/* main category lists will be styled above - the following are for subcategory lists:*/
.supplementaryContent #categoryNavigation ul, .supplementaryContent #brandNavigation ul { background:none; padding-bottom:0; }
.supplementaryContent .panel h2 { width:185px; height:13px; padding:6px 0 8px 0; }
/* --------  bestsellers panel -------- */
#bestSellersPanel img { margin:18px auto; padding:1px; border:1px solid #B5ADA9; }
#bestSellersPanel h3 { padding:6px 0 8px 15px; }
#bestSellersPanel p { padding:6px 0 8px 15px; }
#bestSellersPanel h3 { padding-bottom:0; }
#bestSellersPanel .price { color:#fff; font-weight:bold; margin:0; text-align:left; font-size:1.2em; }
#bestSellersPanel #bestSellerDetails { margin-left:15px; }
/* --------  breadcrumbs and pagination -------- */

#breadcrumbs { list-style-type:none; padding-left:14px; width:auto; float:none; padding-bottom:12px; padding:5px 15px; background-color:#262626; width:auto; display:none; }
#breadcrumbs li { display:inline; }
.paginationBlock { color:#999999; width:625px; text-align:right; padding:8px 0; }
.paginationBlock .showing { float:left; }
#topPagination { border-bottom:1px solid #999999; margin-bottom:15px; }
#bottomPagination { color:#999999; border-top:1px solid #999999; width:auto; float:none; padding-top:8px; }
.paginationBlock p { padding:0 0 4px 0; margin:0; }
#breadcrumbProcess { list-style-type:none; width:100%; height:28px; background:#963333 url(../images/fade-repeater.gif) repeat-x left top; border:1px solid #963333; color:#fff; position:relative; margin-bottom:15px; }
#breadcrumbProcess li { width:27%; height:28px; line-height:28px; float:left; display:block; background-image:url(../images/breadcrumb-arrow-black.gif); background-repeat:no-repeat; background-position:left center; }
#pageCheckout1 #breadcrumbProcess li, #pageCheckout2 #breadcrumbProcess li { width:31%; }
#wrapper ol[id="breadcrumbProcess"] li { /* present png for better browsers */ background-image:url(../images/breadcrumb-arrow-black.png); }
#breadcrumbProcess li span { padding:0 0 0 42px; font-size:0.9em; }
#breadcrumbProcess li#process1 { width:18%; background:none; }
#pageCheckout1 #breadcrumbProcess li#process1, #pageCheckout2 #breadcrumbProcess li#process1 { width:31%; }
#breadcrumbProcess li#process1 span { padding:0 0 0 12px; }
/* show current stage:*/
#pageRegister1 #breadcrumbProcess li#process1, #pageCheckout1 #breadcrumbProcess li#process1, #pageRegister2 #breadcrumbProcess li#process2, #pageCheckout2 #breadcrumbProcess li#process2, #pageRegister3 #breadcrumbProcess li#process3, #pageCheckout3 #breadcrumbProcess li#process3, #pageRegister4 #breadcrumbProcess li#process4, #pageCheckout4 #breadcrumbProcess li#process4 { text-transform:uppercase; }
/* --------  CMS pages and login -------- */

.contentBlock { /* any content managed pages will sit within this block:*/ position:relative; clear:both; }
/*sign in and account pages*/
.contentBlock + .contentBlock { margin:15px 0 0 0; }
#pageBlog #mainContent .contentBlock { margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px solid #ccc; }
#splitWrapper { /* used to ensure background repeats for both columns:*/ background:#2B2B2C url(../images/split-repeater.gif) repeat-y center top; }
#splitLeft { width:45%; padding:0 20px 0 0; width:295px; float:left; margin-bottom:0; /* fix IE double margin bug:*/ display:inline;/* also inherits from .contentBlock */ }
#splitRight { width:45%; padding-top:2px; float:right; margin-bottom:0; clear:none; }
#wrapper #splitWrapper .fakeButton, #wrapper #splitWrapper .styledSubmit { float:right; margin:12px 8px 18px 0; }
#splitWrapper h2 { margin-top:0; }
/* --------  Alert Boxes and Success Boxes -------- */

.alertBox, .successBox, .helpBox { border:1px solid #3B3835; position:relative; color:#1E1E1E; margin:10px 0 20px 0; padding:12px; clear:both; background:#BEB8A9; }
.alertBox p, .alertBox ul { padding:3px 11px 6px 45px; background:url(../images/alert-prompt.gif) 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/success-prompt.gif) no-repeat left top; /* this has a corresponding entry in IE6.css */ min-height:21px; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------ Table stylings for checkout etc  ---------------------
-------------------------------------------------------------------------
*/
.styledTable { border-collapse:collapse; font-size:1em; width:624px; margin:0 0 30px 0; background:#fff; border:1px solid #2B2B2C; position:relative; color:#1E1E1E; clear:both; margin:0 0 30px 0; }
#pageCheckout1 .styledTable { border:0; }
#pageWish .styledTable { margin:0 0 10px 0; }
.tableWrapperFixedInner { position:relative; }
.tableWrapperFixedWidth { width:622px; border:1px solid #3B3835; margin-bottom:6px; position:relative; }
#pageMyOrders .tableWrapperFixedWidth table { margin-bottom:6px; }
#pageBasket .tableWrapperFixedWidth, #pageCheckout3 .tableWrapperFixedWidth { border:0; }
#pageCheckout2 .tableWrapperFixedWidth table, #pageCheckout4 table { margin-bottom:0; }
#pageCheckout2 .tableWrapperFixedWidth { border:0; }
.tableWrapperFixedWidth table { position:relative; }
.styledTable th { color:#ffffff; padding:4px 15px; background:#2B2B2C; border-bottom:1px solid #2B2B2C; }
.styledTable td { padding:8px 15px; border-bottom:1px solid #2B2B2C; height:23px; }
.styledTable .styledInput, .contentBlock .styledInput { border:1px solid #666666; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; margin:3px 0 6px 0; padding:1px 0 0 2px; }
.styledTable .fixedWidthHead { /* standardise tables with <th>s in the left column:*/ width:120px; }
.styledTable .againstInput { float:right; margin:6px 0 0 7px; }
#wrapper .styledRadioSelectForm .styledTable { /* tables in checkout process forms:*/ width:658px; border:1px solid #46474A; }
.styledRadioSelectForm .styledTable th, .styledRadioSelectForm .styledTable td { border-bottom:1px solid #46474A; }
.contentBlock .styledTable { /* tables in account pages within contentBlock:*/ width:620px; margin:3px 0; }
.contentBlock .styledTable tr:last-child td, .contentBlock .styledTable tr:last-child th { border-bottom:1px solid #AFAFB0; }
#pageBasket .contentBlock #basket_message { width:620px; margin:6px 0 10px 0; padding:0; }
#pageManageAccount .styledTable { /* lots of tables on the account management page, so split them apart visually:*/ margin-top:26px; margin-bottom:6px; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- styling for mini basket  ------------------------
-------------------------------------------------------------------------
*/

#pageBasket #basketPanel { /* hide mini basket on basket page:*/ display:none; }
#basketPanel img { }
#basketPanel .basketImg { float:left; padding:6px 0 6px 0; width:99px; overflow:hidden; position:relative; }
#wrapper #basketPanel div[class="basketFader"] { /* show png in better browsers */ position:absolute; background:url(../images/basket-fader.png) repeat-y right top; top:0; right:0; width:95px; height:100%; }
#basketPanel ol { list-style-type:none; margin-bottom:6px; }
#basketPanel li { border-bottom:1px solid #595A5D; padding:4px 0 0 0; }
#basketPanel h3 { padding:8px 12px 6px 0; }
#basketPanel p { padding:0 12px 6px 105px; border-bottom:1px solid #595A5D; margin-bottom:12px; }
#basketPanel .basketDesc { float:right; width:115px; }
#basketPanel .basketDesc p { padding:0 12px 9px 0; border:0; margin:0; }
#basketPanel p.verdict { font-size:0.9em; }
#securePanel img { margin:0 auto; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- dynamic products styling --------------------------
-------------------------------------------------------------------------
*/

#wrapper .productListing .offer-sell { list-style-type:none; }
#wrapper .productListing li.item { display:block; margin:0 20px 0 0; float:left; border:0; width:195px; padding:0; position:relative; }
#wrapper .twoPanels .productListing .item { float:none; margin:0; border:0; width:270px; }
#wrapper .productListing .offer-sell .lastItem { margin-right:0; }
#wrapper .productListing .offer-sell .photo { position:relative; padding:0 0 16px 0; }
#wrapper .productListing .offer-sell .photo .new { /* new or offer strip */ position:absolute; left:0; top:0; }
#wrapper .productListing .offer-sell .photo .new img { border:0; }
#wrapper .productListing .offer-sell .photo img { }
#wrapper .productListing .nonMicroformatWrapper { /* not required for microformat, but useful for keeping prod details together */ display:block; border:0; padding:0; }
#wrapper .twoPanels .productListing .nonMicroformatWrapper { border:0; padding:0; min-height:1px; }
#wrapper .productListing h3 { padding-bottom:6px; font-family: "Trebuchet MS", arial, helvetica, sans-serif; color:#B92222; text-decoration:none; }
#wrapper .productListing h3.fn a { font-family: "Trebuchet MS", arial, helvetica, sans-serif; color:#B92222; text-decoration:none; }
#wrapper .productListing p { padding-bottom:0; }
#wrapper .productListing .price { color:#666; font-weight:bold; padding-top:5px; padding-bottom:8px; text-align:right; border-top:1px solid #999999; border-bottom:1px solid #999999; margin:9px 0; }
#photographs-gallery #wrapper .productListing .price { display:none; }
#wrapper .twoPanels .productListing .price { font-weight:bold; float:none; width:auto; padding-top:5px; padding-bottom:8px; text-align:left; }
#wrapper .productListing .price del { /* pre-sale price:*/ text-decoration:line-through; }
#wrapper .productListing .price ins { /* sale price:*/ text-decoration:none; }
#threeColContent .threePanels li .pricing ins { text-decoration:none; font-weight:bold; }
#wrapper .productListing .stockMessage { font-size:0.85em; padding-top:5px; float:left; width:72px; padding-bottom:8px; }
.item .styledSubmit { margin:3px 3px 10px 3px; }
.item .description { font-size:0.9em; }
#wrapper .productListing .versionsWrapper { /* if versions are used for this product:*/ padding:6px 0 6px 0; }
#wrapper .productListing .styledSelect { /* if versions are used for this product:*/ width:195px; margin-top:4px; }
/* hide microformat details without disabling them:*/
#wrapper .productListing .tagLink, #wrapper .productListing .vcard { position:absolute; left:-9999px; }
#wrapper .productListing form { clear:both; }
/*customers also bought*/
#wrapper #customersAlsoBought { margin:15px 0 10px 0 }
/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- product details styling ---------------------------
-------------------------------------------------------------------------
*/

#currentProductDetails .offer-sell { margin:12px 0 20px 0; }
#currentProductDetails .item { border:1px solid #2B2B2C; width:500px; position:relative; color:#1E1E1E; }
#currentProductDetails .offer-sell .photo { position:relative; float:left; width:250px; border-bottom:2px solid #fff; clear:left; }
#currentProductDetails .offer-sell .photo .new { /* new or offer strip */ position:absolute; left:0; top:0; }
#currentProductDetails .offer-sell .photo .new img { border:0; }
#currentProductDetails .offer-sell .photo img { border:1px solid #B5ADA9; }
#currentProductDetails .nonMicroformatWrapper { /* not required for microformat, but useful for keeping prod details together */ width:218px; float:right; padding:16px; position:relative; top:0; }
#currentProductDetails .nonMicroformatWrapper p { padding-bottom:6px; }
#currentProductDetails .hlisting h3 { padding-bottom:6px; }
#currentProductDetails h3.fn a { font-family:"Lucida Sans", arial, helvetica, sans-serif; color:#1E1E1E; text-decoration:none; }
#currentProductDetails #pv_id_label { margin:0; float:left; }
#currentProductDetails .hlisting p { color:#1E1E1E; padding-bottom:0; }
#currentProductDetails .price { color:#1E1E1E; font-weight:bold; padding:5px 0; margin:4px 0 12px 0; text-align:left; border-top:1px solid #949495; border-bottom:1px solid #949495; font-size:1.3em; clear:both; }
#currentProductDetails .price del { /* pre-sale price:*/ text-decoration:line-through; }
#currentProductDetails .price ins { /* sale price:*/ text-decoration:none; }
#currentProductDetails .versionsWrapper { /* if versions are used for this product:*/ padding:3px 0; float:left; clear:left; }
#currentProductDetails .versionsWrapper label { float:left; width:155px; padding-top:4px; }
#currentProductDetails .styledSelect { /* if versions are used for this product:*/ border:1px solid #999999; color:#2B2B2C; width:100px; margin:0 0 6px 0; float:left; padding:1px 0 0 2px; }
#currentProductDetails .versionsWrapper br { clear:both; }
#currentProductDetails .stockMessage { font-size:0.85em; padding-top:5px; padding-bottom:8px; }
/* hide microformat details without disabling them:*/
#currentProductDetails .tagLink, #currentProductDetails .vcard { position:absolute; left:-9999px; }
#currentProductDetails .actionLinks { margin-top:28px; }
#thumbImages ul { list-style:none; width:250px; }
#thumbImages { width:250px; float:left; background:#ffffff; display:block; list-style:none; position:relative; clear:left; left:0; }
#thumbImages img { float:left; margin:4px; }
/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------------ global links styling ---------------------------
-------------------------------------------------------------------------
*/

a:link, a:visited { color:#B82222; font-weight:normal; text-decoration:none; padding-bottom:0; }
a:hover, a:active, a:focus { color:#3B3835; font-weight:normal; text-decoration:none; }
a.noBorder { border-bottom:0; }
#footer a:link, #footer a:visited { color:#fff; font-weight:normal; text-decoration:none; border:0; }
#footer a:hover, #footer a:active { color:#fff; font-weight:normal; text-decoration:underline; border:0; }
.supplementaryContent .panel ul a:link, .supplementaryContent .panel ul a:visited { /* fix IE bug:*/ display:inline-block; }
.supplementaryContent .panel ul a:link, .supplementaryContent .panel ul a:visited { display:block; border-top:1px solid #46474A; border-bottom:0; margin:0; text-decoration:none; color:#3B3835; font-weight:normal; background:#fff; }
.supplementaryContent #relatedPanel ul a { border:0; }
.supplementaryContent .panel ul a:hover, .supplementaryContent .panel ul a:active { display:block; border-top:1px solid #46474A; margin:0; color:#fff; background:#B82222; text-decoration:none; font-weight:normal; }
.supplementaryContent .panel ul a span { display:block; padding:6px; }
.actionLinks { list-style-type:none; margin:8px 0 12px 0; clear:both; }
p + .actionLinks { margin-top:0; }
.actionLinks li { padding-bottom:5px; }
#wrapper .styledLink { padding:2px 15px; }
/*this is to make the submit button appear like other links. for example, add to my wishlist in product details. Separate fix in IE.css*/
#wrapper .actionLinks .styledLink { padding:2px 0 0 12px; font-size:1.05em; }
.actionLinks a:link, .actionLinks a:visited, .actionLinks .styledLink { border:0; background:url(../images/action-arrow.gif) no-repeat 0 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#292929; font-weight:normal; }
.actionLinks a:hover, .actionLinks a:active, .actionLinks .styledLink:hover { cursor:pointer; background:url(../images/action-arrow.gif) no-repeat 2px 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#292929; font-weight:normal; }
#pageSiteMap .contentBlock ul a:link, #pageSiteMap .contentBlock ul a:visited { background:url(../images/action-arrow.gif) no-repeat 0 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#818181; font-weight:normal; border:0; }
#pageSiteMap .contentBlock ul a:hover, #pageSiteMap .contentBlock ul a:active { background:url(../images/action-arrow.gif) no-repeat 2px 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#818181; font-weight:normal; border:0; }
.contentBlock .actionLinks { padding-left:11px; }
#pageForgotPassword .contentBlock .actionLinks { padding-left:12px; }
/* sub category links:*/

.supplementaryContent .panel ul ul a:link, .supplementaryContent .panel ul ul a:visited { background:#2B2B2C url(../images/arrow.gif) no-repeat 15px 7px; }
.supplementaryContent .panel ul ul a:hover, .supplementaryContent .panel ul ul a:active { background:#373738 url(../images/arrow.gif) no-repeat 15px 7px; }
.supplementaryContent .panel ul ul a span { display:block; padding:4px 15px 4px 30px; }
#breadcrumbs a:link, #breadcrumbs a:visited { color:#fff; font-weight:bold; text-decoration:none; padding-right:12px; background:url(../images/arrow.gif) no-repeat right center; border:0; }
#breadcrumbs a:hover, #breadcrumbs a:active { color:#e75823; font-weight:bold; text-decoration:none; padding-right:12px; background:url(../images/arrow.gif) no-repeat right center; border:0; }
.paginationBlock a:link, .paginationBlock a:visited { color:#666666; font-weight:bold; text-decoration:none; border:0; background:transparent; }
.paginationBlock a:hover, .paginationBlock a:active { color:#e75823; font-weight:bold; text-decoration:none; border:0; background:transparent; }
.paginationBlock a span { /* style the next/prev/first/last links differently:*/ font-weight:normal; }
#bestSellersPanel h3 a:link, #bestSellersPanel h3 a:visited { color:#666; text-decoration:none; }
#bestSellersPanel h3 a:hover, #bestSellersPanel h3 a:active { color:#666; text-decoration:none; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------- button styles -------------------------------
-------------------------------------------------------------------------
*/
#wrapper .styledSubmit { background:#fff url(../images/buttons/blank-button.gif) no-repeat left top; color:#B82222; width:117px; height:32px; cursor:pointer; line-height:32px; border:0; font-weight:bold; text-transform:uppercase; font-size:0.9em; /* stop IE adding its own padding:*/ overflow:visible; }
#wrapper .styledSubmit:hover, #wrapper .styledSubmit:active { color:#3B3835; }
#whlBasket { float:right; margin:4px 0 0 0; }
.fakeButton:link, .fakeButton:visited { background:#fff url(../images/buttons/blank-button.gif) no-repeat left top; color:#B82222; width:117px; height:32px; line-height:32px; border:0; font-weight:bold; text-transform:uppercase; font-size:0.9em; cursor:pointer; text-decoration:none; border:0; display:block; text-align:center; }
.fakeButton:hover, .fakeButton:active, .fakeButton:focus { background:#fff url(../images/buttons/blank-button.gif) no-repeat left top; color:#3B3835; width:117px; height:32px; line-height:32px; border:0; font-weight:bold; text-transform:uppercase; font-size:0.9em; cursor:pointer; text-decoration:none; border:0; display:block; text-align:center; }
#pageCheckout3 #wrapper #mainContent .fakeButton { left:420px; }
.contentBlock .fakeButton:link, .contentBlock .fakeButton:visited, .contentBlock .fakeButton:hover, .contentBlock .fakeButton:active { /* IE6 needs all the :link etc writing out */ float:left; margin-left:8px; }
.contentBlock .fakeButtonCancel:link, .contentBlock .fakeButtonCancel:visited, .contentBlock .fakeButtonCancel:hover, .contentBlock .fakeButtonCancel:active { /* cancel buttons used in the Accounts pages:*/ float:left; }
.supplementaryContent .panel .fakeButton, .supplementaryContent .panel .styledSubmit { float:left; }
/* override this general setting for any graphical buttons:*/
.panel #searchPanelSubmit { width:58px; height:25px; }
.panel #accountPanelSubmit { width:58px; height:25px; }
#pageBasket #basketUpdate { float:left; }
#pageBasket #basketCheckout { float:right; }
/*override the fakebutton styles for the edit buttons*/
.editThis { position:absolute; right:0; top:7px; z-index:150; }
#pageMyAccount .accountSubHead, #pageMyOrders .accountSubHead { color:#fff; background-color:#3B3835; display:block; width:600px; padding:5px 12px; margin-top:10px; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
----------------------------- Form Styles -------------------------------
-------------------------------------------------------------------------
*/

#wrapper .styledForm { clear:both; padding:0; }
.styledForm br, .styledForm .clearer { clear:both; width:100%; }
.styledForm label { float:left; width:150px; padding-top:2px; }
.styledForm label.shipping { width:350px; padding-left:10px; }
.styledForm ol { margin-left:50px; }
.styledForm hr { clear:both; visibility:hidden; }
.styledForm .fakeLabel { float:left; width:225px; padding-top:4px; }
.styledForm select, .styledForm textarea, .styledForm input { display:block; float:left; margin-bottom:6px; padding:1px; }
.styledForm input#inv2del { margin-right:10px; }
.styledForm .styledInput, .styledForm .styledTextArea { border:1px solid #818181; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; width:230px; padding:2px; }
.styledForm .styledSelect { border:1px solid #818181; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; width:236px; margin:2px 0 10px 0; padding:1px 0 0 2px; }
.styledForm .styledCheckbox { margin:5px 12px 0 0; float:left; }
.styledForm .styledSubmit { margin-top:12px; }
/* for split 50/50 forms:*/
#splitWrapper .styledForm label { float:left; width:130px; }
#splitWrapper .styledForm .styledInput { width:150px; color:#2B2B2C; }
.styledForm .contextHelp { font-size:0.85em; padding-left:8px; line-height:20px; float:left; }
.styledRadioSelectForm ol, .styledRadioSelectForm ul { list-style-type:none; }
.styledRadioSelectForm li { padding-bottom:8px; }
.styledRadioSelectForm li label { float:right; width:555px; display:block; }
.styledRadioSelectForm li span { /* radio button holder */ float:left; width:20px; }
.styledRadioSelectForm span input { /* radio button */ margin-top:3px; }
.styledRadioSelectForm br { width:100%; clear:both; }
.styledRadioSelectForm .styledSubmit, .styledRadioSelectForm .fakeButton { float:right; margin-bottom:12px; }
.styledRadioSelectForm .fakeLabel { float:left; width:200px; padding-top:4px; }
/* fix firefox bug where it borders hidden input fields */
input[type=hidden] { display:none; }
#form_inv_add, #form_del_add { /* add new address in checkout1 */ clear:both; padding:12px 0 0 0; }
/*
----------------------------------
------- end form elements --------
----------------------------------
*/

#canvasWrapper { width:950px; height:307px; margin:0 0 15px 0; position:relative; }
#upload { position:absolute; left:23px; top:55px; width:190px; overflow:hidden; }
#upload #file_id { font-size:0.9em; }
#upload #Submit { margin:12px 0 6px 0; }
#upload h2#getStarted { width:101px; height:14px; text-indent:-9999px; background:url(../images/headers/start-here.gif) no-repeat left top; }
#upload .alertBox { width:154px; margin-top:6px; }
#upload .alertBox p { padding-right:0; }
/* upload form elements */
#uploadWaiting { display:none; position:fixed; margin:auto; width:100%; left:0; top:0; height:100%; background-image:url(../images/blank.gif); z-index:3000; }
#wrapper div[id="uploadWaiting"] { /* present png for better browsers */ background-image:url(../images/blank.png); }
#uploadWaiting #innerWaiting { color:#FFFFFF; line-height:35px; display:block; margin:220px auto; width:332px; height:140px; text-align:center; }
#upload .alert2 { display:block; position:absolute; width:220px; height:94px; left:1px; top:1px; background:#285028 url(../images/errorbg.jpg) no-repeat 10px 20px; padding:10px 5px 10px 100px; }
/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------- TinyMCE Styles ------------------------------
-------------------------------------------------------------------------
*/

#mainContent .ImageLeft { float:left; margin:0 12px 12px 0; display:block; }
#mainContent .ImageRight { float:right; margin:0 0 12px 12px; display:block; }
#mainContent .clearImages { clear:both; }