/*

Koorie
Common

*/



html, body {height:100%}

body {padding: 0;margin: 0;color: #00000;font: .72em/1.7em Arial, Helvetica, sans-serif; line-height: 12pt}
#outer {width: 990px;height:auto;margin: 0 auto;padding: 0; }
.outerwrap {float:left;}

/* Hidden content */
.structurelabel, .skiplinks
{position: absolute;left: -5000px;width: 4000px;}


/* HEADER AND MAIN NAV */

#header {height: 160px;width: 990px;margin: 0;padding: 0; float: left; background: url(../images/placeholder_header.jpg) 0 0 no-repeat;}
#header h1 {float: right;margin: 0;padding: 0;}
#header h1 a {background: url(../images/client_id.gif) no-repeat 0 0; /* this is the client logo */width: 151px;height: 77px;display: block; margin: 24px 62px 0 0;}
#header h1 span { display: none;}

/* Utility Styles */

#container #toolbar-top ul {display: inline;list-style: none;margin: 0px 0px 0 0;padding: 0; float: left; padding: 2px 10px 10px; width: 970px; position: relative; z-index: 2; height: 20px;}
#container #toolbar-top ul li {margin: 0px 0 0 0;padding: 0; float: right; position: relative;}
#container #toolbar-top ul li.toolbar-item {margin-top: 5px;}
#container #toolbar-top ul li a { color: #A2A2A2; }
#container #toolbar-top ul li a:hover {text-decoration: underline; }

.maincontentheader h1 {font-size: 2em; line-height: 1em;}

/* search panel */

#toolbar-top {width: 990px; height: 32px; float: left; display: inline; padding: 0px; margin: -32px 0 0;}
.search-line {margin: -17px 0 0 0;padding: 0; float: left; width: 80px;  clear: both }
#toolbar-top label span {display: none;}
#toolbar-top input.searchinput {border: none; background: #fff; float: left; margin: 0; z-index:1; position:absolute;}
#toolbar-top input#SearchText {margin: 0;padding: 0;width: 165px;height: 16px; background: #fff;}

#centrecontent #toolbar-top form input.formSubmit,#centrecontent #toolbar-top form input.button {float: left;margin: 0;padding: 0;font: bold 1em arial, helvetica, sans serif;color: #fff;text-transform: uppercase;cursor: pointer;background: none;border: none; }

#container #toolbar-top .button {margin: 0px 0 0 100px; z-index:1; position:absolute; float: left; clear: both; color: #7C7D7F; background: #DFDFE1; font: bold 1em arial, helvetica, sans serif; border: none; width: 65px; text-transform: uppercase;}
.button {color: #7C7D7F; background: #fff; font: bold 1.2em arial, helvetica, sans serif; border: solid 1px #ccc; width: 65px;}


/*login*/

#id1, #id2 { margin-bottom:2px;}
.defaultbutton {color: #7C7D7F; background: #fff; font: bold 1.2em arial, helvetica, sans serif; border: solid 1px #ccc; min-width: 65px;}


/*********** Navigation styles ***********/

#mainNav {float: right; display: inline; width: 990px; height: 57px; margin: 0px 0 0 0; position: relative; z-index: 1; padding: 0; clear: right; background: url(../images/mainnav.gif) repeat-x 0 0;}
#mainNav ul {list-style-type: none; padding: 0px; margin: 0px; float: right; height: 20px;}
#mainNav li {display: block; margin: 0;padding: 0; float: left; }
#mainNav li a { display: block; float: left; margin:0px 0 0 0; padding: 0 10px 0 10px; font: bold 1em arial, helvetica, sans serif; text-decoration: none; color: #fff;}
#mainNav li.last a {margin-right: 0;}
#mainNav li a:hover,#mainNav li a.active {color: #9E1D21;text-decoration: none;font-weight: bold;}

/* CENTRECONTENT STRUCTURE */

#container {float: left;padding: 0;margin: 0;width: 989px; height: auto;}

#centrecontent a:link {color: #797979; text-decoration: none;}
#centrecontent a:visited {color: #797979; text-decoration: none;}
#centrecontent a:hover {color: #797979; text-decoration: underline;}
#centrecontent a:active {color: #797979; text-decoration: none;}

#centrecontent img a {border: none;}


#centrecontent H1 {line-height: 1em;}
#centrecontent H3 {font: normal 1.6em arial, helvetica, sans serif; color:#000;}
#centrecontent H4 {font: normal 1.4em arial, helvetica, sans serif; color:#000;}
#centrecontent H5 {font: normal 1.2em arial, helvetica, sans serif; color:#000;}
#centrecontent H6 {font: normal 1em arial, helvetica, sans serif; color:#000;}

.categoryBrowse h3 {padding: 10px 0; clear: both;}

/* Form Styles */

#centrecontent div.form form input.formSubmit {float: none;}

#centrecontent form {float: left; width: 520px; width: 100%; clear: both; }
#centrecontent form .formElement {clear: both;float: left;width: 100%;}
#centrecontent form fieldset {width: 520px; border:0; padding: 10px 0; margin:0;}
#centrecontent form input, 
#centrecontent form textarea,
#centrecontent form select {float: left; clear: right; width: 300px;}
 /*{float: right; width: 240px;}*/
#centrecontent form label {float: left; clear:left; height: 23px; width: 210px; display: block;}
/*#centrecontent form fieldset label {margin-left: 220px;}*/
#centrecontent form legend {float: left; padding: 0; margin:0; font-weight: bold; color: #3e3e3e}
#centrecontent form input.formCheckbox, 
#centrecontent form input.formRadio {width:22px; padding:0px; border:none; float: right; clear: left;}
#centrecontent form input.submit {}

#centrecontent form fieldset input{float: none; margin: 0 0 3px;}
#centrecontent form fieldset select{float: none; margin: 0 0 3px;}
#centrecontent form fieldset legend {display: block; float: none; margin: 0; padding: 0 0;}

input.button-disabled {width: auto;}
.buttonblock,
.block {clear: both;}

input.defaultbutton,
input.button,
input.formSubmit,
input.submit, 
.register, 
.discard {width: auto !important; background: #ccc; color: #000; border: none; margin: 3px;}

.registerLink, .forgotPasswordLink {clear:both;}

#centrecontent .searchResults form {width: auto!important;}


.searchResults input {width: auto;}
.searchResults input.defaultbutton {width: 114px !important; float: none !important;}

#centrecontent table input, #centercontent table select {width: auto;}

/* Rich text Image styles */
div.imageleft, div.imageright, div.leftobject, div.rightobject{padding-top: 4px;padding-bottom: 4px;display: inline;}
div.imagecenter, div.centerobject{width: 100%;padding-top: 4px;padding-bottom: 4px;display: block;}
div.imagecenter{text-align: center;}
div.imageleft, div.leftobject{float: left;padding-right: 8px;}
div.imageright, div.rightobject{float: right;padding-left: 8px;}
div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext{margin-top: 2px;margin-bottom: 2px;}
div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext{background-color: #f0f0f0;}

/* LEFT STYLES */


/* RIGHT STYLES */

#right {float:right; width: 282px;margin: 0;padding: 0;}
#right a {color: #797979; text-decoration: none;}
#right .toolbarPortal h1,#right .toolbarPortal h2,#right .toollist h1, .toolbox h2 { font: Bold 1.4em Arial, Times, serif; text-transform: uppercase;color:#fff;margin:10px 0 0 0; padding:4px 5px 3px 8px;  text-align: right; }
.portalBody {padding:5px; }


/* FOOTER STYLES */

#footer {clear: both;width: 989px;height: 10px;padding: 0;margin: 0 auto 0 auto;color: #464646;font: 1em arial, helvetica, sans serif;  border-top: solid 1px #FF8840}
#footer ul {list-style-type: none; float: left; padding: 0; margin:0;}
#footer li {display: inline;margin: 0;padding: 0; float: left}
#footer li a {display: block;float: left;color:  #464646;text-decoration: none;padding: 0 10px 0 0;}
#footer li a:hover {text-decoration: underline;}
#footer ul#Credits {display: none;}

/* Form Styles */

fieldset {clear: both;}
legend {font-size: 1.1em; color: #000; font-family:Arial,Helvetica,sans-serif;}
label {float: left;clear: both; margin-bottom: 3px;}
label span {width: 10em;float: left;}
span.required { color: red;}
.posttext, .pretext {clear: both;}

/*button block*/
div.buttonblock{clear: none; width: 100%;}
#centrecontent div.buttonblock input {width: auto; float: none; clear: none;}


.imageCaption { font-size: 12px; text-align: center; font-style: italic; }



.categoryBrowse a{font-size: 1.4em; font-weight: normal; line-height: 1.3em;}

/*shopping basket*/
div.basket div.toolbox-content
{
	padding: 0 5px 0 0;
}
div.basket p
{
	text-align: right;
}