body {
background-image : url(img/bg_fw.gif); 
color:#FFF;
margin-top:0;
}

a {
color:#000;
}
a:visited {
color:#000000;
}
a:hover {
color:#0099CC;
}

TD {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#000;
}

select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

FORM {
margin:0;
}

tbody tr td.odd {
background:#F3F3F3;
border-bottom:5px solid #F3F3F3;
}

tbody tr td.ovr {
background:#E9E9E9;
cursor:hand;
border-bottom:5px solid #666;
}

.measurements_menu {
font-size:12px;
width:130px;
color:#000;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
}

.nodeco,.nodeco:link,.nodeco:visited,.nodeco:hover {
text-decoration:none;
}

INPUT,TEXTAREA {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


H1 {
margin-bottom:0;
font-weight:400;
font-size:12px;
}
H2 {
margin:0;
font-weight:bold;
font-size:18px;
color: #0099CC
}
a.button {
    background: transparent url('http://www.thomaskinsley.com/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 16px arial, sans-serif;
    height: 48px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    color: #000;
	cursor:pointer;
}

a.button span {
    background: transparent url('http://www.thomaskinsley.com/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 32px;
    padding: 5px 0 9px 18px;
} 
a.button:hover {
    color: #666;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 10px 18px; /* push text down 1px */
}
a.buttong {
    background: transparent url('http://www.thomaskinsley.com/images/bg_button_a.gif') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 16px arial, sans-serif;
    height: 48px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    color: #000;
	cursor:pointer;
}

a.buttong span {
    background: transparent url('http://www.thomaskinsley.com/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 32px;
    padding: 5px 0 9px 18px;
} 
a.buttong:hover {
    color: #666;
}
a.buttong:active {
    background-position: bottom right;
    color: #666;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttong:active span {
    background-position: bottom left;
    padding: 6px 0 10px 18px; /* push text down 1px */
}
A.menulinks {
display: block;
padding: 5px;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:14px;
color: #FFF;
BORDER-LEFT: #181818 2px solid;
background-color: #0099CC;
padding-left: 10px;
padding-right: 10px;
}

A.menulinks:hover {
color: #FFF;
background-color:#666;
}
A.menulinks:visited {
color: #FFF;
}
A.menushirts {
display: block;
width: 129px;
padding-top: 2px;
text-align: center;
vertical-align:bottom;
font-family:arial;
font-size:12px;
color:#000;
text-decoration:none;
}
A.menushirts:hover {
text-decoration:none;
color:#0099CC;
}

A.menuoptions {
background-color:#F3F3F3;
border-bottom:6px solid #F3F3F3;
position:relative; 
display: block;
width: 180px;
height: 170px;
padding: 0px;
text-align: center;
vertical-align:middle;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none;
}
A.menuoptions:hover {
background-color:#E9E9E9;
cursor:hand;
color:#0099CC;
border-bottom:6px solid #666;
}
A.menuchoix {
background-color:#F3F3F3;
border-top:5px solid #F3F3F3;
border-bottom:6px solid #F3F3F3;
position:relative; 
display: block;
width: 255px;
height: 80px;
padding: 0px;
text-align: center;
vertical-align:middle;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none;
}
A.menuchoix:hover {
background-color:#E9E9E9;
cursor:hand;
color:#0099CC;
border-top:5px solid #E9E9E9;
border-bottom:6px solid #666;
}

OPTION.jaune {background-color:#F3F3F3; color:#000000}
INPUT.attention {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid

}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:0px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
p, label{font-size: 1.1em;}

INPUT {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #aaaaaa 1px solid; MARGIN-TOP: 2px; PADDING-LEFT: 2px; BACKGROUND: url(images/inputBg.gif) #ffffff no-repeat left top; PADDING-BOTTOM: 2px; BORDER-LEFT: #aaaaaa 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaaaa 1px solid
}
TEXTAREA {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #aaaaaa 1px solid; MARGIN-TOP: 2px; PADDING-LEFT: 2px; BACKGROUND: url(images/inputBg.gif) #ffffff no-repeat left top; PADDING-BOTTOM: 2px; BORDER-LEFT: #aaaaaa 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaaaa 1px solid
}
SELECT {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #aaaaaa 1px solid; MARGIN-TOP: 2px; PADDING-LEFT: 2px; BACKGROUND: url(images/inputBg.gif) #ffffff no-repeat left top; PADDING-BOTTOM: 2px; BORDER-LEFT: #aaaaaa 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaaaa 1px solid
}
INPUT.checkbox {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 15px; BORDER-RIGHT-WIDTH: 0px
}
INPUT.radio_button {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 15px; BORDER-RIGHT-WIDTH: 0px
}
INPUT:hover {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
TEXTAREA:hover {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
SELECT:hover {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
INPUT:active {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
TEXTAREA:active {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
SELECT:active {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid
}
.LV_valid {
	COLOR: #00cc00
}
.LV_invalid {
	COLOR: #cc0000
}
.LV_validation_message {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 5px
}
.LV_valid_field {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
INPUT.LV_valid_field:hover {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
INPUT.LV_valid_field:active {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
TEXTAREA.LV_valid_field:hover {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
TEXTAREA.LV_valid_field:active {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
.fieldWithErrors INPUT.LV_valid_field {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
.fieldWithErrors TEXTAREA.LV_valid_field {
	BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; BORDER-BOTTOM: #00cc00 1px solid
}
.LV_invalid_field {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
INPUT.LV_invalid_field:hover {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
INPUT.LV_invalid_field:active {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
TEXTAREA.LV_invalid_field:hover {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
TEXTAREA.LV_invalid_field:active {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
.fieldWithErrors INPUT.LV_invalid_field {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
.fieldWithErrors TEXTAREA.LV_invalid_field {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid
}
#passwordStrength
{
        height:12px;
        display:block;
        float:left;
}
.strength0
{
        width:225px;
        background:#cccccc;
}

.strength1
{
        width:45px;
        background:#ff0000;
}

.strength2
{
        width:90px;    
       background:#ffcc00;
}

.strength3
{
        width:135px;
        background:#56e500;
}

.strength4
{
        background:#4dcd00;
        width:180px;
}

.strength5
{
        background:#399800;
        width:225px;
}