/*	light blue = #D9E3ED
	very dark purple = #A81F5E
	hover on menu blue = #B2C7DC
	orange = #F48106
	purple = #7F477E
*/

/* Layout */

body {width:990px;margin:0 auto;background-color:#FFF;border-left: solid 1px #A81F5E; border-right: solid 1px #A81F5E; border-bottom: solid 1px #A81F5E; background-repeat:repeat-x; background-image:url('images/bg_grad.jpg')}
	
#mainContainer {min-height: 800px;padding: 0px 5px 5px 5px;background-color:#fff; }
* html #mainContainer {height: 800px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/}
#header {}
.outer 
{
    border-left: 150px solid #FFF; /*** This is the width and the color for our left column ***/
    border-right: 150px solid #FFF; /*** This is the width and the color for our right column ***/
}
.inner {width: 100%; }
.float-wrap {float: left;width: 100%;margin-left: -150px; /*** Same length as .outer border-left but with negative value ***/}
#content {float: right;width: 100%;margin-right: -150px;  /*** Same length as .outer border-left but with negative value ***/}
* html #content {position: relative;}
.contentWrap{padding: 0px 10px 5px 5px;}
#left {float: left;width: 150px;min-height: 250px;padding: 0px;}
* html #left {height: 250px;position: relative;  /*** IE needs this  ***/}
#right {float: right; width: 150px;padding: 0px 0px 0px 0px; min-height: 250px;margin-right: -148px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/}
* html #right {height: 250px;position: relative;  /*** IE needs this  ***/}
#footer {text-align: left;background-color:#fff; padding:5px 0 0 160px;}

/* Logo */
#logo {float:left}
#subscriptionpanel {float:right;padding-top:30px;}

/* Main Tabs */
#tabs {font-size:.90em;margin:0 auto}
#tabs ul{margin:0;padding:0px;list-style:none}
#tabs li{float:left;background:url('images/tabs/l_off.gif') no-repeat left top;margin:0;padding:0 0 0 6px}
#tabs a{display:block;background:url('images/tabs/r_off.gif') no-repeat right top;padding:2px 7px 4px 2px;color:#000000;text-decoration:none;font-weight:bold;text-transform:lowercase;}
#tabs li.so{float:left;background:url('images/tabs/lso_off.gif') no-repeat left top;}
#tabs a.so{background:url('images/tabs/rso_off.gif') no-repeat right top; color:#FFF}
#tabs a:hover{color:#0C2C79}
#tabs .selected{background-image:url('images/tabs/l_on.gif')}
/*#tabs .selected a, #tabs .selected a:hover{background-image:url('images/tabs/r_on.gif');color:#FFFFFF;padding-bottom:4px;font-weight:bold}*/
#tabs .selected a, #tabs .selected a:hover{background-image:url('images/tabs/r_on.gif');color:#FFFFFF;font-weight:bold}
#tabs > ul a{width:auto;}

/* Main Nav */
#mainnav{border:1px solid #A81F5E;margin:0px 0 0 0px;}
#mainnav a {color:#000000}
#mainnav img{display:block}
#mainnav dt {font-size:1em;	background-color:#A81F5E;color:#FFF;display:block;font-weight:bold;margin:0px 0 0 0;padding:4px 0;text-align:center;}
#mainnav dd{display:inline;list-style-type:none;padding:0px;margin:1px 0px 1px 0px;}
#mainnav dd a{display:block;font-size:1em;margin:0;padding:2px 2px 2px 15px;text-align:left;background-color:#D9E3ED;}
#mainnav dd a:hover {background: url("images/mainnav/selector.gif") no-repeat left; background-color:#B2C7DC;}
#mainnav dl {margin:0;padding: 0;background-color: #D9E3ED;}
#mainnav .last {height:1px; }

/* Search Bar */
#searchbar {background-color:#A81F5E; padding:2px 0 2px 0; margin:0 0 4px 0; clear:both;}
#searchitem {font-size: 1.0em; color: white;font-weight: bold; /*text-align:center;*/ padding-left:400px;}
#searchitem input {margin-left:5px; vertical-align: middle; *vertical-align: text-bottom; }
#searchitem .searchbutton {vertical-align: middle; *vertical-align: text-bottom;}
#searchtext {font-size: 0.9em; color: white;font-weight: bold;height:25px;float:left;padding:5px 0 0 377px;}

/* login menu */
#loginmenu {top:20px; left:210px;z-index:100; float:left;position:relative;}
#loginmenu ul { list-style: none ; padding: 0px; margin: 0px; font-weight:bold;display:block;}
#loginmenu li { padding: 0px 0px 0px 4px; margin: 0px; display: inline; border-left: solid 1px #000; font-weight:bold;}
#loginmenu .identity { border-left: none; margin-top:5px; font-weight:normal; color:#0D53B1}
#loginmenu li.first { padding: 0 0 0 0; border-left: none; }
#loginmenu li a { color: #000; text-decoration: none; }

/* Mini Cart */
#minicart {position:relative; width:150px; font:1.2em;border:1px solid #A81F5E;margin:0px 0px 5px 0px;}
#minicart dl {margin:0;padding:0;background-color: #D9E3ED;position:relative}
#minicart dt {font-size:1em; background-color:#A81F5E;color:#FFFFFF;display:block;font-weight:bold;margin:0px 0 0 0;padding:4px 0px 4px 4px;text-align:left;}
#minicart dd {margin:1px;display:block;font-size:1em;padding:2px 2px 2px 2px;text-align:left;background-color:#D9E3ED;}
#minicart.buttons {background-color:#FFF;text-align:center;}
.flashbasketitem {background:url("images/icons/basketitemflash.gif");text-align:center;}

/* Further Info */
.hdritemsboxwrapper {margin:10px 0px 10px 0px;} 
.hdritemsbox {width:75%; font:1.2em;border:1px solid #D9E3ED;margin:0px auto;}
.hdritemsbox a {color:#000000}
.hdritemsbox img{display:block}
.hdritemsbox dt {font-size:1em;	background-color:#D9E3ED;color:#A81F5E;display:block;font-weight:bold;margin:0px 0 0 0;padding:4px 0;text-align:center;}
.hdritemsbox dd {display:block;list-style-type:none;padding:0px;margin:1px;}
.hdritemsbox dd a{display:block;font-size:1em;margin:0;padding:2px 2px 2px 15px;text-align:left;background-color:#FFF;}
.hdritemsbox dd a:hover {background: url("images/mainnav/selector.gif") no-repeat left; background-color:#B2C7DC;}
.hdritemsbox dl {margin:0;padding: 0;background-color: #D9E3ED;}

/* Dynamic Lists */
.dynamiclist {width:99%; font:1.2em;border:1px solid #D9E3ED;margin:0px auto;}
.dynamiclist a {color:#000000}
.dynamiclist img{display:block}
.dynamiclist dt {font-size:1em;	background-color:#D9E3ED;color:#A81F5E;display:block;font-weight:bold;margin:0px 0 0 0;padding:4px 0;text-align:center;}
.dynamiclist dd {display:block;list-style-type:none;padding:0px;margin:1px;}
.dynamiclist dd a{display:block;font-size:1em;margin:0;padding:2px 2px 2px 15px;text-align:left;background-color:#FFF;}
.dynamiclist dd a:hover {background: url("images/mainnav/selector.gif") no-repeat left; background-color:#B2C7DC;}
.dynamiclist dl {margin:0;padding: 0;background-color: #D9E3ED;}

/* Product Narrow */
.prodnarrow {width:150px; font:1.2em;border:1px solid #A81F5E;margin:0px 0 5px 0; text-align:center;}

/* Center Box */
#box {position:relative; font:1.2em;border:1px solid #A81F5E;margin:0px 0 0 0px;}
#box .boxtitle {display:block;padding:0; color:#FFFFFF;text-decoration:none;font-weight:bold; background-color:#A81F5E; padding:4px 0px 4px 4px;text-align:center;}
#box .content{margin:0px; padding:5px;}

/* Generic */
img.space {width:5px; height:6px}
.clr{clear:both}
.alert {color:#FF0000;}
.b {font-weight:bold;}
.l {font-size: 1.2em;}
.title {height:25px;font-weight: bold; font-size: 1.2em; color: #666666; background-color: #f5f5f5; text-align:center; padding-top:6px; margin-bottom:10px; }
.title2 {height:20px;font-weight: bold; font-size: 1.1em; color: #666666; background-color: #f5f5f5; padding-top:3px;}
.title3 {height:20px;font-weight: bold; font-size: 1.1em; color: #000000; padding-top:3px;}
.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.tarc {text-align:right; vertical-align:middle;}
.tacm {text-align:center; vertical-align:middle;}
.talm {text-align:left; vertical-align:middle;}
.w100 {width:100%;}
.bclb {background-color:#EAF0F6;}
.flr {float:right;}
.vab {vertical-align:bottom;}
.vabl {vertical-align:baseline;}
.posabs {position:absolute;}
.submitaligns { vertical-align: middle; *vertical-align: text-bottom; } 
.m0auto {margin: 0 auto;}

/* Center box 2 for shop*/
#box2 {margin:0px 0 0 0px; width:100%;}
#box2 .content{border:1px solid #A81F5E;margin:0px 0px 0px 0px; padding:5px 5px 5px 5px;}
#box2 .boxtitle {display:block;padding:0; color:#FFFFFF;text-decoration:none;font-weight:bold; background-color:#A81F5E; padding:4px 0px 4px 4px;text-align:left;}

/* form */
.form input, .form select {vertical-align: middle; margin: 6px; }
.form label {float: left;text-align: right; width: 175px; padding:6px 1px 2px 1px; line-height:15px}

/* Table Row Highlight */
table.ruler tbody tr {background-color:#EAF0F6;} /* mouseout */
table.ruler tbody tr.ruled {background-color:#D0DDEA;} /* mouseover */

/* Account login register etc. */
.formtable{ border:1px solid #cccccc; background-color:#ffffff;}
.formcellbold {padding:10px;font-weight:bold;}


/* Horizontal scroll items */
.hzlgscroll {width:440px; float:left;}
.hzlgscroll div.scroll {position:relative;overflow:hidden;width: 387px;height:80px;	padding:5px 0;	border:1px outset #ccc;background-color:#efefef;margin:0 auto;}
.hzlgscroll div.scroll div.items {width:20000em;position:absolute;margin-left:5px;top: 5px;left: 0px;}
.hzlgscroll div.scroll, .hzlgscroll div.item, .hzlgscroll div.itempicture, .hzlgscroll div.itemdesc, .hzlgscroll div.itembuy {float:left;}
.hzlgscroll div.item {text-align:center;width:376px;padding:0px 0px;font-size:1.0em;border:1px outset #ccc;background-color: #FFF;margin-right: 5px;-moz-border-radius:5px;}
.hzlgscroll div.itempicture {width:75px;height:75px;margin-left:0px;}
.hzlgscroll div.itemdesc {width:185px;margin:2px 2px 0 0}
.hzlgscroll div.itembuy {width:110px;margin-top:2px;}

.hzlgscroll a.scrollprev, .hzlgscroll a.scrollnext, .hzlgscroll div.scrollprevHolder, .hzlgscroll a.scrollnextHolder {width:18px;height:18px;float:left;margin:35px 2px;cursor:pointer;font-size:1px;display:block;}
.hzlgscroll a.scrollprev {background:url(images/icons/left.png) no-repeat}
.hzlgscroll a.scrollprev:hover, .hzlgscroll a.scrollnext:hover {background-position:0px -18px;}
.hzlgscroll a.scrollnext {background-image:url(images/icons/right.png);}
.hzlgscroll div.scrollnavi {margin-left:225px;width:200px;height:20px;}
.hzlgscroll div.scrollnavi a {width:8px;height:8px;float:left;margin:3px;background:url(images/icons/navigator.png) 0 0 no-repeat;display:block;font-size:1px;}
.hzlgscroll div.scrollnavi a:hover {background-position:0 -8px;}
.hzlgscroll div.scrollnavi a.active {background-position:0 -16px;} 	

/* Vertical scroll items */
.vtsmscroll  {float:left;width:220px;}
.vtsmscroll div.scroll {position:relative;overflow:hidden;width: 202px;height:151px; padding: 5px 0;border:1px outset #ccc;background-color:#efefef;}
.vtsmscroll div.scroll div.items {height:20000em;position:absolute;margin-left:5px;top: 0px;left: 0px;}
.vtsmscroll div.scroll, .vtsmscroll div.item, .vtsmscroll div.itemdesc, .vtsmscroll div.itembuy, .vtsmscroll div.itempicture {float:left;}
.vtsmscroll div.item {height:150px;text-align:center;padding:0px 0px;font-size:1.0em;border:1px outset #ccc;background-color: #FFF;margin: 5px 5px 0px 0;}
.vtsmscroll div.itempicture {width:75px;height:75px;margin-left:0px;}
.vtsmscroll div.itemdesc {margin:3px 0 0 0; width:185px;}
.vtsmscroll div.itembuy {margin:5px 2px 0 2px; width:110px;}
.vtsmscroll a.scrollprev, .vtsmscroll a.scrollnext, .vtsmscroll div.scrollprevHolder, .vtsmscroll a.scrollnextHolder {width:18px;height:18px;margin:0px 0px 0px 100px;cursor:pointer;font-size:1px;display:block;}
.vtsmscroll a.scrollprev {background:url(images/icons/up.png) no-repeat}
.vtsmscroll a.scrollprev:hover, .vtsmscroll a.scrollnext:hover {background-position:0px -18px;}
.vtsmscroll a.scrollnext {background-image:url(images/icons/down.png);clear:both}
.vtsmscroll div.scrollnavi {float:right;}
.vtsmscroll div.scrollnavi a {width:8px;height:8px;margin:3px;background:url(images/icons/navigator.png) 0 0 no-repeat;display:block;font-size:1px;}
.vtsmscroll div.scrollnavi a:hover {background-position:0 -8px;}
.vtsmscroll div.scrollnavi a.active {background-position:0 -16px;} 	

/* Product List Narrow List*/
.prodnarrowlistwrapper {margin:10px 0px 10px 0px;} 
.prodnarrowlistitemsbox {width:100%; font:1.2em;border:1px solid #A81F5E;margin:0px auto;}
.prodnarrowlistitemsbox  a {color:#000000}
.prodnarrowlistitemsbox img{display:block}
.prodnarrowlistitemsbox dt {font-size:1em;	background-color:#A81F5E;color:#FFF;display:block;font-weight:bold;margin:0px 0 0 0;padding:4px 0;text-align:center;}
.prodnarrowlistitemsbox dd {display:block;list-style-type:none;padding:0px;margin:1px;}
.prodnarrowlistitemsbox dd a{display:block;font-size:1em;margin:0;padding:2px 2px 2px 15px;text-align:left;background-color:#FFF;}
.prodnarrowlistitemsbox dd a:hover {background: url("images/mainnav/selector.gif") no-repeat left; background-color:#B2C7DC;}
.prodnarrowlistitemsbox dl {margin:0;padding: 0;background-color: #D9E3ED;}

a.OutOfStockNotify {color: #A81F5E;font-size: 1.0em;font-weight: bold;}

/* Search Output */
.OutputTitle a {color:Blue;font-size:1.3em;}
.OutputHighlight{font-family:verdana;font-weight:bold;}
.OutputPageLink{font-family:verdana;}
.OutputCurrentPageLink{font-family:verdana;font-weight:bold;color:#AD0808;}
.OutputCounter{font-family:verdana;padding-top:4px;}
.OutputTitle{font-family:verdana;padding-top:4px;}
.OutputText{font-family:verdana;padding-top:1px;}
.OutputUrl{font-family:verdana;	color:green;padding-top:2px;padding-bottom:4px;}