div.msgBox
{
    padding: 4px 10px 4px 10px;
    position: fixed;
    z-index: 1000;
    font-family:Verdana;
    width: 430px;
    min-height:160px;
    color: #00335e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 11px #000000;
    -webkit-box-shadow: 0px 0px 11px #000000;
    box-shadow: 0px 0px 11px #000000;
}
div.msgBoxBackGround
{
    top:0;
    left:0;
    position:absolute;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.9;
    z-index:999;
}
div.msgBoxTitle
{
    padding:5px 0 5px 0;
    font-variant:small-caps;
    font-size:18px;
    font-weight:lighter;
    color:#00335e;
    width:100%;
    border-bottom : 1px solid #002c5f;
}
div.msgBoxImage
{
    margin:20px 5px 0 5px;
    display:inline-block;
    float:left;
    height:75px;
    width:75px;
}
div.msgBoxImage img
{
    height:75px;
    width:75px;
}
div.msgBoxContent
{
    font-size:11pt;
    margin:0 3px 6px 3px;
    display:inline-block;
    float:left;
    height:auto;
    width:319px;
}
div.msgBoxContent p
{
    padding:0;
    margin:0;
    display: table;
    height: 100%;
    width: 100%;
}

div.msgBoxContent span 
{
    display: table-cell;
    vertical-align: middle;
    color: #00335e;
}

