/* Balcony Shirts CSS */

/* opera ignores these in reset.css */
a{text-decoration:none}
a:hover{text-decoration:underline}
.clear{clear:both}
hr{display:none}
div.hr{height:1px; clear:both; background-position:0 0; background-repeat:repeat-x}

#container{width:967px; margin:auto}

#header{position:relative; width:971px; height:145px; margin-top:14px}
#logo{position:relative; height:114px; background:url(../img/backgrounds/header_bg.gif) 0 0 no-repeat}
#logo a{display:block; position:absolute; top:27px; left:0; width:383px; height:80px}
#logo a strong{display:none}

#header #flash{width:210px; height:160px; position:absolute; top:0; left:755px; background:url(../img/backgrounds/flash_bg.gif) 0 14px no-repeat}

#adminNav{position:absolute; top:0; right:245px}
#adminNav ul{font-size:70%; color:#929ba2; line-height:2}
#adminNav ul li{display:inline; padding:0 0 0 2px; font-weight:bold; text-transform:capitalize}
#adminNav ul li a{color:#929ba2}
#header #miniCart{width:551px; height:31px; margin:0 0 0 16px; padding:0 0 0 188px; background:url(../img/backgrounds/headerCart_bg.gif) 0 0 no-repeat}
#header #miniCart img{display:block; float:left; margin:5px 3px 0 9px; display:inline}
#header #miniCart p{float:left; margin:12px 20px 0 0; color:#fff; font-size:70%; text-transform:capitalize}
/* temp */#header #miniCart a{display:block; float:left}
#header #miniCart p.note{width:120px; margin:6px 0 0 15px; font-size:60%; text-align:center}

#headerWide{position:relative; width:780px; height:109px; margin:30px 0 0 88px}
#headerWide #logo{height:109px; background:url(../img/backgrounds/headerWide_bg.jpg) 0 0 no-repeat}
#headerWide #adminNav, #headerWideInner #adminNav{top:-19px; right:38px}

#headerWideInner, #headerWideAcc{position:relative; width:780px; margin:31px 0 0 88px}
#headerWideInner #logo{height:103px; background:url(../img/backgrounds/headerWide2.png) 0 0 no-repeat}
#headerWideAcc #logo{height:139px; background:url(../img/backgrounds/headerWide3.png) 0 0 no-repeat}
#headerWideInner #adminNav, #headerWideAcc #adminNav{top:-20px; right:38px}

#breadCrumb{height:34px; clear:left; padding:0 0 0 26px}
#breadCrumb ol{font-size:70%; color:#929ba2; line-height:3}
#breadCrumb ol li{display:inline; padding:0 0 0 3px; font-weight:bold; text-transform:capitalize}
#breadCrumb ol li a{color:#929ba2}

#leftNav{width:178px; float:left; position:relative; z-index:100; padding:0 0 0 16px}
#leftNav #miniSearch{position:relative; width:172px; height:83px; background:url(../img/leftNav/search_bg.gif) 0 0 no-repeat}
#leftNav #miniSearch h2{padding:10px 0 7px 11px; font-size:70%; color:#fff}
#leftNav #miniSearch input{width:146px; margin:0 0 3px 10px; padding:2px; background-color:#fdf0ce; border:1px solid #a4a4a4; color:#424242; font-size:70%}
#leftNav #miniSearch a{margin:0 0 0 10px; font-size:60%; color:#fff}

#leftNav .menu{margin-top:4px; width:172px; position:relative; background:#b39175 url(../img/leftNav/menu_top.gif) 0 0 no-repeat; z-index:100;}
#leftNav .menu h2{padding:9px 0 3px 11px; font-size:70%; color:#fff}
#leftNav .menu ul{font-size:60%}
#leftNav .menu ul li{position:relative; display:block; width:164px; margin:4px 0 0 4px}
#leftNav .menu ul li a{display:block; height:17px; line-height:1.6; background-color:#936b4f; padding:0 0 0 6px; color:#fff; font-weight:bold}
#leftNav .menu ul li a img{display:block; position:absolute; right:0; top:-2px; z-index:2}
#leftNav .menu ul li a:hover, #leftNav .menu ul li a.on{color:#fdf0ce; background-color:#784911; text-decoration:none}

/* sub level */
#leftNav .menu ul li ul{font-size:100%}
#leftNav .menu ul li ul li{margin:0px; /*z-index:20;*/ width: 168px; border: none}
#leftNav .menu ul li ul li.hasSub{position:relative; background: url(../img/icons/leftNavSub.gif) 158px 6px no-repeat;}
#leftNav .menu ul li ul li a{display:block; padding:0 0 0 12px; background:none; font-weight:normal; width: 152px; border-bottom:1px solid #c8ad97;}
#leftNav .menu ul li ul li a:hover, #leftNav .menu ul li ul li a.on{background:none; text-decoration:underline}

