/* ********** CSS RESETS ********** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, fieldset, form, label, legend {
margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
textarea {overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;}
/* ********** END of the CSS RESETS ********** */
body {margin: 0; padding: 0; font: 12px arial, verdana, Helvetica, sans-serif; color: #000; background: #eeeeee url(graphics/background-strip-bg.jpg) repeat-x top left; letter-spacing: .7px;}
#outer-wrap {background: transparent url(graphics/big-background.jpg) no-repeat top center;}
#wrapper {margin: 0 auto; width: 905px;}
/* Header */
#header {height: 132px; color: #f3f3f3;}
#header .company-logo {float: left; width: 542px; height: 132px;}
#header .minilinks {float: right; margin-top: 14px; width: 360px; text-align: right; color: #999999;}
#header a:link {text-decoration: none; color: #999999 !important;}
#header a:visited {text-decoration: none; color: #999999 !important;}
#header a:hover {text-decoration: underline; color: #fff !important;}
#header a:active {text-decoration: none; color: #999999 !important;}
/* Navigation */
#navigation {height: 31px; margin-bottom: 62px;}
a.home {float: left; display: block; width: 43px; height: 31px; text-decoration: none; background: url(graphics/nav-home.png);}
a.home:hover {background-position: 0 -31px;}
a.tigrade {float: left; display: block; width: 87px; height: 31px; text-decoration: none; background: url(graphics/nav-titanium-grades.png);}
a.tigrade:hover {background-position: 0 -31px;}
a.preciousmetals {float: left; display: block; width: 129px; height: 31px; text-decoration: none; background: url(graphics/nav-precious-metals.png);}
a.preciousmetals:hover {background-position: 0 -31px;}
a.fittinghelp {float: left; display: block; width: 101px; height: 31px; text-decoration: none; background: url(graphics/nav-fitting-help.png);}
a.fittinghelp:hover {background-position: 0 -31px;}
a.testimonials {float: left; display: block; width: 106px; height: 31px; text-decoration: none; background: url(graphics/nav-testimonials.png);}
a.testimonials:hover {background-position: 0 -31px;}
a.faqinfo {float: left; display: block; width: 143px; height: 31px; text-decoration: none; background: url(graphics/nav-faq-information.png);}
a.faqinfo:hover {background-position: 0 -31px;}
a.returnpol {float: left; display: block; width: 112px; height: 31px; text-decoration: none; background: url(graphics/nav-return-policy.png);}
a.returnpol:hover {background-position: 0 -31px;}
a.lifetimewarranty {float: left; display: block; width: 134px; height: 31px; text-decoration: none; background: url(graphics/nav-lifetime-warranty.png);}
a.lifetimewarranty:hover {background-position: 0 -31px;}
a.cart {float: left; display: block; width: 50px; height: 31px; text-decoration: none; background: url(graphics/nav-cart.png);}
a.cart:hover {background-position: 0 -31px;}
/* Content */
#content {width: 654px; float: right; color: #000;}
#content-prod-wrapper {color: #000; width: 905px; background: transparent url(graphics/content-prod-bg.png) repeat-y;}
#content-prod-top {width: 905px; height: 19px; margin-top: -10px !important; background: transparent url(graphics/content-prod-top-bg.png) no-repeat;}
#content-prod-btm {width: 905px; height: 19px; background: transparent url(graphics/content-prod-btm-bg.png) no-repeat;}
#featured-products {height: 122px; margin: 44px 0;}
.product-image {margin-left: 19px;}
#content-page-container h1 {text-align: center; font: bold 15px Arial, sans-serif; color: #0054a6; margin-top: 0 !important;}
#content-page-container {width: 654px; background: transparent url(graphics/content-bg.png) repeat-y; padding: 1px 0 20px 0;}
#content-page-container .content-heading-text {text-align: center;}
#content-page-container p {padding: 0 25px;}
#content-page-container img {padding: 0 10px;}
#content-page-container li {padding-right: 25px;}
.extspace {margin: 40px 0 0 0;}
#polices-list {padding-left: 25px; list-style: none; font-weight: bold; font-size: 14px}
#polices-list li {padding: 5px 0;}
#polices-list a:link {text-decoration: none; color: #333333;}
#polices-list a:visited {text-decoration: none; color: #333333;}
#polices-list a:hover {text-decoration: none; color: #999999;}
#polices-list a:active {text-decoration: none; color: #333333;}
/* Left Column Category Tree */
#left-column {width: 216px; float: left;}
.topcap {background: transparent url(graphics/lc-top-cap.png) no-repeat; width: 216px; height: 22px;}
/*.category-tree {padding: 5px 0; width: 216px; background: transparent url(graphics/cattree-bg.png) repeat-y; color: #fff; background-color:transparent}*/
.category-tree {
padding: 5px 0;
width: 216px;
background:url(graphics/background-new.jpg) repeat-y;
color: #fff;
background-color:#000000;
}
/*.lc-testimonials {padding: 5px 0; width: 216px; background: transparent url(graphics/cattree-bg.png) repeat-y; font-size: 11px; color: #fff;}*/
.lc-testimonials {
padding: 5px 0;
width: 216px;
background: url(graphics/grayback.jpg) repeat-y;
font-size: 11px;
color: #fff;
background-color:#666666
}
.lc-testimonials p {padding-right: 10px !important;}
.btmcap {background: transparent url(graphics/lc-bg-cap.png) no-repeat; width: 216px; height: 22px;}
.subset {
margin: 30px 0 90px 0;
}
#left-column p {
padding-left: 15px;
margin-bottom: 0px;
}
#left-column ul {list-style: none; margin-left: 6px; padding: 0;}
.category-tree ul li a {
text-decoration: none !important;
display: block;
padding: 8px 0 10px 8px;
color: #fff;
}
.category-tree ul li a:hover {background: transparent url(graphics/cattree-list-bg.png) no-repeat; color: #fff !important;}
/* Category Page Template */
#category-pagination {
margin-left: 28px;
width: 595px;
height: 20px;
}
#catprod-container {width: 654px; background: transparent url(graphics/content-bg.png) repeat-y; padding: 1px 0 20px 0;}
#content-top-cap {width: 654px; height: 19px; background: transparent url(graphics/content-top-cap-bg.png) no-repeat;}
#content-btm-cap {width: 654px; height: 26px; background: transparent url(graphics/content-btm-cap-bg.png) no-repeat;}
#catprod-container h1 {text-align: center; font: bold 15px Arial, sans-serif; color: #0054a6; margin-top: 0 !important;}
#cat-prod-layout {margin: 25px 0 50px 62px;}
#cat-prod-layout td {width: 175px; height: 175px;}
.prodcell {border-right: 1px solid #777; border-bottom: 1px solid #777;}
.prodcell-end {border-bottom: 1px solid #777;}
.lastrow {border-right: 1px solid #777;}
.lastrow-end {border-right: none;}
/* Product Page */
#product-desc table {border: 1px solid #505050; background-color: #eeeeee !important; color: #000;}
#product-desc td {background-color: #eeeeee !important; color: #000;}
/* Content Pages */
#cp-container h1 {text-align: center; font: bold 15px Arial, sans-serif; color: #0054a6; margin-top: 0 !important;}
#cp-container {width: 639px; background: transparent url(graphics/content-bg.png) repeat-y; padding: 1px 0 20px 15px;}
.ringsize-help-box {
background-color: #dedede;
border: 1px solid #c3c3c3;
margin: 15px 0 15px 20px;
width: 470px;
}
.nov-box {
background-color: #EDEDED;
border: 1px solid #E5E5E5;
margin: 15px 0 15px 20px;
}
.nov-box2 {
border: 1px solid #E5E5E5;
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 28px;
}
.home-content {padding-left: 25px; padding-right: 25px; padding-right: 10px;}
/* Checkout Pages */
#content-checkout-wrapper {color: #000; width: 875px; background: transparent url(graphics/content-prod-bg.png) repeat-y; padding: 10px 15px 20px 15px;}
.baskheadings {color: #fff !important;}
.checkoutbuttons {height: 34px;}
/* General Classes & Typography */
a:link {text-decoration: none; color: #005399;}
a:visited {text-decoration: none; color: #005399;}
a:hover {text-decoration: underline; color: #0688f6;}
a:active {text-decoration: none; color: #005399;}
p {
line-height: 1.5em;
margin: 10px 0 12px 0;
}
.clearfix {clear: both;}
.linkpipes {margin: 0 3px;}
h1 {font: 18px Arial, sans-serif; color: #000; margin: 14px 0 8px 0; padding: 0;}
h2 {font: 16px Arial, sans-serif; color: #000; margin: 14px 0 8px 0; padding: 0;}
h3 {font: bold 15px Arial, sans-serif; color: #000; margin: 14px 0 8px 0; padding: 0;}
small {font-size: 11px;}
strong {
font-weight: bold;
text-align: center;
}
hr {border: none; background-color: #808080; height: 2px; margin: 10px 25px 20px 25px;}
.line {text-decoration: line-through;}
.menu2 {
font-family: arial, verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
/* Testimonials */
.testimonial-entry {border: 1px solid #999999; margin: 12px 7px;}
.testimonial-entry p {padding: 0 8px 5px 8px !important; }
.date-location {margin-bottom: 14px;}
/* Footer */
#footer-miva-global {padding: 45px 0 0 0; text-align: center;}
#footer {
margin-top: 45px;
padding: 30px 0;
background: #3d3d3d url(graphics/footer-bg.png) repeat-x top left;
text-align: center;
color: #FFFFFF;
}
#contmntwrap {height: 285px; width: 980px; margin: 0 auto;}
#contmntwrap .listed-points {float: left; width: 365px; margin-left: 25px;}
#contmntwrap .information {float: right; width: 475px; margin-right: 25px;}
#contmntwrap .listed-points li {padding-bottom: 10px;}
#subfooter {margin: 0; padding: 30px 0; background: #3d3d3d url(graphics/footer-bg.png) repeat-x top left; text-align: center; color: #fff;}
.trustmarks {background: transparent url(graphics/trustmarks.jpg) no-repeat top right; width: 440px; height: 112px;}
.comodo-seal {position: relative; width: 80px; height: 85px;}
#footer .copyright {color: #fff;}
#footer a:hover {
text-decoration: underline;
}
#footer a {
color: #FFFFFF;
text-decoration: none;
}
/* ********* Sliding Banner Setup ********** */
#banner-wrap {
width: 654px;
height: 514px;
background: transparent url(graphics/banner-wrap-bg.png) no-repeat;
}
#banner-wrap h1 {text-align: center; color: #0054a6; margin: 0 !important; padding: 22px 0 0 0 !important;}
#banner-text-list {list-style: none; color: #333333; font-size: 12px; font-weight: bold; float: left; padding: 0; margin: 45px 0 0 24px; line-height: 5px;}
#banner-text-list li {padding-bottom: 20px;}
#banner2-text-list {
list-style: none;
color: #333333;
font-size: 11px;
font-weight: bold;
float: left;
padding: 0;
margin: 90px 0 0 00px;
line-height: 5px;
}
#banner2-text-list li {padding-bottom: 20px;}
#slider {
float: right;
width: 377px;
height: 386px;
margin: 0 7px 0 0;
padding: 0;
}
#slider ul {width: 377px; height: 386px; overflow:hidden;}
#slider2 {
float: right;
width: 330px;
height: 360px;
padding: 0;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0;
}
#slider2 ul {
width: 330px;
height: 386px;
overflow:hidden;
}
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}
/* // image replacement */
#slider ul, #slider li, #slider2 ul, #slider2 li {margin:0; padding:0; list-style:none;}
#slider2 {margin-top:1em;}
/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */
#slider li, #slider2 li {width:377px; height:386px; overflow:hidden;}
#prevBtn, #nextBtn, #slider1next, #slider1prev {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;}
#nextBtn, #slider1next {left:96px;}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {display:block;position:relative;width:30px;height:77px;background:url(graphics/btn_prev.gif) no-repeat 0 0; }
#nextBtn a, #slider1next a {background:url(graphics/btn_next.gif) no-repeat 0 0;}
/* numeric controls */
ol#controls {position: relative; top: -40px; left: 440px; width: 125px;}
ol#controls li {text-align: right; margin:0 8px 0 0; padding:0;float:left;list-style:none;height:15px;width:15px;line-height:15px; border: 1px solid #474747;}
ol#controls li a {font-weight: bold; font-size: 9px;color: #000 !important; float:left;height:15px;width:5px;line-height:15px; background:#fff;padding:0 5px;text-decoration:none;}
ol#controls li.current a {background:#cccccc; color: #000 !important;}
ol#controls li a:hover {color: #000 !important; text-decoration: none !important;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline:none;}
.hilight {border: 1px solid #333333;}
/* ********* End of Sliding Banner Setup ********** */