/* CSS Document */

* {margin:0;padding:0}

body
{  
	font-family:Arial, Helvetica, sans-serif;
 	padding: 0;
  	width: 980px;
	font-size:12px;
	margin-left: auto; 
        margin-right: auto;

	
	/*background-image: url(images/background.jpg);*/

}


a:hover {

color:#009900;
}

A:link {

color:#009900;

}



A:visited {

color:#009900;



}


#shop-table  {
	margin-left: 36px; 
        
}



#logo{
	float:left;
	padding: 6px 0 0 0px;
}

#contactboxes {
float: left;
padding: 28px 4px 0px 16px;

}

#search {
float: right;
padding: 0px 0px 0px 0px;

}



#header{ 
	width: 980px;
	height: 95px;
margin-top: 5px;
}

	
#header h1{
margin-left: 12px;
margin-right: 12px;
padding: 10px 6px 0px 6px;
font-family:Arial;
font-size:12px;
color:#333333;
}


/*menu*/
#menubar{
	background-image: url(images/menu_bg_01.gif);
	float:left;
	width:100%;
	height: 35px;
        margin-top:6px;
}

#menubargreen {
	background-image: url(images/menu_bft_1.jpg);
	float:left;
	width:100%;
	height: 35px;
        margin-top:6px;
}

#menubarfit{
	background-image: url(images/menu_fit_1.gif);
	float:left;
	width:100%;
	height: 35px;
        margin-top:6px;
}

#banner {
float: left;
margin-top: 10px;
width: 980px;
height: 132px;

}

#searchbox {
float: left;
margin-top: 0px;
width: 980px;
height: 26px;

}



#suppliers1 {
float: left;
margin-left: 6px;
width : 237px;
height : 132px;
background-image : url(images/suppliers_home.jpg);
}

#suppliers1:hover {
background-image : url(images/suppliers2_home.jpg);
} 

#sales1 {
float: left;
margin-left: 6px;
width : 237px;
height : 132px;
background-image : url(images/sales_home.jpg);
}

#sales1:hover {
background-image : url(images/sales2_home.jpg);
} 

#personal1 {
float: left;
margin-left: 6px;
width : 237px;
height : 132px;
background-image : url(images/personal_home.jpg);
}

#personal1:hover {
background-image : url(images/personal2_home.jpg);
} 


#business1 {
float: left;
margin-left: 6px;
width : 237px;
height : 132px;
background-image : url(images/business_home.jpg);
}

#business1:hover {
background-image : url(images/business2_home.jpg);
} 



a{padding:0px; text-decoration:none; color:#000000;}


ol {
margin-left:30px;
padding: 0 0 0 20px;


}

/* main content */

#content {
    position: relative;
	float: left;
	width: 980px;



}


.videodetail {
padding: 10px 0 10px 90px;
}

.videodetail h5 {
color:#e52c2a;
	font-size: 16px;
padding: 6px 0 6px 0;

}

.videolist {
margin-left: 20px;
}

.videolist table{

padding: 10px 5px 10px 15px;
}

.thumb img {
width: 148px;
height:  116px;
padding: 2px;
border: 1px solid #e2e3e3;


}

.thumb_public img {
margin: 5px 0 0 10px;
float: left;
width: 128px;
height:  96px;
padding: 2px;
border: 1px solid #e2e3e3;


}

.relatedvideos {
margin-left: 2px;
height: 300px;
overflow : auto;

}


.relatedvideos img {
width: 88px;
height:  56px;
padding: 2px;
border: 1px solid #e2e3e3;


}

#webapp5150pagination, #webapp5150pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6527pagination li {
	float:left;
        padding:3px;
}

#webapp7140pagination, #webapp7140pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp7140pagination li {
	float:left;
        padding:3px;
}
#webapp7137pagination, #webapp7137pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp7137pagination li {
	float:left;
        padding:3px;
}
#webapp7167pagination li {
	float:left;
        padding:3px;
}

#webapp7167pagination, #webapp7167pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp7137pagination li {
	float:left;
        padding:3px;
}
#webapp7124pagination, #webapp7124pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp7124pagination li {
	float:left;
        padding:3px;
}

#webapp7135pagination, #webapp7135pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp7135pagination li {
	float:left;
        padding:3px;
}
#webapp7130pagination, #webapp7130pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp7130pagination li {
	float:left;
        padding:3px;
}
#webapp7117pagination, #webapp7117pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp7117pagination li {
	float:left;
        padding:3px;
}
#webapp6692pagination, #webapp6692pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp6692pagination li {
	float:left;
        padding:3px;
}

#webapp6691pagination, #webapp6691pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp6691pagination li {
	float:left;
        padding:3px;
}
#webapp6527pagination, #webapp6527pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6899pagination li {
	float:left;
        padding:3px;
}

#webapp6899pagination, #webapp6899pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6860pagination li {
	float:left;
        padding:3px;
}

