@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.4em;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* typography */
body {font-size:70%; color:#4c4c4c; background:#fff;font-family:Tahoma,"Lucida Grande", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.6em; color:#4c4c4c; font-family: Tahoma,"Lucida Grande", Helvetica, sans-serif;}
p img {float:left;margin:0 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#4b6805; text-decoration:underline;}
a {color:#81a627; text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
/* --------------------------------------------------------------
ie fixes
-------------------------------------------------------------- */
/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }
/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:-18px -8px 16px 0; padding:0; }
/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }
/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
/* Fixes IE7 missing wrapping of code elements. */
/*html>body p code { *white-space: normal; }*/
/* IE 6&7 has problems with setting proper
margins. */
/*hr { margin: -8px auto 11px; }*/
/* --------------------------------------------------------------
forms
-------------------------------------------------------------- */
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input.text, input.title,
textarea, select {
margin:0.5em 0;
border:1px solid #bbb;
}
input.text:focus, input.title:focus,
textarea:focus, select:focus {
border:1px solid #666;
}
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
/*textarea { width: 390px; height: 250px; padding:5px; }*/
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success {}
.error {color: #cc0000;}
.notice {color: #514721;}
.success {color: #264409;}
.error a {color: #8a1f11;}
.notice a {color: #514721;}
.success a {color: #264409;}
/*-----------end */
div.clearme{
clear:both;
height:1px;
}
/*layout styles*/
/*generic grid column layout styles*/
#wrapper{
width:910px;
margin:0 auto;
text-align:left;
margin-top:12px;
}
#masthead{
margin-bottom:12px;
}
/*masthead styling*/
h1#logo{
background:transparent url(images/p81_logo.gif) no-repeat top left;
display:block;
float:left;
width:285px;
height:150px;
}
h1#logo a{
display:block;
width:285px;
height:150px;
}
h1#logo a span{
display:none;
}
#basket-area{
width:305px;
height:150px;
float:left;
/*margin-left:90px;*/
font-size:95%;
/* background:url(images/large_telephone_no.gif) top left no-repeat; */
}
#basket-area img{
float:left;
}
#basket-area p{
padding-top:30px;
/*padding-left:110px;*/
float:left;
}
p.basket-link a{
display:block;
width:110px;
height:30px;
float:left;
}
p.basket-link a span{
display:none;
}
#search-area{
width:320px;
height:150px;
float:left;
background:url(images/search_box.gif) top left no-repeat;
}
#search-area table{
margin-left:90px;
height:82px;
width:50%;
}
#search-area table td{
vertical-align:middle;
}
input.search{
width:175px;
height:22px;
border:none;
background:url(images/search.gif) no-repeat top left #fff;
padding:3px;
padding-top:4px;
font-size:80%;
color:#a6a6a6;
}
/*navigation styling*/
/*side navigation*/
#side-navigation{
width:205px;
float:left;
margin-right:15px;
height:auto;
}
#side-navigation ul{
list-style-type:none;
margin:0;
padding:0;
}
#side-navigation li{
line-height:2.8em;
border-top:2px solid #EFCBCA;
}
#side-navigation li a{
display:block;
font-size:14px;
font-weight:bold;
color:#1C75BC;
}
#side-navigation li a:hover{
background:#f3fbfd;
color:#BA0646;
}
.selected {
font-weight:bold;
background:url(images/arrow.gif) center left no-repeat;
padding-left:8px;
}
#side-navigation li a:hover.selected {
font-weight:bold;
background:url(images/arrow.gif) center left no-repeat;
padding-left:8px;
}
.selected-parent {
font-weight:bold;
}
#side-navigation li a:hover.selected-parent {
font-weight:bold;
}
/*------------*/
#side-navigation li ul{
margin-left:10px;
list-style-type:none;
margin-bottom:14px;
}
#side-navigation li ul li{
line-height:2.2em;
font-size:90%;
color:#87a2b3;
border:none;
}
#side-navigation li ul li a{
/*color:#87a2b3;*/
color:#D58C25;
}
#side-navigation li ul li a:hover{
background:none;
}
/*top util list*/
#top-util{
text-align:right;
}
#top-util ul{
list-style-type:none;
margin:0;
padding:0;
}
#top-util li{
display:inline;
}
#top-util li a{
padding-left:15px;
color:#364953;
text-decoration:none;
}
/*top level navigation*/
#main-nav {
margin:0 auto;
width: 910px;
height: 54px;
background: transparent url(images/main.gif) no-repeat;
}
#main-nav ul {
border: none;
margin: 0;
padding: 0;
list-style-type: none;
clear: left;
height: 54px;
}
#main-nav ul li {
display: block;
float: left;
padding: 0;
margin: 0;
border: none;
}
#main-nav ul li a {
display: block;
height: 54px;
padding: 0;
margin: 0;
}
li#nav_1 a {width: 71px;}
li#nav_2 a {width: 57px;}
li#nav_3 a {width: 65px;}
li#nav_4 a {width:109px;}
li#nav_5 a {width:98px;}
li#nav_6 a {width:80px;}
li#nav_7 a {width:59px;}
li#nav_8 a {width:89px;}
li#nav_9 a {width:85px;}
li#nav_10 a {width:85px;}
li#nav_11 a {width:112px;}
li#nav_1 a:hover, li#nav_1 a.selected-root { background: transparent url(images/main-over.gif) 0px 0px no-repeat; }
li#nav_2 a:hover, li#nav_2 a.selected-root { background: transparent url(images/main-over.gif) -71px 0px no-repeat; }
li#nav_3 a:hover, li#nav_3 a.selected-root { background: transparent url(images/main-over.gif) -128px 0px no-repeat; }
li#nav_4 a:hover, li#nav_4 a.selected-root { background: transparent url(images/main-over.gif) -193px 0px no-repeat; }
li#nav_5 a:hover, li#nav_5 a.selected-root { background: transparent url(images/main-over.gif) -302px 0px no-repeat; }
li#nav_6 a:hover, li#nav_6 a.selected-root { background: transparent url(images/main-over.gif) -400px 0px no-repeat; }
li#nav_7 a:hover, li#nav_7 a.selected-root { background: transparent url(images/main-over.gif) -480px 0px no-repeat; }
li#nav_8 a:hover, li#nav_8 a.selected-root { background: transparent url(images/main-over.gif) -539px 0px no-repeat; }
li#nav_9 a:hover, li#nav_8 a.selected-root { background: transparent url(images/main-over.gif) -628px 0px no-repeat; }
li#nav_10 a:hover, li#nav_8 a.selected-root { background: transparent url(images/main-over.gif) -713px 0px no-repeat; }
li#nav_11 a:hover, li#nav_8 a.selected-root { background: transparent url(images/main-over.gif) -798px 0px no-repeat; }
#main-nav ul li strong { display: none; }
/*index page specific*/
#idx-left-content{
width:546px;
margin-right:13px;
float:left;
}
#idx-left-content-cat{
width:546px;
margin-right:13px;
float:left;
text-align:justify;
}
#idx-right-content{
width:351px;
float:left;
}
#idx-left-content img{
float:left;
border:1px solid #f2f2f2;
margin-right:14px;
width:123px;
}
#idx-left-content img.end{
float:left;
border:1px solid #f2f2f2;
margin-right:0;
width:123px;
}
#idx-left-content p{
float:left;
margin-right:13px;
width:125px;
display:block;
text-align:center;
margin-top:8px;
}
#idx-left-content p a{
color:#4c4c4c;
}
#idx-left-content p.end{
float:left;
margin-right:0;
width:125px;
display:block;
text-align:center;
margin-top:8px;
}
img.strip{
float:none !important;
border:none !important;
margin-right:0 !important;
width:auto !important;
}
.quantity{
color:#1C75BC;
font-size:120%;
padding-top:4px;
font-weight:bold;
font-family: Tahoma,"Lucida Grande", Helvetica, sans-serif;
display:block;
}
.price{
color:#1C75BC;
font-size:120%;
padding-top:4px;
font-weight:bold;
font-family: Tahoma,"Lucida Grande", Helvetica, sans-serif;
display:block;
}
.price-right{
color:#BA0646;
font-size:120%;
padding-top:4px;
font-weight:bold;
font-family: Tahoma,"Lucida Grande", Helvetica, sans-serif;
display:block;
}
#featured-supplier img{
width:115px;
float:left;
border-right:1px solid #f2f2f2;
margin:3px 0 3px 0;
}
#featured-supplier img.end{
border:none;
}
#buying-guide{
background:url(images/util.jpg) top left repeat-x;
padding-top:15px;
}
#buying-guide a{
color: #1C75BC;
}
#buying-guide ul{
list-style-type:none;
/*margin:8px 0 0 0;*/
margin:0;
padding:0;
}
#buying-guide li{
background:url(images/util-arrow.gif) left center no-repeat;
padding-left:8px;
line-height:2em;
}
img.buying-guide{
float:left;
}
.buying-guide-content{
float:left;
width:280px;
}
.buying-guide-divider{
background:url(images/util-divider.gif) center left repeat-x;
/*height:32px;*/
padding:6px 0 6px 0;
clear:both;
}
#buying-guide table{
height:49px;
width:99%;
}
#buying-guide table td{
vertical-align:middle;
}
input.email{
width:175px;
height:22px;
border:none;
background:url(images/util-search.gif) no-repeat top left #fff;
padding:3px;
padding-top:4px;
font-size:80%;
color:#a6a6a6;
}
/*interior page styling*/
#breadcrumbs{
margin-left:220px;
height:20px;
}
#breadcrumbs ul{
margin:0;
padding:0;
}
#breadcrumbs li{
display:inline;
font-size:90%;
color:#c9d4d7;
padding-right:2px;
}
#breadcrumbs li a{
color:#419fc9;
}
#right-content{
width:690px;
float:left;
}
#right-content h2{
font-family:"Gotham Bold","Gotham Book", Tahoma, Helvetica, sans-serif;
color:#85989e;
font-size:190%;
margin-bottom:1.4em;
letter-spacing:-1px;
}
.subname{
color:#b2bec2;
}
#side-navigation p{
display:block;
height:38px;
color:#BA0646;
font-size:120%;
font-weight:bold;
}
#by-category{
background:#f6fbfb;
padding:7px;
}
.category-listing{
display:block;
border-bottom:1px solid #e6f1f1;
padding:7px 0 7px 0;
}
.category-listing ul{
margin:0; padding:0; list-style-type:none;
}
.category-listing li{
display:inline;
padding-right:8px;
font-size:110%;
font-weight:bold;
color:#1c4b60;
}
.category-listing li a{
font-size:90%;
font-weight:normal;
color:#419fc9;
background:url(images/util-arrow-blue.gif) left center no-repeat;
background-position:0px 4px;
padding-left:8px;
}
.same_as_nav {
color:#D58C25 !important;
}
a.smalllink{
line-height:1em !important;
font-size:80% !important;
color:#419fc9 !important;
}
/*thumb styling*/
#thumbs img{
float:left;
border:1px solid #f2f2f2;
margin-right:15px;
width:123px;
}
#thumbs img.end{
float:left;
border:1px solid #f2f2f2;
margin-right:0;
width:123px;
}
#thumbs p{
float:left;
margin-right:15px;
width:125px;
display:block;
text-align:center;
margin-top:8px;
}
#thumbs p a{
color:#4c4c4c;
}
#thumbs p.end{
float:left;
margin-right:0;
width:125px;
display:block;
text-align:center;
margin-top:8px;
}
/*thumbs-right styling*/
#thumbs-right img{
float:right;
border:1px solid #BA0646;
margin-right:15px;
width:123px;
}
#thumbs-right p{
float:right;
margin-right:15px;
width:125px;
display:block;
text-align:center;
margin-top:8px;
}
#thumbs-right p a{
color:#4c4c4c;
}
#pagination{
height:22px;
text-align:right;
}
#pagination ul{
margin:0; padding:0;
}
#pagination li{
font-size:80%;
list-style-type:none;
display:inline;
padding-right:3px;
}
#pagination li a{
color:#419fc9;
}
/*product detail page*/
#large-pic{
width:341px;
float:left;
margin-right:15px;
}
#large-pic img{
border:1px solid #f2f2f2;
}
#details{
width:332px;
float:left;
border-top:1px solid #e8ebec;
}
.details-price{
padding:15px 0 15px 0;
background:url(images/price-divider.gif) bottom left repeat-x;
}
.details-price p{
margin:0;
font-size:210%;
/*font-weight:bold;*/
color:#81a627;
}
.vat{
font-size:40%;
}
#quantity{
float:right;
width:150px;
text-align:right;
}
.qty{
width:50px;
}
.details-buttons{
padding:15px 0 0 0;
border-bottom:1px solid #e8ebec;
}
.details-buttons img{
display:block;
padding-bottom:15px;
}
.details-buttons input.button{
display:block;
padding-bottom:15px;
}
.details-cross{
margin-bottom:20px;
clear:both;
}
.details-cross img{
float:left;
border:1px solid #f2f2f2;
}
.details-cross p{
margin:0 0 0 45px;
padding-top:8px;
}
.details-cross p a{
font-size:120%;
font-weight:bold;
padding-left:20px;
}
/*Tabs*/
#tabs {
clear: both;
background: #fff url(images/tab-top.gif) bottom no-repeat;
height: 30px;
margin-top:40px;
}
#tabs p {
display: block;
float: left;
height: 30px;
overflow: hidden;
margin-bottom: 0;
}
#description1-tab {
width: 146px;
cursor: pointer !important;
background: url(images/tabs.gif) no-repeat;
text-align:center;
}
#description2-tab {
width: 146px;
cursor: pointer !important;
background: url(images/tabs.gif) no-repeat;
background-position: center bottom;
text-align:center;
}
#description3-tab {
width: 146px;
cursor: pointer !important;
background: url(images/tabs.gif) no-repeat;
background-position: center bottom;
text-align:center;
}
#description1-tab p, #description2-tab p, #description3-tab p{
padding-top:5px;
font-weight:bold;
}
#description1, #description2, #description3 {
display: block;
position: relative;
overflow: auto;
background:url(images/tab-side.jpg) top left no-repeat;
}
#description1 li, #description2 li, #description3 li {
list-style-type: disc;
margin-left: 2em;
margin-top: 1em;
}
#description1 p, #description2 p, #description3 p{
padding:10px;
}
#description1 {
}
#description2 {
display: none;
}
#description3 {
display: none;
}
/*Checkout*/
#checkout{
margin-top:10px;
}
#checkout h2{
font-family:"Gotham Bold","Gotham Book", Tahoma, Helvetica, sans-serif;
color:#85989e;
font-size:190%;
margin-bottom:1.4em;
letter-spacing:-1px;
}
.basic {
/*width: 260px;*/
border: 1px solid #e8ebec;;
}
.basic div {
background-color: #fff;
}
.basic input {
display:inline;
}
.basic p {
margin-bottom : 10px;
border: none;
text-decoration: none;
margin: 0px;
padding: 10px;
}
.basic fieldset {
border: none;
margin: 10px 0;
padding:0;
}
.basic div.title {
padding:8px 5px 8px 5px;
margin-top: 0;
text-decoration: none;
font-weight: bold;
font-size: 120%;
color: #c3c3c3;
background-color: #00a0c6;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #c6c6c6;
background-image:url(images/acc0.gif);
clear:both;
}
.basic a:hover {
background-color: white;
background-image:url(images/acc2.gif);
}
.basic a.selecter {
color:#1c3c44;
background-color: #80cfe2;
background-image:url(images/acc2.gif);
}
.checkout-error {
color: #D4141D;
}
/*cart*/
/*--CART*/
#cart-area{
width:860px;
}
table.cart{
margin-top:15px;
border:1px solid #c0d9e0;
}
table.carttotals{
margin-top:15px;
}
.cart th{
height:28px !important;
font-weight:bold;
color:#1c3c44;
background:#c1dae1 url(images/acc2.gif) top left repeat-x;
line-height:30px;
font-size:110%;
text-align:left;
padding-left:4px;
border-right:1px solid #b2cbd2;
}
.cart td{
padding:6px;
height:50px;
}
td.cthumb{
width:10px;
}
.cthumb img{
width:70px;
border:1px solid #f2f2f2;
}
td.cdescrip{
color:#4c4c4c;
font-weight:bold;
border-right:1px solid #b2cbd2;
width:158px;
}
td.cunit{
border-right:1px solid #b2cbd2;
width:85px;
}
td.cqty{
width:80px;
border-right:1px solid #b2cbd2;
}
.cqty input.q{
color:#696969;
width:60px;
}
td.ctotal{
margin:6px 6px 6px 0;
width:130px;
}
td.blank{
width:390px;
padding:3px;
line-height:16px;
}
td.coptions{
background:url(images/cart-choices.gif) top left repeat-x #dfecf0;
height: 22px !important;
padding:5px 3px 3px 3px !important;
}
img.checkout-button{
float:right;
padding-bottom:15px;
padding-right:10px;
}
#final-total{
width:198px;
/*height:113px;*/
/*background:url(images/total.gif) no-repeat #dfecf0;*/
background-color: #dfecf0;
float:right;
margin-top:5px;
padding:10px;
text-align:right;
}
#discount-box {
width:198px;
height:60px;
float:left;
}
#discount-box div {
width:198px;
/*height:60px;*/
/*background:url(images/discount.gif) no-repeat;*/
background-color: #dfecf0;
margin-top:5px;
padding:10px;
text-align:left;
}
#discount-box p.error {
padding-top: 10px;
}
.sub-total{
background:#f1fbfd;
padding:3px;
}
.grand-total{
font-size:120%;
font-weight:bold;
color:#19292e;
background:#e9f5f8;
padding:3px;
}
/*footer*/
#footer{
border-top:1px solid #e3e3e3;
margin-top:10px;
}
.footer-utility{
float:left;
width:194px;
border-right:1px solid #f2f2f2;
margin-top:25px;
margin-right:10px;
}
.footer-credits{
float:left;
width:320px;
text-align:left;
margin-top:25px;
margin-left:0;
}
.footer-social{
float:left;
width:260px;
text-align:left;
margin-top:25px;
margin-left:45px;
}
.twitter{background:url(images/twitter.png) 0 5px no-repeat; text-indent:30px;}
.facebook{background:url(images/facebook.png) 0 5px no-repeat; text-indent:30px;}
.bloglink{background:url(images/blog.png) 0 5px no-repeat; text-indent:30px;}
.secure-credits{
float:left;
width:100px;
text-align:center;
margin-top:20px;
}
.secure-credits img{padding:5px;}
#endf{
border:none;
margin-right:0 !important;
}
.footer-utility ul{
margin:3px 0 0 5px;
padding:0;
}
.footer-utility li{
line-height:26px;
list-style-type:none;
}
.footer-utility li a{
color:#899a9e;
}
.footer-credits p, .footer-credits p a{
color:#c9d4d7;
}
p.cat-description {
font-size: 120%;
font-weight: normal;
}
div.delivery_rates h3 {
margin-top: 10px;
}
div.delivery_rates h4 {
margin: 5px 0 5px 10px;
padding: 0;
}
div.delivery_rates p {
margin: 0 !important;
margin-left: 20px !important;
padding: 0 !important;
}
/* Home Page text */
.accordion {
width: 100%;
border-bottom: solid 1px #1E1B74;
text-align:left;
background: #f7f7f7;
border-left: solid 1px #1E1B74;
border-right: solid 1px #1E1B74;
}
.accordion h3 {
background: #e9e7e7 url(http://www.p81gifts.co.uk/wp-content/themes/p81gifts/images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font-size:12px;
border-top: solid 1px #1E1B74;
border-bottom: none;
cursor: pointer;
}
.accordion h3:hover {
background-color: #e3e2e2;
}
.accordion h3.active {
background-position: right 5px;
}
.accordion p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20px;
}
.accordion strong {
padding: 10px 15px 20px;
background: #f7f7f7;
margin: 0;
font-size:11px;
border-bottom: none;
font-weight:bold;
}
/* Home Page text */
/* old styles */
#slidecontainer h3 {
font-size:18px;
color:#000066;
font-weight:bold;
padding-top:15px;
}
#slidecontainer p {
font-size:12px;
color: #666;
padding-top:0px;
padding-bottom:12px;
}
#slidecontainer span a {
font-size:16px;
color: #FFFFFF;
font-weight:bold;
margin-left:150px;
}
.topproducts {
float: left;
width: 210px;
height: 250px;
/* border:solid 1px #1C75BC; */
/*background-image:url(images/ad-back-02.png); */
margin-left: 3px;
margin-right: 3px;
text-align:center;
}
#slider {
float: left;
width: 255px;
height: 275px;
background-image:url(images/ad-back-02.png);
margin-left: 7px;
margin-right: 5px;
text-align:center;
}
#slider2 {
float: right;
width: 255px;
height: 275px;
background-image:url(images/ad-back-02.png);
margin-left: 7px;
margin-right: 5px;
text-align:center;
}
#slider3 {
float: right;
width: 255px;
height: 275px;
background-image:url(images/ad-back-02.png);
text-align:center;
}
/* Product Pages */
#slidecontainerprod h3 {
font-size:18px;
color:#000066;
font-weight:bold;
padding-top:15px;
}
#slidecontainerprod p {
color:#4C4C4C;
font-family:Tahoma,"Lucida Grande",Helvetica,sans-serif;
font-size:12px;
}
#slidecontainerprod span a {
font-size:16px;
color: #FFFFFF;
font-weight:bold;
margin-left:150px;
}
#sliderproduct1 {
float: left;
width: 300px;
min-height: 275px;
border:solid 1px #1C75BC;
margin-top:10px;
margin-bottom:10px;
margin-left: 7px;
margin-right: 5px;
text-align:center;
padding:10px;
}
#sliderproduct2 {
float: right;
width: 266px;
min-height: 275px;
border:solid 1px #BA0646;
margin-top:10px;
margin-bottom:10px;
margin-left: 7px;
margin-right: 5px;
text-align:center;
padding:10px;
}
.price span {
font-size:40px;
color:#003333;
font-weight:bold;
}
.phone span{
font-size:30px;
color: #000000;
font-weight:bold;
}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border: 1px solid #000033;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the tag */
.MagicZoomHeader {
font: 10px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
background: #91b817;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #ffffff;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 1px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
/* Info Pages */
#sliderproduct3 {
float: left;
width: 540px;
min-height: 275px;
border:solid 0px #000033;
margin-top:10px;
margin-bottom:10px;
margin-left: 7px;
margin-right: 5px;
text-align:left;
padding:10px;
font-size:12px;
}
#sliderproduct3 ul {
margin-left: 15px;
font-size:12px;
padding:10px;
}
#sliderproduct3 ul li a {
font-size:12px;
font-weight:normal;
}
#promo {
clear: both;
margin: 0 auto;
width: 910px;
height: 300px;
}
.promo-block {
float: left;
margin-top: 5px;
background: #FFF;
width: 190px;
padding: 10px;
text-align: center;
height: 330px;
border:solid 1px #BA0646;
}
.promo-block h5 {
margin-left: 5px;
}
.promo-block p {
margin: 5px;
text-align:center;
color:#4C4C4C;
font-family:Tahoma,"Lucida Grande",Helvetica,sans-serif;
font-size:12px;
}
/* .promo-block span {
font-size:16px;
color: #000000;
font-weight:bold;
} */
.promo-block a {
color:#85989E;
font-family:Arial,Helvetica,sans-serif;
font-size:190%;
letter-spacing:-1px;
margin-bottom:1.4em;
}
.promo-block a:hover {
color:#BA0646;
font-family:Arial,Helvetica,sans-serif;
font-size:190%;
letter-spacing:-1px;
margin-bottom:1.4em;
}
.promo-block img {
border:solid 1px #CCC;
}
#promo-spacer {
margin-left: 3px;
margin-right: 3px;
}
#promo-spacer-l {
margin-left: 5px;
}
#promo-spacer-r {
margin-right: 7px;
}
#promo-spacer-both-l {
margin-left: 7px;
margin-right: 5px;
}
#promo-spacer-both-r {
margin-left: 5px;
margin-right: 7px;
}
#prodenquirytitle {
clear: both;
margin-bottom:10px;
float:right;
width: 100%;
height: 25px;
/* background-image:url(images/Best-Sellers.gif); */
}
#prodenquirytitle h4 {
color:#85989E;
font-family:Arial,Helvetica,sans-serif;
font-size:190%;
letter-spacing:-1px;
margin-bottom:1.4em;
padding-left:10px;
padding-top:2px;
}
#prodenquiry {
clear: both;
float:right;
margin-top:10px;
margin: 0 auto;
width: 100%;
height: 200px;
border:solid 0px #000000;
background:#FFFFFF;
background-repeat:repeat;
margin-bottom:10px;
font-size:12px;
}
/* Extra Images */
#prodeximage {
clear: both;
float:right;
margin: 0 auto;
width: 780px;
background-repeat:repeat;
margin-bottom:10px;
font-size:12px;
}
#prodeximage img {
border:solid 1px #000000;
}
#bestseller {
clear: both;
margin: 0 auto;
width: 100%;
/* height: 25px;
background-image:url(images/Best-Sellers.gif); */
}
#bestseller h4 {
color:#85989E;
font-family:Arial,Helvetica,sans-serif;
font-size:190%;
letter-spacing:-1px;
margin-bottom:1.4em;
}
.subname {
color:#BA0646;
}
#content {
clear: both;
margin: 0 auto;
width: 910px;
border:solid 0px #000000;
}
.menu {
float: left;
width: 185px;
display: inline;
background-color: #ddd;
margin-top: 10px;
margin-bottom: 10px;
}
#main {
float: left;
margin: 10px;
padding: 10px;
width: 910px;
border:solid 0px #000000;
min-height:200px;
}
#main p {
text-align: justify;
margin-bottom: 5px;
margin-top: 5px;
}
#main h2,h3 {
color: #1d1b74;
}
.spacer { clear: both; margin-top: 10px; }
img { border: none; }
.accessibility, hr {
position: absolute;
top: -999em;
left: -999em;
}
/********************
MENU
*********************/
div#sidebar {
float: left; /* set sidebar on the left side. Change to right to float it right instead. */
width: 200px; /* sidebar width, if you change this please also change #main margins */
display: inline; /* FIX IE double margin bug */
margin-left: 0;
margin-right: 5px;
margin-top: 20px;
border:solid 0px #222149;
}
div#sidebar2 {
float: left; /* set sidebar on the left side. Change to right to float it right instead. */
width: 210px; /* sidebar width, if you change this please also change #main margins */
display: inline; /* FIX IE double margin bug */
margin-left: 0;
margin-right: 5px;
margin-top: 10px;
margin-bottom:10px;
border:solid 0px #222149;
}
#menu_vert {
padding-left: 0;
margin-left: 0;
}
/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
padding-bottom: 0.5em;
}
/* menu li block */
#menu_vert li {
list-style: none;
margin: 0;
/* border-bottom: 1px solid #d0d0d0; */
display: block;
background-image: url(images/side-nav-roll-off-gray.jpg);
background-repeat:no-repeat;
width:210px;
height:44px;
}
/* menu li block */
#menu_vert li:hover {
list-style: none;
margin: 0;
/* border-bottom: 1px solid #d0d0d0; */
display: block;
background-image: url(images/side-nav-roll-on.jpg);
background-repeat:no-repeat;
width:210px;
height:44px;
color:#FFFFFF;
}
#menu_vert ul ul li {
border: none;
}
/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; }
* html #menu_vert li hr { height: 1%; }
/** end fix **/
/* first level links */
div#menu_vert a {
text-decoration:none; /* no underline for links */
display: block; /* IE has problems with this, fixed above */
padding: 10px; 5px; 10px; 15px;
/* padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
color:#000000; /* this will be link color for all levels */
}
/* hover state for all links */
div#menu_vert a:hover {
/* background-color: #e5e5e5; */
color: #FFF;
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
font-size: 90%;
padding: 0.5em 0.5em 0.5em 2.8em;
background-position: 1.5em center;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
padding: 0.3em 0.5em 0.3em 4.3em;
background: url(images/cms/dash.gif) no-repeat 2.8em center;
}
div#menu_vert a.activeparent:hover {
background-color: #c2b0d6;
color: #ddd;
}
/*
active parent, that is the first-level parent
of a child page that is the current page
*/
div#menu_vert li a.activeparent {
background: url(images/cms/arrow-down.gif) no-repeat 0.4em center;
background-color: #1d1b74;
color: #fff;
}
div#menu_vert ul ul li a.activeparent {
background-position: 1.5em center;
background-color: transparent;
color: #c2b0d6;
}
/*
current pages in the default Menu Manager
template are unclickable. This is for current page on first level
*/
div#menu_vert h3 {
/* background-color: #1d1b74; */
display: block;
padding: 10px 5px 0px 10px; /* some air for it */
color: #fff; /* this will be link color for all levels */
font-size: 1em; /* instead of the normal font size for */
margin: 0;
background-image:url(images/side-nav-roll-off.jpg);
background-repeat:no-repeat;
width:210px;
height:40px; /* as normally has some margin by default */
}
/*
next level current pages, more padding,
smaller font and no background color or bottom border
*/
div#menu_vert ul ul h3 {
font-size: 90%;
padding: 0.3em 0.5em 0.3em 2.8em;
background-position: 1.4em center;
background-color: transparent;
border-bottom: none;
color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
padding: 0.3em 0.5em 0.3em 4.3em;
background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center;
}
/* section header */
div#menu_vert li.sectionheader {
border-right: none;
font-size: 130%;
font-weight: bold;
padding: 1.5em 0 0.8em 0;
background-color: #fff;
line-height: 1em;
margin: 0;
text-align:center;
}
/* separator */
div#menu_vert li.separator {
height: 1px !important;
margin-top: -1px;
margin-bottom: 0;
padding:2px 0 2px 0;
background-color: #000;
overflow:hidden !important;
line-height:1px !important;
font-size:1px; /* for ie */
}
div#menu_vert li.separator hr {
display: none; /* this is for accessibility */
}
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#main dl dd {
margin: 0 0 1em 1em;
}
div#main dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}
/* LINKS */
a { color: #1d1b74; text-decoration: none; font-weight: bold; }
a:hover { color: #C2B0D6; text-decoration: none; font-weight: bold; }
#contentWrap {
}
#contentHeadings {
}
#contentHeadings h1,h2 {
color: #1d1b74;
font-size: 12px;
line-height: 25px;
}
#contentText {
}
#contentMainimgs {
margin-top: 25px;
margin-bottom:10px;
}
.padRight {
padding-right: 10px;
}
.padTop {
padding-top: 10px:
padding-right: 10px;
}
#leftText {
margin-top: 20px;
}
#rightImgs {
margin-top: 20px;
}
#leftText li {
color: #c2b0d6;
font-size: 14px;
font-weight: bold;
}
#contentBag1img {
margin-top: 25px;
margin-bottom:10px;
float: left;
}
#contentBag2img {
margin-top: 25px;
margin-bottom:10px;
float: center;
}
#contentBag3img {
margin-top: 25px;
margin-bottom:10px;
float: right;
}
#contentconatinerexpand { float:left; height:auto;}
.hideshowcontainer { float:left; margin-bottom:10px; margin-top:10px; }
/* Sub category Pages */
.subcategories {
float: left;
/* background-image:url(images/sub-cat-back.jpg); */
width: 200px;
height: 120px;
/* border:solid 1px #000066;
background-color:#999999; */
/* margin-left: 9px; */
/* margin-right: 3px;
margin-bottom:3px; */
padding:1px;
}
.subcategories img {
padding: 10px 10px 10px 10px;
}
.subcategories h3 a {
text-align:center;
/*vertical-align: middle;*/
color:#000000;
font-size:12px;
text-decoration:underline;
line-height:25px;
padding-bottom:10px;
}
.subcategories h3 a:hover {
text-align:center;
color:#000000;
}
.subcategories h3 a:active {
}
.subcategories h3 a:visited {
color: #000033;
}
#subcatmenu {
float: left;
margin-left:9px;
margin-top: 10px;
width: 680px;
/* height: 25px;
background-image:url(images/Best-Sellers.gif); */
}
#subcatmenu h4 {
padding-left:10px;
padding-top:2px;
color:#85989E;
font-family:Arial,Helvetica,sans-serif;
font-size:190%;
letter-spacing:-1px;
margin-bottom:1.4em;
}