/************************************************************/
/*************** FREETIMERS INTERNET CSS ********************/
/************************************************************/

/************************************************************/
/********************* BEGIN CSS ****************************/
/************************************************************/
@import url(more-styles.php);

body
{
    margin: 0px;
    padding: 0px;

}

body, td, th
{
    font-family: verdana;
    font-size: 11px;
}

h3
{
    margin: 0px;
    font-size:15px;
}

h4
{
     margin: 0px;
	   font-size: 15px;
	   font-weight: bold;
     color: #009ACD;
}

.bodytext
{
		font-size: 12px;
		text-align: left;
		text-decoration: none;
}

.bodytextimage
{
		font-size: 12px;
		text-align: center;
}

/************************************************************/
/*********************** HEADER *****************************/
/************************************************************/

.headerContainer
{
    padding:0px;
    margin: 0px;
    clear: both;
}

.headerimage
{
	height: 124px;
	background: url(../images/lefthead.jpg) no-repeat;
}

.headerflash
{
	height: 125px;
	width: 313px;
	float: right;
}


.headerTop
{
    background: #000;
    height:58px;
}

.headerContainerText
{
    font-size: 11pt;
    padding-right:0px;
    text-align: right;
    clear: both;
    color: #0066CC;
    padding-bottom:0px;
}

.headerBottom
{
    background: #0066CC;
    display: block;
    height: 24px;
    color: #FFF;
    text-align:left;
    padding-left:10px;
}

#breadCrumbs
{
    font-size: 11pt;
    color: #6699FF;
}

#breadCrumbs a
{
    color: #ffffff;
    text-decoration: none;
}

#breadCrumbs a:hover
{
    color: #6699FF;
}

/************************************************************/
/************************ MAIN ******************************/
/************************************************************/

#mainContainer
{
    text-align: center;
    display: block;
    width: 780px;
    margin: auto;
    min-height: 500px;
}

/************************************************************/
/*********************** RIGHT ******************************/
/************************************************************/

.rightColumn
{
    display: block;
    margin-left: 185px;
}

.rightColumn a
{
    text-decoration: none;
    color:#3F7578;
    line-height:20px;
}

.rightColumn a:hover
{
    text-decoration: underline;
}

.rightColumnLarge
{
		
}

/************************************************************/
/********************* COLUMN WRAPPER ************************/
/************************************************************/

.columnWrapper
{
    min-height: 600px;
    *height: 600px;
    background: url('../images/bg.gif') left bottom no-repeat;
}

.imageBack
{
		background: url(../images/left/home-page.jpg) no-repeat bottom left	;
}

/************************************************************/
/*********************** MIDDLE *****************************/
/************************************************************/

.centerColumn
{
    
}

.centerColumnText
{
		text-align: left;
		padding: 12px;
} 

/************************************************************/
/*********************** LEFT *******************************/
/************************************************************/

.leftColumn
{
    float: left;
    width: 180px;
    z-index: 1;
}

/************************************************************/
/************************ NEWS ******************************/
/************************************************************/

.leftDetailContainer
{
		text-align: left;
		padding: 4px;
		margin-left: 20px;
}

.leftDetailContainer h3
{
		line-height: 38px;
}

.leftDetailContainer ul
{
		margin: 0;
		padding: 0;
		list-style-type: none;
}

.leftDetailContainer li a
{
		color: #000;
		width: 150px;
		display: block;
		text-align: left;
		text-indent: 10px;
		line-height: 24px;
		text-decoration: none;
		border-bottom: 1px solid #EEEBFE;
}

.leftDetailContainer a:hover,
.leftDetailContainer a.selected
{
		background: #EFFFFF;
}

/************************************************************/
/************************ MENU ******************************/
/************************************************************/

.navwrapper
{
    width: 780px;
    margin-top: 0px;
}

.navcontainer
{
    font-size: 12px;
    height: 28px;
}

.navcontainer ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navcontainer li 
{
    float: left;
}

.navcontainer a
{
    color: #AAA;
		height: 26px;
		width : 130px;
    display: block;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: url(../images/menu_bg.jpg);
}

.navcontainer a:hover
{
    color: #000;
    background-color: #B2C8C9;
}

/************************************************************/
/************************ FOOTER ******************************/
/************************************************************/

.footer
{
		clear: both;
		height: 30px;
		width: 780px;
		/*text-align: right;
		float: left;*/
}

.footer,
.footer a
{
		text-decoration: none;
		color: #666;
		font-size: 11px;
		line-height: 30px;
}

/* shopping cart */
.shoppingCart .theBasket{width:560px;*width:540px;margin:auto;text-align:left;}
.shoppingCart .tableHeader{background:#D8E5EE;color:#009acd;}
.shoppingCart th,.shoppingCart td{padding:4px;margin:0;background:#009acd;}
.shoppingCart th,.shoppingCart td,.shoppingCart input,.shoppingCart select{font-size:11px;}
.shoppingCart .tableHeader th{background:#D9DDE0;}
.shoppingCart td{background:#FCFCFC;}
.shoppingCart .alternateCell td{background:#eee;}