/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width           : 820px;
    margin          : 0 auto;
	font-size   	: 13px;
	font-family 	: Arial, Helvetica, sans-serif;
	color			: #000000;
}

h1, h2, h3, h4, h5, h6, 
{
	margin          : 0;
	padding         : 0;
	letter-spacing  : normal;
	line-height     : normal;
}


p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
    line-height     : 1.4em;
}

.smallhead {
	font-size: 1.2em;
	font-weight: bold;
	color: #A00408;
	padding-top: 5px;
	padding-bottom: 5px;
}


ul, ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
	margin          : 0;
	padding         : 0;
	letter-spacing  : normal;
	line-height     : normal;
	text-decoration	: underline;	
}

em
{
	margin          : 0;
	padding         : 0;
	letter-spacing  : normal;
	line-height     : normal;
	font-style		: italic;	
}

li
{
	margin          : 0;
	padding         : 0;
	letter-spacing  : normal;
	line-height     : normal;
	list-style		: square outside;
}

strong
{
	margin          : 0;
	padding         : 0;
	letter-spacing  : normal;
	line-height     : normal;
	font-weight		: bold;
}

a 
{
	margin          : 0;
	padding         : 0;
	letter-spacing  : normal;
	line-height     : normal;
	text-decoration	: none;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
	text-decoration	: none;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
	text-decoration	: underline;
}

img 
{
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/


/*___ CONTENT _________________________________________________________________*/


div#content
{
	position    : relative;
	width       : 800px;
	margin      : 0 auto;
	z-index     : 1;
	clear       : both;
	overflow	: hidden;
}
/*___ h2 is the special script tag line do not change css_________*/
h2#h2Content
{
	position    : relative;
	background 	: transparent url(images/suppliersTaste-trans.png) no-repeat left top;
	width       : 750px;
	height      : 58px;
	text-indent : 0px;
	margin      : 0 auto;
	z-index     : 2;
}

div#content h1,
{
    margin          : 0;
	padding         : .5em 0em;
	letter-spacing  : normal;
	line-height     : normal;
	font-size		: 2.2em;
	font-weight		: bold;
	color			: #C42336;
}
/*___ h3.h3Content seems to make title boxes work do not change css_________*/
h3.h3Content,
div#content h3
{
	margin          : 0;
	padding         : 0em;
	letter-spacing  : normal;
	line-height     : normal;
	font-size		: 2em;
	font-weight		: bold;
	color			: #C42336;
}

div#content h4
{
	font-size   	: 1.5em;
	font-weight 	: bold;
	color			: #C42336;
	padding-bottom	: 5px;
	padding-top		: 5px;
}

div#content p
{
	font-size 		: 1em;
	margin-bottom   : 0.5em;
    padding-bottom  : 0; 
}
.contentRedp {
	color			: #C42336;
	font-weight		: bold;
}


div#content a,
div#content a:hover,
div#content a:visited
{
    font-weight     : bold;
	color 			: #00663F;
}

div#content p a,
div#content p a:link,
div#content p a:hover,
div#content p a:visited
{
   font-weight     : bold;
}


/*___ CONTENT-WRAPPER _________________________________________________________________*/

div#content_wrapper
{
    position        : relative;
    float           : left;
    width           : 100%;
    margin-right    : -258px; 
}

div#content_wrapper li {
	list-style: square outside;
	line-height: 1.5em;
}
	
div#content_wrapper h4
{
    color : #C42336;    
}

div#content_wrapper h3,
{
	font-size   : 1.5em;
	font-weight : bold;
}
	

/*___ CONTENT-SUB _________________________________________________________________*/

div#content_sub
{
    position        : relative;
    float           : right;
    width           : 257px;   
}
div#content_subhalf {
	float: right;
	width: 300px;
	position: relative;
}

/*___ CONTENT-MAIN CIBTEBT-MAINWIDE CONTENT-MAINHALF _________________________________________________________________*/

div#content_main
{
    position        : relative;
    margin-right    : 268px;   
}

div#content_main p
div#content_mainhalf p
div#content_mainwide p
{
    margin-bottom : 1em;    
}

div#content_mainwide {
	margin-right: 10px;
	position: relative;
}
div#content_mainhalf {
	margin-right: 380px;
	position: relative;
}

/*___________ OTHER DIV AND CLASS______________*/


div#site_info
{
    position    : relative;
    width       : 800px;
    margin      : 0 auto;   
}


div#reflist {
	font: 12px/normal Arial, Helvetica, sans-serif;
	margin: 5px 20px 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

div#reflist li {
	margin: 0px;
	padding: 10px 0px;
	border-bottom: 2px solid #666666;
	line-height: 1.5em;
	list-style: square outside;
}

div#reflist ul {
	margin: 10px 30px;
	padding: 0px;
}

div#reflist li {
	margin: 0px;
	padding: 10px 0px;
	border-bottom: 2px solid #666666;
	line-height: 1.5em;
	list-style: square outside;
}	

.liwhite {
	color: #FFFFFF;
}	

.title {
	background-color: #C42336;
	color: #FFFFFF;
	padding-left: 10px;
	font: 18px/30px Verdana, Arial, Helvetica, sans-serif;
}

.subtitle {
	background-color: #C42336;
	color: #FFFFFF;
	padding-left: 10px;
	font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
}


div#copyInfo
{
    height          : 12px;
	background : transparent url(images/copyInfo.jpg) no-repeat left top;
    padding-top     : 9px;
    padding-bottom  : 10px;
    text-align      : center; 
}


/*___Floats_________________________________________________________________*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

/************** .feature styles ***************/

.feature-right{
	
	margin-left: 10px;
}

.feature-right img{
	float: left;
	padding: 0px;
	margin: 10px 10px 10px 0px;
}

.feature-left{
	padding: 0px0;
}

.feature-left img{
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

div#content td {
	font-size: .95em;
	padding: 5px;
}