/* global styles introduced with home apge revisions Shopcreator 02/09/09 */

/* Reset browser preset styles */
*
{ margin:0; padding:0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#3C3C3C;}

body
{ background:#CCC url(../images/bg.gif) repeat-x scroll 0 0; color:#494949; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; line-height:18px; text-align:left; }

/* tables still need 'cellspacing="0"' in the markup */
table 
{ position: relative; float: left; border-collapse: separate; border-spacing: 0;}
caption, th, td 
{ text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after 
{ content: "";}
blockquote, q 
{ quotes: "" ""; }

/* typography */
h1{ margin: 0 0 18px 0; font-size: 1.4em; line-height: 32px; color:#3c3c3c; font-weight: normal; border-bottom:1px solid #ebebeb; }
h2 { margin: 0 0 18px 0; font-size:1.36em; line-height: 32px; color:#3c3c3c; font-weight: normal; }
h3 { margin: 0 0 18px 0; font-size:1.15em; font-weight: normal; line-height: 32px; color:#3c3c3c; }
h4 { margin: 0 0 18px 0; font-size:1.05em; line-height: 36px; color:#3c3c3c; font-weight:normal; }
h5 { margin:0 0 18px 0; font-size:0.95em; line-height: 36px; color:#3c3c3c; font-weight:normal; }
h6 { margin:0 0 18px 0; font-size:0.85em; line-height: 36px; color:#3c3c3c; font-weight:normal; }
p { margin:0 0 18px 0; font-size:0.7em; color:#3c3c3c; }
em { color:#666666; font-weight: normal; }
ol		{ margin: 0 0 18px 0; padding: 0 0 0 30px; list-style: disc; }
li		{ font-size:0.7em; color:#3c3c3c; font-weight: normal; margin: 0; }
legend	{ font-size:0.95em; font-weight: normal; margin: 0; }
label	{ font-weight: normal; margin: 0; }
input	{ font-size: 100%; color: #333333; }
th		{ font-size:13px; }
td		{ font-size:11px; }
td p	{ font-size: 100%; }

dl { margin:0 0 16px 0; }
dt, dd { color:#3c3c3c; }


/* links */
a
{ color:#251554; text-decoration:none; }
a:hover
{ color:#999; text-decoration:none; }
.featuretitle
{ margin:0 0 18px 0; font-size:0.7em; color:#3c3c3c; }

/* global classes */
.hide { display:none; }
.redText { color:#ff0000; }
.productspecialprice { color:#ff0000; }
.clear { clear:both; }

/* structure */
#wrap
{ margin:0 auto; position:relative; width:960px; }

#pgMain
{ float:left; margin:200px 0 0; width:960px; background:#fff; }
#pgMainCart
{ float:left; margin:120px 0 0; width:960px; background:#fff; }

#pgHead
{ position:absolute; left:0; top:0; width:960px; height:200px; background:#fff; }
#pgHeadCart
{ position:absolute; left:0; top:0; width:960px; height:120px; background:#fff; }
#pgHeadTop
{ position:relative; float:left; width:960px; height:130px; }
#pgLogo
{ position:relative; float:left; width:221px; height:144px; padding:18px 0 0 18px; }
#pgLogo a
{ width:144px; height:144px; display:block; }
#pgPrimaryBanner
{ position:relative; float:left; width:490px; height:144px; padding:18px 0 0 18px; overflow:hidden; }
#pgPrimaryBanner a
{ width:576px; height:144px; display:block; }
#pgPrimaryBanner img
{ border:1px solid #999; }

#pgHeadTopRight
{ position:relative; float:left; width:204px; height:162px; }
#pgSearch
{ position:relative; float:left; width:186px; height:36px; padding:18px 0 0 18px; }
#pgSearch p
{ position:relative; float:left; margin:0; }
#pgSearch #searchInput
{ position:relative; float:left; width:129px; height:18px; border:1px solid #666; }
#pgSearchGo
{ position:relative; float:left; width:30px; height:18px; margin:0 0 0 10px; background: transparent url(../images/pgSearchGo.gif) 0 0 repeat-x; border:1px solid #251554; color:#fff; font-size:98%; cursor:pointer; }
#pgRegisterLogin
{ position:relative; float:left; width:186px; padding:0 0 0 18px; height:25px; }
#pgBasket
{ position:relative; float:left; width:186px; padding:0 0 0 18px; background:#fff url(../images/pgBasket.jpg) top right no-repeat; }
#pgBasket p
{ margin:0; }
#pgCartSummary
{ position:relative; float:left; width:186px; height:18px; }
#pgCartSummaryFrame
{ background:#fff url(../images/pgBasket.jpg) 132px -16px no-repeat; }
#iframebody
{ background:transparent; }
#cartsummary
{ position:absolute; left:0px; top:0px; display:block; height:20px; width:186px; }

#pgMenuFilters
{ position:relative; float:left; width:960px; height:30px; margin-top:30px; }
#pgFilter
{ position:absolute; left:0px; top:0; display:block; height:27px; width:924px; padding:9px 18px 0 18px; }
#pgFilter select
{ border:1px solid #666; float:left; font-size:70%; height:18px; text-transform:uppercase; width:300px; color:#333; }
.pgFilterSelectRight
{ margin:0 12px 0 0; }
#pgContent
{ position:relative; float:left; width:960px; }
#pgBreadcrumbTrail
{ position:relative; float:left; width:924px; height:36px; padding:0 18px 0 18px; }
#pgContentDeptProd
{ position:relative; float:left; width:924px; padding:0 18px 0 18px; margin:0 0 18px 0; }
.pgContentDeptItem
{ position:relative; float:left; width:924px; margin:0 0 18px 0; }
#t1
{ position:relative; float:left; width:924px; margin:0 0 18px 0; }
#t1 h5
{ font-weight:bold; font-size:100%; line-height:18px; }
.tableImage a
{ display:block; }
#pgContentDept
{ position:relative; float:left; width:924px; margin:0 0 18px 0; }
.deptGallery
{ position:relative; float:left; width:172px; text-align:left; padding:0 16px 0 0; }
.deptGalleryRight
{ position:relative; float:left; width:172px; height:260px; text-align:left; }
.deptGallery a, .deptGalleryRight a
{ display:block; }
.deptGallery dt img, .deptGalleryRight dt img
{ width:170px; height:170px; border:1px solid #666; }
.designerGallery, .manufacturerGallery
{ width:125px; height:140px; text-align:left; padding:0 0 5px 0; float:left; margin:10px 0 10px 5px; }
.designerGallery dd,.deptGallery dd, .deptGalleryRight dd, .manufacturerGallery dd
{ font-size:0.7em; }

/* product page */
#nowPrice
{ font-weight:bold; font-size:120%; color:#FF0000; }
#wasPrice
{ font-weight:bold; text-decoration:line-through; font-size:80%; }

#pgProductDescription
{ position:relative; float:left; width:288px; padding:0 18px 0 0; }
#pgProductDescription p, .description
{ text-align:justify; }
#buyButtons
{ position:relative; float:left; width:288px; }
#addToBasket
{ float:left; }
#continueShopping
{ position:relative; float:left; width:288px; margin:18px 0 0 0; }
#pgProductImage
{ position:relative; float:left; width:288px; padding:0 24px 0 6px; }
#pgProductImage a
{ display:block; }
#pgProductImage img
{ border:1px solid #666; }
#pgProductDetails
{ position:relative; float:left; width:288px; }
#pgProductDetails img
{ margin:9px 8px 0 0; border:1px solid #666; }
#pgProductDetails ul
{ list-style:none; }
#pgProductDetails ul li
{ display:inline; list-style:none; float:left; }
#pgProductSpecsHold
{ position:relative; float:left; width:291px; }
#pgProductSpecs
{ position:relative; float:left; width:255px; padding:18px 18px 18px 18px; margin:0 0 18px 0; background:#e8e8e8; }
#pgProductSpecs h2
{ font-size:80%; font-weight:bold; margin:0 0 9px 0; }
#pgProductSpecs ul
{ list-style:none; }
#pgProductSwatchesTitle
{ font-size:80%; font-weight:bold; margin:0 0 9px 0; }
#pgProductSwatches
{ position:relative; float:left; width:291px; }
.pgProductSwatchRow
{ position:relative; float:left; width:291px; }
.pgProductSwatchItem
{ position:relative; float:left; width:60px; height:130px; padding:0 18px 0 0; }
.pgProductSwatchItem a
{ display:block; }
#pgProductOptionsSwatchBuy
{ position:relative; float:left; width:924px; margin:0 0 18px 0; }
div#options
{ position:relative; float:left; width:924px; }
div.alloptions 
{ display: block; }
.alloptions br
{ line-height:0; font-size:0; }
.complexOptions
{ position:relative; float:left; width:100%; margin:10px 0 10px 0; }
.complexOptions td
{ border-bottom:1px solid #e8e8e8; }
td.complexOptionsDescription, td.complexOptionsColour, td.complexOptionsSize, td.complexOptionsSelect, td.complexOptionsPriceTag
{ padding:0 10px 0 10px; text-align:left!important; font-weight:bold; border-bottom:1px solid #666; }
td.complexOptionsDescriptionValue, td.complexOptionsColourValue, td.complexOptionsSizeValue, td.complexOptionsPriceTagValue, td.complexOptionsSelectValue
{ padding:0 10px 0 10px; text-align:left!important; }
td.complexOptionsPriceTag
{ padding:0 30px 0 10px; text-align:right!important; font-weight:bold; border-bottom:1px solid #666; }
.complexOptionsPriceValue
{ padding:0 30px 0 10px; text-align:right; }
td.productprice
{ padding:0 10px 0 10px;text-align:left!important; }

.searchNavigation
{ float:left;clear:left;margin:10px 0 10px 0; }
div.searchNavigation td
{ padding:0 5px 0 0; }
#pgSearchMessage
{ position:relative; float:left; width:924px; margin:0 0 18px 0; }

#youMayAlsoLikeHold
{ position:relative; float:left; width:924px; padding:0 18px 0 18px; margin:0 0 18px 0; }
#youMayAlsoLike
{ position:relative; float:left; width:924px; border:1px solid #666; }
#youMayAlsoLikeTitle
{ width:915px; height:36px; padding:0 0 0 9px; margin:0; text-transform:capitalize; color:#333; font-size:80%; background: #fff url(../images/pgUtiltiyLovesTitle.jpg) 0 0 repeat-x; }
#youMayAlsoLikeGallery
{ position:relative; float:left; margin:9px 0; padding:0 9px; }

#searchResults
{ position:relative; float:left; width:924px; }
#searchResultsGallery
{ position:relative; float:left; margin:9px 0; padding:0 9px; }

#pgProductFeatures
{ position:relative; float:left; width:960px; }
#pgProductHero1
{ position:relative; float:left; width:738px; height:280px; padding:0 18px; margin:9px 0; }
#pgProductHero1Image
{ position:relative; float:left; width:254px; width:254px; }
#pgProductHero1Image a
{ display:block; }
#pgProductHero1Image img
{ border:1px solid #666; width:252px; }
#pgProductHero1Info
{ position:relative; float:left; width:466px; padding:0 0 0 18px; }
#pgProductHero1Info h1
{ border-bottom:none; }
#pgProductHero1Info p
{ }
#pgProductHero2
{ position:relative; float:left; width:151px; height:314px; margin:9px 0; padding:0 9px; border:1px solid #666; }
#pgProductHero2Image
{ position:relative; float:left; width:151px; }
#pgProductHero2Image a
{ display:block; padding:18px; }
#pgProductHero2Image img
{ }
#pgProductHero2Info
{ position:relative; float:left; width:151px; }
#pgProductHero2Info p
{ margin:0;}
#pgProductHero4
{ position:relative; float:left; width:169px; height:278px; margin:9px 0; }

#pgRecEditorial
{ position:relative; float:left; width:924px; padding:9px 18px 18px 18px; height:254px; }
#pgUtiltiyLoves
{ position:relative; float:left; width:594px; height:252px; border:1px solid #666; }
#pgUtiltiyLovesTitle
{ width:585px; height:36px; padding:0 0 0 9px; margin:0; text-transform:capitalize; color:#333; font-size:80%; background: #fff url(../images/pgUtiltiyLovesTitle.jpg) 0 0 repeat-x; }
#pgUtiltiyLovesGallery
{ position:relative; float:left; margin:9px 0; padding:0 9px; }
.gallery
{ width:125px; margin:0; text-align:left; padding:0 9px 0 9px; float:left; border-right:1px dotted #666; }
.galleryLeft
{ width:125px; height:190px; margin:0; text-align:left; padding:0 9px 0 9px; float:left; }
.gallery dt, .galleryLeft dt
{ font-weight: bold; margin:0; }
.gallery dt img, .galleryLeft dt img
{ width:121px; height:121px; border:#666 solid 1px; }
.gallery dd, .galleryLeft dd
{ font-size:0.7em; float:left; }
.gallery dd strong, .galleryLeft dd strong
{ color:#FF0000; float:left; }

.gallery dd .productlink
{ float:left; }

/* info. page */
#leftImages
{ float:left; }
#leftImages img
{ padding:0 18px 18px 0; }

#pgEditorial
{ position:relative; float:right; width:310px; height:252px; border:1px solid #666; }
#pgEditorialTitle strong
{color:#fff;}
#pgEditorialTitle
{ width:292px; height:36px; padding:0 9px 0 9px; margin:0; text-transform:uppercase; color:#fff; font-size:80%; background: #fff url(../images/pgEditorialTitle.jpg) 0 0 repeat-x; }
#pgEditorialContent
{ position:relative; float:right; width:292px; height:198px; padding:9px; overflow:auto; }
#pgEditorialContent h4
{ font-size:70%; margin:0; color:#333; line-height:18px; }
#pgEditorialContent h3
{ text-align:right; font-size:60%; margin:0; color:#999; line-height:18px; }
#pgEditorialContent p
{ margin:0; color:#666; line-height:18px; }

#pgWelcome
{ position:relative; clear:both; width:924px; padding:18px 18px 0 18px; }
#pgWelcome h5
{ color:#333; font-size:80%; text-transform:capitalize; line-height:18px; margin:0 0 9px 0; }
#pgWelcome p
{ color:#666; margin:0 0 9px 0; }

#pgFoot
{ position:relative; clear:both; width:924px; height:288px; padding:0 18px 0 18px; }
#pgFootLeft
{ position:relative; float:left; width:600px; margin:0 0 18px 0; border-top:1px solid #e8e8e8; }
.pgFootLeftInfo
{ position:relative; float:left; width:150px; padding:9px 0 0 0; }
.pgFootLeftInfo h5
{ font-size:80%; margin:0; line-height:18px; }
.pgFootLeftInfo ul
{ list-style:none; }
#pgFootRight
{ position:relative; float:right; width:320px; margin:0 0 18px 0; }
#pgEmailList
{ position:relative; float:right; border:1px solid #666; width:292px; padding:9px; margin:0 0 18px 0; }
#pgEmailList h5
{ font-size:80%; margin:0; line-height:18px; }
#pgEmailListInput
{ position:relative; float:left; width:220px; height:18px; border:1px solid #666; font-size:80%; }
#pgEmailListSubmit
{ position:relative; float:left; width:56px; height:18px; margin:0 0 0 10px; background: transparent url(../images/pgEmailListSubmit.jpg) 0 0 repeat-x; border:1px solid #251554; color:#fff; font-size:98%; cursor:pointer; }
#pgPayMethods
{ position:relative; float:right; border:1px solid #666; width:292px; padding:9px; }
#pgPayMethods h5
{ font-size:70%; margin:0; line-height:18px; }
#pgPayMethods ul
{ list-style:none; }
#pgPayMethods li
{ float:left; padding:0 4px 0 0; }
#pgPayMethods li img
{ width:44px; }
#pgFootCopy
{ position:relative; float:left; width:924px; padding:9px 0 9px 0; margin:18px 0 0 0; border-top:1px solid #666; }
#pgFootCopy h6
{ position:relative; float:left; color:#999; width:788px; font-size:70%; line-height:18px; }
#pgFootCopyBook
{ position:relative; float:right; width:130px; height:18px; }