div.msgBoxButtons
{
    display:inline-block;
    width:100%;
    text-align:right;
}
div.msgBoxButtons input[type='button']
{
    cursor:pointer;
    margin:2px;
    height:35px;
    width:90px;
    border:1px solid #AFAFAF;
    background-color:#004076;
    color:#FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div.msgBoxButtons input[type='button']:hover
{
    background-color:#00549c;
    color:White;
}
div.msgBoxButtons input[type='button']:active
{
    background-color:#AAAAAA;
    color:White;
}

div.msgBoxInputs
{
    margin:0 auto;
    padding-top:2px;
    padding-bottom:2px;
    margin-top:5px;
    width:195px;
}
div.msgInput input[type='text'],div.msgInput input[type='password']
{
    padding:4px;
    border:1px solid #DFDFDF;
    color:#2f2f2f;
    width:180px;
}
div.msgInput text
{
    color:#2f2f2f;
    font-size:10pt;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.jcarousel-skin .jcarousel-container
{
    background: #fff;
    border: 1px solid #346F97;
}

.jcarousel-skin .jcarousel-direction-rtl
{
    direction: rtl;
}

.jcarousel-skin .jcarousel-container-horizontal
{
    width: 440px;
    padding: 10px 40px;
}

.jcarousel-skin .jcarousel-container-vertical
{
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin .jcarousel-clip
{
    overflow: hidden;
}

.jcarousel-skin .jcarousel-clip-horizontal
{
    border: solid 1px;
    width: 436px;
    height: 75px;
}

.jcarousel-skin .jcarousel-clip-vertical
{
    width: 75px;
    height: 245px;
}

.jcarousel-skin .jcarousel-item
{
    width: 75px;
    height: 75px;
}

.jcarousel-skin .jcarousel-item-horizontal
{
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal
{
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin .jcarousel-item-vertical
{
    margin-bottom: 10px;
}

.jcarousel-skin .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal
{
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/csi/3276800/1001/i/sys/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal
{
    left: 5px;
    right: auto;
    background-image: url('/csi/3276800/1001/i/sys/prev-horizontal.png');
}

.jcarousel-skin .jcarousel-next-horizontal:hover, .jcarousel-skin .jcarousel-next-horizontal:focus
{
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:active
{
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal
{
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/csi/3276800/1001/i/sys/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal
{
    left: auto;
    right: 5px;
    background-image: url('/csi/3276800/1001/i/sys/next-horizontal.png');
}

.jcarousel-skin .jcarousel-prev-horizontal:hover, .jcarousel-skin .jcarousel-prev-horizontal:focus
{
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active
{
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin .jcarousel-next-vertical
{
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/csi/3276800/1001/i/sys/next-vertical.png') no-repeat 0 0;
}

.jcarousel-skin .jcarousel-next-vertical:hover, .jcarousel-skin .jcarousel-next-vertical:focus
{
    background-position: 0 -32px;
}

.jcarousel-skin .jcarousel-next-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin .jcarousel-next-disabled-vertical, .jcarousel-skin .jcarousel-next-disabled-vertical:hover, .jcarousel-skin .jcarousel-next-disabled-vertical:focus, .jcarousel-skin .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin .jcarousel-prev-vertical
{
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('/csi/3276800/1001/i/sys/prev-vertical.png') no-repeat 0 0;
}

.jcarousel-skin .jcarousel-prev-vertical:hover, .jcarousel-skin .jcarousel-prev-vertical:focus
{
    background-position: 0 -32px;
}

.jcarousel-skin .jcarousel-prev-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin .jcarousel-prev-disabled-vertical, .jcarousel-skin .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}
/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url('/csi/622592/688129/i/bdr/border-anim-v.gif') repeat-y left top;
}

.imgareaselect-border2 {
    background: url('/csi/622592/688129/i/bdr/border-anim-h.gif') repeat-x left top;
}

.imgareaselect-border3 {
    background: url('/csi/622592/688129/i/bdr/border-anim-v.gif') repeat-y right top;
}

.imgareaselect-border4 {
    background: url('/csi/622592/688129/i/bdr/border-anim-h.gif') repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-outer {
	background-color: #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-selection {
}
@charset 'UTF-8';
/*
 * jQuery File Upload UI Plugin CSS 5.0.6
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */

/*.fileupload-buttonbar .ui-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}
*/
.fileinput-button {
  overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button {
  padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
  padding: 2px 0;
}

.fileupload-buttonbar {
  padding: 0.2em 0.4em;
}

.fileupload-buttonbar .ui-button {
  vertical-align: middle;
}

.fileupload-content {
  padding: 0.2em 0.4em;
  border-top-width: 0;
}

.fileupload-content .ui-progressbar {
  width: 200px;
  height: 20px;
}

.fileupload-content .ui-progressbar-value {
  background: url(/images/pbar-ani.gif);
}

.fileupload-content .fileupload-progressbar {
  width: 400px;
  margin: 10px 0;
}

.files {
  margin: 10px 0;
  border-collapse: collapse;
}

.files td {
  padding: 5px;
  border-spacing: 5px;
}

.files img {
  border: none;
}

.files .name {
  padding: 0 10px;
}

.files .size {
  padding: 0 10px 0 0;
  text-align: right;
  white-space: nowrap;
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}
/***********************************************************************/
/* The Discovery Store                                                 */
/***********************************************************************/
/* JQuery Nav menu                                                     */
/***********************************************************************/

#pt .dept .bt, #pt .dept .bb
{
    display: none;
}

#pt .dept .bc
{
    float: left;
    background-color: #ffffff;
}

#pt .dept ul
{
    float: left;
    width: 980px;
    padding: 3px 0px 0px 0px;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 1001;
}

#jnav li
{
    float: left;
}

/***********************************************************************/
/* Tabs                                                                */
/***********************************************************************/

#jnav li.nav, #jnav li.navcurr
{
	height:38px;
}

#jnav li.nav a
{
    display: block;
    padding: 12px 20px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#jnav li.nav a:hover
{
    background-color: #cccccc;
    padding: 12px 20px;
}

#jnav li.navcurr a
{
    display: block;
    padding: 12px 20px;
    color: #DC1D8C;
    font-weight: bold;
    text-decoration: none;
}

#jnav li.navcurr a:hover
{
    color: #000;
}

#jnav .navleft, #jnav .navright, #jnav .navleftcurr, #jnav .navrightcurr
{
    display: none;
}

/***********************************************************************/
/* Drop down                                                           */
/***********************************************************************/
#jnav li.nav ul.snav, #jnav li.navcurr ul.snav
{
    position: absolute;
    display: none;
    visability: hidden;
    width: 182px;
    top: 42px;
    padding: 0px 2px 2px 2px;
    background-color: #cccccc;
    filter: alpha(opacity=90);
    opacity: 0.9;
    background-image:none;

}

#jnav li.nav ul.snav li, #jnav li.navcurr ul.snav li
{
    position: relative;
    margin: 0px;
    border: none;
    padding: 0px;
    background-image:none;
}

#jnav li.nav ul.snav li a, #jnav li.navcurr ul.snav li a
{
    width: 174px;
    height: auto;
    color: #333333;
    padding: 4px 4px 4px 4px;
    background-color: #cccccc;
    font-size:12px;
    background-image:none;
    z-index: 1000001 !important;

}

#jnav li.nav ul.snav li a:hover, #jnav li.navcurr ul.snav li a:hover
{
    color: #DC1D8C;
    background-image:none;
}

#jnav ul ul
{
    top: auto;
}

#jnav li ul ul
{
    left: 12em;
    margin: 0px 10px 10px 10px;
}

#jnav li:hover ul ul, #jnav li:hover ul ul ul, #jnav li:hover ul ul ul ul
{
    display: none;
}

#jnav li:hover ul, #jnav li li:hover ul, #jnav li li li:hover ul, #jnav li li li li:hover ul
{
    display: block;
}

/***********************************************************************/
div.jqZoomTitle
{
    z-index: 5000;
    text-align: center;
    font-size: 11px;
    font-family: Tahoma;
    height: 16px;
    padding-top: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #FFF;
    background: #999;
}

.jqZoomPup
{
    overflow: hidden;
    background-color: #FFF;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index: 10;
    border-color: #c4c4c4;
    border-style: solid;
    cursor: crosshair;
}

.jqZoomPup img
{
    border: 0px;
}

.preload
{
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align: center;
    background-image: url(/js/jquery/zoomimage_standard/images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    width: 90px; *width:100px;
height:43px;
*height:55px;
z-index:10;
position:absolute;
top:3px;
left:3px;

}

.jqZoomWindow
{
    border: 1px solid #999;
    background-color: #FFF;
}
/***********************************************************************/
/* Master template                                                    */
/***********************************************************************/
/* Bottom panel                                                        */
/***********************************************************************/

#pb
{
    clear: both;
}

#pb li
{
    display: inline;
}

/***********************************************************************/
/*  Information panel                                                  */
/***********************************************************************/

#pb .info
{
    clear: both;
}

#pb .info ul
{
    width: 964px;
    margin-top: 0px;
    padding: 8px 8px 8px 8px;
    background-image: url(/csi/287899650/287965185/i/bdr/bt_bck.gif);
    background-repeat: repeat-x;
}

#pb .info li
{
    float: left;
    margin-left: 5px;
}

/***********************************************************************/
/* Copyright and Managed by                                            */
/***********************************************************************/

#pb p.copy
{
    float: left;
    text-align: left;
}

#pb p.etail
{
    float: right;
    text-align: right;
}

#pb p.etail a, #pb p.etail a:hover, #pb p.etail a:visited
{
    color: #cccccc;
}


/***********************************************************************/
/* Recent items                                                        */
/***********************************************************************/

#pb .ritm
{
    float: left;
}

#pb .ritm ul li
{
    display: inline;
}

#pb .ritm .bt
{
    float: left;
}

#pb .ritm .bt h3
{
    width: 964px;
    padding: 8px 8px 8px 8px;
    background-color: #000000;
    color: #ffffff;
}

#pb .ritm .bc
{
    float: left;
    width: 974px;
    padding: 4px 0px 4px 4px;
    background-color: #ffffff;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

#pb .ritm a
{
    float: left;
    width: 100px;
    margin-left: 8px;
    padding: 5px;
    color: #555555;
    font-size: 11px;
    text-align: center;
}

#pb .ritm a:hover
{
    color: #EAB400;
}

#pb .ritm a img
{
    margin: 0px 12px;
}

#pb .ritm a.txt
{
    clear: left;
}

#pb .ritm .bb
{
    float: left;
    width: 978px;
    padding-bottom: 4px;
    background-color: #ffffff;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

/***********************************************************************/
/* Sitemap                                                             */
/***********************************************************************/

#pb .smap .bc ul
{
    float:left;
}

#pb .smap .bc ul li
{
    float:left;
    width: 180px;
    padding: 5px 10px 5px 10px;
}

#pb .smap .bc ul li a
{
    float:left;
    padding: 3px;
    font-weight: bold;
}

#pm .smap .bc ul li a:hover
{
    background-color: #cccccc;
}

#pb .smap .bc ul li ul
{
    width: 160px;
    padding: 0px 0px 0px 20px;
}

#pb .smap .bc ul li ul li
{
    width: 160px;
    padding: 0px;
}

#pb .smap .bc ul li ul li a
{
    font-weight: normal;
}

/***********************************************************************/
/* Debug panel                                                         */
/***********************************************************************/

#pd
{
    clear: both;
    width: 100%;
}


/***********************************************************************/
/***********************************************************************/
/*                                                                     */
/***********************************************************************/
/*  Left panel                                                         */
/*  Set width                                                          */
/***********************************************************************/

#pl
{
	width: 200px;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	overflow: auto;
}

/***********************************************************************/
/* Pane header                                                         */
/* Set background and text color for non graphic headers               */
/***********************************************************************/

#pl .bt h3
{
	width: 184px;
	padding: 8px 8px 8px 8px;
	color: #7F6F6D;
	background-image: url(/csi/287899650/287965185/i/bdr/bt_bck.gif);
	background-repeat:repeat-x;
	text-align: left;
	float: left;
}

/***********************************************************************/
/* Pane center with links                                              */
/* Set background, border and link colors                              */
/* Set widths and padding                                              */
/***********************************************************************/

#pl .bc
{
	width: 200px;
	background: #F2F5F4;
	float: left;
}

#pl a
{
	width: 180px;
	padding: 2px 10px 2px 10px;
	color: #7F6F6D;
	background: #F2F5F4;
	float: left;
}

#pl a:hover
{
	color: #ffffff;
	background: #cccccc;
}

/***********************************************************************/
/* Pane bottom                                                         */
/* Set borders and colors to match pane center                         */
/***********************************************************************/

#pl .bb
{
	width: 200px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: #F2F5F4;
	float: left;
}

/***********************************************************************/
/* Base text and images                                                */
/***********************************************************************/

#pl img
{
	display: block;
	clear: both;
}

#pl p, #pl label
{
	width: 158px;
	padding: 5px 10px 2px 10px;
	text-align: center;
	float: left;
}

/***********************************************************************/
/* Forms */
/***********************************************************************/

#pl .bc form
{
	text-align: center;
}

#pl .bc input
{
	margin: 2px 0px 2px 0px;
}

/***********************************************************************/
/***********************************************************************/
/* Master                                                              */
/***********************************************************************/
/* Main panel                                                          */
/***********************************************************************/

#pm
{
	float: left;
	width: 765px;
	padding: 0px 0px 5px 15px;
	margin: 0px;
}

/***********************************************************************/
/* Messages			                                                   */
/* Set font size and colours for Error, Warning and Info messages      */
/***********************************************************************/

#pm #mess
{
	background: #FFFFFF;
}

#pm #mess h4
{
	padding: 10px 0px 5px 0px;
	font-size: 12pt;
}

#pm #mess ul
{
	padding: 5px 0px 5px 20px;
	font-size: 11pt;
}

#pm #mess .err, #pm #mess .err li
{
	color: #FF0000;
}

#pm #mess .warn, #pm #mess .warn li
{
	color: #0000FF;
}

#pm #mess .info, #pm #mess .info li
{
	color: #00FF00;
}

/***********************************************************************/
/* Form Pane header                                                    */
/* Set background and text color for non graphic headers               */
/***********************************************************************/

#pm .form .bt h3
{
	width: 750px;
	padding: 8px 8px 8px 8px;
	color: #7F6F6D;
	background-image: url(/csi/287899650/287965185/i/bdr/bt_bck.gif);
	background-repeat:repeat-x;
	text-align: left;
	float: left;
}

/***********************************************************************/
/* Form Pane center with links                                         */
/* Set background, border and link colors                              */
/* Set widths and padding                                              */
/***********************************************************************/

#pm .form .bc
{
	width: 745px;
	padding: 5px 10px 5px 10px;
	background: #F2F5F4;
	float: left;
}

/***********************************************************************/
/* Form Pane bottom                                                    */
/* Set borders and colors to match pane center                         */
/***********************************************************************/

#pm .form .bb
{
	width: 765px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: #F2F5F4;
	float: left;
}

/***********************************************************************/
/*  Department tree                                                    */
/***********************************************************************/

#pm .depttree
{
	float: left;
	width: 566px;
}

#pm .depttree h3
{
	padding: 10px 0px 10px 0px;
}

#pm .depttree li
{
	float: left;
}

#pm .depttree a
{
	float: left;
	clear: both;
	width: 215px;
	text-align: center;
}

/***********************************************************************/
/*  Featurered products                                                */
/***********************************************************************/

#pm .fprd
{
	float: left;
	width: 192px;
	margin-top: 6px;
	margin-right: 6px;
	border: 4px solid #E3E3E3;
	font-size: 9pt;
	font-weight: bold;
}


#pm .fprdimg
{
	width: 180px;
	height: 180px;
	padding: 6px;
	text-align: center;
}

#pm .fprd a
{
	color: #666666;
	font-weight: bolder;
}

#pm .fprd a:hover
{
	color: #999999;
}

#pm .fprdtitle
{
	height: 34px;
	background-color: #E3E3E3;
	padding: 6px;
}

#pm .fprddescr p
{
	font-weight: normal;
	color: #666666;
	background-color: #E3E3E3;
}


#pm .fprd .brand, #pm .fprd .manu, #pm .fprd .model
{
	padding: 2px;
}

#pm .fprd .price, #pm .fprd .offer, #pm .fprd .priceprev, #pm .fprd .rrp
{
	padding: 2px 0px;
}

#pm .fprd label
{
	padding-top: 2px;
	width: 70px;
	color: #666666;
}

#pm .fprd h6.prevprice
{
	color: #FF0000;
	text-decoration: line-through;
}

#pm .fprdinfo
{
	padding: 6px;
	text-align: center;
	background-color: #E3E3E3;
}

#pm .fprd form
{
	width: 192px;
	padding: 0px;
	background-color: #E3E3E3;
}

#pm .fprdinfo
{
	padding: 6px;
	text-align: center;
}

#pm .fprd form .inputtext
{
	width: 20px;
	padding: 0px;
	margin-top: -5px;
}

#pm .fprd form input.submit
{
	width: 80px;
	padding: 6px;
	margin: 0px;
}



/***********************************************************************/
/*  Articles                                                           */
/***********************************************************************/

#pm .art
{
	float: left;
	width: 765px;
}

#pm .art p
{
	padding: 5px 0px 5px 10px;
}

#pm .art h4
{
	padding: 10px 0px 10px 0px;
}

/***********************************************************************/
/* Form pages                                                          */
/*                                                                     */
/***********************************************************************/

#pm .form label
{
	width: 220px;
	margin-top: 5px;
	margin-right: 8px;
	float: left;
	clear: left;
	text-align: right;
}

#pm .form ul
{
	padding:5px;
	list-style: none;
}

#pm .form li
{
	padding-bottom: 8px;
}

#pm .form input.submit
{
	margin-left: 225px;
}

#pm .form li.info
{
	font-size: 110%;
	font-weight: bolder;
}

#pm .form li.help
{
	font-size: 90%;
	padding: 0px 0px 8px 30px;
}

#pm .form .reqmsg
{
	color: #FF0000;
	font-weight: bolder;
}

/***********************************************************************/
/* Search results display                                              */
/***********************************************************************/

#pm .searchheader
{
	float: left;
	width: 745px;
	background: #FFFFFF;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	color: #666666;
	border-bottom: solid 1px #E8E8E8;
}

#pm .searchheader h5
{
	float: left;
	width: 548px;
	padding: 5px 0px 5px 0px;
}

#pm .searchheader form
{
	padding: 5px 0px 5px 0px;
	float: left;
}

#pm .searchheader label
{
	width: 90px;
	margin-top: 3px;
	font-weight: bold;
	text-align: left;
	color: #666666;
}

#pm .searchheader input.inputtext
{
	float: left;
	width: 350px;
	border: 1px solid #A1A1A1;
}

#pm .searchheader input.submit
{
	margin-left: 20px;
}

#pm .searchfooter
{
	float: left;
	width: 548px;
}

/* Display order */
#pm form.do
{
	width: 205px;
}

#pm .do label
{
	width: 65px;
}

/* Results per page */
#pm form.rpp
{
	width: 175px;
}

#pm .rpp label
{
	width: 115px;
}

/* Paging */
#pm .paging
{
	float: right;
	width: 168px;
	padding: 8px 0px 8px 0px;
	text-align: right;
	font-weight: bold;
	color: #666666;
}

#pm .paging .currpg
{
	color: #FFFFFF;
	background-color: #BBB409;
}

#pm .paging a
{
	color: #666666;
}

#pm .paging a:hover
{
	color: #FFFFFF;
	background-color: #BBB409;
}

#pm .paging a:active
{
	color: #BBB409;
}

/***********************************************************************/
/* Basket                                                              */
/***********************************************************************/

#pm table.basket, table.voucher
{
	width: 750px;
}

#pm table.basket td, table.voucher td
{
	padding: 2px 2px 2px 2px;
}

#pm table.basket .line input
{
	margin: 2px 15px 0px 0px;
}

#pm table.basket .line input.submit
{
	margin: 2px 5px 0px 0px;
	border: 0;
}

#pm table.basket .line
{
	background: #E3E3E3;
}

#pm table.basket .delivery
{
	font-size: 100%;
	font-weight: bold;
}

#pm table.basket .vat
{
	font-size: 100%;
	font-weight: bold;
}

#pm table.basket .total
{
	font-size: 100%;
	font-weight: bold;
}

#pm table.voucher input.submit
{
	margin: 0px;
}

.basketlinks
{
	width: 750px;
	text-align: right;
}

.basketlinks img
{
	margin: 10px 0px 0px 50px;
}

.basketlinks .ct_button img
{
	float:left;
}

/***********************************************************************/
/* Delivery date selection                                             */
/* Colors for available and not available dates                        */
/***********************************************************************/

#pm .deldates .delcapnone
{
	background-color: #CCCCCC;
}

#pm .deldates .delcapgone
{
	background-color: #DDDDDD;
}


/***********************************************************************/
/* Order info                                                          */
/***********************************************************************/

#pm table.order
{
	width: 765px;
	background-color: #ffffff;
	padding:0px;
}

#pm table.order tr.header td
{
	font-size: 110%;
	font-weight: bolder;
	background-color: #cccccc;
	color: white;
padding:6px;
}


#pm table.order td
{
	padding: 4px;
	background-color: #F2F5F4;
}


/***********************************************************************/
/***********************************************************************/
/*                                                                     */
/***********************************************************************/
/* Popup panel                                                         */
/***********************************************************************/

#pp
{
	float: left;
	width: 990px;
	min-height: 360px;
	padding: 0px;
	margin: 0px;
}

/***********************************************************************/
/*  Articles                                                           */
/***********************************************************************/

#pp .art
{
    float: left;
    width: 980px;
    margin: 0px;
    background-color: #ffffff;
}

#pp .art .bt, #pm .art .bb
{
    display: none;
}

#pp .art .bc
{
    float: left;
    width: 780px;
    padding: 8px 100px;
}

#pp .art .bc h2
{
    width: 100%;
    padding: 8px 0px;
}

#pp .art .bc .artp
{
    float: left;
    width: 100%;
}

#pp .art .bc h3, #pp .art .bc .artp h3
{
    float: left;
    width: 100%;
    padding: 5px 0px;
}

#pp .art .bc .artp h4
{
    float: left;
    width: 100%;
    padding: 5px 0px;
}

#pp .art .bc .artp h5
{
    float: left;
    width: 100%;
    padding: 5px 0px;
}

#pp .art .bc .artp p
{
    float: left;
    width: 100%;
    padding: 5px 0px;
    text-align: justify;
}

#pp .art .bc .artp ul
{
    width: 730px;
    padding: 5px 0px 5px 50px;
    list-style-type: square;
}

#pp .art .bc .artp ol
{
    width: 730px;
    padding: 5px 0px 5px 50px;
}

#pp .art .bc .artp ul li, #pp .art .bc .artp ol li
{
    width: 100%;
    padding: 4px 0px;
    text-align: justify;
}
/***********************************************************************/
/*                                                          */
/***********************************************************************/
/*  Top panel                                                          */
/***********************************************************************/

#pt
{
	width: 980px;
	clear: both;
}

#pt ul
{
	float: left;
}

#pt li
{
	display: inline;
}

/***********************************************************************/
/*  Epaulettes                                                         */
/***********************************************************************/

#pt .epau h1
{
	float: left;
}

#pt .epau h2
{
	float: right;
}

/***********************************************************************/
/*  Information panel                                                  */
/***********************************************************************/

#pt .info
{
	clear: both;
}

#pt .info ul
{
	width: 964px;
	margin-top: 0px;
	padding: 8px 8px 8px 8px;
	background-image: url(/csi/287899650/287965185/i/bdr/bt_bck.gif);
	background-repeat:repeat-x;
}

#pt .info li
{
	float: right;
	margin-left: 5px;
}

/***********************************************************************/
/*  Banners                                                            */
/***********************************************************************/

#pt .bnr
{
	float: left;
}

/***********************************************************************/
/*  Search                                                             */
/***********************************************************************/

#pt .search
{
	float: right;
	clear: right;
	margin-top: 6px;
	border: solid 1px #999999;
	padding: 1px;
}

#pt .search input
{
	float: left;
}

#pt .search .inputtext, #pt .search .inputtext_light
{
	width: 225px;
	margin-top: 3px;
	margin-right: 1px;
}


/***********************************************************************/
/*  Basket                                                             */
/***********************************************************************/

#pt .bskt
{
	float: right;
	clear: right;
	margin-top: 6px;
	width: 280px;
	padding: 0px;
}

#pt .bskt p
{
	color: #3278D7;
	font-weight: bold;
	width: 140px;
	float: left;
	text-align: right;
	margin-bottom: 4px;
}

#pt .bskt img
{
	float:right;
}

/***********************************************************************/
/*  Breadcrumb                                                         */
/***********************************************************************/

#pt .bdcb .bc
{
	float: left;
	clear: both;
	font-size: 100%;
	font-weight: bold;
}
	
#pt .bdcb .bt, #pt .bdcb .bb
{
	display: none;
}

#pt .bdcb .bt
{
	display: none;
}

#pt .bdcb .bc ul
{
	width: 955px;
	padding: 4px 15px 4px 10px;
}

#pt .bdcb .bb
{
	display: none;
}

#pt .bdcb li
{
	padding: 5px 0px;
	float: left;
	margin-right: 15px;
}

#pt .bdcb h1
{
	padding: 0px;
	float: left;
	font-size: 100%;
}

#pt .bdcb a
{
	padding: 5px 0px;
}

/***********************************************************************/
/***********************************************************************/
/* The Discovery Store                                                 */
/***********************************************************************/
/* Product information panel                                           */
/***********************************************************************/

#pi
{
    float: left;
    width: 932px;
    margin: 0px;
}

/***********************************************************************/
/* Product left / right panels                                         */
/***********************************************************************/

#pi .left
{
    float: left;
    width: 400px;
    margin: 0px 0px 0px 10px;
}

#pi .right
{
    float: left;
    width: 488px;
    margin-left: 24px;
}

/***********************************************************************/
/* Title                                                               */
/***********************************************************************/

#pm .pititle
{
    float: left;
}

#pm .pititle h2
{
    width: 488px;
    padding: 0px 0px 8px 0px;
    color: #000;
    font-size: 24px;
    font-weight: normal;
}

/***********************************************************************/
/* Images                                                              */
/***********************************************************************/

#pi .piimg
{
    float: left;
    width: 360px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 0 6px 1px #888;
    -moz-box-shadow: 0 0 6px 1px #888;
    -webkit-box-shadow: 0 0 6px 1px#888;
}

#pm .piimg p
{
    clear: left;
    text-align: center;
}

#pi .piimgx
{
    float: left;
    width: 363px;
}

#pi .piimgx img
{
    margin: 10px;
    padding: 10px;
border: dashed 1px;
}

#pi .piimg a
{
	margin-left: auto;
	margin-right: auto;
}

/***********************************************************************/
/* Gallery                                                             */
/***********************************************************************/

#pi .gallery
{
    float: left;
    width: 400px;
    margin: 10px 0px 10px 0px;
}

#pi .gallery h4
{
    width: 390px;
}

#pi .gallery .piimg_large
{
    float: left;
    margin: 10px 10px 0px 0px;
    padding: 5px;
border: dashed 1px;
}

/***********************************************************************/
/* Description panes                                                   */
/***********************************************************************/

#pi .pidesc, #pi .pidescx
{
    float: left;
    width: 488px;
    margin: 0px;
    padding: 0px;
}

#pi .pidescx
{
    margin: 0px 0px 5px 20px;
}

#pi .pidesc h2
{
    display: none;
}

#pi .pidescx h3
{
    float: left;
    padding: 10px 0px 5px 0px;
}

#pi .pidesc p
{
    float: left;
    width: 396px;
    padding: 5px 0px 5px 0px;
text-align: justify;
}

#pi .pidescx p
{
    float: left;
    padding: 5px 0px 5px 0px;
text-align: justify;
}

/***********************************************************************/
/* Brand and Manufacturer                                              */
/***********************************************************************/

#pi .brandmanu
{
    float: left;
    width: 488px;
    padding: 10px 0px;
}

#pi .brandmanu h5
{
    float: left;
    width: 488px;
    width: 100px;
    padding: 3px 0px;
}

#pi .brandmanu h6, #pi .brandmanu p, #pi .brandmanu a
{
    float: left;
    padding: 3px 0px;
    color: #DC1D8C;
}

#pi .brandmanu a
{
    font-size: 14px;
}

/***********************************************************************/
/* Links, File & Flags panes                                           */
/***********************************************************************/

#pi .pilinks, #pi .pifile, #pi .piflags
{
    float: left;
    width: 488px;
    padding: 4px 0px 4px 0px;
}

#pi .piright .pilinks
{
    float: left;
    width: 190px;
    padding: 4px 0px 4px 0px;
}

#pi .pilinks .bt, #pi .pilinks .bb, #pi .pifile .bt, #pi .pifile .bb, #pi .piflags .bt, #pi .piflags .bb
{
    display: none;
}

#pi .pilinks .bc, #pi .pifile .bc, #pi .piflags .bc
{
    float: left;
    border: none;
}

#pi .pilinks ul li, #pi .pifile ul li
{
    float: left;
    clear: both;
    padding: 5px 0px 3px 0px;
}

#pi .pilinks ul li .linkimg, #pi .pifile ul li .linkimg
{
    float: left;
    width: 50px;
}

#pi .pilinks ul li .lnk, #pi .pifile ul li .lnk
{
    float: left;
    padding: 2px 0px;
}

/* YouTube and Articles */
#utube_881983495, #etailPop_895647744
{
    color: #000000;
    font-weight: bold;
}

/***********************************************************************/
/* Social bookmarks pane                                               */
/***********************************************************************/

#pi .socbook
{
    float: left;
    width: 488px;
    padding: 10px 10px 10px 50px;
}

#pi .socbook li
{
    display: inline;
    padding: 5px;
}

/***********************************************************************/
/* Telephone orders                                                    */
/***********************************************************************/

#pi .piphone
{
    float: left;
    width: 488px;
    padding: 10px 0px;
}

#pi .piphone h4
{
    float: left;
    padding: 5px 0px;
}

#pi .piphone h5
{
    float: left;
    width: 488px;
    padding: 5px 0px;
    color: #DC1D8C;
}

#pi .piphone p
{
    float: left;
    clear: left;
}

/***********************************************************************/
/* Buy pane                                                            */
/***********************************************************************/

#pi .pibuy
{
    float: left;
    width: 488px;
    padding: 5px 0px 5px 0px;
    margin: 0px;
}

#pi .pibuy .bt
{
    display: none;
}

#pi .pibuy .bc
{
    width: 488px;
}

#pi .pibuy .bb
{
    display: none;
}

#pi .pibuy h5
{
display: none;
}

#pi .pibuy .bc .price, #pi .pibuy .bc .offer, #pi .pibuy .bc .prevprice, #pi .pibuy .bc .rrp, #pi .pibuy .bc .trade
{
    clear: both;
}

#pi .pibuy .bc .price label, #pi .pibuy .bc .offer label, #pi .pibuy .bc .prevprice label, #pi .pibuy .bc .rrp label, #pi .pibuy .bc .trade label
{
    float: left;
    width: 50px;
    padding: 8px 0px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #DC1D8C;
}

#pi .pibuy .bc .price label
{
    display: none;
}

#pi .pibuy h6
{
    float: left;
    width: 180px;
    padding: 8px 0px;
    font-size: 24px;
    color: #DC1D8C;
}

#pi .pibuy .prevprice h6, #pi .pibuy .bc .prevprice label
{
    color: #5C5B60;
}

/* Messages */
#pi .pibuy p
{
    clear: both;
    padding: 5px 0px;
}

/***********************************************************************/
/* Buy pane form                                                       */
/***********************************************************************/

#pi .pibuy form label
{
    float: left;
    clear: left;
    margin-top: 2px;
    padding: 0px 10px 0px 0px;
    font-weight: bold;
}

#pi .pibuy form input, #pi .pibuy form select, #pi .pibuy form textarea
{
    float: left;
    padding: 0px;
    margin: 0px;
}

#pi .pibuy .submit
{
    float: right;
    margin: 10px 30px;
}

/***********************************************************************/
/* Tab Panel                                                           */
/***********************************************************************/

#pi #pi_wrapper
{
    
    float: left;
    width: 912px;
    margin: 10px 24px 0px 10px;
    padding: 5px 0px;
}

#pi ul.pi_tabs
{
    width: 912px;
    margin: 0;
    padding: 0;
    display: inline-item;
}

#pi ul.pi_tabs li
{
    float: left;
    position: relative;
    cursor: pointer;
    width: 188px;
    height: 19px;
    margin: 0px 5px 0px 0px;
    padding: 8px 3px 5px 0px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #000;
    z-index: 0; /*2000;*/
    background-repeat: no-repeat;
    display: block;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#pi ul.pi_tabs li.selected
{
    background-repeat: no-repeat;
    color: #DC1D8C;
}

#pi .pi_tab_content
{
    float: left;
    position: relative;
    display: inline-item;
    width: 892px;
    margin-top: -1px;
    padding:  9px 9px;
    border: 1px solid #888;
}

#pi .pi_tab_content ul li
{
    width: 786px;
    margin: 0px 0px 0px 20px;
    padding: 3px 0px;
    list-style:disc;
}

#pi .pi_tab_content table
{
    width: 746px;
    margin: 0px;
    padding: 0px;
}

/***********************************************************************/
/* Reviews                                                             */
/***********************************************************************/

#pi .rev
{
    float: left;
    width: 936px;
    margin: 10px 0px 10px 10px;
    padding: 0px;
}

#pi .rev h3
{
    float: left;
    width: 896px;
    height: auto;
    margin: 0px;
    padding: 8px;
    border-bottom: dashed 1px #5C5B60;
    color: #000;
    font-size: 28px;
    font-weight: normal;
}

#pi .rev .bc h4
{
    float: left;
    width: 912px;
    margin-top: 6px;
    padding: 6px 0px 2px 0px;
    border-top: dashed 1px;
}

#pi .rev .bc p
{
    float: left;
    width: 936px;
    margin-top: 6px;
    padding: 6px 0px 2px 0px;
}

#pi .rev a.img
{
    float: left;
    width: 936px;
    padding: 8px 0px;
    text-align: center;
}

#pm .review #pi
{
    float: left;
    margin-left: 20px;
}

#pm .review #pi .pidesc
{
    clear: none;
    width: 396px;
    margin-left: 20px;
}

#pm .review a.img
{
    float: left;
    width: 936px;
    text-align: center;
    padding: 10px 0px;
}

/***********************************************************************/
/* Associate, Recommended and Related products                         */
/***********************************************************************/

#pi .pass, #pi .prec, #pi .prel
{
    float: left;
    width: 936px;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

#pi .pass h3, #pi .prec h3, #pi .prel h3
{
    float: left;
    width: 896px;
    height: auto;
    margin: 0px 0px 0px 10px;
    padding: 8px;
    border-bottom: dashed 1px #5C5B60;
    color: #000;
    font-size: 28px;
    font-weight: normal;
}

/***********************************************************************/
/* Pop up article                                                          */
/***********************************************************************/

#eapl-modal-overlay-inline
{
    float: left;
    background-color: #CCCCCC;
    z-index: 1501;
    text-align: center;
}

#eapl-modal-overlay-inline table
{
    float: left;
    margin: 0px;
}

#eapl-modal-overlay-inline h2
{
    float: left;
   display: none;
}

#eapl-modal-overlay-inline h3
{
    float: left;
padding: 5px 0px;
}

#eapl-modal-overlay-inline-html
{
    float: left;
    margin-left: auto;
    margin-right: auto;
}

/***********************************************************************/

#modal-overlay-inline
{
    border: solid 2px #5C5B60;
}

#modal-overlay-close
{
    position: absolute;
    float: right;
    margin: -16px 0 0 -4px;
    z-index: 20000;
    cursor: pointer;
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens
{
    border: 1px solid #888;
    margin: -2px; /* Set this to minus the border thickness. */
    background-color: #fff;
    cursor: move;
}

/* This is for the title text. */
.cloud-zoom-title
{
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #5c5b60;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
opacity: 100%;
}

/* This is the zoom window. */
.cloud-zoom-big
{
    border: 1px solid #5c5b60;
    overflow: hidden;
    margin-left: -8px;
}

/* This is the loading message. */
.cloud-zoom-loading
{
    position: absolute;
    top: 0px;
    margin: 0px;
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}
/***********************************************************************/
/*                                                    */
/***********************************************************************/
/*  Clear all styles                                                   */
/***********************************************************************/

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, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/***********************************************************************/
/*  Set defaults                                                       */
/***********************************************************************/

body
{
	font-size: 12px;
	background-color: #FFFFFF; /*	background:#e4eae8 url(../i/site/body_bk.jpg) repeat-x; */
}

#site
{
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-weight: normal;
	color: #7F6F6D;
	background-color: #FFFFFF; /*	background:#e4eae8 url(../i/site/body_bk.jpg) repeat-x; */
}

p
{
	padding: 3px 0px 3px 0px;
}

h1, h2
{
	font-size: 110%;
	padding: 4px 0px 4px 0px;
}

h3
{
	font-size: 110%;
	padding: 4px 0px 4px 0px;
}

h4
{
	font-size: 110%;
	padding: 3px 0px 3px 0px;
}

h5
{
	font-size: 110%;
	padding: 3px 0px 3px 0px;
}

h6
{
	font-size: 110%;
	padding: 2px 0px 2px 0px;
}

ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

a
{
	text-decoration: none;
	color: #7F6F6D;
}

a:hover
{
	text-decoration: none;
	color: #797979;
}

a:active
{
	text-decoration: underline;
	color: #000000;
}

a:visted
{
	text-decoration: none;
	color: #7F6F6D;
}


/***********************************************************************/
/* Default for tables                                                  */
/***********************************************************************/

table
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

table td
{
	padding: 2px;
	vertical-align: middle;
}

table .header
{
	font-size: 110%;
	font-weight: normal;
	text-align: left;
	padding: 5px 8px 5px 8px;
}

/***********************************************************************/


#basket_row_processing{
 display: none;
 position: absolute;
/* border: solid 1px;*/
  background-image: url('/images/product_builder/loading_bar.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ccc;
    opacity: .7;
    filter: Alpha(Opacity=70);
    float: right;
}










#checkout_accordian, #checkout_accordian h3
{
 width: 800px !important;
}


#checkout_accordian form ul{
 border: dashed 1px #fff;
 width: 320px !important;
 margin-left: 20px;
 padding: 0px !important;
}

#checkout_accordian form ul li:first-child{
 /*border: dotted 1px #868686;*/
 float: left !important;
 text-align: left;
 border-bottom: solid 1px #ccc;
 width: 100% !important;
}

#checkout_accordian form ul li
{
 float: left !important;
 text-align: left;
 width: 320px !important;
}

#checkout_accordian form #ul_bottom
{
  width: 620px !important;

}

#checkout_accordian form input.submit
{
    clear:both !important;
    margin-left: 100px !important;
}


#checkout_accordian .art .bc
{
    float: left;
    width: 340px !important;
}
#checkout_accordian .art .bc h2, #checkout_accordian .art .bc h3
{
    width: 200px !important;
    padding: 10px 0px;
}
#checkout_accordian .art .bc .artp p
{
    float: left;
    width: 300px !important;
    padding: 5px 0px 5px 30px;
    text-align: justify;
}

#checkout_accordian .art .bc .artp ul li
{
    width: 250px !important;
    padding: 3px 0px;
}


#checkout_accordian #customer_pane .form{
 border: solid 1px;
 margin: 14px !important;
 padding: 0px !important;
 width: 700px !important;

}

#checkout_panel_processing{
 display: none;
  position: absolute;
  width: 100px;
  height: 100px;
/* border: solid 1px;*/
  background-image: url('/images/product_builder/loading_bar.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ccc;
    opacity: .8;
    filter: Alpha(Opacity=80);
}


#checkout_accordian #ul_left,
#checkout_accordian #ul_right,
#checkout_accordian #ul_bottom,
#checkout_accordian #ul_top{
 border: dashed 1px #ebebeb;
 float: left !important;
 margin-top: 10px;
}

#checkout_accordian #ul_top,
#checkout_accordian #ul_bottom{
 width: 760px !important;
}

#checkout_accordian #ul_left,
#checkout_accordian #ul_right{
 width: 368px !important;
}

#checkout_accordian #basket_delivery_details a{
/* border: solid 1px;  */
 text-decoration:underline;
 width: 100%;
 text-align: center;
}
.wt-rotator
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background-color: #FFF;
    border: 0px solid #FFF;
    position: relative;
    width: 100px;
    height: 20px;
    overflow: hidden;
    clear: both;
}
.wt-rotator a
{
    outline: none;
}
.wt-rotator .screen
{
    position: relative;
    top: 0;
    left: 0;
    width: 100px;
    height: 20px;
    overflow: hidden;
}
.wt-rotator #strip
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}
.wt-rotator .content-box
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.wt-rotator .main-img
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border: 0;
}
.wt-rotator .preloader
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #666 url(/images/loading.gif) center no-repeat;
    background: rgba(0,0,0,.7) url(/images/loading.gif) center no-repeat;
    z-index: 4;
    display: none;
}
.wt-rotator #timer
{
    position: absolute;
    left: 0;
    height: 4px;
    background-color: #FFF;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 4;
    visibility: hidden;
    font-size: 0;
}
.wt-rotator .desc
{
    color: #000;
    position: absolute;
    color: #FFF;
    z-index: 6;
    overflow: hidden;
    visibility: hidden;
    text-align: left;
}
.wt-rotator .inner-bg
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 0;
}
.wt-rotator .inner-text
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    width: auto;
    height: auto;
    z-index: 1;
}
.wt-rotator .c-panel
{
    position: absolute;
    top: 0;
    z-index: 7;
    visibility: hidden;
}
.wt-rotator .outer-hp, .wt-rotator .outer-vp
{
    position: absolute;
    background: #333;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(#444), to(#111));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111',GradientType=0);
    border: 1px solid #000;
}
.wt-rotator .outer-hp
{
    left: 0;
    width: 100%;
    border-left: none;
    border-right: none;
}
.wt-rotator .outer-vp
{
    top: 0;
    height: 100%;
    border-top: none;
    border-bottom: none;
}
.wt-rotator .back-scroll, .wt-rotator .fwd-scroll
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: url(assets/spacer.png) no-repeat;
}
.wt-rotator .thumbnails, .wt-rotator .buttons
{
    display: inline;
    position: relative;
    float: left;
    overflow: hidden;
}
.wt-rotator .thumbnails ul
{
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.wt-rotator .thumbnails ul.inside
{
    position: absolute;
    top: 0;
    left: 0;
}
.wt-rotator .thumbnails li, .wt-rotator .play-btn, .wt-rotator .prev-btn, .wt-rotator .next-btn
{
    position: relative;
    list-style: none;
    display: inline;
    float: left;
    overflow: hidden;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #EEE;
    background-color: #000;
    background: -moz-linear-gradient(#333, #000);
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
    border: 1px solid #000;
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.wt-rotator .thumbnails li.thumb-over
{
    color: #FFF;
    background-color: #CCC;
    background: -moz-linear-gradient(#DDD, #BBB);
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB));
}
.wt-rotator .thumbnails li.curr-thumb
{
    color: #000;
    background-color: #FFF;
    background: -moz-linear-gradient(#FFF, #DDD);
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFF), to(#DDD));
    cursor: default;
}
.wt-rotator .thumbnails li.image
{
    background: #000;
}
.wt-rotator .thumbnails li.image.curr-thumb, .wt-rotator .thumbnails li.image.thumb-over
{
    border-color: #06F;
}
.wt-rotator .thumbnails li.image a
{
    display: block;
    border: 0;
}
.wt-rotator .thumbnails li.image img
{
    display: block;
    border: 0;
    position: absolute;
    -moz-opacity: .85;
    filter: alpha(opacity=85);
    opacity: 0.85;
}
.wt-rotator .thumbnails li.image.thumb-over img
{
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
.wt-rotator .thumbnails li.image.curr-thumb img
{
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    cursor: default;
}
.wt-rotator .thumbnails li *
{
    display: none;
}
.wt-rotator .thumbnails li div
{
    position: relative;
    color: #FFF;
    background-color: #000;
    width: auto;
    height: auto;
}
.wt-rotator .button-over
{
    background-color: #CCC !important;
}
.wt-rotator .play-btn
{
    background: #000 url(/images/assets/play.png);
    background: url(/images/assets/play.png), -moz-linear-gradient(#333, #000);
    background: url(/images/assets/play.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
}
.wt-rotator .play-btn.button-over
{
    background: url(/images/assets/play.png), -moz-linear-gradient(#DDD, #BBB);
    background: url(/images/assets/play.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB));
}
.wt-rotator .pause
{
    background: #000 url(/images/assets/pause.png);
    background: url(/images/assets/pause.png), -moz-linear-gradient(#333, #000);
    background: url(/images/assets/pause.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
}
.wt-rotator .pause.button-over
{
    background: url(/images/assets/pause.png), -moz-linear-gradient(#DDD, #BBB);
    background: url(/images/assets/pause.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB));
}
.wt-rotator .prev-btn
{
    background: #000 url(/images/assets/prev.png);
    background: url(/images/assets/prev.png), -moz-linear-gradient(#333, #000);
    background: url(/images/assets/prev.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
}
.wt-rotator .prev-btn.button-over
{
    background: url(/images/assets/prev.png), -moz-linear-gradient(#DDD, #BBB);
    background: url(/images/assets/prev.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB));
}
.wt-rotator .next-btn
{
    background: #000 url(assets/next.png);
    background: url(/images/assets/next.png), -moz-linear-gradient(#333, #000);
    background: url(/images/assets/next.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
}
.wt-rotator .next-btn.button-over
{
    background: url(/images/assets/next.png), -moz-linear-gradient(#DDD, #BBB);
    background: url(/images/assets/next.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB));
}
.wt-rotator .up
{
    background: #000 url(/images/assets/up.png);
    background: url(/images/assets/up.png), -moz-linear-gradient(#333, #000);
    background: url(/images/assets/up.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
}
.wt-rotator .up.button-over
{
    background: url(/images/assets/up.png), -moz-linear-gradient(#DDD, #BBB);
    background: url(/images/assets/up.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB));
}
.wt-rotator .down
{
    background: #000 url(/images/assets/down.png);
    background: url(/images/assets/down.png), -moz-linear-gradient(#333, #000);
    background: url(/images/assets/down.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
}
.wt-rotator .down.button-over
{
    background: url(/images/assets/down.png), -moz-linear-gradient(#DDD, #BBB);
    background: url(/images/assets/down.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB));
}
#rotator-tooltip
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}
#rotator-tooltip.txt-up
{
    margin-left: -10px;
    margin-bottom: 5px;
    background: url(/images/assets/vtip.png) no-repeat;
    background-position: 10px bottom;
    background-position-x: 10px;
    background-position-y: bottom;
}
#rotator-tooltip.txt-down
{
    margin-left: -10px;
    margin-top: 24px;
    background: url(/images/assets/vtip.png) no-repeat;
    background-position: 10px top;
    background-position-x: 10px;
    background-position-y: top;
}
#rotator-tooltip.img-up
{
    background: url(/images/assets/vtip.png) center bottom no-repeat;
}
#rotator-tooltip.img-down
{
    background: url(/images/assets/vtip.png) center top no-repeat;
}
#rotator-tooltip.img-right
{
    background: url(/images/assets/htip.png) left center no-repeat;
}
#rotator-tooltip.img-left
{
    background: url(/images/assets/htip.png) right center no-repeat;
}
#rotator-tooltip .tt-txt
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: #000;
    max-width: 300px;
    padding: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 8px 0;
}
#rotator-tooltip img
{
    display: none;
    background-color: #000;
    padding: 3px;
    margin: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.wt-rotator .s-prev, .wt-rotator .s-next
{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 30px;
    height: 50px;
    cursor: pointer;
    background: url(/images/assets/large_buttons.png) no-repeat;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 8;
}
.wt-rotator .s-prev
{
    left: 0;
    background-position: 0 0;
}
.wt-rotator .s-next
{
    left: 100%;
    margin-left: -30px;
    background-position: -30px 0;
}
.wt-rotator .s-prev.button-over, .wt-rotator .s-next.button-over
{
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    background-color: transparent !important;
}
.wt-rotator .block, .wt-rotator .vpiece, .wt-rotator .hpiece
{
    position: absolute;
    z-index: 2;
}