@import url(/_ps/lightbox/css/jquery.lightbox.css);

* {
outline:none;
}

body {
margin:0px;
font-size:11px;
font-family:tahoma, arial, sans-serif;
background-repeat:repeat-x;
background-position:top;
color:#555555;
}

td, th {
font-size:11px;
font-family:tahoma, arial, sans-serif;
}

img {
border:0px;
}

h1 {
color:#003F70;
font-weight:normal;
font-size:22px;
margin:0px;
}

h2 {
color:#003F70;
font-weight:normal;
font-size:14px;
margin:20px 0px 2px 0px;
}

hr {
clear:left;
font-size:0px;
height:1px;
background-color:#FFFFFF;
border:0px;
border-bottom:1px solid #CCCCCC;
margin:10px 0px 20px 0px;
}

a, a:link, a:active, a:visited {
color:#E51937;
text-decoration:none;
}

a:hover {
color:#FF9999;
}

a.alt, a.alt:link, a.alt:active, a.alt:visited {
color:#003F70;
text-decoration:none;
line-height:16px;
}

a.alt:hover {
color:#33CCFF;
}

form {
margin:0px;
padding:0px;
}

select {
font-size:11px;
color:#555555;
}


#body {
background-image:url(/images/pagebg.gif);
background-repeat:no-repeat;
background-position:top center;
min-height:600px;
text-align:center;
}

#page {
width:980px;
margin:0px auto 0px auto;
text-align:left;
}


#logo {
position:absolute;
margin:12px 0px 0px 30px;
}

#tabs {
position:absolute;
width:950px;
}

#tabs .item {
float:right;
margin-left:2px;
}

#pagetitle {
position:absolute;
width:950px;
text-align:right;
padding-top:70px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
font-size:30px;
}

#header {
background-repeat:no-repeat;
background-position:top left;
background-color:#003F70;
height:116px;
}

#header .overlay {
background-image:url(/images/headeroverlay.png);
background-repeat:no-repeat;
background-position:top left;
height:116px;
}

#nav {
height:44px;
margin-top:-13px;
background-image:url(/images/navbg.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#nav .leftend {
height:44px;
width:5px;
float:left;
margin-right:10px;
background-image:url(/images/navend_left.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#nav .rightend {
height:44px;
width:5px;
float:right;
background-image:url(/images/navend_right.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

#nav .item {
padding:0px 2px 0px 2px;
height:44px;
line-height:57px;
overflow:hidden;
float:left;
}

#nav .item * {
color:#FFFFFF;
font-weight:bold;
font-family:tahoma;
text-decoration:none;
text-transform:uppercase;
}

#nav .itemon {
padding:0px 2px 0px 2px;
height:44px;
line-height:57px;
overflow:hidden;
float:left;
background-image:url(/images/navon_bg.png);
background-repeat:repeat-x;
background-position:top left;
}

#nav .itemon * {
color:#E51937;
font-weight:bold;
font-family:tahoma;
text-decoration:none;
text-transform:uppercase;
}

#nav .itemleft, #nav .itemright {
float:left;
width:12px;
height:44px;
}

#nav .itemonleft {
float:left;
width:12px;
height:44px;
background-image:url(/images/navon_left.png);
background-repeat:no-repeat;
background-position:bottom left;
}

#nav .itemonright {
float:left;
width:12px;
height:44px;
background-image:url(/images/navon_right.png);
background-repeat:no-repeat;
background-position:bottom left;
}


#nav .separator {
width:2px;
float:left;
height:31px;
margin:13px 0px 0px 0px;
background-image:url(/images/navseparator.gif);
background-repeat:repeat-y;
background-position:top left;
}

#nav .spacer {
width:2px;
float:left;
height:31px;
margin:13px 0px 0px 0px;
}

#navshadow {
height:12px;
background-image:url(/images/navshadow.gif);
background-repeat:no-repeat;
background-position:top left;
margin-top:7px;
}

#container {
clear:both;
}

#leftstrip {
width:203px;
min-height:500px;
float:left;
}

#content {
width:554px;
margin-left:10px;
min-height:500px;
padding-bottom:20px;
float:left;
overflow:hidden;
}

#widecontent {
width:910px;
margin-left:30px;
min-height:500px;
padding:15px 0px 20px 0px;
}

