/* Redefine HTML Tags */
html, html body {
margin:0;
padding:0;
height:100%;
}
a { outline:none; }
body { min-height:101%; overflow: -moz-scrollbars-vertical; margin: 0; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; background: url("../styleImages/stripe.png"); text-align:center; }
h1 span {
display: none;
}
h2 {
margin: 0.25em 0 0.25em 0;
padding: 0;
font: bold 11pt Tahoma, Arial, Verdana;
}
.imglink { margin-right: 0; margin-bottom: 1px; margin-left: 0; padding: 0; }
h3 {
margin: 0.25em 0 0.5em 0;
padding: 0;
font: bold 8pt Tahoma, Arial, Verdana;
}
h4 {
margin: 1em 0;
padding: 0;
font: bold 9pt Tahoma, Arial, Verdana;
}
p { font: 8pt Verdana, Arial, Helvetica, sans-serif; margin: 0.4em 0; padding: 0; }
blockquote {
margin: 1em 0;
padding: 0;
font: italic 8pt Tahoma, Arial, Verdana;
}
/* Navigation */
.Menu { font-size: 10px; width: 125px; border: 0; padding: 0 0 2px; margin: -1px; font-family: Tahoma, Arial, Verdana; line-height: 14px; background-color: #fff; }
.Menu2 { font-size: 10px; font-family: Tahoma, Arial, Verdana; background-color: #fff; margin: 5px; width: 90px; border: 0; }
.Menu4 { font-size: 10px; font-family: Tahoma, Arial, Verdana; background-color: #fff; width: 90px; border: 0; }
.Menu3 { font-size: 10px; font-family: Tahoma, Arial, Verdana; line-height: 14px; background-color: #fff; margin: -1px; padding: 0 0 2px 5px; width: 90px; border: 0; }
.Menu ul { background-color: #fff; margin:0; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; list-style: none; }
.Menu li { margin-top: 2px; margin-right: 2px; margin-bottom: 2px; }
.Menu li a { color: #ed1e25; background-color: #fff; padding:0; border: 0; text-decoration: none; width:162px; }
.Menu li a:hover {
border: 0;
background-color: #000;
color: #fff;
}
#AddtoBasketButton { border: 0; padding: 0; width: 140px; height: 24px; float: right; margin-top: -65px; margin-right: 15px; margin-bottom: 0; }
#SubmitRegistrationButton { border: 0; padding: 0; width: 86px; height: 19px; float: right; margin-right: 60px; }
.accountlinks {
margin: 15px 30px;
}
div.row {
clear: both;
padding-top: 10px;
font-family: Tahoma, Arial, Verdana;
font-size: 8pt;
}
div.row span.label {
float: left;
width: 100px;
text-align: right;
font-family: Tahoma, Arial, Verdana;
font-size: 8pt;
}
div.row span.formw {
float: right;
width: 335px;
text-align: left;
font-family: Tahoma, Arial, Verdana;
font-size: 8pt;
}
#CategoryListing { background-color: #fff; width: 480px; float: left; min-height: 425px; padding: 0px 10px 10px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#AccountPages { font-size: 9px; background: #fff url(../styleImages/pageheaders/youraccount.gif) no-repeat 13px top; text-align: left; width: 460px; float: left; min-height: 385px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#BasketCheckout { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/cartandcheckout.gif) no-repeat 13px top; text-align: left; width: 480px; float: left; min-height: 425px; padding: 39px 10px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#boxContent { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/cartandcheckout.gif) no-repeat 13px top; text-align: left; padding: 39px 10px 10px; width: 480px; min-height: 425px; float: left; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#Terms { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/termsandconditions.gif) no-repeat 13px top; text-align: left; width: 460px; float: left; min-height: 385px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#LoginPage { background: #fff url(../styleImages/loginpage.gif) no-repeat 13px top; text-align: center; width: 480px; float: left; min-height: 425px; padding: 39px 10px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#LatestNewsPage {
width: 557px;
border: 0;
margin: 0;
padding: 44px 10px 10px 14px;
background: #F8F8F6 url(../styleImages/latestnewspage.gif) no-repeat top left;
float: left;
}
#ReturnsPolicy { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/returnsinfo.gif) no-repeat 13px top; text-align: left; width: 460px; float: left; min-height: 385px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#FAQ { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/FAQ.gif) no-repeat 13px top; text-align: left; text-indent: 10px; width: 460px; float: left; min-height: 385px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#ForgotPass { background: #fff url(../styleImages/pageheaders/forgottenpassword.gif) no-repeat 13px top; width: 480px; float: left; min-height: 385px; padding: 39px 10px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#AboutUs { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/aboutus.gif) no-repeat 13px top; text-align: left; width: 460px; float: left; min-height: 425px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#Links { color: #00bfff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/links.jpg) no-repeat 13px top; text-align: center; padding: 39px 20px 10px; width: 460px; min-height: 385px; float: left; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#ContactUs { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/contactus.gif) no-repeat 13px top; text-align: left; text-indent: 10px; width: 480px; float: left; min-height: 385px; padding: 39px 10px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#PostagePaymentInfo { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/shippinginfo.gif) no-repeat 13px top; text-align: left; width: 460px; float: left; min-height: 385px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#Sizing { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/sizinginfo.gif) no-repeat 13px top; text-align: left; width: 460px; float: left; min-height: 385px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#CartPage { background: #fff url(../styleImages/pageheaders/registration.gif) no-repeat 13px top; width: 480px; float: left; min-height: 385px; padding: 39px 10px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
.stock { margin: 2px; padding-top: 2px; padding-bottom: 8px; padding-left: 3px; }
.Thumbnail { text-align: center; margin: 2px; width: 110px; height: 150px; float: left; padding-top: 2px; padding-bottom: 8px; padding-left: 3px; }
.Thumbnailside { background: #fff; text-align: left; margin: 2px; padding: 2px 3px 8px; width: 30px; height: 150px; float: left; }
html>body .Thumbnail { width: 110px; height: 150px; margin: 2px; text-align: center; float: left; background: #fff; padding-top: 2px; padding-bottom: 8px; }
html>body .Thumbnail2 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 80px; height: 80px; float: left; margin-top: 2px; padding-top: 2px; }
.Thumbnail2 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-top: 2px; padding-top: 2px; width: 80px; height: 80px; float: left; }
html>body .Thumbnail3 { background: #fff; text-align: center; padding-top: 2px; padding-right: 1px; padding-left: 2px; width: 45px; height: 45px; float: left; margin-top: 1px; margin-bottom: 3px; margin-left: 2px; }
.Thumbnail3 { background: #fff; text-align: center; margin-top: 1px; margin-bottom: 3px; margin-left: 2px; padding-top: 2px; padding-right: 1px; padding-left: 2px; width: 45px; height: 45px; float: left; }
.Thumbnail p { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.CheckoutAddresses {
width: 183px;
margin: 10px 15px 27px;
border: 0;
padding: 3px 3px 3px 6px;
float: left;
}
#basketcontainer { color: #ff1493; font-size: 7px; font-family: Tahoma, Arial, Verdana; line-height: 24px; text-align: right; width: 230px; height: 24px; border: 0; padding: 0; float: right; margin-right: 5px; margin-bottom: 0; margin-left: 0; }
.cartboxtext { width: 150px; border: 0; padding: 15px 0 0; font-family: Tahoma, Arial, Verdana; font-size: 7pt; color: #00adef; text-align: right; height: 22px; float: left; margin: 35px 2px 0 15px; }
html>body .cartboxtext { width: 150px; border: 0; padding: 0; float: left; font-family: Tahoma, Arial, Verdana; font-size: 7pt; color: #ff1493; height: 22px; margin-right: 0; margin-bottom: 0; }
html>body .txtTopcart { color: #00adef; font-size: 7pt; font-family: Tahoma, Arial, Verdana; border: 0; }
.txtTopcart { color: #00adef; font-size: 7pt; font-family: Tahoma, Arial, Verdana; border: 0; }
.cartboxbutton {
width: 83px;
height: 22px;
border: 0;
margin: 5px 0 0;
padding: 0;
float: right;
}
#userSession { font-family: Tahoma, Arial, Verdana; font-size: 8pt; color: #000; line-height: 24px; width: 110px; border: 0; padding: 0; float: right; text-align: right; vertical-align: middle; height: 24px; margin-right: 5px; margin-bottom: 0; margin-left: 0; }
html>body #userSession { font-size: 10px; width: 110px; border: 0; padding: 0; float: right; text-align: right; margin-right: 10px; margin-bottom: 0; margin-left: 0; }
#CurrencyBox { font-family: Tahoma, Arial, Verdana; font-size: 7pt; color: #000; width: 150px; border: 0; padding: 0; float: right; text-align: right; margin: 4px 10px 0 0; }
#checkoutbutton {
width: 83px;
height: 22px;
border: 0;
padding: 0;
margin: -3px 7px 0 0;
float: right;
}
#BrandImage { width: 480px; height: 42px; margin-bottom: 10px; }
#pageSurround { background: url(../styleImages/tophead1.gif) no-repeat scroll; width: 750px; height: 100%; z-index: 1; margin: 0 auto; padding: 0; }
#CheckoutButtons { text-align: center; width: 100%; margin-top: 15px; margin-bottom: 5px; border: 0; }
#topHeader { text-align: left; width: 750px; height: 87px; border: 0; padding: 0; }
#BreadcrumbTrail { width: 725px; margin: 4px 8px 0; padding: 0; background: #fff; float: left; }
.breadheidi { color: #00adef; }
#Brands { width: 125px; margin: 2px; background: #fff url(../styleImages/showme.jpg) no-repeat 7px 3px; padding-top: 28px; padding-bottom: 5px; padding-left: 5px; }
#Sortby { background: #fff url(../styleImages/sortby.jpg) no-repeat 7px 3px; width: 125px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 30px; padding-left: 5px; }
#Sortby2 { background:#FFFFFF url(../styleImages/xmashead.gif) no-repeat scroll 7px -7px; margin-bottom:5pt; margin-left:0pt; margin-right:0pt; padding-left:5px; padding-top:35px; width:125px; }
#HighFiveArchive { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 105px; padding-top: 15px; padding-right: 15px; padding-left: 15px; }
#AskLeftCol { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-right: 15px; padding-left: 15px; width: 105px; }
#SearchForm { width: 100px; border: 0; margin: 0; padding: 30px 5px 5px; background: #fff url(../styleImages/search.jpg) no-repeat 7px 3px; float: left; }
#Info { background: #fff url(../styleImages/info.jpg) no-repeat 7px 3px; width: 90px; margin: 5px 0 8px; padding-top: 30px; padding-right: 5px; padding-left: 5px; }
#Specialright { margin: 0; }
#Sort { background: #fff url(../styleImages/nav_header.gif) no-repeat 7px 3px; margin: 0; padding: 30px 5px 3px; width: 125px; border-right: 1px dashed #ed1e25; }
#ShopBy { background-image: url(../styleImages/shopfor_header.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 175px; border: 0; margin: 0; padding: 46px 10px 5px 12px; }
.colLeft { background-color: #fff; width: 132px; height: auto; padding: 0; float: left; }
.colMid {
position: relative;
width: 430px;
float: left;
}
.colRight { background-color: #fff; position: relative; width: 116px; float: right; margin-top: 1px; }
#mainbackground { background-color: #fff; width: 750px; background-position: 50px 100px; background-repeat: repeat; background-attachment: scroll; padding: 0; float: left; margin-top: 0; }
#homepage { background-color: #fff; width: 480px; float: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; padding-top: 5px; padding-right: 10px; padding-left: 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#highfive { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; padding-top: 20px; padding-right: 20px; padding-left: 20px; width: 460px; min-height: 425px; float: left; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#askheidimain { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; padding-right: 20px; padding-left: 20px; width: 460px; min-height: 425px; float: left; padding-top: 5px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#mainpagead { margin-right: 0; margin-bottom: 0; margin-left: -2px; border: 0; padding: 0 0 10px; }
#LatestProducts { text-align: left; vertical-align: top; width: 480px; height: 170px; max-height: 170px; padding-top: 10px; border-top: 1px dashed #f00; }
#Randomprods { background: #fff url(../styleImages/look.jpg) no-repeat 7px 2px; padding: 28px 0 0; width: 105px; float: left; margin: 0 0 0 2px; }
#LatestNewsHome {
width: 260px;
border: 0;
background: #F8F8F6 url(../styleImages/latestnewspage.gif) no-repeat top left;
margin: -10px -3px -3px -3px;
padding: 44px 10px 10px 14px;
}
#Subscribe {
width: 296px;
border: 0;
margin: 3px;
padding: 2px;
float: left;
}
#ProdMainBox { background-color: #fff; width: 480px; float: left; margin: 0; padding: 0px 10px 10px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; min-height: 420px; border-top-style: none; border-top-width: 0; border-bottom-style: none; border-bottom-width: 0; }
#PrivacyPolicy { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../styleImages/pageheaders/privacypolicy.gif) no-repeat 13px top; text-align: left; width: 460px; float: left; min-height: 425px; padding: 39px 20px 10px; border-right: 1px dashed #f00; border-left: 1px dashed #f00; }
#ProductPhotograph { float: right; text-align: center; width: 242px; }
#ProductInfo { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 235px; border: 0; padding: 0; float: left; margin-right: 0; margin-bottom: 0; }
#Footer { background: url(../styleImages/footer1.gif) no-repeat scroll; width: 750px; height: 50px; font: 7pt Tahoma, Arial, Verdana; text-align: center; z-index: 1; margin: 0 auto; padding: 0; }
#cards {
margin: 3px 0 0 0;
width: 207px;
height: 17px;
border: 0;
float: left;
}
.copyright {
margin: 0;
width: 486px;
border: 0;
}
.directory { color: #f00; font-size: 12px; font-weight: bold; background-image: url(../styleImages/checkin1.gif); background-repeat: no-repeat; text-indent: 124px; vertical-align: 24px; width: 228px; height: 13px; margin: 0; padding-top: 8px; }
.colour { width: 50px; height: 50px; }
img.corner {
width: 8px;
height: 8px;
border: none;
display: block !important;
}
.clear {
display: none;
}
.ProductBrandLogo { width: 283px; text-align: center; margin: 0 0 4px 0; border: 0; }
/* registration page */
.register1 { color: #000; width: 100%; float: left; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ff1493; }
.register2 { color: #000; width: 100%; float: left; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #00bfff; }
.register3 { color: #000; width: 100%; float: left; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f00; }
.register4 { color: #000; width: 100%; float: left; margin-top: 15px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #0f3; }
.formcol1 {
width: 150px;
margin: 3px;
padding: 0;
float: left;
}
.formcol2 {
width: 150px;
margin: 3px;
padding: 0;
float: left;
}
/* CHECKOUT PAGES */
.colLeftCheckout {
position: relative;
left: 0;
width: 160px;
padding-left: 15px;
padding-right: 5px;
float: left;
}
.colMainCheckout {
position: relative;
width: 568px;
float: left;
}
/* END CHECK OUT PAGES */
.siteDocs {
text-align:left;
margin-top: 10px;
}
.pagination {
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
font-family: Tahoma, Arial, Verdana;
font-size: 8pt;
color: #000;
}
#subCats {
background-color: #EBEDFE;
text-align: center;
border: 1px solid #C9CEFC;
margin: 0px;
padding: 3px;
float: left;
width: 387px;
}
.subCat {
text-align: center;
padding: 8px;
float: left;
width: 110px;
}
.regSep{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/* Header Logo Rollover */
#heidilheader { position:absolute; top: 24px; left: 232px; width: 518px; height: 45px; bottom:0; clear: both; }
#heidilheader ul {
width: 518px;
height: 45px;
margin: 0;
padding: 0;
background: url(../styleImages/logos2.gif) no-repeat left top;
border: 0;
}
#heidilheader ul li {display: inline; margin: 0; padding: 0; border: 0; list-style: none; position: absolute; top: 0;}
#heidilheader ul li, #heidilheader a {
height: 45px;
display: block;
border:0; padding: 0; margin:0;
}
#heidilheader ul li a {
text-decoration: none;
text-indent: -9999px;
}
#m1 { position: relative; left: 0px; width: 97px; border:0; }
#m2 { position: relative; left: 97px; width: 102px; border:0; }
#m3 { position: absolute; left: 199px; width: 91px; border:0;}
#m4 { position: absolute; left: 290px; width: 116px; border:0;}
#m5 { position: absolute; left: 406px; width: 98px; border:0;}
#m1 a:hover { background: url(../styleImages/logos2.gif) no-repeat 0px -45px; border:0;}
#m2 a:hover { background: url(../styleImages/logos2.gif) no-repeat -97px -45px; border:0;}
#m3 a:hover { background: url(../styleImages/logos2.gif) no-repeat -199px -45px; border:0;}
#m4 a:hover { background: url(../styleImages/logos2.gif) no-repeat -290px -45px; border:0;}
#m5 a:hover { background: url(../styleImages/logos2.gif) no-repeat -406px -45px; border:0;}
/* Jukebox Logo Rollover */
#juke { position:relative; top: 0; left: 3px; width: 100px; height: 83px; bottom:0; clear: both; }
#juke ul {
width: 100px;
height: 83px;
margin: 0;
padding: 0;
background: url(../styleImages/jukemini.gif) no-repeat left top;
border: 0;
}
#juke ul li, #juke a {
height: 83px;
display: block;
border:0; padding: 0; margin:0;
}
#j1 { position: relative; left: 0px; width: 100px; border:0; }
#j1 a:hover { background: url(../styleImages/jukemini.gif) no-repeat 0 -83px; border:0;}
/* Add To Cart Rollover */
#add { position:relative; top: 0; left: 0px; width: 72px; height: 61px; bottom:0; clear: both; }
#add ul {
width: 72px;
height: 61px;
margin: 0;
padding: 0;
background: url(../styleImages/addtocart.gif) no-repeat left top;
border: 0;
}
#add ul li {display: inline; margin: 0; padding: 0; border: 0; list-style: none; position: absolute; top: 0;}
#add ul li, #add a {
height: 61px;
display: block;
border:0; padding: 0; margin:0;
}
#add ul li a {
text-decoration: none;
text-indent: -9999px;
}
#a1 { position: relative; left: ; width: 72px; border:0; }
#a1 a:hover { background: url(../styleImages/addtocart.gif) no-repeat 0 -61px; border:0;}
.prevnext { color: #00bfff; font-size: 7px; font-family: Tahoma, Arial, Verdana; text-decoration: none; text-align: center; position: absolute; top: 400px; left: 600px; width: 300px; border-width: 0; }
.prevnext2 { color: #666; font-size: 7pt; text-decoration: none; text-align: center; width: 465px; margin-top: 10px; margin-right: 5px; margin-left: 5px; padding-top: 10px; border-top: 1px dashed #f00; }
.prevnext2 a:link { color: #f00; font-size: 7pt; text-decoration: none; }
.prevnext2 a:active { color: #f00; font-size: 7pt; text-decoration: none; }
.prevnext2 a:visited { color: #f00; font-size: 7pt; text-decoration: none; }
.prevnext2 a:hover { color: #00bfff; font-size: 7pt; text-decoration: underline; }
.prevright { float: right; }
.prevleft { float: left; }
a { color: #f00; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }
.bloghead { color: #ff1493; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px dashed #00bfff; }
.blogsidehead { color: #ff1493; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 15px; }