/* flyout */
#leftNav .menu .flyout{position:absolute; top:-7px; left:168px; z-index:100; width:162px; padding-left:0}
#leftNav .menu .flyout .topCap{width:100%; height:9px; background:url(../img/leftNav/menuTop.png) 0 0 no-repeat}
#leftNav .menu .flyout .btmCap{width:100%; height:10px; background:url(../img/leftNav/menuBtm.png) 0 0 no-repeat}
#leftNav .menu .flyout ul{width:100%; background:#784911; margin-top:-2px; position:relative}
#leftNav .menu .flyout ul li{width:154px; margin:auto; position:relative}
#leftNav .menu .flyout ul li a{width:142px; display: block; position:relative}

#leftNav .menu ul ul li.hasSub .flyout{display:none}
#leftNav .menu ul ul li.hasSub:hover .flyout, #leftNav .menu ul ul li.iehover .flyout{display:block}

#leftNav .menu .menuBtm{height:10px; background:url(../img/leftNav/menu_btm.gif) bottom left no-repeat}

#leftNav .menu .hr{width:164px; margin:7px auto; background:url(../img/icons/hrLeftNav.gif)}

#leftNav #newsletter{position:relative; width:172px; height:141px; margin-top:10px; background:url(../img/leftNav/newsletter_bg.jpg) 0 0 no-repeat}

#leftNav #newsletter .hideMe{display:none}
#leftNav .checkAccountField {clear:both; display:inline; float:left; font-size:100%; line-height:1; padding:0; margin:0; position:relative; width:171px}
#leftNav #newsletter h2{height:0px !important; padding:12px 0 0 0; overflow:hidden; height /**/:12px}
#leftNav #newsletter p{padding:13px 0 4px 9px; height:20px; color:#fff; font-size:60%}
#leftNav #newsletter p.errMsg{color:#fff}
#leftNav #newsletter label{font-size:60%; text-align:left; float:none; color:#fff; font-weight: bold; margin:0 0 0 11px; padding:0}
#leftNav #newsletter input{width:146px; height:13px; margin:0 0 2px 10px; padding:2px; background-color:#fdf0ce; border:1px solid #a4a4a4; color:#424242; font-size:60%}
#leftNav #newsletter .errorMsg{display:none; font-size:70%; margin:0 0 0 11px; padding:17px 0 0 0; height:20px; color:#fff; background:none}
#leftNav #newsletter .fieldError input{border:1px solid #cb0000; color:#cb0000}

#leftNav #rumours{width:180px; margin:14px -5px 0 -3px; height:196px; font-size:70%; background:url(../img/leftNav/rumours_bg.jpg) 0 0 no-repeat}
#leftNav #rumours h2{height:0px !important; padding:12px 0 0 0; overflow:hidden; height /**/:12px}
#leftNav #rumours ul{margin:25px 16px 0 16px; color:#b39175; text-align:center}
#leftNav #rumours ul li{display:block; margin:0 0 15px 0; font-weight:bold}
#leftNav #rumours ul li a{line-height:1.2; font-weight:normal; color:#784911}

#leftNav #blog{position:relative; width:172px; height:121px; margin:7px 0 0 0; background:url(../img/leftNav/blog_bg.jpg) 0 0 no-repeat}
#leftNav #blog h2{height:0px !important; padding:12px 0 0 0; overflow:hidden; height /**/:12px}

#mainContent{width:568px; float:left; position:relative; margin:0 9px}
#mainContentWide{width:961px}

#mainContent .banners{height:100px; width:568px; position:relative; margin:1px 0 7px 0}
#mainContent .banners img{float:left; display:block; width:284px}

#mainContent h1, #mainContent h2.h1{width:568px; height:28px; text-indent:10px; font-size:70%; color:#fff; line-height:2.4; background:url(../img/backgrounds/pageTitle_bg.gif) 0 0 no-repeat}
#mainContent h1.filter, #mainContent h2.filter{background-image:url(../img/backgrounds/pageTitleFilter_bg.gif)}

/* Category Styles */
#category{position:relative}
#category .categories{clear:both}
#category .category{position:relative; width:568px; height:184px; margin-bottom:8px; background:url(../img/category/categories_bg.jpg) right 0px no-repeat}
#category .category img{display:block; float:left}
#category .category h2{width:270px; float:left; font-size:70%; color:#fff; margin:14px 0 5px 0}
#category .category h2 a{color:#fff}
#category .category p{width:270px; float:left; font-size:70%; line-height:1.2; color:#333}
#category .category p.hook{position:absolute; bottom:12px; left:277px; color:#fff; font-weight:bold}
#category .category p.price{margin:8px 0 0 0; font-size:90%; font-weight:bold; color:#fdf0ce}

#pageText h1{text-indent:0; background:none; color:#464646; height:13px; width:100%; font-size:100%; margin-bottom:15px; line-height:1} 
#pageText{clear:both; margin-top:20px; font-size:70%; color:#464646}
#pageText p{line-height:1.2; margin:10px 0}
#pageText a{color:#D19228;font-style:normal;}
#pageText ul{list-style-type:circle}
#pageText ul li{margin:3px 15px}

