/*
  $Id: stylesheet.css 747 2010-06-29 20:10:39Z ed $


  Copyright (c) 2010 Select Development Ltd


*/

/* colours
	#E5ECF9 very light blue (background)
	#2e6ab1 light blue
	#eee 	light grey
	#ddd	mid grey
	#525252 very dark grey
	#20664f	dark green
	#ACE97C light green (progress bar)
*/

/* font sizes
	10px	77%
	11		85%
	12		93%
	13		100%
	14 		108%
	15		116%
	16		123.1%
*/

 /* custom styles for inline instances */
.yui-skin-sam .yui-ac-input { position:static; vertical-align:middle;}
.yui-skin-sam .yui-ac-container { width: 15em; left:0px;}

.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #525252; /* color between tab list and content */
    border-width:0 0 1px;
/*    Xposition:relative;
    zoom:1; */
}

.yui-imgload-foldgroup {
    background:none !important;
}

.yui-carousel-element li {
    height: 190px;
    text-align: center;
}

.yui-skin-sam .yui-carousel-nav h1 {
     text-align: left;
     float: left;
     font-size:  123.1%;
     font-weight: bold;
     color: #fff;
     margin: 10px 0 10px 1em;
     padding: 0;
}

span.yui-button#checkout_button_2,
span.yui-button#checkout_button_3 {
    background:transparent url(../images/system/button_bg_green.gif) repeat-x 0 -50px;
}

span.yui-button-hover#checkout_button_2,
span.yui-button-hover#checkout_button_3 {
    background-position: 0 -25px;
    text-decoration: none;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.box-text { font-size: 77%}

body {
	background: white;
	color: #525252;
}

label {
	display: block;
}

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

a:hover {
  text-decoration: underline;
}

fieldset {
	margin-bottom: 10px;
	padding: 10px;
	* padding-top: 0;
	border: #ddd 1px solid;
}

legend {
	font-weight: normal;
	font-size: 123.1%;
	color: #2e6ab1;
	* padding: 10px;
}

legend a {
	font-weight: normal;
	font-size: 85%;
	color: #2e6ab1;
}

span.breadcrumb,
a.breadcrumb  {
	font-size: 85%;
	color: #525252;
}

a.breadcrumb {
  	text-decoration: underline;
}

.divbox {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.divbox .hd, div#categories .hd {
	font-size: 116%;
	font-weight: bold;
	color: white;
	line-height: 2em;
	text-align:  left;
	padding-left: 10px;
}

.divbox .bd {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 77%;
	border: 1px;
  	border-style: solid;
  	border-color: #b6b7cb;
  	border-top-style: none;
}

.pagination span {
	font-size: 77%;
}

.pagination ul {
	text-align: right;
	list-style-type: none;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 2px;
	margin: 0 5px 5px 0;
	line-height: 2em;
}

.pagination a, .pagination a:visited {
	padding: 2px 7px 2px 7px;
	border: 1px solid #9aafe5;
	text-decoration: none;
	color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FFFF80;
	text-decoration: none;
}

.pagination li.current {
	background-color: #2e6ab1; /* light blue */
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
	padding: 3px 7px 3px 7px;
}

.pagination li.nolink {
	padding: 0 5px;
	color: #b6b7cb;
	border: 1px solid #b6b7cb;
	padding: 2px 7px 2px 7px;
}

.pagination li.prevnext{
/*	font-weight: bold; */
}

table.productlist {
	width: 100%;
	border: 1px;
  	border-style: solid;
  	border-color: #b6b7cb;
	padding-top: 10px;
	padding-bottom: 10px;
}

table.productlist td {
	font-size: 77%;
	text-align: center;
	overflow: hidden;
	padding: 10px 10px 5px 10px;
}

table.productlist td img {
	margin-bottom: 5px;
}

table.productlist span {
	font-size: 93%;
	margin-left: 5px;
}

TD.small-text, SPAN.small-text, P.small-text, label.small-text, A.small-text{
	font-size: 77%;
	color: #525252;
}

span.productSpecialPrice {
  color: #ff0000;
}

#hd {
  	position:relative;
    padding:6px 0;
}

#ft {
	margin-top: 10px;
	text-align: center;
}

#column_left_banner {
	margin-top: 10px;
	height:  266px;
	width: 190px;
	overflow: hidden;
}

#column_right {
	text-align:  center;
}

#column_right ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#column_right li {
	margin-bottom: 10px;
	position: static;
}

/* shoppng basket */
div#Header-basket-link  {
    position:absolute;
    left:auto;
    right:0px;
    top:20px;
    width:100px;
}

#Header-basket-text {
    position:absolute;
    left:auto;
    right:0.5em;
    top:87px;
    font-size: 85%;
    width: 11em;
    text-align: center;
}

#Header-basket-image {
        position:absolute;
        left:auto;
        right:105px;
        top:20px;
        width:19px;
        height:16px;
}

#Header-basket-button {
        position:absolute;
        left:auto;
        right:79px;
        top:47px;
}

#Header-checkout-button {
        position:absolute;
        left:auto;
        right:4px;
        top:47px;
}

#Header-basket-box {
    position:absolute;
	top:15px;
	left:auto;
	right:0px;
	width:135px;
	height:85px;
    border-left: 1px solid #525252;
}
/* end of shopping basket */

