/* CSS Document */
html
{
min-height: 100%;
margin-bottom: 1px;
}
#productDateAdded {
font-weight: bold;
color: #96c7d0;
margin: 10px;
padding: 4px;
}
.productdesc {
padding: 6px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
}
body{
margin:0px;
background:#45555c;
font: 75% Arial, Helvetica, sans-serif;
color: #ffffff;
line-height: 160%;
}
img, div, a#demoLink { }
img {
border: none;
}
/* Common Styles */
.bold {
font-weight: bold;
}
.margin-10 {
margin: 10px 0;
}
.uppercase {
text-transform: uppercase;
}
.clearfix {
float: left;
clear: both;
width: 100%;
}
.clearBoth {
clear: both;
margin: 10px 0;
}
/* fonts and links */
.border-just-say-no {
border:none;
}
.blak {
color:#000;
}
.s {
font-size: 12px;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin-top:12px;
margin-bottom:12px;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#96c7d0;
padding-left: 10px;
text-transform:uppercase;
margin-top:7px;
margin-bottom: 10px;
}
h1 a {
color:#96c7d0;
text-decoration: none;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#12191F;
margin-top:5px;
margin-bottom:0px;
text-transform:uppercase;
}
h2 a {
color:#96c7d0;
text-decoration: none;
}
h2.greeting {
color: #fff;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color:#45555c;
margin-top:5px;
margin-bottom:20px;
text-transform:uppercase;
font-weight:bold;
}
h2.centerBoxHeading {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#96c7d0;
padding-left: 10px;
text-transform:uppercase;
margin-top:7px;
margin-bottom: 10px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#96c7d0;
text-transform:uppercase;
margin-top:7px;
margin-bottom:0px;
}
a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0099FF; /*blue*/
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#0669bd;
text-decoration:underline;
}
/* layout */
.contain {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
}
.wrap {
background:url(../images/shadow.png) repeat-y;
float:left;
width:1000px;
}
.wrap-l {
float:left;
}
.wrap-r {
float:right;
}
.top{
width:950px;
height:120px;
float:left;
padding-left:25px;
padding-right:25px;
background:url(../images/top.jpg) no-repeat center top;
}
/* login */
.login{
float:right;
width:440px;
height:80px;
margin-top: 25px;
}
.form-currencies{
width:100px;
background:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
border:solid 2px #333333;
}
.form-style-search{
background:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
border:solid 2px #333333;
width:130px;
}
.form-style, td.login-form input {
background:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
border:solid 2px #333333;
}
.form-style-go{
background:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
border:solid 2px #333333;
text-transform:uppercase;
cursor: pointer;
height:21px;
}
.form-style-category, .search-header select {
background:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
border:solid 2px #333333;
width:120px;
}
.form-text {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
margin:0px;
padding-right:10px;
font-weight:bold;
}
.form-text-search {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
margin:0px;
padding: 0 10px;
font-weight:bold;
}
.form-text2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#12191F;
margin:0px;
font-weight:bold;
}
.contentpane{
float:left;
height:auto;
padding:20px 25px 20px 25px;
}
/* left menu */
.left-content-contain{
width:241px;
float:left;
height:auto;
}
.side-menu-wrap{
float:left;
padding: 0px 20px 0px 20px;
}
.side-menu-back-top{
width:201px;
background:url(../images/categories-top.jpg) no-repeat top;
height:32px;
}
.side-menu-back-middle{
width:201px;
background: url(../images/side-menu-bg.jpg);
background-repeat:repeat;
height: auto;
}
.side-menu-back-bottom{
width:201px;
background: url(../images/side-menu-bg-bottom.jpg) no-repeat bottom;
height:12px;
}
h3.leftBoxHeading {
display: none;
}
/* side menu content */
.side-menu-front{
width:171px;
background:#96c7d0;
height:auto;
margin-left:auto;
margin-right:auto;
padding:10px;
left:10px;
}
ul.side-menu, .side-menu-front ul {
padding:0px;
margin:0px;
list-style:none;
line-height:20px;
}
ul.side-menu li, .side-menu-front ul li {
background:url(../images/li-dot.png) no-repeat left;
padding-left:15px;
}
ul.side-menu a, .side-menu-front a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:none;
color:#45555c;
}
ul.side-menu a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration: underline;
color:#fff;
}
/* side menu login */
.side-menu-wrap-login {
float:left;
padding: 20px;
font: 12px Arial, Helvetica, sans-serif;
}
.side-menu-wrap-login {
font-weight: bold;
text-transform: lowercase;
}
.side-menu-back-top-login{
width:201px;
background: url(../images/member-area-top.jpg) no-repeat top;
height:32px;
}
/* side menu credit cards */
.side-menu-wrap-credit-cards{
float:left;
padding: 20px 20px 0px 20px;
}
.side-menu-back-top-credit-cards{
width:201px;
background: url(../images/we-accept.jpg) no-repeat top;
height:32px;
}
.sit-propa-ie{
margin:0px;
padding:0px;
}
/* right content */
.right-content-contain{
width:688px;
float:left;
height:auto;
padding-right: 20px;
}
.collection{
width:318px;
float:left;
height:94px;
background:url(../images/collection-08.jpg);
padding-top: 100px;
padding-left: 350px;
padding-right: 20px;
}
.items-contain{
width:688px;
float:left;
height:auto;
margin-top: 20px;
}
.items-back-contain{
width:688px;
float:left;
height:auto;
}
.items-back-top{
width: 100%;
float:left;
clear: both;
height:30px;
background:url(../images/items-title1.jpg) no-repeat top;
}
.items-back-middle{
width:668px;
float:left;
clear: both;
background:url(../images/items-middle-bg.jpg) repeat-y;
padding: 0px 10px;
}
.items-back-bottom{
width: 100%;
float:left;
clear: both;
height:20px;
background: url(../images/items-bottom-bg.jpg) no-repeat bottom;
}
.item{
float:left;
width:294px;
height:100px;
background-repeat:no-repeat;
padding:10px;
margin:10px;
background:url(../images/back123.jpg);
}
.item h3.price {
position: relative;
left: 10px;
}
.item .listingBuyNowButton {
margin: 0 0 0 8px;
}
.new-products {
/*float:left;
height:120;
width:300px;
/*background:#96c7d0;
background:url(../images/back123.jpg);
padding:10px 6px;
margin:10px;*/
float:left;
width:296px;
height:99px;
padding:10px;
margin:10px;
background:url(../images/back123.jpg);
}
.new-products h2.productName {
float: left;
position: relative;
left: 10px;
height: 40px;
}
.new-products a.thumb {
float: left;
width: 80px;
background: #fff;
border: 3px solid #fff ;
text-align: center;
margin-right: 10px;
}
.new-products h2.productName a {
color: #333;
text-decoration: none;
}
.new-products h3.price {
float: left;
position: relative;
left: -40px;
}
.new-products h3.priceAll {
float: left;
position: relative;
left: -70px;
}
.new-products a.buyNow {
position: relative;
left: 80px;
}
.item-thumb{
width:60px;
height:80px;
float:left;
border: solid 3px #000;
}
#productMainImage {
width:200px;
height:300px;
float:left;
margin-right: 4px;
}
#productMainImage img {
width:200px;
height:300px;
float:left;
border: solid 3px #ffffff;
}
.item-text{
width:120px;
color:#0000000;
height:auto;
float:left;
padding:0px 10px;
}
.item-text h2 a {
color: #333;
text-decoration: none;
}
.item-text-detail{
width:325px;
height:auto;
color:#000000;
float:left;
padding:20px 40px;
}
.item-detailtest {
float:left;
width:644px;
height:auto;
/*background:#111111;*/
background-image:url(../images/detail_middle.jpg);
background-repeat:repeat;
background-position:center;
}
.item-toptest {
float:left;
width:644px;
height:13px;
/*background:#ff00ff;*/
background-image:url(../images/detail_top.jpg);
background-repeat:no-repeat;
background-position:left;
}
.item-bottomtest {
float:left;
width:644px;
height:13px;
/*background:#ffff00;*/
background-image:url(../images/detail_bottom.jpg);
background-repeat:no-repeat;
background-position:left;
}
.item-detailtest1 {
float:left;
width:201px;
height:auto;
/*background:#111111;*/
background-image:url(../images/mid1.jpg);
background-repeat:repeat;
background-position:left;
}
.item-toptest1 {
float:left;
width:201px;
height:13px;
/*background:#ff00ff;*/
background-image:url(../images/top1.jpg);
background-repeat:no-repeat;
background-position:left;
}
.item-bottomtest1 {
float:left;
width:201px;
height:13px;
/*background:#ffff00;*/
background-image:url(../images/bot1.jpg);
background-repeat:no-repeat;
background-position:left;
}
/*.productdesc {
padding: 6px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
}*/
/* bottom stuff */
.bottom{
background: url(../images/shadow-footer.png) no-repeat bottom;
float:left;
width:950px;
height:50px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
padding:10px 25px 0px;
}
.site-by{
float:left;
width:950px;
height:45px;
text-align:center;
padding:15px 25px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #102029;
font-weight:bold;
}
.site-by a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #102029;
font-weight:bold;
text-decoration: none;
}
.site-by a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
font-weight:bold;
text-decoration:underline;
}
.cut-price{
text-decoration:line-through;
}
/* Top Menus */
.menu-top{
width:950px;
float:left;
height:35px;
padding-left:25px;
padding-right:25px;
}
.menu1 {
padding:0 0 0 2px;
margin:0;
list-style:none;
height:35px;
background:#fff url(../images/button1.png);
position:relative;
}
.menu1 li {
float: right;
}
.menu1 li a {
display:block;
float: left;
height:35px;
line-height:35px;
color:#fff;
text-decoration:none;
font-size:12px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 8px 0 8px;
cursor:pointer;
}
.menu1 li a b {
float:left;
display:block;
padding:0 16px 0 8px;
}
.menu1 li.current a {
color:#fff;
background:url(../images/button2.png);
}
.menu1 li.current a b {
background:url(../images/button2.png) no-repeat right top;
}
.menu1 li a:hover {
color:#fff;
background:#000 url(../images/button2.png);
}
.menu1 li a:hover b {
background:url(button2.png) no-repeat right top;
}
.menu1 li.current a:hover {
color:#fff;
background:#000 url(../images/button2.png);
cursor:default;
}
.menu1 li.current a:hover b {
background:url(../images/button2.png) no-repeat right top;
}
h1#productName {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:20px;
color:#96c7d0;
text-transform:uppercase;
margin-top:7px;
margin-bottom:0px;
}
h1#productName a {
color:#96c7d0;
text-decoration: none;
}
/* Tables */
table.results {
width: 100%;
margin: 10px 0;
}
table.results th {
background: #333;
color: #ccc;
text-align: left;
padding: 2px 4px;
}
table.results td {
padding: 2px 4px;
border-bottom: 1px solid #333;
}
/* Fieldset */
form {
}
fieldset.floatingBox fieldset {
display: inline;
margin: 0;
padding: 0;
}
fieldset {
border: none;
margin: 20px 0;
}
fieldset legend {
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 0 0 10px 0;
.margin: 0 0 0 -8px;
}
fieldset label.inputLabel {
float: left;
width: 150px;
margin-right: 20px;
}
fieldset label.radioButtonLabel {
width: auto;
margin: 0;
}
.radiobutton input {
float: left;
display: inline;
}
fieldset input, fieldset textarea {
margin-bottom: 6px;
}
.alert {
font-size: 11px;
font-weight: bold;
color: #f4e582;
}
/* -------------- Zen Cart Default ---------------------
--------------------------------------------------------
*/
#navBreadCrumb {
float: left;
clear: both;
width: 100%;
font-size: 11px;
color:#fff;
font-weight: bold;
margin-bottom: 10px;
}
.forward {
float: right;
}
.buttonRow {
float: left;
margin: 0 4px;
}
/* Cart */
#cartInstructionsDisplay {
margin: 4px 0;
}
table#cartContentsDisplay {
width: 100%;
margin: 10px 0;
}
table#cartContentsDisplay th {
background: #96c7d0;
font-weight: bold;
color: #fff;
text-align: left;
text-transform: uppercase;
padding: 2px 2px 2px 4px;
}
table#cartContentsDisplay tr.rowEven td {
border-bottom: 1px solid #4a4a4a;
padding: 2px;
}
#orderTotals {
float: right;
width: 100%;
text-align: right;
font-weight: bold;
color: #fff;
padding: 2px;
}
#orderTotals div {
display: inline;
}
#myAccountShipInfo {
margin-bottom: 10px;
}
#productsListingBottomNumber, #newProductsDefaultListingBottomNumber, #allProductsListingBottomNumber {
font-weight: bold;
color: #fff;
margin: 10px 0;
padding: 4px;
clear: both;
}
#productsListingTopNumber, #newProductsDefaultListingTopNumber, #allProductsListingTopNumber {
font-weight: bold;
color: #fff;
margin: 10px 0;
padding: 4px;
}
/* Error Message */
.messageStackError {
background: #fe5959;
font-weight: bold;
color: #fff;
margin: 10px 0;
padding: 4px;
}
.messageStackError img {
position: relative;
top: 2px;
margin-right: 4px;
}
#shoppingcart {
clear: both;
}