/* Subcategory Styles */
#subCategory{position:relative;width:100%}
#subCategory .subCategories{clear:both; padding-left:0}
#subCategory .subCategory{position:relative; width:174px; height:209px; float:left; margin:0 23px 19px 0; font-size:11px; background:url(../img/subCat/subcat_bg.gif) 0 0 no-repeat}
#subCategory .noMargin{margin-right:0}
#subCategory .subCategory .sash{position:absolute; top:-16px; left:-13px}
#subCategory .subCategory h2{margin:9px 11px 3px 11px; text-align:center; font-size:90%; line-height:1.2}
#subCategory .subCategory h2 a{color:#746747}
#subCategory .subCategory h2 em{color:#d19228; font-style:normal}
#subCategory .subCategory img{position:absolute; top:45px; left:22px; display:block}
#subCategory .subCategory .offer{position:absolute; top:146px; left:0; width:100%; height:18px; line-height:1.6; text-align:center}
#subCategory .subCategory .text{color:#00c9f9}
#subCategory .subCategory .sale{color:#ff185f}
#subCategory .subCategory div.price{position:absolute; top:164px; width:100%; left:0; height:27px; background-color:#f97700}
#subCategory .subCategory div.price p{font-size:120%; color:#fff; font-weight:bold; line-height:2; text-indent:10px}
#subCategory .subCategory div.subCatBtm{position:absolute; bottom:0; left:0; width:100%; height:16px; background:url(../img/subCat/subcat_btm.gif) 0 0 no-repeat}
#subCategory .subCategory div.subCatBtm .hook{width:100%; height:16px; line-height:1.4; background:url(../img/subCat/hook_bg.gif) 0 0 no-repeat; text-align:center; color:#fff}
#subCategory .listType{position:absolute; top:3px; right:7px; z-index:3}

