/*
colours:
dark blue - #046BC0
neutral blue -  #9ABBE3
neutral light - #C7DBF1
menue background - #D1E3F3
borders - #046BC0
gray - #6D6E71

test colors

    --subnavcolor: #0072bc;#003a80;
    --sidebarbackground: #f3f5f7;
    --sidebarbgnavselected: #0072bc;#003a80;
    --brandingcolor: #008eca;
    --logindlgbgcolor,#9ABBE3

    --bordercolors were #9ABBE3

    // cat I farted suggested these... hmmm
    --font-body: "Inter", "Segoe UI", Arial, sans-serif;
    "Roboto", Arial, sans-serif;
    --font-heading: "Inter", "Segoe UI", Arial, sans-serif;

    was:
    	font-family: Arial, helvetica, sans-serif;

    "Open Sans", Arial, sans-serif;

    "Segoe UI", "Helvetica Neue", Arial, sans-serif;


    #9ABBE3
*/

:root {
    color-scheme: light;
    --subnavcolor: #003a80;
    --sidebarbackground: #f3f5f7;
    --sidebarbgnavselected: #003a80;
    --brandingcolor: #008eca;
    --logindlgbgcolor:#003a80;
    --bordercolors: #f3f5f7;
    --navhovercolor:#9ABBE3;
    --bodytextsize: 14px;
    --navtextsize: 15px;
    --subnavtextsize: 13px;

    --font-body: "Inter", "Segoe UI", Arial, sans-serif;
    --font-heading: "Inter", "Segoe UI", Arial, sans-serif;
    --livechatbgcolor: #0072bc;
    --sidebarWidth:230px;
}

html, body {
	font-size: var(--bodytextsize);
	font-family: var(--font-body);
	color: #6D6E71;
	background-color: var(--subnavcolor);
	height: 100%;
	line-height: 150%;
    scrollbar-gutter: stable;
}

body {
	height: 100%;
	padding: 0;
	text-align: center;
	margin: 0px;
/*    letter-spacing: 0.3px;*/
}

/* needs to be 902 because the border 1px on each side deducts from internal layout */
#Centerbox {
	text-align: left;
	width: 942px;
	max-width: 942px;
	background-color: white;
	padding: 0 5px;
	margin: 0px auto;
}

#Page {
	min-height:100vh; 
	text-align: left;
    border-style: solid;
    border-color: var(--bordercolors);
	border-width: 0px 1px 0px 1px;
	padding-right: 5px; 
	padding-left: 5px;
	display: flex;
	flex: 1 1 auto;
    flex-direction: column;
}

form{
	margin:0;
}


#kayako_sitebadgecontainer {
    left: auto !important;
    right: 30px !important;
    top: auto !important;
    bottom: 20% !important;
}

#kayako_sitebadgeindicator{
    position: absolute;
    right: -20px;
    top: -8px;
    left: auto !important;
}

#kayako_sitebadgebg
{
    border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
    width:30px !important;
    background-color: var(--livechatbgcolor) !important;
    border-color: #75b5e9 #0361ad #0361ad #75b5e9 !important;
}

/* admin site styles */
#tab-container ul {
	padding-left: 0;
	float: left;
}

#tab-container ul li {
	margin-left: 0px;
	display: inline;
	width: 120px;
	list-style-image: none;
	list-style-type: none;	
}

#tab-container ul li a {
	background-color:white;
	float:left;
	font-size:var(--bodytextsize);
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	text-decoration:none;
	vertical-align:sub;
	padding: 0 20px;
}

#tab-container ul li a.active {
	background-color:var(--subnavcolor);//#046BC0;
	color: White;
}

td#Content a img, td#Content img {
	float:right;
	padding:10pt 10pt 0pt;
}

tr.basket {
}

td#Content p img {
	padding: 2px;
	float:left;
}

td#Content h2 a img {
	float: left;
	padding: 2px;
}

td#Content h3 img {
	vertical-align: middle;
	float: left;
	padding: 2px;
}


td#Content td img {
	padding: 0;
	float: none;
}

td#Content td a img {
	border-bottom: 0px;
	padding:1px 5px;
}

