Code:
.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
color: #0072bc;
}
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}
#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}
#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}
#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}
#bannerboxHeading {
background-color: #0000CC;
}
#upProductsHeading {
text-align: left;
}
#upDateHeading {
text-align: right;
}
/* categories box parent and child categories */
A.category-top, A.category-top:visited {
color: #########3d;
text-decoration: none;
}
A.category-links, A.category-links:visited {
color: #########3d;
text-decoration: none;
}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
color: #0072bc;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}
/* end categories box links */
/*misc*/
.back {
float: left;
}
.back2 {
float: right;
}
.forward, #shoppingCartDefault #PPECbutton {
float: right;
}
.bold {
font-weight: bold;
}
.rowOdd {
background-color: #E8E8E8;
height: 1.5em;
vertical-align: top;
}
.rowEven {
background-color: #F0F0F0;
height: 1.5em;
vertical-align: top;
}
.hiddenField {
display: none;
}
.visibleField {
display: inline;
}
CAPTION {
/*display: none;*/
}
#myAccountGen li, #myAccountNotify li {
margin: 0;
}
.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}
.accountQuantityDisplay {
width: 10%;
vertical-align: top
}
TR.tableHeading {
background-color: #cacaca;
height: 2em;
}
.productListing-rowheading {
background-color: #3991e6;
background-image: url(../images/tile_back.gif/);
height: 2em;
color: #FFFFFF;
}
.productListing-rowheading a:link {color: #FFFFFF;}
#siteMapList {
width: 90%;
float: right;
}
.ratingRow {
margin: 1em 0em 1.5em 0em;
}
LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}
.information {padding: 10px 3px; line-height: 150%;}
#shoppingcartBody #shippingEstimatorContent {
clear: both;
}
.seDisplayedAddressLabel {
background-color:#85C285;
text-align: center;
}
.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#seShipTo {
padding: 0.2em;
}
abody {
margin:0;
padding-top: 10px;
color:#000;
background:#fff;
}
#abody {
width:100%;
margin:0 auto;
background:#fff;
}
#acontent-1 {
float:left;
width:33.33%;
background:#fff;
padding-top: 10px;
}
#acontent-2 {
float:right;
width:66.66%;
}
#acontent-2-1 {
float:left;
width:55%;
padding-bottom: 10px;
margin-top: -20px;
vertical-align: bottom;
}
#acontent-2-2 {
background:#fff;
float:right;
width:45%;
padding-top: 3px;
}
#afooter {
background:#ff9;
clear:both;
}
.coin-slider { overflow: hidden; position: relative; z-index:2;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 680px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
#rowOne {width: 100%;}
#rowTwo {width: 100%; padding-top: 4px;}
#rowThree {width: 100%; padding-top: 4px;}
#coin-side {float: right; width: 280px; padding-left: 4px;}
#maincontainer {width: 240px; float: right;}
#topsection {text-align: right; padding-bottom: 4px;}
#contentwrapper{float: left; width: 240px;}
#contentcolumn{float: right; width: 173px; padding-top: 8px; font-size:12px; background: #d8e8f3; height: 39px;}
#leftcolumn{float: left; width: 67px;}
#footer{width: 93%; float: right; text-align: center; padding-top: 6px;}
#footer_wrapper{width: 920px; background: #f1f1f2; margin-left: 10px; border: 1px solid #cccccc; padding: 20px 20px 20px 20px; font-size:1.2em;}
#footer_inside_left{float: left; width: 75%; list-style: none;}
#footer_inside_right{float: right; width: 25%;text-align:left;color: #0072bc;}
#footer_nav1{float: left; width: 33.33%; list-style: none;}
#footer_nav2{float: right; width: 66.66%;}
#footer_nav2-1{float: left; width: 50%; list-style: none;}
#footer_nav2-2{float: right; width: 50%; list-style: none;}
#footer_bottom{width: 100%; text-align:center;}
#menutitle {margin:0;padding-bottom:.8em;text-align:left;font-size:1.2em;color:#523814;}
.menuTitle {margin:0;padding-bottom:.8em;text-align:left;font-size:1.2em;color:#523814;}
foot_link ul {list-style: none;}
span#socialicons3 img{
}
span#socialicons3 img:hover{
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
/* ######################################################################____
01 MENU BAR
######################################################################____ */
#wrapper_menu {
width: 980px;
margin:0 auto;
display:block;
position: relative;
z-index:9999;
}
#wrapper_menu .menu {
list-style:none;
width:940px;
margin:30px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#wrapper_menu_full {
width: 100%;
margin:0;
display:block;
position: relative;
z-index:9999;
}
#wrapper_menu_full .menu {
list-style:none;
width:940px;
margin:0px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
}
.menu li {
float:left;
text-align:center;
position:relative;
margin-right:20px;
margin-top:6px;
border:none;
}
.menu li.fullwidth {
position: static !important;
}
.menu li:hover {
background:#eeeeee;
border:1px solid #444444;
border-bottom:none;
margin-right:19px;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
background: -o-linear-gradient(top, #F4F4F4, #EEEEEE);
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.menu li.nodrop:hover {
background:#eeeeee;
border:1px solid #444444;
padding: 4px 10px 4px 9px;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
background: -o-linear-gradient(top, #F4F4F4, #EEEEEE);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu li.nodrop:hover a {
padding: 0px;
}
.menu li a {
color: #EEEEEE;
outline:0;
padding: 5px 10px 3px 10px;
text-decoration:none;
display:block;
text-shadow: 1px 1px 1px #000;
}
.menu li:hover a {
color:#161616;
text-shadow: none;
position:relative;
z-index:11;
border-bottom:1px solid #EEEEEE;
padding: 4px 9px 4px 9px;
}
.menu li:hover div a {
display:inline;
}
.menu li .drop {
padding-right:27px;
background:url("img/drop.png") no-repeat right 13px;
}
.menu li:hover .drop {
padding-right:27px;
background:url("img/drop.png") no-repeat right 12px;
}
/* Right aligned menu item */
.menu .right {
float:right;
right:0;
margin-right:0px;
}
.menu li.right:hover {
margin-right:-1px;
}
/* ######################################################################____
02 DROP DOWN MENU
######################################################################____ */
/* Left & right aligned common styles */
.menu .dropdown_1column,
.menu .dropdown_2columns,
.menu .dropdown_3columns,
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
margin:4px auto;
left:-999em;
position:absolute;
background:#eeeeee;
border:1px solid #444444;
padding:10px;
text-align:left;
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
-khtml-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
}
/* Drop Downs Sizes */
.menu .dropdown_1column {width: 145px;}
.menu .dropdown_2columns {width: 300px;}
.menu .dropdown_3columns {width: 455px;}
.menu .dropdown_4columns {width: 610px;}
.menu .dropdown_5columns {width: 765px;}
.menu .dropdown_fullwidth {
width: 920px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}
.menu li .first_fullwidth {
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;
}
/* Showing Drop Down on Mouse Hover - Left aligned */
.menu li:hover .dropdown_1column,
.menu li:hover .dropdown_2columns,
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
left:-1px;
top:25px;
}
.menu li:hover .dropdown_fullwidth {
left:21px;
top:33px;
display: block;
}
#wrapper_menu_full .menu li:hover .dropdown_fullwidth {
left:50%;
margin-left:-470px;
top:32px;
display: block;
}
/* Showing Drop Down on Mouse Hover - Right aligned */
.menu li .align_right {
/* Rounded Corners */
-moz-border-radius: 5px 0px 5px 5px;
-webkit-border-radius: 5px 0px 5px 5px;
border-radius: 5px 0px 5px 5px;
}
.menu li:hover .align_right {
left:auto;
right:-1px;
top:25px;
}
.menu li.right:hover .dropdown_fullwidth {
right:18px;
top:33px;
}
/* Columns Sizes */
.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
display:inline;
float: left;
position: relative;
margin-left: 10px;
}
.menu .col_1 {width:145px;}
.menu .col_2 {width:300px;}
.menu .col_3 {width:455px;}
.menu .col_4 {width:610px;}
.menu .col_5 {width:765px;}
.menu .col_6 {width:920px;}
/* IMPORTANT */
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
margin-left: 0; /* Clearing margin & left */
clear: left;
}
/* ######################################################################____
03 CONTENT STYLING
######################################################################____ */
.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
text-align:left;
}
.menu p {
font-size:12px;
line-height:18px;
margin:0;
margin-bottom:10px;
text-shadow: 1px 1px 1px #FFFFFF;
}
.menu .strong {
font-weight:bold;
}
.menu .italic {
font-style:italic;
}
.menu h2,
.menu h3 {
text-shadow: 1px 1px 1px #FFFFFF;
border-bottom:1px solid #888888;
margin-top:7px;
}
.menu h2 {
font-weight:400;
font-size:21px;
margin-bottom:18px;
padding-bottom:11px;
}
.menu h3 {
font-weight:600;
font-size:14px;
margin-bottom:14px;
padding-bottom:7px;
}
.menu li:hover div a {
text-decoration:none;
text-shadow:none;
border:none;
padding:0;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
margin-top:18px;
}
/* Icon paragraphs */
.menu .help,
.menu .favorite,
.menu .mail,
.menu .print {
padding-left:36px;
margin-bottom:18px;
}
.menu .help {background:url("img/help.png") no-repeat 0px 2px;}
.menu .favorite {background:url("img/favorite.png") no-repeat 0px 2px;}
.menu .mail {background:url("img/mail.png") no-repeat 0px 2px;}
.menu .print {background:url("img/print.png") no-repeat 0px 2px;}
/* Images styles */
.menu .imgshadow_dark { /* Better style on dark background */
background:#FFFFFF;
padding:4px;
border:1px solid #333333;
margin-top:5px;
-moz-box-shadow:0px 0px 5px #000000;
-webkit-box-shadow:0px 0px 5px #000000;
box-shadow:0px 0px 5px #000000;
}
.menu .imgshadow_light { /* Better style on light background */
background:#FFFFFF;
padding:4px;
border:1px solid #777777;
margin-top:5px;
-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;
box-shadow:0px 0px 5px #666666;
}
.menu .img_left { /* Image sticks to the left */
width:auto;
float:left;
margin:2px 15px 5px 0px;
}
.menu .img_right { /* Image sticks to the right */
width:auto;
float:right;
margin:2px 0px 5px 15px;
}
/* Box styles */
.menu li .black_box,
.menu li .dark_grey_box {
color: #eeeeee;
text-shadow: 1px 1px 1px #000;
padding:4px 6px 4px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu li .black_box {
background-color:#333333;
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}
.menu li .dark_grey_box {
background-color:#555555;
-webkit-box-shadow:inset 0 0 3px #111111;
-moz-box-shadow:inset 0 0 3px #111111;
box-shadow:inset 0 0 3px #111111;
}
/* Standard lists styles */
.menu li ul {
list-style:none;
padding:0;
margin:0 0 12px 0;
}
.menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
text-shadow: 1px 1px 1px #ffffff;
padding:0;
margin:0;
float:left;
text-align:left;
width:145px;
}
.menu li ul li a {
padding:0;
}
.menu li ul li:hover {
background:none;
border:none;
padding:0;
margin:0;
}
/* Greybox lists styles */
.menu li .greybox li {
background:#F4F4F4;
border:1px solid #bbbbbb;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:131px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu li .greybox li:hover {
background:#ffffff;
border:1px solid #aaaaaa;
padding:4px 6px 4px 6px;
margin:0px 0px 4px 0px;
}
/* Other lists styles */
.menu li .plus li {
background: url("img/plus.png") left 6px no-repeat;
margin:0px 0px 4px 0px;
padding:0px 0px 0px 21px;
width:109px;
}
.menu li .plus li:hover {
background: url("img/plus.png") left 6px no-repeat;
padding:0px 0px 0px 21px;
margin:0px 0px 4px 0px;
}
/* Social Icons */
.menu li ul.social {
list-style:none;
margin:0;
padding:0;
}
.menu li ul.social li {
padding-top:5px;
margin:0 12px 12px 0;
float:left;
position:relative;
display:inline;
width:32px;
}
.menu li ul.social li img {
border:none;
}
.menu li ul.social li:hover {
padding-top:5px;
margin:-1px 12px 12px 0;
}
.menu li ul.social li span {
display:none;
}
/* 2-Levels Drop Down */
.menu .levels, .menu .levels ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
.menu li:hover .levels a {
display:block;
}
.menu .levels a {
display: block;
width: 10em;
}
.menu .levels a.parent, .menu .levels a.parent:hover {
background: url("img/drop2.png") right center no-repeat;
}
.menu .levels li {
float: left;
width:150px;
}
.menu .levels li ul { /* second-level lists */
position: absolute;
border:1px solid #666666;
background:#EEEEEE;
top:-23px;
margin:15px 0px 0px 4px;
padding:6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
left: -999em;
}
.menu .levels li ul ul {
top:-23px;
}
.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
left: -999em;
}
.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
left: 142px;
}
/* ######################################################################____
04 CONTACT FORM
######################################################################____ */
#contact_form label, legend {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}
#contact_form legend {
margin-bottom:10px;
}
#contact_form {
display: block;
margin-bottom:10px;
}
#contact_form label {
display: inline-block;
float: left;
height: 36px;
line-height: 36px;
width:80px;
font-size:12px;
}
#contact_form input, textarea, select {
width:190px;
padding: 5px;
border:1px solid #0A0A0A;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font-size:12px;
}
#contact_form textarea {
resize:none;
}
#contact_form input:focus, textarea:focus, select:focus {
box-shadow: rgba(0,0,0, 0.7) 0px 0px 3px;
-moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 3px;
-webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 3px;
border:1px solid #333333;
}
#contact_form input:hover, textarea:hover, select:hover {
}
#contact_form .required {
color:#C00;
}
#contact_form .form_buttons {
margin:4px 0 0 80px;
}
#contact_form input.button {
width: 80px;
margin-right:10px;
cursor: pointer;
background-color:#1E1E1E;
border:1px solid #0A0A0A;
color:#cccccc;
padding: 4px 7px 4px 7px;
}
#contact_form input.button:hover {
color:#eeeeee;
background-color:#222222;
border:1px solid #000000;
}
#contact_form .special {
display:none;
}
#contact_form .error, #contact_form .sent {
font-size:11px;
padding:2px 5px 2px 5px;
text-shadow:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius: 3px;
}
#contact_form .error {
background:#FBE5E2;
border:#F2A197 solid 1px;
color:#992213;
}
#contact_form .sent {
background:#E1F8CB;
border:#C6D880 solid 1px;
color:#37620d;
}
/* ######################################################################____
05 COLORS
######################################################################____ */
.menu_blue {
background: #014464;
background: -moz-linear-gradient(top, #0272a7, #013953);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
background: -o-linear-gradient(top, #0272a7, #013953);
}
#wrapper_menu .menu_blue {
border: 1px solid #015b86;
border-top: 1px solid #029feb;
}
#wrapper_menu_full .menu_blue {
border-bottom: 1px solid #015b86;
}
.menu_blue li:hover div a {
color:#015b86;
}
.menu_blue li:hover div a:hover {
color:#029feb;
}
.menu_blue li ul li a:hover {
color:#029feb;
}
Bookmarks