/* HTML5 ✰ Boilerplate */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.link-arrow-pink {
background:url(../images/layout/icon-arrow-pink.gif) right 4px no-repeat;
padding-right:13px;
color:#EC008C !important;
font-size:14px;
}
/* Primary Styles
Author:
*/
/* BASE: Default font & colour styles
-------------------------------------------------- */
body {
font:normal normal 62.5%/1.3 Arial, Helvetica, sans-serif; /* 10px */
background:#FFFFFF url(../images/body-bg.jpg) center top repeat-x;
text-align:center;
color:#454545;
}
#container {
text-align:left;
margin:0 auto;
width:;
}
/* TYPOGRAPHY: Headings, paragraphs & links
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px;
font-weight:normal;
}
h1 {
padding:0;
font-size:8.5em;
line-height:0.8em;
}
h2 {
font-size:2em;
line-height:1.1em;
}
h3 {
font-size:1.7em;
}
h4 {
font-size:1.5em;
}
h5 {
font-size:1.3em;
}
h6 {
font-size:1.2em;
}
p {
font-size:1.2em;
line-height:1.3em;
margin:0 0 10px;
}
.text-lrg {
font-size:1.4em;
line-height:1.4em;
}
.col-pink,
.col-pink a {
color:#EC008C !important;
}
.col-blue {
color:#006D99 !important;
}
.col-yellow {
color:#EC008C !important;
}
.hide {
display:none;
}
.align-r {
text-align:right;
}
.align-c {
text-align:center;
}
.float-l {
float:left;
}
.float-r {
float:right !important;
}
.margin-0 {
margin:0 !important;
}
.border-b {
border-bottom:1px solid #CCCCCC;
padding:0 0 15px;
}
.border-t {
border-top:1px solid #CCCCCC;
padding:15px 0 0;
margin:20px 0 0;
}
a {
text-decoration:none;
color:#EC008C;
}
a:hover {
text-decoration:underline;
}
/* LISTS: General content copy lists
-------------------------------------------------- */
ul, ol {
list-style:none;
font-size:1.2em;
}
/* BUTTONS: reusable button styles for forms, etc
-------------------------------------------------- */
/* ACCESSIBILITY LINKS: Skip links
-------------------------------------------------- */
ul.accessibility {
position:absolute;
top:0;
left:0;
width:300px;
margin:0;
padding:0;
list-style:none;
z-index:1000;
}
ul.accessibility li a {
position:absolute;
top:-1000px;
left:-1000px;
background-color:#333;
border:1px solid #666;
font-size:1.166em;
font-weight:bold;
color:white;
}
ul.accessibility li a:focus {
position:absolute;
top:10px;
left:20px;
}
/* HEADER:
-------------------------------------------------- */
#header {
height:125px;
position:relative;
}
#header #logo {
padding-top:13px;
}
#header #logo a {
/*background:url("../images/site-logo.gif") left top no-repeat;*/
background:url("../images/logo.png") left top no-repeat;
height:100px;
width:263px;
display:block;
text-indent:-200000px;
overflow:hidden;
}
#header #contact {
position:absolute;
top:20px;
right:15px;
color:#DEDEDE;
z-index:100;
}
#header #contact p {
float:left;
margin:0 0 0 20px;
background:left center no-repeat;
padding:2px 0;
font-size:1.4em;
}
#header #contact p span {
display:none;
}
#header #contact .icon-phone {
background-image:url(../images/layout/icon-phone.gif);
padding-left:22px;
}
#header #contact .icon-email {
background-image:url(../images/layout/icon-email.gif);
background-position:left 6px;
padding-left:25px;
}
#header #contact a {
color:#DEDEDE;
}
#header #contact a:hover {
text-decoration:none;
color:#EC008C;
}
/* NAVIGATION: main navigation
-------------------------------------------------- */
#nav-primary {
padding-top:87px;
}
#nav-primary ul {
font-size:1.8em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
float:right;
padding-right:5px;
}
#nav-primary ul li {
display:block;
float:left;
padding-right:25px;
}
#nav-primary ul li.last-child {
padding-right:0;
}
#nav-primary ul li a {
color:#FFFFFF;
display:block;
padding-top:3px;
padding-left:5px;
}
/* Cufon style adjustments */
.cufon-ready #nav-primary a { font-size:1.1em; padding-top:0; padding-left:4px; }
.cufon-loading #nav-primary a { visibility:hidden !important;}
#nav-primary ul li.selected a,
#nav-primary ul li a:hover {
text-decoration:none;
color:#EC008C;
/*color:#43CBFE;
color:#00ADEF;*/
}
/* PRODUCT NAV: Product navigation
-------------------------------------------------- */
#nav-product-container {
height:45px;
position:relative;
z-index:1000;
}
#nav-product {
background:url(../images/layout/nav-products-btm.png) left bottom no-repeat transparent;
padding:0 0 9px;
position:absolute;
z-index:1000;
top:0;
left:0;
width:220px;
height:36px;
overflow:hidden;
-moz-box-shadow: 2px 2px 5px #999999; /* Firefox */
-webkit-box-shadow: 2px 2px 5px #999999; /* Safari, Chrome */
box-shadow: 2px 2px 5px #999999; /* CSS3 */
-moz-border-radius: 9px; /* Firefox */
-webkit-border-radius: 9px; /* Safari, Chrome */
border-radius: 9px; /* CSS3 */
}
.open #nav-product {
-moz-box-shadow: 2px 2px 5px #333333; /* Firefox */
-webkit-box-shadow: 2px 2px 5px #333333; /* Safari, Chrome */
box-shadow: 2px 2px 5px #333333; /* CSS3 */
}
.ie6 #nav-product {
background-image:url(../images/layout/nav-products-btm.jpg);
background-position:left bottom !important
}
#nav-product h1 {
background:url(../images/layout/nav-products-top.jpg) left top no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:-0.02em;
font-size:1.9em;
color:#FFFFFF;
margin:0;
height:36px;
line-height:44px;
}
/* Cufon style adjustments */
.cufon-ready #nav-product h1 { font-size:2em; line-height:40px; letter-spacing:0; }
.cufon-loading #nav-product h1 { visibility:hidden !important;}
#nav-product h1 a {
display:block;
color:#FFFFFF;
padding:0 0 0 19px;
background:url(../images/layout/icon-arrow-toggle-wht.png) 193px 18px no-repeat;
}
.open #nav-product h1 a {
background-position:191px -43px;
}
#nav-product h1 a:hover {
text-decoration:none;
}
#nav-product ul {
display:;
margin:0;
padding:8px 15px 1px;
font-size:1.4em;
}
#nav-product ul li {
display:block;
margin:0 0 5px;
padding:0 6px 5px;
border-bottom:1px solid #A60064;
}
#nav-product ul li.last-child {
padding-bottom:0;
border-bottom:0;
}
#nav-product ul li a {
color:#FFFFFF;
}
#nav-product ul li a:hover {
text-decoration:none;
color:#FFFFFF;
}
/* PANELS: Right hand side panels
-------------------------------------------------- */
.panel {
margin-bottom:15px;
-moz-box-shadow: 2px 2px 5px #bbbbbb;
-webkit-box-shadow: 2px 2px 5px #bbbbbb;
box-shadow: 2px 2px 5px #bbbbbb;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}
.panel a,
.panel img {
display:block;
}
#panel-basket {
background:url(../images/layout/box-grey-top.gif) left top no-repeat;
padding:11px 0 0;
}
#panel-basket .panel-inner {
background:url(../images/layout/box-grey-btm.gif) left bottom no-repeat;
padding:0 1px 11px;
}
#panel-basket #basket-top {
background:url(../images/layout/icons/icon-basket.gif) 10px 0 no-repeat;
padding:0 0 0 70px;
min-height:50px;
}
.ie6 #panel-basket #basket-top {
height:50px;
}
#panel-basket h1 {
font-size:1.6em;
margin:0;
padding:9px 0 6px;
}
#panel-basket h2 {
font-size:1.2em;
margin:0;
padding:0 0 0 2px;
}
#panel-basket ul {
font-size:1em;
margin:10px 0 0;
padding:0 10px 0;
background:#DEDEDE;
}
#panel-basket ul li {
padding:8px 0 8px;
border-bottom:1px solid #eee;
}
#panel-basket ul li.last-child {
border-bottom:0;
}
#panel-basket ul li h3 {
float:left;
width:133px;
margin:0;
font-size:1.2em;
font-weight:normal;
}
#panel-basket ul li h4 {
float:left;
width:65px;
margin:0;
text-align:right;
font-size:1.2em;
font-weight:normal;
}
#panel-basket ul li a {
}
#panel-basket p {
padding:10px 15px 5px;
margin:0;
font-size:1.3em;
}
#panel-basket #cta-pay {
font-size:1.6em;
text-align:right;
display:block;
padding:10px 30px 0 0;
background:url(../images/layout/icon-arrow-pink.gif) 199px 16px no-repeat;
}
.panel form {
margin:0;
padding:0 0 0 12px;
}
.panel form label.error {
display:none !important;
}
.panel form label.lbl-error {
color:#D2198E !important;
}
.panel form .text {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #AAAAAA;
font-size:1.2em;
padding:5px 5px;
margin:0;
float:left;
display:block;
color:#333333;
width:99px;
font-family:Arial, Helvetica, sans-serif;
}
.panel form input.error {
border-color:#D2198E !important;
background-color:#FAE8F3 !important;
}
.panel form .submit-btn {
float:left;
display:block;
position:relative;
top:-1px;
margin:0 0 0 8px;
}
#panel-order_status {
background:url(../images/layout/box-grey-top.gif) left top no-repeat;
padding:11px 0 0;
}
#panel-order_status .panel-inner {
background:url(../images/layout/box-grey-btm.gif) left bottom no-repeat;
padding:0 1px 11px;
}
#panel-order_status .inner-top {
background:url(../images/layout/icon-status_check.gif) 10px 0 no-repeat;
padding:0 0 0 70px;
position:relative;
}
.ie6 #panel-order_status .inner-top,
.ie7 #panel-order_status .inner-top {
height:64px;
}
#panel-order_status h1 {
font-size:1.6em;
margin:0;
padding:3px 0 6px;
color:#006D99;
}
#panel-order_status p {
font-size:1.1em;
line-height:1.2em;
margin:0 0 15px;
}
#panel-order_status form {
position:relative;
}
#panel-order_status form label {
display:block;
font-size:1.2em;
position:absolute;
top:6px;
left:20px;
color:#666;
cursor:text;
}
.no-js #panel-order_status form label {
display:block;
position:relative;
top:0;
left:0;
color:#444;
margin:0 0 2px 4px;
}
#panel-customers {
background-color:#292929;
-moz-border-radius: 10px;
border-radius: 10px;
width: 210px;
height: 254px;
margin-bottom: 10px;
padding: 5px;
}
#panel-customers #pc-top {
width: 156px;
margin-left:auto;
margin-right:auto;
}
#panel-customers #pc-image {
width: 186px;
margin-left:auto;
margin-right:auto;
}
#panel-newsletter {
padding:36px 0 0;
position:relative;
background:url(../images/layout/fullbox-blue-top.png) left top no-repeat;
}
#panel-newsletter .panel-inner {
background:url(../images/layout/fullbox-blue-btm.png) left bottom no-repeat;
padding:0 0 9px;
margin:0 0 0;
}
#panel-newsletter h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:-0.02em;
font-size:1.9em;
color:#FFFFFF;
margin:0;
padding:0 0 0 19px;
height:36px;
line-height:44px;
cursor:pointer;
position:absolute;
top:0;
width:195px;
}
/* Cufon style adjustments */
.cufon-ready #panel-newsletter h1 { font-size:2em; line-height:40px; letter-spacing:0; }
.cufon-loading #panel-newsletter h1 { visibility:hidden !important;}
#panel-newsletter h1 span {
display:block;
background:url(../images/layout/icon-arrow-toggle-wht.png) 174px 18px no-repeat;
}
#panel-newsletter h1.open span {
background-position:172px -43px;
}
.no-js #panel-newsletter h1 {
cursor:default;
}
#panel-newsletter #newsletter-frm {
height:0;
overflow:hidden;
display:none;
padding-left:18px;
}
.ie7 #panel-newsletter #newsletter-frm {
position:relative !important;
}
#panel-newsletter #newsletter-frm .row {
margin:10px 0 0;
position:relative;
}
#panel-newsletter #newsletter-frm label {
display:block;
font-size:1.2em;
position:absolute;
top:6px;
left:9px;
color:#777;
cursor:text;
}
.no-js #panel-newsletter #newsletter-frm label {
display:block;
color:#fff;
position:relative;
top:0;
left:0;
margin:0 0 2px 2px;
}
#panel-newsletter #newsletter-frm .text {
border-color:#fff;
width:172px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#panel-newsletter #newsletter-frm .submit-btn {
float:right;
right:19px;
top:0;
margin:5px 0 0;
}
#panel-news {
position:relative;
}
#panel-news h1 {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0 0 15px;
padding:15px 0;
font-size:1.9em;
}
#panel-news #rss-feed {
position:absolute;
top:11px;
right:0;
display:block;
text-indent:-20000px;
overflow:hidden;
width:28px;
height:28px;
background:url(../images/layout/icons/rss-feed-sml.jpg) left top no-repeat;
}
#panel-news .news-listing {
margin:0;
padding:0;
font-size:1em;
}
#panel-news .news-listing li {
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px solid #dedede;
}
#panel-news .news-listing li h2 {
font-size:1.4em;
margin:0;
}
#panel-news .news-listing li h4 {
font-size:1.2em;
color:#787878;
margin:1px 0;
}
#panel-news .news-listing li p {
font-size:1.3em;
margin:0;
}
#panel-news a.cta {
font-size:1.3em;
display:block;
text-align:right;
padding:0 15px 0 0;
margin:0 0 0 0;
bottom:0;
right:10px;
text-decoration:none;
background:url(../images/layout/icon-arrow-blue.gif) right 7px no-repeat;
}
/* MAIN: Main content area
-------------------------------------------------- */
#main {
padding:15px 0 50px;
min-height:575px;
}
.ie6 #main {
height:660px;
}
#main a {
color:#006D99;
}
.ie6 #content h1.header,
.ie6 #content h2.header { height:100px; }
#content h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top:26px;
letter-spacing:-0.04em;
}
#content h2.ignore { font-family:Arial, Helvetica, sans-serif; }
/* Cufon style adjustments */
.cufon-ready #content h2 { margin-top:25px; letter-spacing:0; }
.cufon-loading #content h2 { visibility:hidden !important;}
#content h2 a{ color:#454545 }
#content h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content h3.ignore { font-family:Arial, Helvetica, sans-serif; }
/* Cufon style adjustments */
.cufon-ready #content h3 { }
.cufon-loading #content h3 { visibility:hidden !important;}
#content h1.header,
#content h2.header {
font-weight:bold;
font-size:6.3em;
color:#006D99;
margin:-15px 0 20px;
padding:6px 150px 15px 0;
min-height:100px;
border-bottom:1px solid #CCCCCC;
text-transform:uppercase;
line-height:1.1em;
letter-spacing:-0.08em;
font-family:"Arial Black", Gadget, sans-serif;
}
#content h1.ignore,
#content h2.ignore { font-family:Arial, Helvetica, sans-serif; }
/* Cufon style adjustments */
.cufon-ready #content h1.header,
.cufon-ready #content h2.header { font-size:7em; letter-spacing:0; padding-top:10px; padding-bottom:10px; line-height:0.7em; }
.cufon-loading #content h1.header,
.cufon-loading #content h2.header { visibility:hidden !important;}
#content ul.list{
list-style:disc;
color:#006085;
margin:10px 20px
}
#content ul.list li{
margin:10px 0
}
#content ul.list li strong{
color:#006085;
font-weight:normal
}
#content ul.list li span{
color:#333333
}
#content ul.pagination {
margin:0;
}
#content ul.pagination li.first,
#content ul.pagination li.last,
#content ul.pagination li {
display:none;
}
#content ul.pagination li.next,
#content ul.pagination li.prev {
display:block;
float:left;
}
#content ul.pagination li.next {
display:block;
float:right;
}
/* BREADCRUMB: Breadcrumb trail
-------------------------------------------------- */
#breadcrumb {
padding:0 0 15px;
font-size:1.1em;
position:relative;
z-index:10;
}
#breadcrumb li {
display:block;
float:left;
color:#006D99;
}
#breadcrumb li a {
color:#454545;
padding:0 9px 0 0;
margin:0 6px 0 0;
display:block;
background:url(../images/layout/icon-divider.gif) right 3px no-repeat;
}
#breadcrumb li a:hover {
text-decoration:none;
color:#006D99;
}
/* FOOTER: Footer section
-------------------------------------------------- */
#footer{
padding:15px 0 40px;
border-top:1px solid #CCCCCC
}
#footer #copy{color:#777777;font-size:1.1em;}
#location-nav{
border-bottom:1px solid #CCCCCC;
margin:0 0 20px;
padding:0 0 16px;
}
#location-nav h2{
font-size:1.4em;
margin:0 0 15px;
}
.cufon-ready #location-nav h2 { font-size:1.8em; }
#location-nav ul{
font-size:1.3em;
}
#location-nav ul li{
margin:0 0 4px 20px;
}
#location-nav ul li.alpha{
margin-left:0;
}
#location-nav a{
color:#666;
}
#location-nav a:hover {
color:#EC008C;
text-decoration:none;
}
#location-nav p{
margin:10px 0 0;
font-weight:bold;
}
#footer-nav h2{
font-size:1.4em;
}
/* Cufon style adjustments */
.cufon-ready #footer-nav h2 { font-size:1.6em; }
.cufon-loading #footer-nav h2 { visibility:hidden !important;}
#footer-nav ul{
margin:0 0 20px;
font-size:1.3em;
}
#footer-nav ul.header-spacer{margin-top:27px}
#footer-nav ul li {
margin:0 0 4px;
}
#footer-nav ul li a {
color:#666;
}
#footer-nav ul li a:hover {
color:#EC008C;
text-decoration:none;
}
#footer ul.social {
float:right;
}
#footer ul.social li {
float:left;
margin:0 0 0 5px;
display:block;
}
#footer ul.social li a {
display:block;
height:19px;
width:19px;
text-indent:-200000px;
overflow:hidden;
}
#footer ul.social li.fb a {
background-image:url(/assets/images/layout/icon-footer-fb.gif);
}
#footer ul.social li.twitter a {
background-image:url(/assets/images/layout/icon-footer-twitter.gif);
}
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
}
@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}