/**
------------------------------------------------------------------------------------------------------
@project   : Streamsolutions.co.uk
@version   : 1.00
@author    : Ray Boyd
------------------------------------------------------------------------------------------------------
*
* BODY
* NOTE: Set the font size in % for a consistent change in size according to user settings
*/

*{
margin:0;
padding:0;
color:#2b2b2b;
}

body, html{
margin:0;
padding:0;
width:100%;
font:12px verdana, arial, helvetical, sans-serif;
background:#fff;
}

/**
 * LINE-HEIGHT (LEADING)
 * Default line-height based on font-size rather than "computed-value"
 * @see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
p, ul{line-height:1.6em;}

/**
 * -------------------------------------------------------------------------
 *
 * COMMON ELEMENTS
 *
 * -------------------------------------------------------------------------
 */

/**
 * HEAD
 */
h1, h2, h3, h4, h5{margin:0;padding:0;}

/* Base font sizes */
h1{font:197% arial, helvetical, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;} /* 26px equiv */
h2{font:182% arial, helvetical, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;} /* 24px equiv */
h3{font:167% arial, helvetical, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;} /* 22px equiv */
h4{font:152% arial, helvetical, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;} /* 20px equiv */
h5{font:136% arial, helvetical, "Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;} /* 18px equiv */

/**
 * P, TABLE, TH, TR, TD
 */
p, table, th, tr, td, form{margin:0;padding:0;border:0;}

/**
 * A
 */
a{color:#2b2b2b;}
a.streamlink{text-decoration:none;}

/**
 * A:HOVER
 */
a:hover{color:#ae0000;}

/**
 * IMAGE
 * Remove border from image, rollover border for image a tags
 */
img{border:0;}

/**
 * FORM ELEMENTS
 * 99% for safari; 100% is too large
 */
select, input, textarea{font:99% sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code{font:115% monospace;}

/**
 * CLEAR FLOATING ELEMENTS
 */
.cleaner{clear:both;}

/**
 * HIDE
 */
.hide{
position:absolute;
left:-9999px;
}

/**
 * Fieldset
 */
fieldset{border:0;}

/**
 colours
 **/
.red{color:#ae0000;}
.audio-cc{background:#262626;}
.video-cc{background:#3d3d3d;}
.cds-cc{background:#4a4a4a;}
.services-cc{background:#565656;}
.help_and_support-cc{background:#6e6e6e;}
.about_us-cc{background:#838383;}
.contact_us-cc{background:#949494;}

/**************************************************************/

.blackout{
width:100%;
height:100%;
top:0;
left:0;
position:fixed;
background:#111;
/**
opacity: .9;
filter: alpha(opacity=90);
**/
}

.pricelistwindow{
position:fixed;
top:30%;
left:45%;
margin-left:-220px;
width:440px;
background:#fff url(/public/images/login_background.jpg) no-repeat -40% -50px;
color:#2d2d2d;
padding:20px;
border:10px solid #2d2d2d;
}

.pricelistwindow{
position:absolute;
margin:0;
margin-left:-390px;
width:740px;
top:0;
left:50%;
background:#fff;
color:#2d2d2d;
padding:20px;
border:10px solid #2d2d2d;
}



#pricecalc{
border:1px solid #2d2d2d;
padding:20px;
background:#fff url(/public/images/login_background.jpg) no-repeat 120% -20px;
width:698px;
}

#pricecalc p{
margin:20px 0;
}

#pricecalc .costing{
margin-bottom:20px;
border:1px solid #2d2d2d;
padding:20px;
}

.radiostyle{
padding:0;
margin:0;
}

.labelstyle{
}