#webapp6860pagination, #webapp6860pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp6696pagination li {
	float:left;
        padding:3px;
}

#webapp6696pagination, #webapp6696pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6695pagination li {
	float:left;
        padding:3px;
}

#webapp6695pagination, #webapp6695pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp5150pagination li {
	float:left;
        padding:3px;
}

#webapp6697pagination li {
	float:left;
        padding:3px;
}

#webapp6697pagination, #webapp6697pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}
#webapp6582pagination, #webapp6582pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6582pagination li {
	float:left;
        padding:3px;
}


#webapp6525pagination, #webapp6525pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6525pagination li {
	float:left;
        padding:3px;
}

#webapp6407pagination, #webapp6407pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6407pagination li {
	float:left;
        padding:3px;
}

#webapp6406pagination, #webapp6406pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6406pagination li {
	float:left;
        padding:3px;
}
#webapp6405pagination, #webapp6405pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6405pagination li {
	float:left;
        padding:3px;
}

#webapp6404pagination, #webapp6404pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6404pagination li {
	float:left;
        padding:3px;
}

#webapp6403pagination, #webapp6403pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6403pagination li {
	float:left;
        padding:3px;
}
#webapp6381pagination, #webapp6381pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6381pagination li {
	float:left;
        padding:3px;
}
li.pag-next {
       padding-left: 5px;
}

#webapp5173pagination, #webapp5173pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp5173pagination li {
	float:left;
        padding:3px;
}

#webapp6593pagination, #webapp6593pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp6593pagination li {
	float:left;
        padding:3px;
}

#webapp5171pagination, #webapp5171pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp5171pagination li {
	float:left;
        padding:3px;
}

#webapp5509pagination, #webapp5150pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp5509pagination li {
	float:left;
        padding:3px;
}


#webapp5510pagination, #webapp5150pagination ul {
	padding: 0;
	margin: 0 0 10px 30px;
	list-style: none;
}

#webapp5510pagination li {
	float:left;
        padding:3px;
}


ul{
color:#ea0606;
padding: 10px 6px 10px 6px;
margin-left: 40px;
}

/*right sided large column*/

#rightlarge {
	float: right;
	width: 650px;
	margin-top: 8px;
	background-color:#fff;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
}

#leftsmall {
	float: left;
	width: 320px;
	background-color:#fff;
	margin-top: 8px;
	border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
}

#leftsmall h3 {
	height: 35px;
	color:#e52c2a;
	font-size: 16px;
	text-align: center;
	padding-top: 6px;
	background: url(images/rightsmall.jpg) repeat-x;
	width: 320px;
}

#rightlarge h3 {
	height: 30px;
	color:#e52c2a;
	font-size: 16px;
	text-align: center;
	padding-top: 6px;
	background: url(images/leftlarge.jpg) repeat-x;
	width: 650px;
}


/*left column*/

#left{
	float: left;
	width: 650px;
	margin-top: 8px;
	background-color:#fff;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
}

#left h3 {
	height: 35px;
	color:#e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/leftlarge.jpg) no-repeat;
	width: 650px;
}


#left h4 {
	margin-left: 10px;
margin-right: 10px;
	color: #666666;
	font-size: 14px;
	padding-left: 0px;
	border-bottom: 1px solid #e2e3e3;
padding: 10px 6px 0px 6px;
}



/*end left column*/


/* 1 column */
#centre{
	float: left;
	width: 980px;
	margin-top: 8px;
	background-color:#fff;
}
/* 2 even coloumns */

<!--#top {
float: left;
width: 980px;
margin-top: 8px;
background-color:#fff;

} -->

#top {
float: left;
width: 980px;
margin-top: 8px;
background-color:#fff;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
}


#top h3 {
	height: 35px;
	color:#e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/long.jpg) no-repeat;
	width: 980px;

}

#content p {
margin-left: 12px;
margin-right: 12px;
padding: 10px 6px 0px 6px;
font-family:Arial;
font-size:12px;
color:#333333;

}
#columnleft{
float: left;
width: 484px;
margin-right: 2px;
background-color:#fff;
margin-top: 8px;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;

}

#columnright {
float:right;
width: 484px;
background-color:#fff;
margin-top: 8px;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
}

#columnright h3 {
	height: 35px;
	color: #e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/2column.jpg) no-repeat;
	width: 484px;


}
#columnleft h3 {
	height: 35px;
	color: #e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/2column.jpg) no-repeat;
	width: 484px;
}

/* 3 coloumns */





#3columns h4 {
	margin-left: 6px;
	color: #666666;
	font-size: 14px;
	padding-left: 0px;
	text-align: center;
padding: 10px 6px 0px 6px;
}

#column1{
float: left;
width: 225px;
margin-right: 2px;
background-color:#fff;
margin-top: 8px;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;

}
#column1 h3 {
	height: 35px;
	color:#e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/column1.jpg) no-repeat;
	width: 225px;
}


