/*	light blue = #7bc4e5
	dark blue = #3298d4
	very dark blue = #3298d4
	orange = #F48106
*/

/* Layout */
body, html {color: #000; font-family: Verdana, Arial, Tahoma, sans-serif;text-align: center; /*** Centers the design in old IE versions ***/ padding:0px 0px 0px 0px; background-color:#E5E5E5;}
#mainContainer {background-color:#FFF; width: 760px;margin: 0 auto; /*** Centers the design ***/min-height: 600px;padding:5px 5px 25px 5px; text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/}
* html #mainContainer {height: 600px;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/}
#header {padding: 0px}
.outer {padding-left: 148px; }
.inner {width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/}
* html .inner {width: 100%;}
.float-wrap {float: left;width: 760px;margin-left: -150px; /*** Same length as .outer padding-left but with negative value ***/}
#content {float: left;width: 600px;background:#fff; padding:0px 0px 0px 2px; margin:0;}
* html #content {position: relative;}
.contentWrap{padding: 0px;}
#right {float: right;width: 150px;min-height: 250px;}
* html #right {position: relative;  /*** IE needs this  ***/height: 250px;}
#bottom {margin-left: -150px;  /*** Same length as .outer padding-left but with negative value ***/float: left;width: 750px;background: #FFF;padding: 0px;height: 0px;}
* html #right {position: relative;  /*** IE needs this  ***/}
#footer {width: 760px;margin: 0 auto;text-align: center;padding:5px 0px 0px 0px;}





/* Logo */
#logo {float:left;padding:10px;}

/* Main Tabs */
#tabs {font-size:.90em;width:100%;background-color:#3298d4;} 
#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:#FFF;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 #3298d4;margin:0px 0 0 0px;}
#mainnav a {color:#000000}
#mainnav img{display:block}
#mainnav dt {font-size:1em;	background-color:#3298d4;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:#7bc4e5;}
#mainnav dd a:hover {background: url("images/mainnav/selector.gif") no-repeat left; background-color:#B2C7DC;}
#mainnav dl {margin:0;padding: 0;background-color: #7bc4e5;}
#mainnav .last {height:1px; }

/* Search Bar */
#searchbar {background-color:#7bc4e5; padding:2px 0 2px 0; margin:0 0 4px 0; clear:both;}
#searchitem {font-size: 1.0em; color: white;font-weight: bold; padding-left:0px;}
#searchitem input {margin-left:5px; vertical-align: middle; *vertical-align: text-bottom;}
#searchitem .searchbutton {vertical-align: middle; *vertical-align: text-bottom;}

 /* login menu */
#loginmenu {float:right;padding:20px 5px 0px 0px}
#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; }

/* tel no */
#tel {float:right;text-align:right;font-weight:bold;padding:5px 5px 0px 0px}

/* Mini Cart */
#minicart {position:relative; width:150px; font:1.2em;border:1px solid #3298d4;margin:0px 0px 5px 0px;}
#minicart dl {margin:0;padding:0;background-color: #FFF;position:relative}
#minicart dt {font-size:1em; background-color:#3298d4;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:#FFF;}
#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 #7bc4e5;margin:0px auto;}
.hdritemsbox a {color:#000000}
.hdritemsbox img{display:block}
.hdritemsbox dt {font-size:1em;	background-color:#7bc4e5;color:#FFF;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: #7bc4e5;}

/* Dynamic Lists */
.dynamiclist {width:99%; font:1.2em;border:1px solid #7bc4e5;margin:0px auto;}
.dynamiclist a {color:#000000}
.dynamiclist img{display:block}
.dynamiclist dt {font-size:1em;	background-color:#7bc4e5;color:#FFF;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: #7bc4e5;}

/* Product Narrow */
.prodnarrow {width:150px; font:1.2em;border:1px solid #3298d4;margin:0px 0 5px 0; text-align:center;}
.prodnarrow a.OutOfStockNotify {padding: 3px 0 3px 0}

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

/* Center box 2 for shop*/
#box2 {margin:0px 0 0 0px;}
#box2 .content{border:1px solid #3298d4;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:#3298d4; padding:4px 0px 4px 4px;text-align:left;}



/* 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;}

/* 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 #3298d4;margin:0px auto;}
.prodnarrowlistitemsbox  a {color:#000000}
.prodnarrowlistitemsbox img{display:block}
.prodnarrowlistitemsbox dt {font-size:1em;	background-color:#3298d4;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: #F48106;font-size: 1.0em;font-weight: bold;}