#rightstrip {
width:203px;
min-height:500px;
float:right;
}

.clear {
clear:both;
font-size:0px;
height:1px;
}

#footer {
margin-top:20px;
padding-bottom:40px;
background-image:url(/images/footerbg.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#footer .separator {
width:1px;
height:80px;
float:left;
border-left:1px solid #CCCCCC;
margin-top:30px;
}

#footer .block {
width:200px;
float:left;
margin:30px 20px 0px 20px;
}

#footer h4 {
font-size:13px;
margin:0px 0px 10px 0px;
color:#333333;
}

#footer a {
color:#0099CC;
text-decoration:none;
line-height:16px;
}

#footer a:hover {
text-decoration:underline;
}


.panel1, .panel2, .widepanel, .extrawidepanel {
margin-bottom:10px;
}

.panel1 .header {
height:38px;
overflow:hidden;
line-height:38px;
padding-left:10px;
background-image:url(/images/panel1_header.gif);
background-repeat:no-repeat;
background-position:top left;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
font-size:15px;
}

.panel1 .header *, .panel1 .header a:link, .panel1 .header:active, .panel1 .header a:visited {
color:#FFFFFF;
}

.panel1 .content {
padding:10px;
background-color:#E5E5E5;
}

.panel1 .base {
height:5px;
font-size:0px;
background-image:url(/images/panel1_base.gif);
background-repeat:no-repeat;
background-position:top left;
}

.panel1 .baselink {
height:31px;
background-image:url(/images/panel1_baselink.gif);
background-repeat:no-repeat;
background-position:top left;
line-height:31px;
padding-left:30px;
}

.panel1 .baselink a {
font-weight:bold;
color:#333333;
text-decoration:none;
}

.panel1 div.field {
width:169px;
height:21px;
margin-top:5px;
background-image:url(/images/panel1_field.gif);
background-repeat:no-repeat;
background-position:top left;
}

.panel1 input.field {
border:0px;
width:150px;
font-size:11px;
padding:0px;
margin:4px 0px 0px 10px;
}

.panel1 input.button, .panel1 img.button {
float:right;
margin:10px 0px 0px 0px;
}

.panel2 .header {
height:38px;
overflow:hidden;
line-height:38px;
padding-left:10px;
background-image:url(/images/panel2_header.gif);
background-repeat:no-repeat;
background-position:top left;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
font-family:tahoma, sans-serif;
font-size:15px;
}

.panel2 .header *, .panel2 .header a:link, .panel2 .header:active, .panel2 .header a:visited {
color:#FFFFFF;
}

.panel2 .content {
padding:10px;
background-color:#E51937;
}

.panel2 .base {
height:5px;
font-size:0px;
background-image:url(/images/panel2_base.gif);
background-repeat:no-repeat;
background-position:top left;
}

.panel2 div.field {
width:169px;
height:21px;
margin-top:5px;
background-image:url(/images/panel2_field.gif);
background-repeat:no-repeat;
background-position:top left;
}

.panel2 input.field {
border:0px;
width:150px;
font-size:11px;
padding:0px;
margin:4px 0px 0px 10px;
}

.panel2 input.button {
float:right;
margin:10px 15px 0px 0px;
}

.widepanel .header, .extrawidepanel .header {
height:33px;
line-height:33px;
padding-left:10px;
background-image:url(/images/wpanel1_header.gif);
background-repeat:no-repeat;
background-position:top left;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
font-family:tahoma, sans-serif;
font-size:15px;
}

.widepanel .header .link {
float:right;
padding-right:10px;
}

.widepanel .header .link a, .widepanel .header .link a:link, .widepanel .header .link a:active, .widepanel .header .link a:visited {
font-size:13px;
line-height:33px;
color:#FFFFFF;
}