#subCategory .topTenHead{margin-top:15px}
#subCategory .numberOne{position:relative; margin:0 auto 37px auto; width:528px; height:143px; background:url(../img/subCat/topTen_One_bg.jpg) 0 0 no-repeat}
.numberOne .img{display:block; margin:25px 0 0 168px; width:130px; float:left;display:inline}
.numberOne .details{float:right; position:relative; width:191px; margin:19px 24px 0 0; padding-top:5px; font-size:75%; font-weight:bold}
.numberOne .stock{color:#849431; line-height:1.6; text-transform:uppercase}
.numberOne h3{ padding-bottom:2px; line-height:1.1; color:#746747}
.numberOne h3 em{color:#d19228; font-style:normal}
.numberOne h3 a{color:#746747}
.numberOne h3 a em{color:#d19228}
.numberOne .wasSave{color:#fcad00; line-height:1.2; margin-bottom:3px}
.numberOne .wasSave span{padding-left:20px}
.numberOne .price{background-color:#f97700; font-size:115%; text-indent:9px; line-height:1.4; color:#fff}
.numberOne .price big{font-size:120%}
#subCategory .topTen .sash{top:-13px; left:-17px}
#subCategory .topTen .subCategory h2{position:relative; z-index:1}

/* Filter Styles */
/* filter containers and backgrounds */
#filter{position:relative; width:568px; /*height:94px*/}
.subCat #filter{/*height:123px;*/ margin-bottom:73px; background:url(../img/subCat/regularCut_bg.jpg) 0 0 no-repeat}
.mensRegular #filter{background-image:url(../img/subCat/regularCut_bg.jpg)}
.mensVintage #filter{background-image:url(../img/subCat/balcony_vintageCut_bg.jpg)}
.mensCities #filter{background-image:url(../img/subCat/balcony_cities_bg.jpg)}
.cbgb #filter{background-image:url(../img/subCat/cbgb_bg.jpg)}
.mensVVantage #filter{background-image:url(../img/subCat/vintage_vantage_bg.jpg)}
.womenBalcony #filter{background-image:url(../img/subCat/womens_balcony_bg.jpg)}
.womenCities #filter{background-image:url(../img/subCat/womens_balcony_cities_bg.jpg)}
.womenVVantage #filter{background-image:url(../img/subCat/womens_vintage_vantage_bg.jpg)}
/* SubCat - no banner */
.standardSubCat #filter{/*height:50px;*/ margin-bottom:50px; background-repeat:no-repeat; background-color:#FA8400; background-image:url(../img/subCat/filter_std_bg.jpg)}
.standardSubCat #filter .paging{margin-top:22px}

#filter h1{background:none}

/* filter form elements */
#filter fieldset{width:100%}
#filter label{position:absolute; top:10px}
#filter select{position:absolute; top:27px}
#filter .filterBy{left:20px}
#filter .sortBy{left:395px}
#filter select{border:1px solid #a4a4a4; background-color:#fdf0ce; font-size:11px; color:#464646}
#filter select.filterBy{width:177px}
#filter select.sortBy{width:151px}

#listsFilter #filter{margin:2px 0 21px 0; background:url(../img/filter/list_bg.gif) 0 0 no-repeat}
#listsFilter #filter fieldset{height:62px}
#listsFilter #filter .paging{margin-top:0}

/* search filter */
#filter #searchFilter{margin:2px 0 21px 0; height:114px; background:url(../img/filter/search_bg.gif) 0 0 no-repeat}
#filter #searchFilter .paging{margin:0 0 0 0;top:83px}
#filter #searchFilter input{position:absolute; top:27px; left:20px; width:146px; padding:2px; border:1px solid #a4a4a4; background-color:#fdf0ce; font-size:11px; color:#464646}
#filter #searchFilter select.filterBy{top:52px; width:152px}
#filter #searchFilter select.cat{top:27px; left:178px}
#filter #searchFilter .resetFilter{position:absolute; top:52px; left:180px; width:70px; height:15px; line-height:1.6; padding-left:22px; font-size:11px; color:#fff; background:url(../img/filter/clear.gif) 0 0 no-repeat}
#filter #searchFilter .sortBy{left:415px}
#filter #searchFilter select.sortBy{width:135px}

/* brands filter */
#brandFilter #filter{margin:2px 0 21px 0; height:104px; background:url(../img/filter/brand_bg.gif) 0 0 no-repeat}
#brandFilter #filter .paging{margin-top:73px}
#brandFilter #filter .filterBy{width:151px}
#brandFilter #filter .sortBy{left:261px}
#brandFilter #filter select.sortBy{width:133px}
#brandFilter #filter .filterBrandLogo{position:absolute; top:3px; right:18px}

/* paging in filter styles */
#filter .paging{height:31px; margin:95px 0 0 0; background:url(../img/paging/filter_bg.gif) 0 0 no-repeat}
#filter .paging .pview a{display:block; left:484px; width:83px; height:0px !important; padding-top:24px; overflow:hidden; height /**/:24px}
#filter .paging .pview a:hover{background-position:0 -24px}
#filter .paging .all a{background:url(../img/buttons/pagingFilterVA.gif) 0 0 no-repeat}
#filter .paging .paged a{left:458px; width:103px; background:url(../img/buttons/pagingFilterVP.gif) 0 0 no-repeat}

/*new subcat filter controls*/
.filterControls, .filterControlsNoBg{position:relative; margin-top:95px; width:100%; background:url(../img/subCat/sc_filterBg.gif) 0 0 repeat-x}
.filterControlsNoBg{margin-top:2px}
.filterControls .divide, .filterControlsNoBg .divide{position:absolute; top:0; left:347px; width:2px; height:36px; background:url(../img/subCat/sc_filterDiv.gif) 0 0 no-repeat}
.filterControls .dec, .filterControlsNoBg .dec{position:absolute; top:-6px; left:0; z-index:2}
.filterControls .fcPanel, .filterControlsNoBg .fcPanel{position:relative; padding-top:36px}
#filter .filterControls label.filterBy, #filter .filterControlsNoBg label.filterBy{top:11px; left:10px}
#filter .filterControls label.sortBy, #filter .filterControlsNoBg label.sortBy{top:11px; left:365px}
#filter .filterControls select.filterBy, #filter .filterControlsNoBg select.filterBy{top:9px; left:95px}
#filter .filterControls select.sortBy, #filter .filterControlsNoBg select.sortBy{top:9px; left:439px;width:123px}
#filter .filterControls .paging, #filter .filterControlsNoBg .paging{margin-top:0}

/* Paging Styles */
.paging{clear:both; position:relative; height:31px; width:568px; margin:21px 0; background:url(../img/paging/bg.gif) 0 0 no-repeat}
.paging a{display:block; color:#e2c59b; font-weight:bold; font-size:70%}
.paging a:hover{color:#fff}
.paging a.on{text-decoration:underline}
.paging ul{display:block; position:absolute; top:6px}
.paging ul.left{left:102px; width:115px}
.paging ul.right{left:340px; width:90px}
.paging ul li{display: block; float:left; padding:0 1px; color:#fff}
.paging ul li.liNext{float:right}
.paging ul.pages{width:150px; z-index:99; top:1px; left:202px; text-align:center; color:#e2c59b; font-weight:bold}
.paging ul.pages li{display:inline; text-align:center; float:none; padding:0}
.paging .pages a{display:inline; line-height:1; padding:0 2px}
.paging a.pagingFirst{margin:0 6px 0 0; width:13px; height:11px; background:url(../img/paging/first_bg.gif) 0 0 no-repeat}
.paging a.pagingPrevious{width:64px; height:11px; text-align:right; background: url(../img/paging/previous_bg.gif) 0 0 no-repeat}
.paging a.pagingNext{float:left; width:43px; height:11px; text-align:left; background: url(../img/paging/next_bg.gif) 0 0 no-repeat}
.paging a.pagingLast{float:left; margin:0px 0 0 7px; width:13px; height:11px; background:url(../img/paging/last_bg.gif) 0 0 no-repeat}
.paging a.pagingLast span, .paging a.pagingFirst span{display:none}
.paging a.pagingLast:hover, .paging a.pagingNext:hover, .paging a.pagingFirst:hover, .paging a.pagingPrevious:hover{background-position:0 -11px; text-decoration: none}
.paging .pview a {position:absolute; top:6px; left:487px; color:#fff; font-weight:bold}

.paging a.disabled{color:#464646}
.paging a.pagingFirst.disabled{background-image:url(../img/paging/firstDisabled.gif)}
.paging a.pagingPrevious.disabled{background-image:url(../img/paging/previousDisabled.gif)}
.paging a.pagingNext.disabled{background-image:url(../img/paging/nextDisabled.gif)}
.paging a.pagingLast.disabled{background-image:url(../img/paging/lastDisabled.gif)}
/* Paging Ends */

.noResults{height:110px; text-align:center; font-size:70%; color:#464646}

/* Brands */
#brands .brandList{margin:0 0 11px 0}
#brands .brandList:after{content:"."; display:block; visibility:hidden; height:1px; clear:left}
#brands .brand{position:relative; margin-top:11px; width:281px; height:208px; float:left; background:url(../img/brands/img_bg.gif) 0 0 no-repeat}
#brands .brand.margin{margin-right:6px}
#brands .brand img{display:block; margin:2px auto 0 auto}
#brands .brand .brandText{position:relative; height:91px; background:url(../img/brands/txt_bg.gif) 0 0 no-repeat}
#brands .brand .brandText h2{font-size:70%; height:15px; padding:0 13px}
#brands .brand .brandText p{font-size:70%; color:#fdf0ce; line-height:1.2; padding:0 13px}
#brands .brand .brandText a{color:#fff}

/* Product Page Styles */
#product{position:relative; width:568px}

#product .girls #prodDetails{background:url(../img/product/prodDetailsGirls_bg.jpg) 0 0 no-repeat}
#product .girls #prodDetails h1{background:url(../img/product/h1Girls.gif) 0 0 no-repeat}
#product .girls #prodDetails ul li{background:url(../img/icons/prodLiGirls.gif) 0 1px no-repeat}
#product .girls #prodDetails .options .wasSave{color:#fff}
#product .girls #prodDetails .options .sizeGuide{background:url(../img/product/sizeGuideGirls.gif) 0 0 no-repeat}
#product .girls #prodDetails .basketQty{background:url(../img/product/basketQtyGirls.png) 0 0 no-repeat}
#product .girls #prodImg .commMsg{background:url(../img/product/commMsgGirls_bg.gif) 0 0 no-repeat}
#product .girls .cutChoice{background:url(../img/product/cutGirls_bg.gif) 0 0 no-repeat}
#product .girls .thumbs{background:url(../img/product/thumbsGirls_bg.gif) 0 0 no-repeat}
#product .girls .tools{background:url(../img/product/toolsGirls_bg.gif) 0 0 no-repeat}
#product .girls .tools .switch{background:url(../img/product/click2switchGirls.gif) 0 0 no-repeat}
#product .girls .tools .switch a.mens{background:url(../img/icons/mensGirls.gif) 0 0 no-repeat}
#product .girls .tools .switch a.womens{background:url(../img/icons/womensGirls.gif) 0 0 no-repeat}
#product .girls .tools .switch a.kids{background:url(../img/icons/kidsGirls.gif) 0 0 no-repeat}

#product #prodDetails{position:relative; width:253px; height:400px; float:left; background:url(../img/product/prodDetails_bg.jpg) 0 0 no-repeat}
#product #prodDetails h2.prodCatTitle{margin:10px 0 21px 10px; font-size:70%; color:#fff}
#product #prodDetails .sash_lg{position:absolute; z-index:50; top:22px; left:93px}
#product #prodDetails h1{width:219px; height:50px; margin:0 0 0 15px; font-size:70%; color:#fff; background:url(../img/product/h1.gif) 0 0 no-repeat}
#product #prodDetails h1 strong{display:block; padding:13px 12px 0 8px; text-align:center; line-height:1.1}
#product #prodDetails ul{position:relative; width:202px; height:83px; margin:0 0 0 15px; padding:12px 0 0 17px; font-size:70%; color:#464646; background:url(../img/product/bullets_bg.gif) 0 0 no-repeat}
#product #prodDetails ul li{padding:0 0 0 18px; margin-bottom:6px; background:url(../img/icons/prodLi.gif) 0px 1px no-repeat}

#product #prodDetails .options{position:relative; width:219px; z-index:9; margin:0 0 0 15px; padding-top:8px; background:url(../img/product/options_bg.gif) 0px 0px repeat-y}
#product #prodDetails .options select{display:block; width:179px; height:16px; margin:10px 0 0px 17px; padding:1px 2px; background-color:#fdf0ce; border:1px solid #a4a4a4; color:#424242; font-size:70%}
#product #prodDetails .options .qty{position:absolute; bottom:-50px; right:22px; z-index:20; width:84px; height:40px; text-align:right}
#product #prodDetails .options .qty label{font-weight:bold; color:#464646; font-size:60%}
#product #prodDetails .options .qty input{position:relative; z-index:21; width:23px; padding:2px; text-align:center; background-color:#fdf0ce; border:1px solid #a4a4a4; color:#424242; font-size:70%}
#product #prodDetails .options .price{position:absolute; bottom:-79px; left:0px; width:219px; color:#fff; font-weight:bold; font-size:120%; text-align:center}
#product #prodDetails .options .price span{font-size:80%}
#product #prodDetails .options .wasSave{position:absolute; bottom:-91px; left:0px; width:219px; color:#fcad00; font-size:70%; text-align:center}
#product #prodDetails .options .sizeGuide{position:absolute; bottom:-46px; left:13px; z-index:100; width:99px; background:url(../img/product/sizeGuide.gif) 0 0 no-repeat; height:40px}
#product #prodDetails .options .sizeGuide a{display:block; width:99px; height:0 !important; overflow:hidden; padding-top:40px; height /**/:40px}
#product #prodDetails .options img.bish{display:block; position:absolute; bottom:-36px; left:13px; z-index:100; width:114px; height:24px}

#product #prodDetails .basketQty{position:relative; width:219px; height:142px; padding-top:5px; left:15px; background:url(../img/product/basketQty.png) 0 0 no-repeat}

#product #prodImg{position:relative; width:315px; height:400px; float:right}
#product div.brandLogo{position:absolute; top:30px; right:4px; width:114px; height:49px; z-index:1010; text-align:center; background:url(../img/product/brandLogo_bg.png) 0 0 no-repeat}
#product div.brandLogo img{padding-top:2px}
#product #prodImg .balconyProd{display:block; float:left; width:295px; height:377px}

#product #prodImg div.standardProd{position:relative; float:left; width:295px; height:377px; background:url(../img/product/standardProd_bg.gif) 0 0 no-repeat}
#product #prodImg div.standardProd .leftEdge{position:absolute; top:74px; left:-10px; width:10px; height:239px; background:url(../img/product/standardLeftEdge_bg.gif) 0 0 no-repeat}
#product #prodImg div.standardProd .standardStrap{display:block; position:absolute; bottom:7px; left:13px}
#product #prodImg div.standardProd .standardProd{display:block; position:absolute; top:79px; left:-5px}

#product #prodImg div.standardProdX{position:relative; float:left; width:295px; height:377px; background:url(../img/product/standardProd_bgX.gif) 0 0 no-repeat}
#product #prodImg div.standardProdX .leftEdge{position:absolute; top:74px; left:-10px; width:10px; height:239px; background:url(../img/product/standardLeftEdge_bg.gif) 0 0 no-repeat}
#product #prodImg div.standardProdX .standardStrap{display:block; position:absolute; bottom:7px; left:13px}
#product #prodImg div.standardProdX a.standardProd{display:block; position:absolute; top:79px; left:-5px}

#product #prodImg .rightStrap{width:20px; height:377px; float:left; background:url(../img/product/rightStrap_bg.gif) 0 0 no-repeat}
#product #prodImg .rightStrap.standard{background-image:url(../img/product/rightStrapStandard_bg.gif)}
#product #prodImg .rightStrap img{display:block; margin-top:78px}
#product #prodImg .commMsg{width:100%; float:left; height:23px; background:url(../img/product/commMsg_bg.gif) 0 0 no-repeat}
#product #prodImg .commMsg p{width:260px; margin:0 auto; text-align:center; font-size:70%; color:#fff}

#product .cutChoice {clear:both; height:56px; background:url(../img/product/cut_bg.gif) 0 0 no-repeat}
#product .thumbs{clear:both; height:67px; padding-right:9px; background:url(../img/product/thumbs_bg.gif) 0 0 no-repeat}
#product .thumbs a{display:block; position:relative; z-index:1; cursor:pointer; float:right; width:80px; height:64px; margin-left:9px;display:inline; padding:3px 0 0 3px; background:url(../img/product/thumbnail_bg.png) 0 0 no-repeat}
#product .thumbs a img{position:absolute; z-index:2}

#product .tools{position:relative; clear:both; height:33px; padding:40px 0 0 16px; background:url(../img/product/tools_bg.gif) 0 0 no-repeat}
#product .tools .links{position:absolute; z-index:10}
#product .tools a{display:block; float:left; font-size:60%; color:#464646; height:17px; line-height:1.6;display:inline}
#product .tools a.favourite{padding:0 0 0 19px; background:url(../img/icons/favourite.gif) 0 0 no-repeat}
#product .tools a.emailPopup{margin-left:28px; padding:0 0 0 23px; background:url(../img/icons/email.gif) 0 3px no-repeat}
#product .tools a.bookmark{margin-left:36px; padding:0 0 0 22px; background:url(../img/icons/bookmark.gif) 0 0 no-repeat}
#product .tools a.print{margin-left:34px; padding:0 0 0 23px; background:url(../img/icons/print.gif) 0 0 no-repeat}
#product .tools a img{margin-right:6px}
#product .tools a:hover{color:#fff; text-decoration:none}

#product .tools .switch{position:absolute; bottom:6px; right:12px; z-index:1; width:68px; padding:5px 0 0 174px; height:47px; background:url(../img/product/click2switch.gif) 0 0 no-repeat}
#product .tools .switch a{display:block; float:left; height:0px !important; overflow:hidden}
#product .tools .switch a.mens{width:19px; padding:47px 0 0 0; height /**/:47px; margin-right:3px; background:url(../img/icons/mens.gif) 0 0 no-repeat}
#product .tools .switch a.mens:hover, #product .tools .switch a.mensOn, #product.girls .tools .switch a.mensOn {background-position:0px -47px}
#product .tools .switch a.womens{width:22px; padding:47px 0 0 0; height /**/:47px; margin-right:2px; background:url(../img/icons/womens.gif) 0 0 no-repeat}
#product .tools .switch a.womens:hover, #product .tools .switch a.womensOn, #product.girls .tools .switch a.womensOn {background-position:0px -46px}
#product .tools .switch a.kids{margin-top:12px; width:15px; margin-right:4px; padding:35px 0 0 0; height /**/:35px; background:url(../img/icons/kids.gif) 0 0 no-repeat}
#product .tools .switch a.kids:hover, #product .tools .switch a.kidsOn, #product.girls .tools .switch a.kidsOn{background-position:0px -34px}

#product .noThumbs #prodDetails{background-image:url(../img/product/prodDetailsNT_bg.jpg)}
#product .noThumbs .tools, #product .noThumbsStrap .tools{padding-top:33px; background-image:url(../img/product/toolsNT_bg.gif)}

#product .noThumbsStrap .cutChoice{background-image:url(../img/product/no_thumbs_strap.gif)}
#product .noThumbsStrap .tools{padding-top:40px}
#product .noThumbsStrap .tools .switch{bottom:13px}
#product .noThumbsStrap .tools .links{top:34px}

#product #tabs{clear:left; height:28px; margin-top:17px; line-height:1.4; background:url(../img/product/tabs_bg.gif) 0 0 no-repeat}
#product #tabs a{margin-left:17px; font-size:70%; color:#fff; font-weight:bold}
#product #tabs a:hover{text-decoration:underline}
#product #tabs a.on{text-decoration:none; color:#464646}
#product #description{margin-top:22px; font-size:70%; color:#464646}
#product #description h3{margin-bottom:2px}
#product #description p{margin-bottom:15px; line-height:1.2}
#product #specification{margin-top:22px; font-size:70%}
#product #specification .specTop{width:568px; height:10px; background:url(../img/product/specTop.gif) 0 0 no-repeat}
#product #specification .specBtm{width:568px; height:10px; background:url(../img/product/specBtm.gif) 0 0 no-repeat}
#product #specification table{width:568px; padding:5px 2px; margin:0 auto; background:#cfdbe3}
#product #specification table th{font-weight: bold; color:#f97700; width:69px; padding:3px 2px 3px 14px; background:url(../img/product/specTh_bg.gif) right bottom no-repeat}
#product #specification table td{font-weight: bold; color:#464646; padding:3px 13px 3px 13px; background:url(../img/product/specTd_bg.gif) bottom left repeat-x}

/* related products */
#relatedProducts{position:relative; margin-top:10px; background:url(../img/related/related_bg.gif) 0 22px repeat-x}
#relatedProducts h2{height:11px; padding:11px 0 0 11px; font-size:70%; color:#fff; background:url(../img/related/title_bg.gif) 0 0 no-repeat}
#relatedProducts .featuredProd{position:relative; height:209px; width:174px; float:left; margin:11px 0 0 11px;display:inline; background:#fff}
#relatedProducts .featuredProd h3 {height:35px; text-align:center; padding:10px 5px 0 5px; font-size:60%; background:#fff url(../img/related/h3_bg.gif) 0 0 no-repeat}
#relatedProducts .featuredProd h3 a{color:#746747}
#relatedProducts .featuredProd h3 a em{color:#d19228; font-style:normal}
#relatedProducts .featuredProd h3 a{text-decoration:none}
#relatedProducts .featuredProd img{display:block; margin:0 auto}
#relatedProducts .featuredProd .wasSave{height:23px; line-height:1.8; text-align:center; font-size:70%; color:#fcad00; font-weight:bold}
#relatedProducts .featuredProd .price{position:relative; height:27px; line-height:1.8; padding-left:10px; background:#f97700; color:#fff; font-size:90%; font-weight:bold}
#relatedProducts .featuredProd .price span{font-size:80%}
#relatedProducts .featuredProd .commericalMsg{margin-top:2px; height:16px; line-height:1.2; font-size:70%; color:#fff; text-align:center; background:url(../img/related/comMsg_bg.gif) 0 0 no-repeat}
#relatedProdBtm{height:25px; background:url(../img/related/related_btm.gif) 0 0 no-repeat}

/* rumours / news */
#rumours .rumours{position:relative; width:568px; height:154px; background:url(../img/rumours/header_bg.jpg) 0 0 no-repeat}
#rumours .news{margin:15px 0}
.news .rumour{position:relative; height:134px; font-size:70%; background:url(../img/rumours/rumour_bg.jpg) 0 0 no-repeat}
.news .rumour img{position:absolute; top:18px; left:53px}
.news .rumour h2{position:absolute; top:18px; left:200px}
.news .rumour h2 a{color:#d19228}
.news .rumour p.date{position:absolute; top:33px; left:200px; color:#746747}
.news .rumour .intro{position:absolute; top:55px; left:200px; width:355px; color:#784911; line-height:1.2}
.rumourBtm{clear:both; height:43px; background:url(../img/rumours/rumour_btm.jpg) 0 0 no-repeat}
#article{margin:5px 0 0 0; font-size:70%; background:url(../img/rumours/article_bg.jpg) 0 0 repeat-y}
#article img{display:block; float:left;display:inline; padding-top:20px; margin:0 17px 17px 50px}
#article h2.header {padding-top:23px; margin:0 0 5px 0; color:#d19228;}
#article h2 {padding: 0 20px 0 56px; margin:0 0 5px 0; color:#d19228;}
#article p.date{color:#746747}
#article p{line-height:1.3; margin-bottom:10px; padding:0 20px 0 56px; color:#784911}

/* TERMS PAGE */

.terms ul{margin-left:40px; list-style:circle; font-size:11px;}
.terms ul li{margin:10px 0;}
.terms img#weee{margin-left:210px;}

/* sitemap */
#sitemapLeft{margin:18px 35px 0 0}
#sitemapRight{margin:18px 0 0 0}
.sitemap{width:220px; float:left; font-size:70%}
.sitemap h2{color:#d19228; padding:0 0 0 33px; background-position:0 0; background-repeat:no-repeat}
.sitemap h2 a{color:#d19228}
.sitemap ul{position:relative; padding:2px 0 0 53px; background-position:0 0; background-repeat:no-repeat}
.sitemap ul ul{padding:0 0 0 20px}
.sitemap ul li{line-height:1.4}
.sitemap ul li.hasSub{font-weight:bold}
.sitemap ul li.hasSub ul{font-weight:normal}
.sitemap ul a{color:#784911}
.sitemap ul.lists{margin-bottom:27px; padding:0 0 0 33px; background-image:url(../img/icons/lists_sm.gif); background-position:0 5px}
.sitemap ul.lists a{color:#d19228}
.sitemap .hr{width:100%; margin:17px 0; background:url(../img/icons/hr.gif) 0 0 repeat-x}
/* icons */
.sitemap ul.mens{background-image:url(../img/icons/menRetro_sm.gif)}
.sitemap ul.womens{background-image:url(../img/icons/womenRetro_sm.gif)}
.sitemap ul.kids{background-image:url(../img/icons/kidRetro_sm.gif)}
.sitemap ul.trainers{background-image:url(../img/icons/shoes_sm.gif)}
.sitemap ul.retroAccess{background-image:url(../img/icons/access_sm.gif)}
.sitemap ul.retroBags{background-image:url(../img/icons/bags_sm.gif)}
.sitemap ul.home{background-image:url(../img/icons/home_sm.gif)}
.sitemap ul.articles{background-image:url(../img/icons/articles_sm.gif)}
.sitemap ul.brands{background-image:url(../img/icons/brands_sm.gif)}

/* right column */
#rightCol{width:172px; padding-left:6px; float:left; position:relative}
#rightCol img.fixed{display:block; margin-bottom:10px}
#rightCol img{display:block; margin-bottom:1px}
#rightCol .randomProduct{position:relative; margin-top:10px; padding-top:12px; width:172px; height:181px; background:url(../img/rightCol/random_bg.gif) 0 0 no-repeat}
#rightCol .randomProduct h2{width:156px; margin:0 auto; height:0px !important; padding:16px 0 0 0; overflow:hidden; height /**/:16px; background:url(../img/rightCol/random_h2.gif) 0 0 no-repeat}
#rightCol .randomProduct img{display:block; margin:4px auto 8px auto}
#rightCol .randomProduct p{text-align:center; font-size:70%; color:#464646; line-height:1.2; padding:0 2px}
#rightCol .randomProduct p a{color:#464646}
#rightCol .randomProduct p.price{font-size:90%; color:#f97700}

/* footer */
#footer{width:951px; clear:left; position:relative; margin:0 auto; padding-top:60px}
#footer .footerBrands{height:66px}
#footer .footerBrands a{display:block; height:0 !important; padding:66px 0 0 0; overflow:hidden; height /**/:66px; float:left; background-position:0 -66px; background-repeat:no-repeat}
#footer .footerBrands a:hover{background-position:0 0; text-decoration:none}
#footer .footerBrands a.cbgb{width:92px; margin-left:17px; background-image:url(../img/footer/cbgb.jpg)}
#footer .footerBrands a.hiTec{width:120px; margin-left:18px; background-image:url(../img/footer/hitec.jpg)}
#footer .footerBrands a.dunlop{width:79px; margin-left:15px; background-image:url(../img/footer/dunlop.jpg)}
#footer .footerBrands a.casio{width:133px; margin-left:15px; background-image:url(../img/footer/casio.jpg)}
#footer .footerBrands a.shalgo{width:133px; margin-left:15px; background-image:url(../img/footer/shalgo.jpg)}
#footer .footerBrands a.gola{width:176px; margin-left:9px; background-image:url(../img/footer/gola.jpg)}
#footer .footerBrands a.vintage{width:120px; margin-left:8px; background-image:url(../img/footer/vintage.jpg)}

#footer #secureFoot{position:relative; width:951px; margin:3px 0 0 0; height:50px; background:url(../img/footer/secure_bg.jpg) 0 0 no-repeat}
#footer #secureFoot img{display:block; position:absolute; bottom:11px; right:181px}
#footer .footer{position:relative; width:951px; height:57px; margin:2px 0 0 0; font-size:70%; background:url(../img/footer/footer_bg.jpg) 0 0 no-repeat}
#footer .footer ul{position:relative; padding:26px 0 0 0; text-align:center; font-weight:bold}
#footer .footer ul li{display:inline; color:#fff}
#footer .footer ul li a{color:#fff}
#footer .footer p{padding:4px 0 0 0; text-align:center; color:#fff}
#footer .footer p.mad{position:absolute; right:11px; bottom:7px; text-align:right; line-height:1.2}
#footer .footer p.mad a{color:#fff}