td#Content td a img:hover {
	text-decoration: none;
}

#Content #screen_thumb a img {
	float: left;
	padding: 0px 0 4px 0;
}



/*////////////////////////////////////////////////////////////////
// TOP row of page - logo, login link
/////////////////////////////////////////////////////////////////*/

#logorow {
	display: flex;
	height: 70px;
    align-items: center;
    flex: 0 0 auto;
}

#Logo {
    display: flex;
    align-items: center;
	flex: 1 1 auto;
	text-align: left;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:8px;
    width:100%;
}

#Logo img{
    height:40px;
}

div#cart_icon{
    margin-right:10px;
    margin-top:5px;
}

#Userbar {
	text-align: right;
    flex: 1 0 auto;
}

#Userbar a{
    color: var(--subnavcolor);
    font-weight:600;
}

div#Userbar {
    flex-direction:row;
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size:var(--bodytextsize);
}

/*////////////////////////////////////////////////////////////////
// NAV row of page nav and image
/////////////////////////////////////////////////////////////////*/

#navrow {
	flex: 0 0 auto;
}

/*////////////////////////////////////////////////////////////////
// PAGE CONTENT sidebar and content
/////////////////////////////////////////////////////////////////*/

#contentrow {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
	border-top: 1px solid var(--bordercolors);
}

#features_page {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    height:100%;
}

#MainUserContent {
    display: flex;
    flex: 1 1 auto;
}

#Sidebar {
	flex: 0 0 auto;
	border-right: 3px solid white;
	text-align: left;
	background-color: var(--sidebarbackground); //#E7ECF0; //#e9eef3;//#E7ECF0;
	font-size: var(--bodytextsize);
	padding: 0px 0px 0px 0px;
	border-right-width: 1px;
    width:var(--sidebarWidth);
    max-width: var(--sidebarWidth);
}

#Footer {
    display: flex;
    flex: 0 0 50px;
	border-top: 1px solid var(--bordercolors);
	width: 100%;
	background-color: #fff;
	color: #C1C2C3;
}

#FooterText {
    display: flex;
	text-align: left;
	flex: 1 0 auto;
}

#FooterText p {
	font-size: 8pt;
	padding: 0 5px 0 5px;
}

#elovade_logo {
	float:right; 
	align-content:center;
    flex: 0 0 auto;
}

#Main {
	text-align: left;
	height:100%;
	width:100%;
	table-layout:fixed;
}

#fp_main 
{
	display:flex;
	flex-direction:row;
    width:100%;
}


#rightbox {
	border: 1px solid var(--bordercolors);
	background-color: #E7ECF0;
	float: right;
	width: var(--sidebarWidth);
	padding: 10px;
	margin: 5px 0 0 20px;
}

#pagination ul {
	width: 100%;
	list-style-image:none;
	list-style-type:none;
	padding: 0;
	text-align: center;
}

#pagination ul li {
	background-position:center;
	display:inline;
	padding-left: 0px;
	padding-right: 0px;
	margin:10px;
}

#pagination ul li.selected {
	font-weight: bolder;
}

td#Content #pagination ul li {
	margin-left: 1px; 
}

h1 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-weight: 650;
	font-size:13pt;
	color:var(--subnavcolor);//#046BC0;
}
	
h2 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-weight: 650;
	font-size:13pt;
    font-family:var(--font-heading);
	color:var(--subnavcolor);//#046BC0;
}

h2 a {
	font-size:13pt;
}

h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-weight: 650;
	font-size:11pt;
    font-family:var(--font-heading);
	color:var(--subnavcolor);//#046BC0;
}

h3 a {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-weight: 650;
	font-size:11pt;
	color:var(--subnavcolor);//#046BC0;
}


h4 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-weight: 650;
	font-size:10pt;
    font-family:var(--font-heading);
	color:var(--subnavcolor);//#046BC0;
}

address {
	font-style: normal;
}

img {
	border: 0px;
}

a:hover img {
	border-bottom: 0;
}

img:hover {
	border: 0;
}
	
p {
    font-size:var(--bodytextsize);
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:150%;
    margin-top:10px;
    padding:0px;
    max-width:640px;
}