.widepanel .content {
padding:10px;
background-image:url(/images/wpanel_content.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.extrawidepanel {
width:685px;
}

.extrawidepanel .content {
background-image:url(/images/extrawpanel_content.gif);
background-repeat:repeat-y;
background-position:top left;
}

.extrawidepanel div.base {
background-image:url(/images/extrawpanel_base.gif);
background-repeat:no-repeat;
background-position:top left;
height:5px;
font-size:0px;
}

.widepanel .carousel {
height:160px;
}

.widepanel .carousel li {
width:130px;
height:160px;
float:left;
}

.widepanel .nextlozenge {
position:absolute;
width:22px;
height:43px;
background:url(/images/nextlozenge.gif) no-repeat top right;
margin:60px 0px 0px 532px;
cursor:pointer;
}

.widepanel .prevlozenge {
position:absolute;
width:22px;
height:43px;
background:url(/images/prevlozenge.gif) no-repeat top right;
margin:60px 0px 0px 0px;
cursor:pointer;
z-index:999999;
}

.subnav {
height:25px;
overflow:hidden;
line-height:25px;
background-image:url(/images/subnav.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left:10px;
margin-top:1px;
cursor:pointer;
}

.subnav a, .subnav a:link, .subnav a:active, .subnav a:visited {
text-decoration:none;
color:#000000;
font-weight:bold;
}

.subnavon {
height:25px;
overflow:hidden;
line-height:25px;
background-image:url(/images/subnavon.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left:10px;
margin-top:1px;
cursor:pointer;
}

.subnavon a, .subnavon a:link, .subnavon a:active, .subnavon a:visited {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}


.pagination {
height:30px;
line-height:30px;
text-align:right;
padding:0px 8px 0px 8px;
background-color:#E5E5E5;
border-top:1px solid #CCCCCC;
}

.pagination *, .pagination a, .pagination a:link, .pagination a:active, .pagination a:visited {
margin-left:5px;
margin-right:5px;
color:#787878;
text-decoration:none;
}

.pagination .disabled {
color:#BBBBBB;
}

.pagination .current {
font-weight:bold;
color:#E51937;
text-decoration:underline;
}


.crumbs {
height:30px;
line-height:30px;
overflow:hidden;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
}

.crumbs .separator {
margin:0px 5px 0px 5px;
color:#787878;
}

.crumbs a, .crumbs a:link, .crumbs a:active, .crumbs a:visited {
color:#787878;
text-decoration:none;
font-size:12px;
}

.crumbs a.active {
color:#E51937;
}


.productleft {
width:270px;
float:left;
}

.productimages {
padding-bottom:30px;
}


/*------------------------- */

.productimages .jqzoom, .productimages .jqzoom_disabled {
background:url(/_ps/images/ajaxworking.gif);
background-repeat:no-repeat;
background-position:center;
width:250px;
height:250px;
float:left;
position:relative;
cursor:pointer;
}

.zoomshadow {
width:525px;
height:395px;
position:absolute;
margin:0px 0px 0px 260px;
background:url(/images/zoomshadow.png);
background-repeat:no-repeat;
background-position:top left;
display:none;
}

.zoomdiv {
z-index:100;
position:absolute;
top:0px;
left:0px;
width:200px;
height:200px;
background:#ffffff;
display:none;
text-align:center;
overflow:hidden;
border:1px solid #666666;
}

.jqZoomPup {
z-index:10;
visibility:hidden;
position:absolute;
top:0px;
left:0px;
width:50px;
height:50px;
border:1px solid #aaa;
background:#FFFFFF url(/images/zoom.gif) 50% top  no-repeat;;
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5;
filter:alpha(Opacity=50);
}


/*------------------------- */


.productimages .thumb {
background:url(/_ps/images/ajaxworking.gif);
background-repeat:no-repeat;
background-position:center;
width:75px;
height:75px;
float:left;
border:1px solid #CCCCCC;
margin:10px 10px 0px 0px;
cursor:pointer;
}

.activethumb {
width:75px;
height:75px;
position:absolute;
}

.activethumb div {
padding:58px 0px 0px 58px;
}

.activethumb img {
width:16px;
height:16px;
}

.quickcart {
clear:left;
width:233px;
background-color:#E5E5E5;
}

.quickcart .top {
height:5px;
background-image:url(/images/cartpaneltop.gif);
background-repeat:no-repeat;
background-position:top left;
}

.quickcart form {
padding:10px;
margin:0px;
}

.quickcart .label {
float:left;
clear:left;
width:70px;
font-weight:bold;
height:20px;
line-height:20px;
padding-top:5px;
}

.quickcart div.field {
float:left;
width:130px;
padding-top:5px;
}

.quickcart input.field, .quickcart select.field {
width:120px;
}

.quickcart .button {
clear:both;
margin:10px 0px 0px 70px;
}

.quickcart .bottom {
height:5px;
font-size:0px;
background-image:url(/images/cartpanelbottom.gif);
background-repeat:no-repeat;
background-position:top left;
}

.productright {
width:280px;
float:right;
}

.grid {
margin-top:10px;
width:100%;
}

.grid tr.header {
background-color:#CCD9E2;
}

.grid th {
padding:5px;
color:#003F70;
font-weight:normal;
text-align:left;
line-height:35px;
border-bottom:1px solid #CCCCCC;
vertical-align:top;
}

.grid td {
padding:5px;
color:#555555;
border-bottom:1px solid #CCCCCC;
vertical-align:top;
}

.grid td.label {
font-weight:bold;
padding-right:20px;
white-space:nowrap;
line-height:20px;
width:100px;
}

.grid td.field {
vertical-align:top;
}


.grid tr.footer td {
border-bottom:0px;
}

.grid .input, .grid .errorinput {
background-color:#F8F8F8;
border:1px solid #CCCCCC;
font-family:tahoma, arial, sans-serif;
font-size:12px;
color:#555555;
width:200px;
padding:2px;
}

.grid .errorinput {
background-color:#FCD7D7;
}

.row {
background-color:#DBE4EB;
}

.rowon {
background-color:#EDF1F5;
}


div.error {
font-size:10px;
font-weight:bold;
color:#E51937;
padding:9px 10px 10px 25px;
background-image:url(/images/error.gif);
background-repeat:no-repeat;
background-position:5px 7px;
border:1px dotted #888888;
background-color:#FCD7D7;
margin:10px 0px 10px 0px;
}

div.info {
color:#3C5893;
font-weight:bold;
line-height:20px;
padding:5px 10px 5px 25px;
background-image:url(/images/info.gif);
background-repeat:no-repeat;
background-position:5px 7px;
border:1px solid #B8CDE6;
background-color:#E3EAF3;
margin:10px 0px 10px 0px;
}


#storemap {
width:295px;
height:295px;
float:right;
overflow:hidden;
}

.glossaryterm, .glossaryterm:link, .glossaryterm:active, .glossaryterm:visited {
color:#E51937;
border-bottom:1px dotted #003F70;
padding-right:13px;
margin-right:2px;
background-image:url(/images/glossary.gif);
background-position:right center;
background-repeat:no-repeat;
}

.glossaryterm:hover {
color:#FF9999;
border-bottom:1px dotted #FFFFFF;
}


#cartsteps {
margin-left:750px;
position:absolute;
}

#cartsteps div {
float:left;
margin-top:-5px;
margin-right:2px;
}


.tabset {
margin-top:0px;
height:26px;
background-image:url(/images/tabset.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.tabon {
float:left;
height:25px;
overflow:hidden;
padding:0px 15px 0px 15px;
line-height:24px;
border:1px solid #CCCCCC;
border-bottom:0px;
background-color:#FFFFFF;
}

.tabon a {
font-size:12px;
color:#000000;
}

.tab {
float:left;
height:24px;
overflow:hidden;
padding:0px 15px 0px 15px;
line-height:24px;
border:1px solid #E5E5E5;
border-bottom:0px;
background-color:#E5E5E5;
}

.tab a {
font-size:12px;
color:#0099CC;
text-decoration:underline;
}

.tabcontent {
clear:both;
padding:10px 15px 15px 15px;
border:1px solid #CCCCCC;
border-top:0px;
}

#tooltip {
position:absolute;
width:200px;
background-color:#FCF9B4;
border:1px solid #888888;
padding:5px;
}

#tooltip * {
font-weight:normal;
font-size:11px;
margin:0px;
paddign:0px;
}



.productright ul {
margin:0px;
padding-left:15px;
}

.productright li {
padding:5px 0px 0px 0px;
}

.contentheader {
padding-bottom:10px;
}

.contentheader img {
width:554px;
height:200px;
}

.brand {
text-align:center;
padding:5px 0px 10px 0px;
}

.helplink {
clear:both;
position:absolute;
height:25px;
padding-left:30px;
background-image:url(/images/helpicon.gif);
background-repeat:no-repeat;
background-position:10px 0px;
margin-top:9px;
font-weight:bold;
}


.girly {
color:#FF55AA;
}

#categoryicon {
float:left;
width:75px;
height:75px;
border:1px solid #DDDDDD;
background-image:url(/categories/noimage.gif);
background-repeat:no-repeat;
background-position:center;
margin:0px 20px 20px 0px;
}

