html{ height:100%; font-family: Georgia, Helvetica, sans-serif; font-size:73%; overflow-y: scroll; } body { color: #333; font-family:Georgia, Helvetica, sans-serif; background-color: #000; background-image: url("http://www.slatersparke.com/images/blackdamask_bg.jpg"); background-repeat: repeat; background-position: left top; margin: 0; padding: 0 } #pageSurround { width: 950px; margin: 0px auto; padding: 0px; background-color: #FFFFFF; color: #333333; } #PageOuter { width:950px; margin:0 auto; padding:0; } #Header { position:relative; color: #333333; background-color: #ffffff; background-image: url("http://www.slatersparke.com/images/header.gif"); background-repeat: no-repeat; background-position: left top; text-align: right; margin: 0; width: 950px; height: 125px } /* Menu */ #menu { margin: 0 10px 0 10px; padding: 5px; position: absolute; bottom: 10px; width: 920px; text-align: center; color:#888; float:right; background-color:#f2f2f2; } #menu span{ padding:0px 5px 0px 5px; } .nav { text-decoration:none; color:#000; font-weight: bold; } a.nav:hover { color:#ff0084; text-decoration:underline; font-weight: bold; } a.nav:active, link { color:#ff0084; text-decoration:none; font-weight: bold; } .activenav { text-decoration:none; color:#ff0084; font-weight: bold; } /**TOP BOXES *************/ .SmallHeader { font-size: 11px; color: #000; text-transform: uppercase; } #Currency{ padding: 25px 35px 2px 0; } #Language { padding-right:10px; margin-bottom:5px; } #Session {/*Required as Language & Currency Boxes are not used within general Cart.tpl pages*/ margin-top:58px; width:auto; height:20px; padding:0; text-align:right; float:right; } #Login { text-align:right; font-size:11px; color: #000; text-transform:uppercase; margin: 0px; padding:0 10px 0 0; width:auto; float:right; } #Login p { margin:0; padding:0; } #Login a { color: #ff0084; text-decoration:none; } #Login a:hover {text-decoration:underline; color:fb6bba;} /**LEFT COLUMN SECTION ************************/ #LeftColumn { font-size: 12px; background-color: #f2f2f2; margin: 0 0 10px 10px; padding-top: 5px; padding-bottom: 0px; position: relative; left: 0; width: 250px; float: left } /**LEFT COLUMN HEADINGS ************************/ .subHeading { color: #444444; background-color: #e5e5e5; padding:0px 0 2px 0px; margin: 0 0 2px 0; width: 250px; height: 25px; border-bottom: 1px solid #CCC; } .subHeading h3 { margin: 0; padding:5px 0 5px 5px; color: #444; font-size: 140%; text-align:left; float:left; font-weight: 100; } .subHeading h3 a { color: #444; text-decoration:none; border:none; padding-right:10px; } .subHeading h3 a:hover { color: #444; text-decoration:underline; border:none; padding-right:10px; } /**LEFT COLUMN SIDE BOXES *************************/ .LeftBox {background-color: #f2f2f2; margin: 0; padding: 0px; width: 250px } .LeftBox a { color: #f20075; text-decoration: none } .LeftBox a:hover { color: #fb6bba; text-decoration:none; } /**LEFT COLUMN - MAILING LIST *******************************/ .LeftBox.border { color: #444; background: #f2f2f2; padding: 5px 10px 5px 5px; width: 235px; border-top: 1px dotted #ffffff } /**LEFT COLUMN - INFORMATION BOX **********************************/ .LeftBox p#nudge { color: #444; background: #f2f2f2; margin: 0 0 10px 10px } /**START CROSS-BROWSER DHTML MENU **********************************/ #mainmenu-nav { float: left; display:inline; /*fixes IE6 float bug*/ font-size: 12px; margin:0; } .ul-nav, .li-nav{ font-size: 12px; display: block; background: #f2f2f2 url("http://www.slatersparke.com/blog/wp-content/themes/slatersparke/images/bullet.gif") no-repeat 5px 4px; } .ul-nav{ width: 190px; font-size: 12px; } .li-nav{ float: left; display:inline; font-size: 12px; padding: 0px 0 0px 16px; } .li-nav .ul-nav { display: none; position: absolute; margin-left: 100px; margin-top: -19px; background-color: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 4px solid #CCC; z-index: 5; font-size: 12px; } .li-nav a{ padding: 2px; font-size: 12px; width: 186px; display: block; text-indent: 2px; font-family: "Georgia", Verdana, Arial;; color: #e6177f; text-decoration:none; } .li-nav a:hover{ padding: 2px; width: 186px; display: block; text-indent: 2px; font-family: "Georgia", Verdana, Arial; color: #fb6bba; text-decoration:none; } a.hassubmenu{ background-image: url(../styleImages/more.gif); background-repeat: no-repeat; background-position: 178px 6px; } /**HIGHTLIGHTING EFFECT ON SUB-CATS ************************************/ .ul-nav .li-nav a.hassubmenu:hover {color: #fb6bba; } /**CLEARING FLOATING ELMENTS *****************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /**VIEWCART NAVIGATION ************************/ ul#CartNav { list-style-type:none; margin:0; padding:0; } ul#CartNav li { margin:0; padding:0; } ul#CartNav li a { background-image: url(../styleImages/more.gif); background-repeat: no-repeat; background-position:5px 6px; padding: 2px 2px 2px 15px; color: #333333; background: #FFFFFF; text-decoration:none; } ul#CartNav li a:hover{ background-image:none; padding: 2px 2px 2px 15px; color: #ff0084; background: #FFFFFF; text-decoration:none; } /**RANDOM PRODUCTS ********************/ #RandProduct { height:100%; padding:10px 0 10px 0; } #RandImage { float:left; display:inline; /*fixes IE6 float bug*/ margin:0 10px 0 10px; border:1px solid #ccc; padding:5px; background:#FFF; } #RandText { color: #444; } /**MAIN CONTENT SECTION ************************/ #Content { position: relative; width: 670px; float: left; margin:0 0 0 10px; padding:0; } #Content p {margin-left:0px;} #ContentBox { padding: 5px; margin-bottom: 5px; margin-top: 0px; position: relative; z-index: 1; } /**GENERAL HEADERS ********************/ .Title { color: #FFF; height:27px; padding:0; margin:0; background: #fff url("http://www.slatersparke.com/blog/wp-content/themes/slatersparke/images/dots.gif") bottom left repeat-x; } h1 { color: #333; font-size: 165%; font-weight: bold; padding: 0; margin: 0; } h2 { font-size: 13px; color: #444; background: #f2f2f2; font-weight: bold; text-transform: uppercase; padding:5px 5px 5px 5px; margin: 10px 0px 0 -5px; } h3 { font-size: 140%; color: #444; padding:6px 0pt 6px 5px; } h4 { font-size: 13px; color: #777; background:#FFFFFF; font-weight: bold; background: #e5e5e5; padding:0px 5px 6px 5px; margin: 0 10px 0 10px; } h5 { font-size: 13px; color: #000; background: #e5e5e5; font-weight: bold; font-style:italic; padding:6px 5px 6px 5px; margin: 10px 10px 0 10px; }
h6 { font-size: 13px; color: #ff0084; font-weight: bold; padding:0px; margin: 0}
/**BREADCRUMB TRAIL & PAGINATION **********************************/ #BreadCrumb {margin-bottom:5px;} .pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; } /**SITE DOCUMENTS *******************/ #SiteDocs { text-align:center; margin: 0px; padding:5px 0 20px 0; color: #FFFFFF; text-transform:uppercase; font-size:12px; height:25px; } #SiteDocs a:link, #SiteDocs a:visited, #SiteDocs a:hover { color: #FF0084; text-decoration: none; font-weight:bold; } #SiteDocs a:hover { color: #fb6bba; } /**HOME PAGE INTRODUCTION TEXT *******************************/ #Announcement { padding: 0px; margin-bottom: 10px; margin-top: 0px; position: relative; z-index: 1; } #Announcement p { margin:10px 0 0 0; } /**LATEST PRODUCTS - HOMEPAGE *******************************/ #LatestProducts { padding: 0px; margin:0; position: relative; height:100%; } #Inner { margin: 0px; padding:0; } .LPBox { float: left; text-align: center; width: 115px; height: 145px; margin: 5px 5px 10px 5px; padding:0; } .LPImage { float: none; text-align: center; padding:5px 0; margin:3px auto; border:1px solid #cccccc; } .LPName { text-align:center; font-size:12px; margin:0; padding:2px 0; width:100%; color: #333333; } .LPName a:link, .LPName a:visited { color: #333333; background: #FFFFFF; text-decoration:none; padding:0; margin:0; } .LPName a:hover { color: #242726; background: #FFFFFF; text-decoration:none; } .LPPrice { height:20px; width:100%; text-align:center; font-size:12px; margin:0; padding:2px 0; text-transform:uppercase; color: #555; } /**CATEGORY VIEW ********************/ #CatDescription {} /**SUB CATEGORY IMAGE DISPLAY ******************************/ #SubCategories { float:left; display:inline; /*fixes IE6 float bug*/ text-align:center; margin: 10px auto 5px; padding: 0; width:100%; height:auto; } .subCat { float:left; display:inline;/*fixes IE6 float bug*/ text-indent:0; margin:5px 5px 10px 5px; text-align: center; padding:5px; } .subCat a { color: #333333; background:#FFFFFF; text-decoration:none; } .subCat a:hover { text-decoration: underline; color:#444; } .subCat img { border:1px solid #CCCCCC; padding:5px; } /**ORIGINAL CAT VIEW CODING *****************************/ /*.catview { margin:0 10px; padding:0; width:100%; } .catimage { width:auto; height:auto; border-bottom:1px dotted #CCC; padding:0; margin:0; } .catinfo { border-bottom:1px dotted #CCC; margin-right: 10px; } .catInner { margin:10px 0; border-left:1px dotted #ccc; } .catview a { color: #555; text-decoration:none; } .catview p {line-height:12px;}*/ .catview { margin:5px 0; padding:0; width:98%; border-top:1px dotted #CCCCCC; }
.catsep
{
border-bottom:1px dotted #CCC;
border-right:1px dotted #CCC;
padding: 0 8px 0px 5px;
}
.catsep h2, .catsep h2 a
{
font-size: 13px;
color: #555;
background:#ffffff;
font-weight: bold;
text-transform: uppercase;
padding: 6px 0 0 0;
margin:0;
}
.catsep h2 a:hover
{
background: #FFFFFF;
color:#32393E;
}
.catimage { padding:0; margin:0; } .catview a { color: #555; text-decoration:none; } .catview p {line-height:12px;} .catview .Price {color: #555; background: #FFFFFF;} /**SINGLE PRODUCT PAGE ************************/ #SingleProd { padding: 0px; margin-bottom:10px; position: relative; z-index: 1; } #MainProdImage { text-align:center; margin:10px auto; padding:0; width:auto; height:auto; } #MoreImages {} /**LIGHTBOX GALLERY ********************/ #LightBoxGallery { height:auto; width:auto; margin:0 auto; padding:0; text-align:left; font-weight: bold; } .LightBox { float:left; margin:0 0 10px 10px; height:1%; } .LightBoxImage { text-align:left; margin:0; padding:5px; border: 1px solid #CCC; } /**PRODUCT DESCRIPTION ***********************/ #ProdDescription { text-align:left; padding: 0px; margin:0 0 20px 10px; color: #444; background: #FFFFFF; } #ProdDescription h2 { margin:0 0 0 -10px; padding: 5px; font-weight:normal; background: #e5e5e5; none repeat scroll 0%; color:#444; font-size:13px; font-weight:bold; text-transform:uppercase; } /**PRODUCT INFO - PRICE, RATING, TELL A FRIEND ************************************************/
#ProdInfo
{
border-top:1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
padding:5px 0;
margin:0;
text-align:left;
height:50px;
width:100%;
}
#ProdPrice
{
float:left;
display:inline; /*used to fix IE6 double margin bug with floated elements */
width:30%;
height:66%;
font-size:20px;
padding: 5px;
margin:0;
text-align:left;
color: #555;
background:#FFFFFF;
}
#ProdReviews
{
float:left;
display:inline;/*used to fix IE6 double margin bug with floated elements */
height:90%;
width:29%;
margin:0 auto;
text-align:center;
padding:3px 5px 3px 0;
border-right:1px dotted #cccccc;
border-left:1px dotted #cccccc;
background:#FFFFFF;
}
#ProdReviews a { color: #444444; background: #FFFFFF; text-decoration:none; } #ProdReviews a:hover {text-decoration: none; color: #ff0084} #TellAFriend { float:left; display:inline;/*used to fix IE6 double margin bug with floated elements */ width:37%; height:100%; margin:0; padding:0; background:white; } #TellAFriend ul { display:block; margin:0 0 0 10px; padding:0; font-size:11px; text-align:left; text-transform:uppercase; } #TellAFriend a { color: #555; background: #FFFFFF; text-decoration:none; } #TellAFriend a:hover { color:#ff0084; background: #FFFFFF; text-decoration:none; } /**PRODUCT OPTIONS ********************/ #ProdOptions { margin:20px; text-align:left; text-transform:uppercase; font-size:15px; font-weight:normal; width:auto; margin:0; padding:0; color: #444; background: #FFFFFF; } #Options { margin:-10px 0 0 0; padding:0 0 0 10px; text-transform:none; font-size:13px; font-weight:bold; color: #444; background: #FFF; } .OptionsStyle { border: 1px solid #CCC; width:auto; } /**PRODUCT CODE & STOCK AVAILABILITY **************************************/ #ProdLevels { text-align:left; margin:30px 0 0 0; padding:0; font-weight:bold; font-size:12px; color:#444444; background: #FFFFFF; } #ProdLevels p { margin:0; padding:0; } /**ADD TO CART BLUE BACKGROUND *******************************/ #ProdBuy { color: #444; background: #f2f2f2; font-size:14px; width:520px; margin:10px 10px 10px 0; padding: 10px 10px 10px 0; position: relative; text-align: right; } #ProdBuyLogin { color: #444; background: #f2f2f2; font-size:14px; width:520px; margin:10px 10px 10px 0; padding: 5px 10px 5px 0; position: relative; text-align: right; } #ProdBuy a { line-height:22px; font-size:12px; padding:0 10px; margin:2px 0 0 0; text-transform:uppercase; text-decoration:none; } /**COUPONS ************/ .addCoupon:link, .addCoupon:visited, .addCoupon:hover, .addCoupon:active { font-weight: bold; color: #333333; background: #FFFFFF; text-decoration: none; } /**CUSTOMER REVIEWS - SUBMISSIONS **********************************/ #CustomerReviews {} #CustomerReviews p {margin-left:10px;} .SubmitReview {padding-right: 60px;} .right {text-align:right;} .right span { font-weight:bold; float: left; } /**CUSTOMER REVIEWS POSTED ***************************/ .ReviewEntry {margin:0;} .ReviewRatings{ font-style:italic; color: #444; background: #f2f2f2; padding: 3px; } .ReviewContent { padding: 3px; font-style:italic; border-bottom: 1px dotted #CCCCCC; color: #333333; background:#FFFFFF; } .ReviewTitle { text-transform:uppercase;} .ReviewedBy { color: #ff0084; background: #FFFFFF; padding: 3px; } .Date { color: #ff0084; background: #FFFFFF; float: right; } /**RELATED PRODUCTS *********************/ .LPInfo {color: #333333;} * html .LPInfo {width: 100%;} /**SITE BUTTONS *********************/ .buttonBg { text-align: center; background-image: url(../styleImages/backgrounds/ButtonBg.gif); background-repeat: repeat-x; height: 15px; color: #e5e5e5; font-family: "Georgia", Verdana, Arial;}
.LPBox2 { float: left; text-align: center; width: 115px; height: 100px; margin: 5px 5px 10px 5px; padding:0; } .LPImage2 { float: none; text-align: center; padding:0px 0; margin:0px auto;}