.adv_search {
	width: 250px;
	clear: both;
	margin-bottom: 15px;
}

#more_info {
	margin: 0 0 15px 0;
	padding-top:-5px;
	vertical-align: middle;
}

#product_info {
	margin: 0;
}

div #product-info img {
	height: 40px;
    object-fit: cover;
}


table#choose_license {
    width:100%;
    margin:10px 0px 10px 5px;
    padding: 0 40px 0 0;
}

#choose_license td{
    padding:2px 2px 2px 4px;
}

#choose_license th{
    padding:2px 2px 2px 4px;
}

div#license_details{
    margin:10px 0px 10px 5px;
    padding: 0 40px 0 0;
}

#license_details td{
    padding:2px 2px 2px 4px;
}

#license_details th{
    padding:2px 2px 2px 4px;
}

div#shopping_cart{
/*    margin:10px 0px 10px 5px;*/
    padding: 0 40px 0 0;
}

#shopping_cart td{
    padding:2px 2px 2px 4px;
}

#shopping_cart th{
    padding:2px 2px 2px 4px;
}


#review_order p{
    line-height:120%;
}

#charge_info 
{
}

#charge_info p{
    color:var(--brandingcolor);
    font-weight:650;
}


ul li {
	list-style-image: url(../images/dot.gif);
}

ol {
    padding: 0px 0px 0px 20px;
}

ol li {
	list-style-image: none;
	list-style-type:decimal;
}

#Sidebar p {
	padding: 5px 10px 5px 10px;
}

#Sidebar h4 {
	padding: 5px 10px 5px 10px;
}

#Content #Sidebar ul li {
margin-left:1px;
}

/*sidebar-navi*/

div#Sidebar{
/*	width: 200px;*/
/*	max-width: 200px;*/
	overflow: hidden;
	margin: 0;
	padding: 8px 0 0 0;
    border-top-right-radius: 8px;
}

#Sidebar ul {
/*	border-top: 2px solid white;*/
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
    font-weight:540;
}

#Sidebar ul li {
	border-bottom: 1px solid white;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
    padding: 1px 0 1px 0;
    line-height:22px;
}

#Sidebar ul li.selected {
/*	background-color: #0072bc;//#A6B6C3;*/
}

#Sidebar ul li a{
	color: #6D6E71;
	padding-left: 10px;
	display: list-item;
	text-align:left;
}

#Sidebar li ul {
	border: 0;
}

#Sidebar ul li a:hover{
/*	color: #fff;
	border-bottom: none;
	background-color: #0072bc;//#9ABBE3; */
}
/*
#Sidebar ul ul li a:hover {
	background-color: #9ABBE3;
}*/

#Sidebar ul li a.selected{
	color:white;
    background-color: var(--sidebarbgnavselected);    
/*  font-weight:600;*/
}

#Sidebar ul ul li {
	border-top:1px solid white;
	border-bottom:0px;
}

#Sidebar ul ul li.selected {
	background-color: #A6B6C3;
	color:white;
}

#Sidebar ul ul li a {
	padding-left: 20px;
	display: list-item;
	text-align:left;
}

#Sidebar ul ul li a.selected{
	color:white;
}

/*admin menu*/
#admenu {
	text-align: left;
	list-style-position:inside;
}
b {
	font-weight: 700;
}

select {
	border: 1px inset silver;
}

select, option {
	cursor: pointer;
	font: 12px helvetica, sans-serif;
}

input, textarea {
	border-color: #9A9A9A #DFDFDF #DFDFDF #9A9A9A;
	font-size: var(--bodytextsize);
	font: 12px helvetica, sans-serif;
	margin: 1px 1px 1px 1px;
}

input.button {
	border: 1px ridge;
	background: var(--subnavcolor);//#046BC0;
	color: #fff;
	text-align: center;
	font-size: var(--bodytextsize);
    font-weight: 600;
	cursor: pointer;
    padding: 4px 8px 4px 8px;
}


legend {
	color:#6D6E71;
}

blockquote {
	font-style: italic;
}

.field {
	border-color: #9A9A9A #DFDFDF #DFDFDF #9A9A9A;
	border-style: solid;
	border-width: 1px;
	font-size: var(--bodytextsize);
	padding: 2px 3px 3px;
}

