/******************************************************************************/
/* Site:   Hydradermabrasion                                                  */
/* Author: Umran Rafi                                                         */
/* Date:   14 April 2008                                                      */
/* Style:  screen.css - Used to style the whole site                          */
/******************************************************************************/
html, body                          {margin:5px 0; padding:0;}
body                                {min-width: 960px; font-size:70%; font-family:verdana, arial, sans-serif; color:#000;}
div, h1, h2, h3, h4, h5, h6, img    {border:0; padding:0; margin:0;}
*                                   {font-size:100%;} /* For controls */
h1, h2, h3, h4, h5, h6              {font-family:verdana, arial, sans-serif; font-weight:bold; margin:1.2em 0 0.5em 0;}
h1                                  {color:#00B9F2; font-size:210%; font-weight:normal; margin:0.2em 0 0.7em 0;}
h2                                  {color:#00B9F2; font-size:130%; font-weight:normal;}
h3                                  {color:#00B9F2; font-size:110%; margin:1.7em 0 0.3em 0; font-weight:normal;}
h4                                  {color:#00B9F2; font-size:100%; margin:0;}
div, p, li, blockquote              {margin:0; padding:0;}
label                               {color:#000; font-weight:bold;}
img                                 {border:none;}
p                                   {margin:0.7em 0 1em; line-height:15px;}
a                                   {color:#999; text-decoration:none;}
a:hover                             {color:#666; text-decoration:underline;}
hr                                  {height:1px; margin:10px 0; padding:0; background:#ededed; color:#ddd; line-height:1px;}
form                                {margin:0; padding:0;}
input, textarea, button             {font-family:verdana, arial, sans-serif;}
blockquote                          {font-weight:bold; color:#00B9F2;}



/*************************/
/* TEMPLATE STYLES BY ID */
/*************************/
#wrapper                            {margin:0 auto; width: 1002px; text-align:left; /*required due to IE centering hack*/}

/* Main */
#main                               {clear:both; position:relative; margin-top:20px; min-height:200px;}
/* Following is a hack for clearing the white space problem */
* html #main  /* only IS sees this */
{ height:400px; /* IE 5 and IE 5.5 see this value */
   \height:450px; /* another one for only IE 5 and IE 5.5 */
   he\ight:400px; /* Only IE 6 sees this */
}

#content                            {margin-left:10px; width:510px; float:left; position:relative; vertical-align:top;}
#sideColumn                         {margin-left:550px; width:445px; vertical-align:top;}
#footer                             {clear:both; margin-top:10px;}




/****************************/
/* TEMPLATE STYLES BY CLASS */
/****************************/

/* Misc Common Classes */
.fleft                              {float:left;}
.fright                             {float:right;}
.clear                              {clear:both;}
.errorLabel                         {color:red;}
.noshow                             {display:none;}



/*****************/
/* FORM CONTROLS */
/*****************/

/* CSS input form structure */
div.sml                             {width:360px;}
div.med                             {width:400px;}
div.row                             {clear:both; padding-top:3px;}
div.row span.formReq                {color:#D00D3F;}
div.row label, div.row label select {float:left; margin:3px 0 0 0; padding-top:2px; text-align:left;}
div.row input.text, 
div.row textarea.text, 
div.row div.message, div.row select, 
div.row p, div.row address          {float:right; margin:3px 0 0 0; width:200px; text-align:left;}
div.row span.cv, div.row span.rv, 
div.row span.rfv, div.row span.rev  {clear:both; float:left; margin-left:200px; width:250px; text-align:left; color:#D00D3F;}
div.row select                      {width:206px;}
div.row .rowButton                  {float:right; margin-left:25px; padding:1px;}
.required                           {color:#ff0000;}