.icon {
width:16px;
height:16px;
background-repeat:no-repeat;
background-position:top left;
}

.flipbutton {
height:30px;
background-repeat:no-repeat;
background-position:top left;
}


#colourlabel {
position:absolute;
z-index:9;
height:19px;
line-height:19px;
overflow:hidden;
margin-top:231px;
margin-left:0px;
color:#888888;
background-image:url(/images/colourlabel.png);
background-repeat:repeat;
background-position:top left;
padding:0px 5px 0px 5px;
color:#666666;
}

.sortstring {
padding-bottom:10px;
}

.sortstring span {
line-height:20px;
}


#categorylinks {
margin:0px 0px 20px 0px;
}

.categorylink {
float:left;
width:106px;
height:106px;
margin-top:6px;
background-image:url(/images/subnavbg.gif);
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
}

.categorylink .image {
height:65px;
margin-top:5px;
background-position:center;
background-repeat:no-repeat;
}

.categorylink .label {
font-size:13px;
width:95px;
height:33px;
overflow:hidden;
margin-left:5px;
text-align:center;
}

.categorylink .label * {
line-height:16px;
}


#slideshow {
margin:0px;
width:550px;
height:550px;
border:1px solid #CCCCCC;
}

#slideshow li {
width:550px;
height:550px;
}