td {
	vertical-align: top;
	font-size: var(--bodytextsize);
	padding: 0px 0px;
}

#Licensing td {
	border-bottom: 1px solid #DCDCDC;
}

hr {
	border-top: 1px solid var(--subnavcolor);//#046BC0;
	border-bottom:0;
}

a {
	font-size: var(--bodytextsize);
	color:var(--subnavcolor);//#046BC0;
	text-decoration:none;
}

a:link {
	color:var(--subnavcolor);//#046BC0;
}
a:visited {
	color:var(--subnavcolor);//#046BC0;
}
a:hover {
	text-decoration: underline;
}

a.qbik:hover,a.qbik {
	color:#fff;
	background-color:#fff;
	text-decoration:none;
	border-bottom:none;
}

#Navi {
	border-style:solid;
	border-color:var(--bordercolors);
	border-width:0px 0px 0px 0px;
	color: #6D6E71;
	background-color:#fff;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 9px;
	text-align: left;
//	line-height:20px;
}
#Content {
	vertical-align:top;
	text-align: left;
	padding: 10px 12px 12px 12px;
	height: inherit;
}

td#Content p {
	margin-top: 0;
	max-width: 550px;
}

td#Content ul li {
	margin-left:-19px;
}

/* left news section at front page*/
#fp_main  .fp_news {
	background-color: var(--sidebarbackground);
	padding:15px;
//	border-right:15px solid #fff;
	width:253px;

}
/* right product section at front page*/
#fp_main  .fp_product {
	padding-bottom:1em;
    padding-left:15px;
    width:550px;
}

#fp_main  .fp_product p {
	margin-bottom:0;
}

#fp_main  .fp_product img {
	margin:0 5px;
}

#fp_main  .fp_product  .f_right {
	float:right;
}

#fp_main  .fp_product  ul {
	padding-left: 0px;
	margin: 0px;	
	display:inline;
}

#fp_main  .fp_product  ul li {
	display:inline;
	list-style-image:none;
	list-style-type:none;
}
#fp_main  .fp_product  ul li a {
	padding: 0 3px 0 0;
}


.sbspace{
	padding: 10px 10px 5px 10px;
}

#emptysub {
	margin-top:-1px;
	background-color:var(--subnavcolor);//#046BC0;
	height:23px;
}

#Container {
height:300px;
margin:0pt auto;
min-height:100%;
position:relative;
}

#Resources {
	margin-left: 0px;
	padding:10px;
	height: 100%;
	min-height: 300px;
}

#Login {
    flex-direction: column;
/*	margin: 10px 10px 10px 0px;*/
    padding:0px;
	border-style:solid;
//	border-color:#046BC0;
	border-width:1px 1px;	
    border-radius: 7px;
	background-color:var(--logindlgbgcolor,#9ABBE3);
	color: White;
	height: 85px;
    width: 240px;
}

#Login table {
    width:100%;
    height:100%;
    border-spacing:5px;
}

#Login td {
	border-right: 0px;
}



#Register_dialog {
    display:flex;
    flex-direction: column;
    /*	margin: 10px 10px 10px 0px;*/
    padding: 0px;
    border-style: solid;
    border-color: var(--navhovercolor);
    // border-color:#046BC0;
    border-width: 0px;
    border-radius: 7px;
    background-color: var(--logindlgbgcolor,#9ABBE3);
    color: White;
    height: 85px;
    width: 240px;
    overflow: hidden;
}

