/* CSS Document */ *{padding:0px; margin:0px; } a.imageLink{border:none; text-decoration:none;} html, body {padding:0px; margin:0px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:9pt; background-image:url(../images/layout/pgBKD.gif); background-repeat:repeat;} td {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#7e7e7f;} #container{position:relative; width:907px; background-image:url(../images/contentBKD.gif); background-repeat:repeat-y; background-position:center;} #header{text-align:left; position:relative; width:907px; height:129px; background-image:url(../images/layout/headBKD.jpg); background-repeat:no-repeat; background-position:center;} #header #logo{position:absolute; left:-52px; top:0px; width:279px; height:129px;} #header #headNav{position:absolute; width:649px;top:81px; right:14px;} #header #headNav ul{padding:0px; margin:0px; text-align:left;} #header #headNav li{font-family:Arial, Helvetica, sans-serif; font-size:9pt; display:inline; padding:0px 20px 0px 0px;} #header #headNav li.last {padding-right:0px; padding-left:0px; margin:0px;} #header #headNav a{color:#ffffff; text-decoration:none; text-transform:capitalize;} #header #headNav a:hover{text-decoration:underline;} #header #headContent{ position:absolute; width:451px; height:33px; left: 228px; top: 28px;} #header #headContent a{font-size:8pt; text-decoration:none; color:#9b1d89;} #header #headContent a:hover{ text-decoration:underline;} #header #quickSearch{font-size:8pt; position:absolute; color:#9b1d89; width:210px; height:27px; left: 687px; top: 20px; } #header #quickSearch input{background-color:#f1f1f2; color:#000000;} #contentArea{position:relative; background-image:url(../images/layout/contentBKD.gif); background-repeat:repeat-y; text-align:left; width:907px; font-size:10pt} #contentArea #content {width:661px; position:relative; left:230px; min-height:900px; font-size:10pt;} /* Super Hack for Crummy IE to give the content area a set height for short pages. FF Does reads Min height - IE does not */ /*\*/ * html #contentArea #content{ height:900px; } /**/ /*URL: giantenemycrab */ #contentArea #content #foFlash{position:relative; width:661px; height:375px; background-image:url(../images/foFlash.jpg); background-repeat:no-repeat;} #contentArea #content p{padding:5px 10px 5px 10px; font-size:9pt; color:#7e7e7f;} #contentArea #content a{color:#9b1d89; text-decoration:none; font-style:italic; border-bottom:1px dotted #9b1d89;} #contentArea #content a:hover{text-decoration:none; border-bottom:none;} #contentArea #content a.imageLink{border:none; text-decoration:none; font-style:normal;} #contentArea #content a.imageLink:hover{border:none; text-decoration:none;} #contentArea #content ul{position:relative; margin-left:20px;left:10px; list-style-image:none; color:#7e7e7e;} #contentArea #content li {margin-left:10px; list-style-image:url(../images/layout/bullett.png);} #contentArea #content #subCats{margin:0px 0px 10px 18px; width:197px; height:128px; position:relative; background-image:url(../images/layout/subCatBKD.jpg); background-repeat:no-repeat; float:left;} .last{margin:0px 0px 10px 10px;} #contentArea #content #subCats h1{padding:13px 5px 10px 8px; font-size:12pt; font-weight:bolder; color:#b849ac;} #contentArea #content #feature{ position:relative; width:645px; border:1px solid #e9d1e6; left:10px; padding-bottom: 30px; } /*#contentArea #content #feature #imgCol{display:inline; width:135px;}*/ #contentArea #content #feature #imgCol .prodImage { padding:5px; margin:1px 0px 0px 2px; float:left; border:1px solid #a1a1a2; display:inline; } #contentArea #content #feature #featContent{ /*width:290px;*/ position:relative; top: 4px; left:4px; min-height: 195px; width: 460px; z-index: 5; } /* Super Hack for Crummy IE to give the content area a set height for short pages. FF Does reads Min height - IE does not */ /*\*/ * html #contentArea #content #feature #featContent{ height:195px; } /**/ /*URL: giantenemycrab */ #contentArea #content #feature #featContent h1{padding:10px 35px 15px 0px; margin-left:140px; padding-left:6px !important; padding-left:0px;} #contentArea #content #feature #featContent p{font-size:9pt; padding-left:0px; margin-left:140px; padding-left:6px !important; padding-left:0px;} #contentArea #content #feature #featContent ul{margin-left:143px; width:285px; list-style-image:none; color:#7e7e7e;} #contentArea #content #feature #featContent li {margin-left:18px; list-style-image:url(../images/layout/bullett.png);} #contentArea #content #feature #shopDetails{ background-image:url(../images/layout/shopDetBKD.jpg); background-repeat:no-repeat; width:171px; height:187px; position:absolute; top:4px; padding:0px 0px 6px 6px; left: 467px !important; left: 471px; z-index: 0; } #contentArea #content #feature #shopDetails .cartButton{position:relative; left:75px;} #contentArea #content #feature #shopDetails a.cartButton{border:none; text-decoration:none;} #contentArea #content #feature #shopDetails a.cartButton:hover{border:none; text-decoration:none;} .pinkText{color:#b849ac;} .smallText{color:#b849ac; font-size:7pt;} a.smallText{text-decoration:none;} a.smallText:hover{text-decoration:underline;} h1{font-size:15pt; color:#9b1d89; font-weight:lighter; padding:0px 10px 0px 0px;} h2{font-size:12pt; color:#9c9c9c; font-weight:lighter; padding:0px;} #contentArea #nav #signUp{ width:194px; position:absolute; z-index:99; top: 45px; height: 33px; left: 22px; font-size:8pt; color:#9b1d89;} #contentArea #nav input{background-color:#f1f1f2; color:#000000;} /* Left Nav */ #contentArea #nav{position:absolute; left:8px; top:0px; width:219px; z-index:50; background-image:url(../images/layout/navBkd.gif); background-repeat:repeat-y; font-size:9pt;} * { margin: 0; padding: 0 } /*#contentArea #nav ul{ }*/ #contentArea #nav li{ position:relative; top:0px; left:18px; width: 200px;list-style:none; background-color:transparent; padding:3px 0px 3px 3px; background-image:url(../images/layout/navDiv.gif); background-position:bottom; background-repeat:no-repeat;} #contentArea #nav li.last{padding-left:3px; margin-left:0px; padding-bottom:5px;} #contentArea #nav li a{color:#6d6d6d; text-decoration:none;} #contentArea #nav li a:hover{padding-right:12px; color:#b849ac; text-decoration:none; background-image:url(../images/layout/navDot.gif); background-position:right; background-repeat:no-repeat; background-attachment:inherit} /* End */ .subCatBTN{background-image:url(../images/layout/subCatBTNbkd.gif); background-repeat:no-repeat; width:200px; height:35px; margin:3px 3px 3px 3px;} a.subCatBTN{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10pt; width:200px; height:35px; border:none;} a.subCatBTN:hover{text-decoration:underline; border:none;} #footer{position:relative; background-image:url(../images/layout/footBKD.jpg); background-repeat:no-repeat; height:49px; text-align:right; padding:0px 15px 0px 0px; font-size:8pt; font-weight:bold; color:#7e7e7e;} #footer a{font-size:8pt; text-decoration:none; color:#9b1d89;} #footer a:hover{text-decoration:underline;} /*Image Uploader Form*/ .form_item { display: block; margin: 5px 0 5px 0;} .form_item label { padding-right: 15px;} .form_label {float:left; width:80px;} #iu_contentarea {padding: 10px 10px;} #iu_contentarea form p {margin: 0; padding: 5px 0px 5px 0px; font-size: 12px;} .form_item .show {margin-left: 10px; font-weight: bold; color: #ff0000;} .form_item .hidden {visibility:hidden;} #notes {width: 400px; clear: right;} .productListing span.available { color:#fd0028; font-size:8px; } .salecolor_title {color: #C449C8; font-weight: bold;}