#column2 {
float:left;
width: 520px;
margin-right: 2px;

margin-top: 8px;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
}

#column2 h3{
	height: 35px;
	color:#e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/column2.jpg) no-repeat;
	width: 520px;
}



#column3 {
float:right;
width: 225px;
background-color:#fff;
margin-top: 8px;
border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
}

#column3 h3 {
	height: 35px;
	color:#e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/column1.jpg) no-repeat;
	width: 225px;
}







/*RIGHT COLUMN*/

#right{
	float: right;
	width: 320px;
background-color:#fff;
	margin-top: 8px;
	border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
	
}

#right2 {
	float: right;
	width: 320px;
background-color:#fff;
	margin-top: 8px;

	
}


#right h4 {
	margin-left: 6px;
	color: #666666;
	font-size: 14px;
	padding-left: 0px;
	text-align: center;
padding: 10px 6px 0px 6px;
}
#right h3 {
	height: 35px;
	color: #e52c2a;
	font-size: 12px;
	padding-left:10px;
	padding-top: 10px;
	background: url(images/rightsmall.jpg) no-repeat;
	width: 320px;
}


#righttwit{
	float: right;
	width: 320px;
background-color:#fff;
	margin-top: 8px;

	
}



/*home table*/

#hometable td {
	background-repeat: repeat-x;
	border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;
	vertical-align: top;
}

#vid_thumbs table {
  margin:0 auto;
}

#vid_thumbs img {
  width: 100px;
height: 80px;
}

#vid_thumbs td {
	background-repeat: repeat-x;
	/*border-left: 1px solid #e2e3e3;
	border-right: 1px solid #e2e3e3;
	border-bottom: 1px solid #e2e3e3;*/
       border: 0px;
      padding: 0px;
}

#hometable p {
	padding: 6px 10px 6px 10px;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	
}

#hometable h5 {
	width: 100%;
	height: 35px;
	color: #e52c2a;
	font-size: 12px;
	
	padding-top: 10px;
	background: url(images/tableheader.jpg) no-repeat;

}

#videotable h1 {
	width: 618px;
	height: 35px;
	color: #333;
	font-size: 12px;
      margin-top: 10px;
    padding-left: 10px;
        padding-top: 10px;
    margin-bottom: 10px;
	background: url(images/video_header.jpg) no-repeat;
       margin-left: auto; 
        margin-right: auto;
}





/*END OF RIGHT COLUMN*/


/*table*/

#table {
	
	
	background: #fff;
	width: 100%;
	}

#table h5 {
	
	line-height: 36px;
	padding-left: 20px;
	color: #9fb03e;
	
	font-size: 15px;
	}
#table-nav {
	border: 1px solid #ebe9dc;
	border-bottom: none;
	border-top: 1px solid #ebe9dc;
	}
	
#table-nav li {
	border-bottom: 1px solid #ebe9dc;
	}
	
#table-nav li a {
	color: #333333;
	display: block;
	background: url('../images/bullet-red.gif') 10px center no-repeat;
	padding: 5px 5px 5px 25px;
	}
	
#table-nav li a:hover {
	background-color: #722978;
	color: #FFFFFF;
	}
	
#table-nav li#table-current {
	background-color: #f4f2e9;
	}



/*table end*/
#content h2 {
font-size: 14px;
color: #666666;

}




/* this needs to put the line at the base of the box background
.base {

	background: url(images/box-base.jpg) no-repeat left bottom;
}
*/ 





#footer { 
 float: left; 
        width: 980px;
	
        height: 50px;
	margin-top: 30px;
        padding: 10px 0 0 0;
     
	border-top: 1px solid #cccccc;
	font-size: 10px;




}



#footer_left { 
        float: left; 
	text-align: left;
	margin-top: 6px;


	
}
  
#footer_right {
     float:right;
     text-align: right;
     margin-top: 6px;

}


#footer p {
	margin-left: 6px;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	padding-top: 10px;
}



#footer a:hover {
text-decoration:underline;
color:#000;
}

#footer_left  a {
padding: 0px 6px 0 6px;
color:#000;

}

#footer_right  a {
padding: 0px 6px 0 6px;
color:#000;


#footer A:visited {

color:#000;

}


.redtext {color: #ea0606}


#videoapp {
margin-left: 10px;

}

#videoapp h2 {

	height: 38px;
	color: #fff;
	font-size: 12px;
	background: url(images/favbg.jpg) ;
	width: 320px;
}

.content-seperate {
    clear:both;
    background: url(images/css/line-dot.gif) repeat-x center;
    width:100%;
    height: 13px;
}

/* image styles */



.left {

	float: left; /*left in our text*/

	margin: 3px; /*space around the image*/

       padding: 5px;

}



.right

{

	float: right; /*right in our text*/

	margin: 3px; /*space around the image*/

}