.register_form {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.form-body {
    padding: 15px;
}

.form-submit {
    margin-top: auto;
    padding:2px;
}

.form-grid {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 10px 15px;
}

.form-grid input{
    border-radius:3px;
}

.login_button {
    width: 100%;
    height: 25px;
    padding: 0;
    border: none;
    border-top:1px solid white;
    border-radius: 0 0 5px 5px;
    background-color: var(--navhovercolor);
    color: var(--logindlgbgcolor);
    border: 1px solid var(--navhovercolor);
}

.login_button:hover {
    color:white;
}

/*
fieldset p {
	padding: 5px 5px 5px 5px;
}*/

.highlight {
	background-color: #FEFF64;
	color: Black;
}

.vspace {
	padding-top: 5px;
}

.copyright {
	line-height: 100%;
	font-size: 10px;
}

.error {
	font-weight: bold;
	color: #E04500;
	font-size: var(--bodytextsize);
}

.welcomesub {
	height: 20px;
	font-size: var(--bodytextsize);
	font-weight: bold;
	background-color: #fff;
	border-color:var(--bordercolors);
	border-style:solid;
	border-width:1px 0px;
	color: var(--subnavcolor);//#046BC0;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
}

.full {
	width:100%;
}

.email {
	border-color:#9A9A9A rgb(223, 223, 223) rgb(223, 223, 223) rgb(154, 154, 154);
	border-style:solid;
	border-width:1px;
	font-size:var(--bodytextsize);
}

.password {	
	border-color:#9A9A9A rgb(223, 223, 223) rgb(223, 223, 223) rgb(154, 154, 154);
	border-style:solid;
	border-width:1px;
	font-size:var(--bodytextsize);
}


.h-gardient {
	width:100%;
}

.darkblue {
	color: var(--subnavcolor);#046BC0;
}

.darkgray {
	font-size: smaller;
	color: #6D6E71;
}

.next {
	padding-right: 20px;
	background-position: right;
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
}

.vline {
	padding-left: 5px;
	border-left: 2px solid var(--subnavcolor);//#046BC0;
}

.checkout_field {
	width: 200px;
}

#headerpic {
	margin-top:5px;
}

#youarehere {
	border-top: 1px solid #0072BC;
	border-bottom: 1px solid #0072BC;
}

/*
#navlist
{
padding: 0;
margin-left: 0;
font: bold 0px helvetica, sans-serif;
}*/

#navlist li a:hover {
    color:var(--navhovercolor);
}


#navlist {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

#navlist li {
    display: block;
}

#navlist li a {
    display: block;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: var(--navtextsize);
    font-weight: 600;
    letter-spacing: 0.4px;
}


#navcontainer {
	background-repeat: repeat-x;
	background-position: top;
}

#navcontainer ul
{
    line-height:24px;
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
    background-color: fff;//#9ABBE3;
    float: left;
    width: 100%;
}

#navcontainer li { 
	list-style-image: none; 
	display: inline;
}

#navcontainer tr td { 
	display: inline; 
}

#navcontainer li a {
border-right: 2px solid white;
border-bottom: 0px;
width: 120px;
text-align: center;
vertical-align:sub;
/*background-color: #9ABBE3;*/
/*color: White;*/
color: var(--subnavcolor);
text-decoration: none;
float: left;
padding-top: 0px;
margin-top:0px;
font-size: var(--navtextsize);
}

#navcontainer a:hover {
color: var(--subnavcolor);//#046BC0;
}

#navcontainer a.selected:hover {
color: #fff;
}

#navcontainer a.selected {
background-color: var(--subnavcolor);   //#046BC0;
color: #fff;
border-bottom: 0;
}

#navcontainer a.lselected {
background-color: #9ABBE3;
color: #fff;
 background-image: url(../images/ltab_activ.gif);
border-bottom: 0;
}

#navcontainer a.lselected:hover {
color: #fff;
border-bottom: 0;
}

#navcontainer a.nostripe {
background-color: #9ABBE3;
 background-image: url(../images/tab_nostripe.gif);
color: #fff;
}

#navcontainer a.nostripe:hover {
background-color: #9ABBE3;
 background-image: url(../images/tab_nostripe.gif);
color: var(--subnavcolor);//#046BC0;
}

#navcontainer li {
	width:120px;
}


#navtd tr {
	height:30px;
}

#navtd td{
	width:120px;
	height:26px;
	padding:0px;
	padding-bottom:3px;
	text-align:center;
	vertical-align:bottom;
}

#navtd td.selected {
	background-image: url(../images/tab_activ.gif);
}

td.navfill {
}

#navtd td a{
	color:#fff;
	font-size:10pt;
	font-weight:bold;
}

div.tdspan{
	width:120px;
	text-align:center;
	cursor:pointer;
}

