/*----------------------------------------------------------------------
    Reset
----------------------------------------------------------------------*/
html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, img,
a, b, abbr, acronym, big, cite, code, del, em, i, ins, small, strike, strong, sub, sup, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
	padding: 0;
	outline: 0;
	border: 0;
	margin: 0;
}
html {
    width:100%;
    height:100%;
}
body 
{
	font-family: Calibri, Segoe UI, Lucida Grande, Tahoma, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;	
}
p
{
	line-height:18px;
}
h1 {
	font-size: 200%;
	color: #20366A;
	font-weight: bold;
}
h2 {
	font-size: 160%;
	color: #20366A;
	font-weight: bold;
}
h3 {
	font-size: 140%;
	color: #20366A;
}
.centerdiv 
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	/*overflow:auto;
	margin-left: -475px;
	left: 50%;*/
}
.button
{
	font-size: 90%;
	font-family: Calibri, Segoe UI, Lucida Grande, Tahoma, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}
.footer
{
	font-size: 90%;
}
.menubuttons, .menubuttons a:link, .menubuttons a:visited, .menubuttons a:active
{
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.menubuttons a:hover 
{
	font-size: 90%;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
.leftmenubuttons, .leftmenubuttons a:link, .leftmenubuttons a:visited, .leftmenubuttons a:active
{
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.leftmenubuttons a:hover {
	color: #EC2A8C;
	text-decoration: none;
	font-weight: bold;
}
.leftmenubuttons_magenta, .leftmenubuttons_magenta a:link, .leftmenubuttons_magenta a:visited, .leftmenubuttons_magenta a:active
{
	font-size: 90%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.leftmenubuttons_magenta a:hover {
	color: #0e2f8c;
	text-decoration: none;
	font-weight: bold;
}
.topbarheader{
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
}
.maincontent
{
	font-size:90%;
	text-align: left;
	color: #030D52;
}
.tabletext{
	font-size: 90%;
	color: #FFFFFF;
}
#messages, #customers, #products, #rehabXcelerator, #childrenSupport, #medicalSupport, #somethingelse, #bagstable, #padstable, #orders, #staff, #categories, #images, #VCSupports {
    width: 100%;
    padding: 0;
    margin: 0;
}
caption {
    padding: 0 0 5px 0;
    width: 400px;	 
    font: italic 11px "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
.magentalink
{
	color: #da1a86;
	text-decoration: none;
}
.navlink
{
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	font-size:80%;
}
#messages th tr.head, #customers th tr.head, #products th tr.head, #childrenSupport th tr.head, #medicalSupport th tr.head, #rehabXcelerator th tr.head, #VCSupports th tr.head, #somethingelse th tr.head, #bagstable th tr.head, #padstable th tr.head, #orders th tr.head, #staff th tr.head, #categories th tr.head, #images th tr.head {
    font: bold 110% "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #112b56;
    border: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#messages th.nobg, #customers th.nobg, #products th.nobg, #childrenSupport th.nobg, #medicalSupport th.nobg, #VCSupports th.nobg, #rehabXcelerator th.nobg, #somethingelse th.nobg, #bagstable th.nobg, #padstable th.nobg, #orders th.nobg, #staff th.nobg, #categories th.nobg, #images th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

#messages td, #customers td, #products td, #somethingelse td, #VCSupports td, #childrenSupport td, #medicalSupport td, #rehabXcelerator td, #bagstable td, #padstable td, #orders td, #staff td, #categories td, #images td 
{
	border: 1px solid #C1DAD7;
    /*border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;*/
    background: #fff;
    vertical-align:top;
    padding: 6px 6px 6px 12px;
    color: #102386;
}
#messages td.alt, #customers td.alt, #products td.alt, #VCSupports td.alt, #somethingelse td.alt, #childrenSupport td.alt, #medicalSupport td.alt, #rehabXcelerator td.alt, #bagstable td.alt, #padstable td.alt, #orders td.alt, #staff td.alt, #categories td.alt, #images td.alt {
    background: #F5FAFA;
    vertical-align:top;
    color: #797268;
}
#messages th.spec, #customers th.spec, #products th.spec, #VCSupports th.spec, #somethingelse th.spec, #childrenSupport th.spec, #medicalSupport th.spec, #rehabXcelerator th.spec, #bagstable th.spec, #padstable th.spec, #orders th.spec, #staff th.spec, #categories th.spec, #images td.alt {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(images/bullet1.gif) no-repeat;
    font: bold 100% "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#products a, #products a:visited, #messages a, #VCSupports a, #rehabXcelerator a, #childrenSupport a, #medicalSupport a, #childrenSupport a:visited, #medicalSupport a:visited, #rehabXcelerator a:visited, #messages a:visited, #VCSupports a:visited, #somethingelse a, #somethingelse a:visited, #padstable a, #padstable a:visited, #bagstable a, #bagstable a:visited  
{
	color: #da1a86;
	text-decoration: none;
	outline: none;	
}
#products a:hover
{
	text-decoration: underline;
}
#VCSupports a:hover
{
	text-decoration: underline;
}
#rehabXcelerator a:hover
{
	text-decoration: underline;
}
#childrenSupport a:hover
{
	text-decoration: underline;
}
#medicalSupport a:hover
{
	text-decoration: underline;
}
fieldset
{
    border-collapse: collapse;
    border: none;
}
div.first 
{
	border-top: solid 2px #185584;
	border-bottom: 1px dotted #ccc;
}
dl {
	clear: both;
	border-top: 1px dotted #ccc;
}
dl.first {
	border-top: none;
}
dl dt {
	float: left;
	color: #083456;
	font-size: 110%;
	width: 120px;
	padding: 8px 10px 0 0;
}
dl dd {
	float: left;
	width: 400px;
	padding: 6px 0 6px 20px;
}
dt.error {
	color: #c3402f;
	font-weight: bold;
}
dd.error {
	/*background: transparent url(../images/error_arrow.gif) no-repeat 0px 12px;*/
	padding: 6px 0 6px 20px;
}
dd.error input.textfield, dd.error input.password, dd.error select, dd.error textarea {
	background-color: #ecd3d3;
	border: 1px solid #ef5858;
}
input.textfield, input.password, textarea, select {
		width: 330px;
		color: #083456;
		background-color: #b0ddff;
		font: 120% Calibri, Segoe UI, Tahoma, Verdana, Trebuchet MS, sans-serif;
		padding: 4px;
		border: none;
}
input.textfieldpassword {
		width: 330px;
		color: #083456;
		background-color: #b0ddff;
		font: 130% Calibri, Segoe UI, Tahoma, Verdana, Trebuchet MS, sans-serif;
		padding: 4px;
		border: none;
}
.savebubble
{
    position: relative;
    text-align: left;
    padding: 4px 4px 4px 4px;
    border: solid 1px #8EA930;
    background-color: #566B0C;
    width: 648px;
    font-family: segoe ui, Calibri, Tahoma, Verdana, Arial;
	font-size:100%;
	text-decoration: none;
	color: #fff;
}
.errorbubble
{
	width: 575px;
	border: 1px solid; 
	margin: 10px 0px; 
	padding:15px 10px 15px 10px; 
	background-repeat: no-repeat; 
	background-position: 10px center; 
	color: #D8000C; 
	background-color: #FFBABA; 
}
.helpbubble
{
    position: relative;
    text-align: left;
    padding: 10px 10px 10px 10px;
    border: solid 1px #3ED8EF;
    background-color: #1572A8;
    width: 100%;
    font-family: segoe ui, Calibri, Tahoma, Verdana, Arial;
	font-size:100%;
	text-decoration: none;
	color: #fff;	
}
.success
{
	border: solid 1px #9acd32;
	background-color: #ceff88;
	color: #202020;
	font-size: 90%;
	line-height: 18px;
	width: 100%;
	position: relative;
	padding: 10px 10px 10px 10px;
}
.readme
{
	border: solid 1px #f2a332;
	background-color: #fcefdd;
	font-size: 90%;
	line-height: 18px;
	color: #202020;
	width: 100%;
	position: relative;
	padding: 10px 10px 10px 10px;
}
.instruct
{
	position:relative;
	width:100%;
	font-size: 90%;
	padding: 10px 10px 10px 10px;
	border: solid 1px #59aab9;
	background-color: #ccf2f9;
}
.bigtext
{
	font-size: 130%;
}
.textfield-discount {
		color: #083456;
		background-color: #b0ddff;
		border:solid 1px #2885b5;
		text-transform:uppercase;
		padding: 4px;
}

/* ----------------------------------- */
/* The following styles are for the testimonials page */
/* KD 26.11.09
/* ----------------------------------- */

.tml-wrap {
	background-color : 			#f2f2f2;
	background-image :			url(/images/testimonials/tml-top.jpg);
	background-position : 		top left; 
	background-repeat : 		no-repeat;
	margin : 					10px 0px 10px 0px;
	width :						623px;
	}
					
.tml-inner {
	background-image : 			url(/images/testimonials/tml-base.jpg);
	background-position : 		bottom left;
	background-repeat : 		no-repeat;
	padding : 					10px;
	width : 					623px;	
}

.tml-inner p {	
	color : 					#535353;
	margin-left : 				20px;
	width : 					570px;
}

.tml-highlight {
	background-image : 			url(/images/testimonials/tml-open.jpg);
	background-position : 		top left;	
	background-repeat : 		no-repeat;
	width : 					70%;
	
}

.tml-lowlight {	
	background-image : 			url(/images/testimonials/tml-close.jpg);
	background-position : 		bottom right;
	background-repeat : 		no-repeat;
	width : 					100%;
}

/* Fixes a very weird IE7 bug */
.tml-false {
	padding : 					10px 20px 10px 20px;
}

.tml-highlight h3 {
	color : 					#3959ac;
	text-align : 				left;
}

.tml-highlight-left h3 {
	margin-left : 				50px;
	text-indent : 				-50px;
}

.tml-highlight-right {
	margin-left : 				25%;
}

.tml-highlight-right h3 {
	text-indent : 				50px;
}

p.tml-author {
	color : 					#db3087;
	text-align : 				right;
}

p.tml-author img {
	margin-right : 				5px;
}

p.tml-sub {
	color : 					#3959ac;
	font-weight : 				bold;
	text-align : 				right;	
}