@import url('smoothness/jquery-ui-1.7.2.custom.css');
@import url('smoothness/ui.slider.extras.css');

body
{
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
}

body *
{
  font-size: 10pt;
  font-family: Arial;
}

.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.bold {font-weight: 700}
.strike {text-decoration: line-through}
.small, .small * {font-size: 8pt !important}
.over {position: absolute}

input.button
{
 font-family: Arial; 
 font-size: 11pt; 
 width: 200px;
 height: 26px;
}

div.slider
{
 width: 274px;
}

tr
{
 margin: 0px;
 padding: 0px;
}

td
{
 padding: 0px;
 margin: 0px;
}

td.slider
{
 background-image: url('smoothness/images/slider_bg274.gif');
 background-position: left center;
 background-repeat: no-repeat;
}

.slider.w50
{
 width: 138px !important;
}

td.slider.w50
{
 background-image: url('smoothness/images/slider_bg137.gif');
}

u.link
{
 color: #0000ff;
 cursor: pointer;
}

u.active
{
 color: #000000 !important;
 font-weight: bold;
 text-decoration: none;
}

input.validatePhone
{


 -moz-appearance: none !important;
}

input.text
{
 margin: 1px;
 border: 1px solid ThreeDShadow;
 background:#ccffcc;
 -moz-border-top-colors: ThreeDShadow Window;
 -moz-border-right-colors: ThreeDShadow ThreeDHighlight;
 -moz-border-bottom-colors: ThreeDShadow ThreeDHighlight;
 -moz-border-left-colors: ThreeDShadow Window;
 -moz-border-radius: 2px;
 #padding: 2px;
}

.validate 
{
width: 24px; 
height: 22px; 
background: no-repeat center  center; 
display: block; 
float: right;
margin-right: 330px;
#position: absolute;
}

.validate.correct {background-image: url(../img/correct.png) !important}
.validate.incorrect {background-image: url(../img/incorrect.png) !important}

.table_2, .table_3, .after_submit {display: none}
.hidden {display: none}

.table_1
{
 width: 970px;
 border-collapse: collapse;
 border-spacing: 0px;
}

.table_4
{
 width: 680px;
 border-collapse: collapse;
 border-spacing: 0px;
}

.table_1 td
{
 
}

p
{
 margin-top: 10px;
 margin-bottom: 10px;
}

p.last
{
 margin-top: 0px !important;
}

p.first
{
 margin-bottom: 0px !important;
}

p.title, p.title *
{
 color: #F0037F;
 font-size: 11pt;
}

.hovered, .hovered *
{
 border: 1px dashed #999999;
 background-color: #EEEEEE;
 padding: 5px;
 font-size: 8pt;
 font-family: Arial;
}

#hovercontainer_1
{
 width: 350px;
 z-index: 3;
 margin-left: -400px;
 margin-top: -70px;
}

#hovercontainer_2
{
 width: 570px;
 margin-top: -480px; 
 z-index: 3;
 text-align: center;
 #width: 550px;
}

#hovercontainer_2 ul
{
 float: left;
 list-style-type: none;
 width: 180px;
 border: 0px;
 margin: 0px;
}

#hovercontainer_2 li:first-child
{
 margin: 0px;
}

#hovercontainer_2 li
{
 margin: 10px 0px 0px 0px;
}

hr
{
 margin-top: 8px;
 margin-bottom: 8px;
 #margin: 0px;
}

tbody {height: auto; padding: 0px; margin: 0px}
.img_link {display: block; margin-top: 35px;}
.img_link img {border: 0px !important;}

html:first-child .validate{margin-top: -25px}