#navtd td a:hover {
	color: var(--subnavcolor);//#046BC0; 
	border-bottom: none;
}

#navtd td.selected a:hover {
	color: #fff; 
	border-bottom: none;
}

#navtd td.lselected a:hover {
	color: #fff; 
	border-bottom: none;
}

#navtd td.lselected {
	background-image: url(../images/ltab_activ.gif);
}

#navtd td.nostripe {
	 background-image: url(../images/tab_nostripe.gif);
}

#navtd td.lstripe {
	background-image: url(../images/tab_lstripe.gif);
}


#sublist
{
padding: 0;
margin-left: 0;
font: bold 0px helvetica, sans-serif;
}

/*SUB-NAV*/

#subcontainer ul {
    width: 100%;
	height: 24px;
    padding: 0;
    margin: 0;
    background-color: var(--subnavcolor);//#046BC0;
    color: White;
    float: left;
}

#subcontainer a {
	font-size:var(--subnavtextsize);
	margin: 5px 0 5px 0;
}

#subcontainer ul li { 
	display: inline; 
}

#subcontainer ul li a {
    padding: 0em 2em;
    color: #9ABBE3;
    text-decoration: none;
    float: left;
    font-weight: normal;
    font-size:9.0pt;
}

#subcontainer ul li a.selected {
    color: #fff;
    text-decoration: none;
    float: left;
}

#subcontainer ul li a.selected:hover {
    color: #fff;
    text-decoration: none;
    float: left;
}

#subcontainer ul li a:hover {
    color: #BADBFF;
    text-decoration: none;
    border-bottom: 0px;
}


/* order table layout */
td.cell {
	font-size: var(--bodytextsize);
	padding: 2px 2px 2px 2px;
	vertical-align: top;
}

td.rcell {
	border-right: 1px solid white;
}

th.bt {
	border-top: 1px solid black;
}

th.bb {
	border-bottom: 1px solid black;
}


td.ok {
	background-color: #D3FFA8;
	color: black;
	border: 1px solid silver;
	border-right: 0px;
	border-bottom: 0px;
	padding: 2px 2px 0 2px;
	vertical-align: top;
}

td.critical {
	background-color: #FFA482;
	color: White;
	border: 1px solid silver;
	border-right: 0px;
	border-bottom: 0px;
	padding: 2px 2px 0 2px;
	vertical-align: top;
}


th {
	font-size: var(--bodytextsize);
}

.tableblock {
	 height: 98%;
}

.scrollblock {
	width: 100%;
	max-height: 400px;
	overflow: auto;
}
.bborder {
	border: 1px solid var(--subnavcolor);//#046BC0;
	margin-bottom: 10px;
	padding: 0px;
}

.bborder th {
	color: White;	
}


.addspace {
	padding-right: 20px;
}
.fullwidth {
	width: 100%;
}

.lightcell {
	background-color: #fff;
}

.lightcell-nh {
	background-color: #fff;
}

tr.lightcell:hover {
}

.darkcell {
	background-color: var(--sidebarbackground);//#E7ECF0;
}

.darkcell-nh {
	background-color: #ECECEC;
}


tr.darkcell:hover {
}

.top {
	vertical-align: top;
}

.left {
	text-align: left;
}

.middle {
	vertical-align: middle;
}

.center {
	text-align: center; 
}

.right {
	text-align: right;
}

.white {
	color: White;
}

.positive {
	color: #6D6E71;
}
.negative {
	color: #990000;
}

#screen_thumb {
	float: left;
	width: 100px;
	height: 105px;
	padding: 2px 5px;
}

/*login, logout, shopping basket*/

#userbox {
	padding-top: 10px;
	padding-right: 10px;
	float: right;
	vertical-align: bottom;
	width: 580px;
}

#userctrl li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	padding: 0px 5px;
}

#survey {
	border: 1px dotted red;
	padding: 5px;
	margin: 5px;
}

#survey a {
	color: red;
}

#survey a:hover {
	color: red;
	border-bottom: 1px solid red;
}

#info_message {
background:#fff none repeat scroll 0%;
opacity:0.7;
position:absolute;
z-index:10000;
}