#slideshownote {
text-align:center;
color:#888888;
font-style:italic;
height:20px;
}

#caption {
margin:3px 0px 10px 0px;
text-align:center;
font-style:italic;
height:40px;
}

#ss_next {
float:right;
clear:right;
font-weight:bold;
}

#ss_prev {
float:left;
clear:left;
font-weight:bold;
}


#giftmessage {
display:none;
float:left;
padding:0px 0px 0px 20px;
margin-left:20px;
font-weight:bold;
background-repeat:no-repeat;
background-position:left center;
line-height:20px;
}


#pselector {
height:112px;
background:#FFFFFF url(/images/pselectorpanel.jpg) no-repeat top left;
margin-bottom:10px;
}

#pselector select {
width:130px;
margin:68px 0px 0px 23px;
}

#pselector input {
position:absolute;
margin:66px 0px 0px 158px;
}

.ratingstars {
float:left;
height:18px;
width:90px;
background:#FFFFFF url(/images/ratingstars.gif) repeat-x 0px -18px;
margin-right:20px;
}

.redstars {
float:left;
height:18px;
background:#FFFFFF url(/images/ratingstars.gif) repeat-x 0px 0px;
}



.jcarousel-container {
position:relative;
}

.jcarousel-clip {
z-index:2;
padding:0;
margin:0;
overflow:hidden;
position:relative;
}

.jcarousel-list {
z-index:1;
overflow:hidden;
position:relative;
top:0;
left:0;
margin:0;
padding:0;
}

.jcarousel-list li,
.jcarousel-item {
float:left;
list-style:none;
width:75px;
height:75px;
}


.jcarousel-next {
z-index:3;
display:none;
width:22px;
height:43px;
background:url(/images/nextlozenge.gif) no-repeat top right;
position:absolute;
margin:60px 0px 0px 522px;
cursor:pointer;
}

.jcarousel-prev {
z-index:3;
display:none;
width:22px;
height:43px;
background:url(/images/prevlozenge.gif) no-repeat top right;
position:absolute;
margin:60px 0px 0px -10px;
cursor:pointer;
}


.minizoompan 
{
background: #fff;
position: relative; /* always set to relative or offset() won't work */
border: 1px solid lightgray;
padding: 0;
margin: 0;
}

.minizoompan span.loader { /* the loader label*/
position:absolute;
left:0;
top:0;
z-index: 1;
display: none;
color: #000;
background: #fff;
font: normal 9px Arial, Verdana;
padding: 3px;
}