/* - - - - - - CSS Document - - - - - - - - -
Title : maccosmetics.com
Author : TENDER

Created : 4/30/08
Description: cms styles
- - - - - - - - - - - - - - - - - - - - - */


/* clear all default CSS, and reset specific elements */
*{margin:0; padding:0;} /* set all elements to have 0 margin and padding */
p{line-height:1.4;text-align:left; margin-bottom:13px;}
p.last{margin-bottom:0px;}
ul, li {list-style: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;}


html{margin-bottom: 1px;}

html, body {
    width: 100%;
    height: 100%;
    color: #888; /* global font color */
}

body { 
    background: #000 url(/images/bkg_site.gif) 0 0 repeat-y; 
    font:11px/1.22 arial,verdana,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}

table {font-size:inherit;font:100%;}

/* Bump up !IE to get to 13px equivalent */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}


/* General Styles
--------------------------------*/
ol, ul, p { margin-bottom: 10px;}
ol { margin-left: 18px;}
ol li { list-style-type: decimal; }



/* Headings
----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 
  font-family: Arial, "Lucida Grande", Verdana, sans-serif;
  color:#fff; 
  clear:both; 
  margin: 0;
}

h1 { font-size: 3em; }
h2 {
    color: #fff;    
    font-size: 1.3em; 
    margin: 25px 0 10px 0;
	padding: 0;
	height: 17px;
	width: 375px;
}



/* Links
----------------------------------------------------*/
a                   { color: #aaa; text-decoration: none; outline: none; }
a:visited             { color: #666; text-decoration: none; outline: none; }
a:hover, a:active   { color: #ccc; text-decoration: none; outline: none; }
a:focus             { color: #888; text-decoration: none; outline: none; }
:focus                 { -moz-outline-style:none;text-decoration: none; }
            
            

strong { color: #fff; display: block;}
strong.bold {
	font-weight: bold;
	color: #666;
	margin-bottom: 25px;
}


/* Class Selectors for use in CMS
----------------------------------------------------*/
/* body 
font:13px/1.22 
*/
.bodycopy { 
    font-size:11px;
    line-height:13px;
    color:#888;
    font-family:arial,verdana,helvetica,clean,sans-serif;
}
.bodycopy_headline { 
    font-size:11px;
	line-height:18px;
	color:#FFFFFF;
	font-family:arial,verdana,helvetica,clean,sans-serif;
}
/* p, p.last */
.paragraph 		{line-height:1.4; text-align:left; margin-bottom:13px;}
.paragraph_last	{line-height:1.4; text-align:left; margin-bottom:0px;}

/* h1, h2 */
.heading_1 { 
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	font-size:100%;
	font-weight:normal;
	color:#fff; 
	clear:both; 
	margin: 0;
	font-size: 3em;
}
.heading_2 { 
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 1.3em; 
	font-weight:normal;
	color:#fff; 
	clear:both; 
	margin: 25px 0 10px 0; 
	padding: 0;
	height: 17px;
	width: 375px;
}

/* strong, strong.bold */
.strong { color: #fff; display: block; font-weight: bold; }
.strong_bold {
	color: #fff; display: block;
	font-weight: bold;
	color: #666;
	margin-bottom: 25px;
}

/* a */
.link						{ }
a.link          			{ color: #aaa; text-decoration: none; outline: none; }
a.link:visited          	{ color: #666; text-decoration: none; outline: none; }
a.link:hover, a.link:active	{ color: #ccc; text-decoration: none; outline: none; }
a.link:focus      			{ color: #888; text-decoration: none; outline: none; }