#sitetools {
	float: left;
	position: fixed;
	top: 0px;
	left: 0px;
	font-weight: bold;
	width:120px;
	border: 1px solid var(--subnavcolor);//#046BC0;
}
#sitetools img {
	float: left;
	padding: 5px 5px 4px 5px;
	margin: 0px;
}


#sitetools img:hover {
	width:60px;
	padding: 0px;
	margin: 0px;
}

#st_header {
	background-color: var(--subnavcolor);//#046BC0;
	color: White;
	text-align: left;
}

#st_header img {
padding: 2px;
margin: 0px;
float: right;
}

#st_header img:hover {
	width:16px;
padding: 2px;
margin: 0px;
}

#sitetools ul li a {
	color: var(--subnavcolor);//#046BC0;
}

#sitetools ul li a:hover {
	color: Red;
}



#Orderer_header {
	height: 30px;
	border: 1px solid #ccc;
	font-weight: bolder; 
	font-size:15px;
	margin-bottom: 3px;
	width:100%;
	background-color:#9ABBE3;
	color:#fff;
}

#Orderer_footer{
	height: 45px;
	border: 1px solid #ccc;
	font-weight: bolder; 
	font-size:15px;
	margin-bottom: 3px;
	width:100%;
	background-color:#9ABBE3;
	color:#fff;
}

#Orderer_header div {
	padding: 4px;
}

#map {
}

#map_img {
	padding: 0px;
	margin: 0px;
}

.customer{
}

.dealer {
	color: Orange;
	font-style: italic;	
}

.supplier {
	color: Orange;
	font-style: italic;	
}

.admin {
	color: red;
	font-style: italic;	
}

.oh_details {
}

table.oh_details  {
    background-color:#ccc;
    margin-bottom: 0.5em;
}

.oh_details th {
    background-color:#9ABBE3;
    color:#fff;
    cursor:pointer;
    padding:0 10px;
}

.oh_details td {
    background-color: #fff;
    padding: 0.5em;
}

.oh_details th {
    background-color:#9ABBE3;
    color:#fff;
    cursor:pointer;
    padding-right:20px;
}


table.oh_items {
    width: 100%;
    background-color:#ccc;    
    margin-bottom: 2em;
}

.oh_items th {
    background-color:#9ABBE3;
    color:#fff;
    cursor:pointer;
    padding:0 10px;
}


.oh_items td {
    background-color: #fff;
    padding: 0 0.5em;
}
#social {
	width:84px !important;
	height:22px !important;
	float:right;
	display:block;
	position:relative;
	margin:0;
	border-spacing:0;
}

#plusone_td {
	width:38px;
	padding:2px 0px 2px 2px;
}

#fblike_td {
	padding:2px 0px 2px 3px !important;
	overflow:hidden;
	width:48px !important;
}

#fblike_td iframe{
	width:47px !important;
}

#wg7ugpromo{
	background-color:#529DD6;
    border-radius: 3px;
	margin:20px;
	float:right;
}

#keycheck {
	background-color:#529DD6;
	display:block;
	width:300px;
	padding:10px;
	color:#fff;
	display:none;
}

#keycheck p, #keyresult p {
	text-align:left;
}
#wg7ugpromo h1 {
	margin:5px;
	color:#fff;
	cursor:pointer;
	display:block;
	width:310px;
}
#keycheck input {
	width:210px;
	border:1px;
    border-radius: 3px;
    padding: 5px;
}
.lc_field {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.6);
    line-height: 30px;
    margin-bottom: 2px;
    padding: 5px;
	border-radius:3px;
}
#btnCheck {
	background-color:#ff7529;
	color:#fff;
	border:1px solid #fff;
    border-radius: 3px;
    padding: 3px;
	font-weight:bolder;
	cursor:pointer;
}
#keyresult {
	color:#fff;
}
#keyresult a {
	color:#fff; 
	font-weight:bold;
	text-decoration:underline;
}

#survey-conditions {
    margin:0px;
    padding: 0px 0px 0px 12px;
}
    


#survey-conditions li {
    font-size:12px;
    color: lightslategray;
    line-height:normal;
}