/* search stuff */
div#header-quickfind {
    position: absolute;
    right: 145px;
    top: 47px;
    height: 40px;
    width: 21em;
}

div#header-quickfind input#search-text {
	width:  12em;
}

div#search-list { width: 17em; left:0px;}

div#header-go-button {
    position: absolute;
    right: 0;
    top: 0;
    width:43px;
    height:28px;
}

#header-advanced-search a {
	margin-top:  5px;
   	position: absolute;
    left: auto;
    right: 90px;
    font-size: 85%;
    bottom: 0;
    *z-index: -1;       /* needed for ie to prevent the tabbar from overwriting the autocomplete dropdown */
}
/* end of search stuff */


/* tabbar */
#tabbar {
	position:absolute;
    float: left;
    width: 100%;
    *z-index: -1;       /* needed for ie to prevent the tabbar from overwriting the autocomplete dropdown */
}
/* end of tab bar */

#page_heading {
	margin-bottom: 10px;
}

#page_heading h1 {
	font-size:  116%;
	font-weight: bold;
	line-height: 2em;
	margin: 0;
	padding: 0;
  	padding-left: 0.5em;
}

/* size chart */
div.size-chart th {
	background: #20664f;
	color: #ffffff;
	font-size: 77%;
	font-weight: bold;
	text-align: center;
}

div.size-chart td {
	font-size: 77%;
	text-align: center;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #525252;
}

div.size-chart table {
  border-width: 1px;
  border-style: solid;
  border-color: #525252;
  border-spacing: 1px;
  border-collapse: collapse;
  width: 95%;
}

div.size-chart caption {
	padding: 0.5em;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
}

/* footer */
#footer-links a {
    font-size: 100%;
    line-height: 3.5em;
}

div#footer-by {
    background: url("../images/system/select-dev_sml.gif") no-repeat left top;
    height: 18px;
    width: 128px;
    text-align: center;
    margin:0 auto;
}

div#footer-by a{
    display:block;
    text-indent: -10000000px;
    outline:none;
}

div#footer-cards {
    background: url("../images/system/acceptedcards.gif") no-repeat left top;
    height: 36px;
    width: 480px;
    text-align: center;
    margin:0 auto;
}
/* end of footer */

/* progress bar */
div.progress-container {
	clear: both;
  	border: 1px solid #ddd;
  	width: 95%;
  	margin: 12px 0 2px 0;
  	padding: 2px;
  	float: left;
  	background: white;
}

div.progress-bar {
  	background-color: #ACE97C;
  	height: 12px
}

/* dhtml window */
.dhtmlwindow{
	position: absolute;
	border: 1px solid black;
	visibility: hidden;
	background-color: white;
}

.drag-handle{ /* CSS for Drag Handle */
	padding: 1px;
	text-indent: 3px;
	font: bold 14px Arial;
	background-color: #20664f;
	color: white;
	cursor: move;
	overflow: hidden;
	width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 1px;
	top: 2px;
	cursor: hand;
	cursor: pointer;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
	border-top: 1px solid brown;
	background-color: white;
	color: black;
	height: 150px;
	padding: 2px;
	overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray;
	background-color: #F8F8F8;
	height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
	float: right;
	width: 13px; /*width of resize image*/
	height: 13px; /*height of resize image*/
	cursor: nw-resize;
	font-size: 0;
}

.floatright { float: right; }

/* checkout pages */
div#checkout h2 {
	font-size:  123.1%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

div#checkout h3 {
	font-size:  100%;
	font-weight: bold;
	margin-bottom: 2px;
}

div#checkout h4 {
	font-size:  108%;
	font-weight: bold;
}

div#checkout .module {
	font-size: 85%;
	margin-bottom:  10px;
}

div#checkout #option img {
	text-align: center;
	margin-left: auto;
	margin-right:  auto;
	margin-bottom: 10px;
	display: block;
}

div#checkout div.form-container label {
	width: 200px;
}

div#bookmark {
	margin-top: 10px;
	margin-bottom: 20px;
	border-width: 1px;
  	border-style: solid;
  	border-color: #b6b7cb;
  	float: right;
}

div#bookmark div.hd {
	margin: 5px 0 0 10px;
}

div#bookmark h3 {
	font-size: 85%;
	color: #525252;
}

div#bookmark ul {
	text-align: right;
	list-style-type: none;
	margin: 0 10px 0 30px;
}

div#bookmark li{
	list-style-type: none;
	display: inline;
	margin: 0 0 10px 0;
}

div#bookmark a:link, div#bookmark a:visited {
	text-decoration: none;
	font-size: 85%;
}

div#bookmark a:link, div#bookmark a:visited{color:#2e6ab1;}
div#bookmark a:hover, div#bookmark a:active{color:#F00;}

.bookmark {
	display:inline;
	overflow:hidden;
	height:16px;
	padding-left:20px;
	line-height: 2em;
	background-repeat:no-repeat;
	background-image: url(../images/system/Bookmarks.gif);
}

#delicious { background-position:0px 0px }
#digg { background-position:0px -16px }
#reddit { background-position:0px -32px }
#facebook { background-position:0px -48px }
#stumbleupon { background-position:0px -64px }

div.buttonrow {
	margin-top: 5px;
	margin-bottom: 20px;
	float: right;
	clear: both;
}

div.buttonrow a, div.buttonrow button {
	padding-left:  1em;
}