/* .... css reset .... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
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;
}
/* .... end of css reset .... */

img
{
	border: none;
}

a
{
	text-decoration: none;
}

.clearBoth
{
	clear: both;
}

.noBorder
{
	border: none;
}

body
{
	font-size: 62.5%;
	font-family: "helvetica neue", helvetica, arial, tahoma, "lucida grande", sans-serif;
	background: url(../images/bg_body.gif) repeat-x top;
}

#container
{
	width: 956px;
	margin: 0px auto;
		min-height: 800px;
	background: url(../images/bg_spotlight.png) no-repeat left 110px !important;
	background: none; /* sorry, u r not gonna see this in ie6 */
}

#container p
{
	font-size: 12px;
	line-height: 16px !important;
}

#header
{
	position: relative;
	height: 80px;
	/*background: url(../images/bg_header_sec.png) no-repeat top;*/
}

#topNav
{
	float: right;
	text-align: right;
	padding: 45px 50px 0px 0px;
}

#topNav li
{
	display: inline;
	color: #8b8b8b;
	margin-left: 8px;
}

#topNav li a
{
	font-size: 10px;
	color: #8b8b8b;
}

#topNav li a:hover
{
	color: #fff;
}

#logo
{
	position: absolute;
	top: 17px;
	left: 21px;
}

#mainNav
{
	height: 48px;
	margin-bottom: 15px;
}

#mainNav ul li
{
	float: left;
}

#mainNav ul li a
{
	display: block;
	float: left;
	height: 48px;
	background: url(../images/nav_mainnav.gif) no-repeat 0px 0px;
}


/* normal */
#mainNav ul li#nav1 a { width: 101px; background-position: 0px 0px;}
#mainNav ul li#nav2 a { width: 128px; background-position: -101px 0px;}
#mainNav ul li#nav3 a { width: 148px; background-position: -229px 0px;}
#mainNav ul li#nav4 a { width: 126px; background-position: -377px 0px;}
#mainNav ul li#nav5 a { width: 131px; background-position: -503px 0px;}
#mainNav ul li#nav6 a { width: 181px; background-position: -634px 0px;}
#mainNav ul li#nav7 a { width: 141px; background-position: -815px 0px;}


/* hover */
#mainNav ul li#nav1 a:hover { background-position: 0px -48px;}   
#mainNav ul li#nav2 a:hover { background-position: -101px -48px;}
#mainNav ul li#nav3 a:hover { background-position: -229px -48px;}
#mainNav ul li#nav4 a:hover { background-position: -377px -48px;}
#mainNav ul li#nav5 a:hover { background-position: -503px -48px;}
#mainNav ul li#nav6 a:hover { background-position: -634px -48px;}
#mainNav ul li#nav7 a:hover { background-position: -815px -48px;}


/* active & focus */
#mainNav ul li#nav1 a:active, #mainNav ul li#nav1 a:focus { background-position: 0px -96px;}   
#mainNav ul li#nav2 a:active, #mainNav ul li#nav2 a:focus { background-position: -101px -96px;}
#mainNav ul li#nav3 a:active, #mainNav ul li#nav3 a:focus { background-position: -229px -96px;}
#mainNav ul li#nav4 a:active, #mainNav ul li#nav4 a:focus { background-position: -377px -96px;}
#mainNav ul li#nav5 a:active, #mainNav ul li#nav5 a:focus { background-position: -503px -96px;}
#mainNav ul li#nav6 a:active, #mainNav ul li#nav6 a:focus { background-position: -634px -96px;}
#mainNav ul li#nav7 a:active, #mainNav ul li#nav7 a:focus { background-position: -815px -96px;}

/* current */
#mainNav ul li#nav1 a.current { background-position: 0px -96px;}
#mainNav ul li#nav2 a.current { background-position: -101px -96px;}

/*@commented by john smith2
 *@date : 11 sept 2008
 *@purpose : to set current css for all the remaining 
 			 top menus
#mainNav ul li#nav3 a.current { background-position: -165px -96px;}
#mainNav ul li#nav4 a.current { background-position: -259px -96px;}
#mainNav ul li#nav5 a.current { background-position: -363px -96px;}
#mainNav ul li#nav6 a.current { background-position: -429px -96px;}
#mainNav ul li#nav7 a.current { background-position: -548px -96px;}
 */
 
#mainNav ul li#nav3 a.current {background-position:-229px -96px;}
#mainNav ul li#nav4 a.current {background-position:-377px -96px;}
#mainNav ul li#nav5 a.current {background-position:-510px -96px;}
#mainNav ul li#nav6 a.current {background-position:-634px -96px;}
#mainNav ul li#nav7 a.current {background-position:-815px -96px;}

/* to show "MY ACCOUNT" on user login by John Smith on 4 Sep 08*/
#mainNav1
{
	height: 48px;
	margin-bottom: 15px;
}

#mainNav1 ul li
{
	float: left;
}

#mainNav1 ul li a
{
	display: block;
	float: left;
	height: 48px;
	background: url(../images/nav_mainnav_acc.gif) no-repeat 0px 0px;
}


/* normal */
#mainNav1 ul li#nav1 a { width: 101px; background-position: 0px 0px;}
#mainNav1 ul li#nav2 a { width: 128px; background-position: -101px 0px;}
#mainNav1 ul li#nav3 a { width: 148px; background-position: -229px 0px;}
#mainNav1 ul li#nav4 a { width: 126px; background-position: -377px 0px;}
#mainNav1 ul li#nav5 a { width: 131px; background-position: -503px 0px;}
#mainNav1 ul li#nav6 a { width: 181px; background-position: -634px 0px;}
#mainNav1 ul li#nav7 a { width: 141px; background-position: -815px 0px;}


/* hover */
#mainNav1 ul li#nav1 a:hover { background-position: 0px -48px;}   
#mainNav1 ul li#nav2 a:hover { background-position: -101px -48px;}
#mainNav1 ul li#nav3 a:hover { background-position: -229px -48px;}
#mainNav1 ul li#nav4 a:hover { background-position: -377px -48px;}
#mainNav1 ul li#nav5 a:hover { background-position: -503px -48px;}
#mainNav1 ul li#nav6 a:hover { background-position: -634px -48px;}
#mainNav1 ul li#nav7 a:hover { background-position: -815px -48px;}


/* active & focus */
#mainNav1 ul li#nav1 a:active, #mainNav1 ul li#nav1 a:focus { background-position: 0px -96px;}   
#mainNav1 ul li#nav2 a:active, #mainNav1 ul li#nav2 a:focus { background-position: -101px -96px;}



#mainNav1 ul li#nav3 a:active, #mainNav1 ul li#nav3 a:focus { background-position: -229px -96px;}
#mainNav1 ul li#nav4 a:active, #mainNav1 ul li#nav4 a:focus { background-position: -377px -96px;}
#mainNav1 ul li#nav5 a:active, #mainNav1 ul li#nav5 a:focus { background-position: -503px -96px;}
#mainNav1 ul li#nav6 a:active, #mainNav1 ul li#nav6 a:focus { background-position: -634px -96px;}
#mainNav1 ul li#nav7 a:active, #mainNav1 ul li#nav7 a:focus { background-position: -815px -96px;}



/* current */
#mainNav1 ul li#nav1 a.current { background-position: 0px -96px;}
#mainNav1 ul li#nav2 a.current { background-position: -101px -96px;}
/*
*@comented by : john smith 2
*@ date : 11 sept -2008
*@purpose : to show navigation with my account link
#mainNav1 ul li#nav3 a.current { background-position: -165px -96px;}
#mainNav1 ul li#nav4 a.current { background-position: -259px -96px;}
#mainNav1 ul li#nav5 a.current { background-position: -363px -96px;}
#mainNav1 ul li#nav6 a.current { background-position: -429px -96px;}
#mainNav1 ul li#nav7 a.current { background-position: -548px -96px;}*/

/*@added by : john smith 2
*@ date : 11 sept -2008
*@purpose : to show navigation with my account link
*/
#mainNav1 ul li#nav3 a.current {background-position:-229px -96px;}
#mainNav1 ul li#nav4 a.current {background-position:-377px -96px;}
#mainNav1 ul li#nav5 a.current {background-position:-503px -96px;}
#mainNav1 ul li#nav6 a.current {background-position:-634px -96px;}
#mainNav1 ul li#nav7 a.current {background-position:-818px -96px;}
/* end to show "MY ACCOUNT"*/

#mainPromo
{
	position: relative;
	min-height: 330px;
	height: auto !important;
	height: 330px;
	margin-bottom: 15px;
}

#mainPromo #flashHolder
{
	float: left;
	width: 456px;
}

#mainPromo .content
{
	float: left;
	display: inline;
	margin-left: 16px;
	width: 450px;
	padding-top: 40px;
}

#mainPromo .content .description
{
	/*padding-left: 30px;*/
	height: 135px;
}

#mainPromo .content .description h1
{
	margin-bottom: 17px;
}

#mainPromo .content .description h1 img
{
	display: block;
	text-align:left;
}

#mainPromo .content .description p
{
	font-size: 13px;
	color: #000;
}

#searchBox
{
	position: relative;
		z-index: 101;
	width: 440px;
	height: 54px;
	background: url(../images/searchbox2.gif) no-repeat;
}

#searchBox input.text
{
	position: absolute;
	top: 17px;
	left: 30px;
	border: none;
	background: transparent;
	width: 285px;
	font-size: 13px;
	padding: 2px;
	color: #7a7a7a;
}

#searchBox input.submit
{
	position: absolute;
	top: 12px;
	left: 335px;
	width: 90px;
	height: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
}

.boxHolder
{
	margin-bottom: 18px;
}

#featuredBundles,
#mostPopular,
#justListed
{
	float: left;
}

#featuredBundles
{
	padding-top: 95px;
	width: 464px;
	height: 196px;
	background: url(../images/bg_featuredbundles.gif) no-repeat top;
}



/*commented by John Smith to provide horizontal scroll on main page*/

#featuredBundles .content
{
	width: 420px;
	height: 163px;
	margin: 0px auto;
}

#featuredBundles .content .thumb
{
	float: left;
	width: 159px;
}

#featuredBundles .content .text
{
	margin-left: 20px;
	width: 240px;
	float: left;
}

#featuredBundles .content .text h1
{
	font-size: 23px;
	color: #1a1a1a;
		text-shadow: 1px 1px 2px #b3b3b3;
}

#featuredBundles .content .text h2
{
	font-size: 14px;
	color: #769b06;
	margin-bottom: 18px;
}

#featuredBundles .content .text p
{
	font-size: 11px;
	height: 45px;
	color: #353535;
}


#featuredBundles .pageNav
{
	padding-left: 32px;
}

#featuredBundles .pageNav li
{
	float: left;
}

#featuredBundles .pageNav li a
{
	float: left;
	font-size: 12px;
	color: #393939;
	display: block;
	text-align: center;
	line-height: 25px;
	width: 24px;
	height: 25px;
	background: url(../images/bg_pagenav.gif) no-repeat 0px 0px;
	margin-right: 1px;
}

#featuredBundles .pageNav li a:hover,
#featuredBundles .pageNav li a.current
{
	background: url(../images/bg_pagenav.gif) no-repeat 0px -25px;
}

#mostPopular
{
	display: inline;
	padding-top: 67px;
	margin: 0px 1px;
	width: 245px;
	height: 223px;
	background: url(../images/bg_mostpopular.gif) no-repeat top;
}

#justListed
{
	display: inline;
	width: 245px;
	height: 290px;
	background: url(../images/bg_justlisted.gif) no-repeat top;
}

#mostPopular .content
{
	width: 220px;
	height: 215px;
	overflow: scroll;
	overflow-x: hidden;
	margin: 0px auto;	
	padding-right:5px;
}

#justListed .content
{
	width: 220px;
	height: 215px;
	overflow: scroll;
	overflow-x: hidden;
	margin: 22px auto;	
	padding-right:5px;
}

#justListed .justrss
{
	margin: 23px auto;
	padding-left:180px;
}
#mostPopular .content ul li,
#justListed .content ul li
{
	display: inline;
}

#mostPopular .content ul li a,
#justListed .content ul li a
{
	padding-top: 7px;
	height: 74px;
	display: block;
	background: url(../images/bg_dottedline.gif) repeat-x bottom;
}

#mostPopular .content ul li:last-child a,
#justListed .content ul li:last-child a
{
	background: none;
}

#mostPopular .content ul li a:hover,
#justListed .content ul li a:hover
{
	background: #e1fdba url(../images/bg_dottedline.gif) repeat-x bottom;
}

#mostPopular .content span.thumb,
#mostPopular .content span.title,
#mostPopular .content span.views,
#justListed .content span.thumb,
#justListed .content span.title,
#justListed .content span.views
{
	display: block;
}

#mostPopular .content span.thumb,
#justListed .content span.thumb
{
	float: left;
	display: inline;
	margin-right: 15px;
	padding-top: 2px;
	width: 65px;
	height: 52px;
	background: url(../images/bg_thumb.gif) no-repeat top;
}

#mostPopular .content span.thumb img,
#justListed .content span.thumb img
{
	display: block;
	margin: 0px auto;
}

#mostPopular .content span.title,
#justListed .content span.title
{
	padding-top: 0px;
	font-size: 11px;
	color: #1d1d1d;
}

#mostPopular .content span.views,
#justListed .content span.views
{
	font-size: 11px;
	color: #00439d;
}

#mostPopular .content span.views b,
#justListed .content span.views b
{
	font-size: 11px;
	color: #1d1d1d;
}

/* footer nav */

#footerNav
{
	margin-bottom: 8px;
	margin-top:10px;
}

#footerNav ul li
{
	float: left;	
}

#footerNav ul li a
{
	display: block;
	float: left;
	height: 66px;
	background: url(../images/nav_footer.gif) no-repeat 0px 0px;
}

/* normal */
#footerNav ul li.nav1 a { width: 133px; background-position: 0px 0px;}
#footerNav ul li.nav2 a { width: 120px; background-position: -133px 0px;}
#footerNav ul li.nav3 a { width: 139px; background-position: -253px 0px;}
#footerNav ul li.nav4 a { width: 113px; background-position: -392px 0px;}
#footerNav ul li.nav5 a { width: 123px; background-position: -505px 0px;}
#footerNav ul li.nav6 a { width: 159px; background-position: -628px 0px;}
#footerNav ul li.nav7 a { width: 169px; background-position: -787px 0px;}


/* hover */
#footerNav ul li.nav1 a:hover { background-position:  0px -66px;}   
#footerNav ul li.nav2 a:hover { background-position: -133px -66px;}
#footerNav ul li.nav3 a:hover { background-position: -253px -66px;}
#footerNav ul li.nav4 a:hover { background-position: -392px -66px;}
#footerNav ul li.nav5 a:hover { background-position: -505px -66px;}
#footerNav ul li.nav6 a:hover { background-position: -628px -66px;}
#footerNav ul li.nav7 a:hover { background-position: -787px -66px;}


/* active & focus */
#footerNav ul  a:active, #footerNav ul li#nav1 a:focus { background-position: 0px -66px;}   
#footerNav ul  a:active, #footerNav ul li#nav2 a:focus { background-position: -133px -66px;}
#footerNav ul  a:active, #footerNav ul li#nav3 a:focus { background-position: -253px -66px;}
#footerNav ul  a:active, #footerNav ul li#nav4 a:focus { background-position: -392px -66px;}
#footerNav ul  a:active, #footerNav ul li#nav5 a:focus { background-position: -505px -66px;}
#footerNav ul  a:active, #footerNav ul li#nav6 a:focus { background-position: -628px -66px;}
#footerNav ul  a:active, #footerNav ul li#nav7 a:focus { background-position: -787px -66px;}

/* current */
#footerNav ul li.nav1 a.current { background-position: 0px -66px;}   
#footerNav ul li.nav2 a.current { background-position: -133px -66px;}
#footerNav ul li.nav3 a.current { background-position: -253px -66px;}
#footerNav ul li.nav4 a.current { background-position: -392px -66px;}
#footerNav ul li.nav5 a.current { background-position: -505px -66px;}
#footerNav ul li.nav6 a.current { background-position: -628px -66px;}
#footerNav ul li.nav7 a.current { background-position: -787px -66px;}


/* footer nav to show "My Account" link 
	by John Smith on 4 sep 08
*/
#footerNav1
{
	
	margin-top:10px;
	margin-bottom: 8px;
}

#footerNav1 ul li
{
	float: left;
}

#footerNav1 ul li a
{
	display: block;
	float: left;
	height: 66px;
	background: url(../images/nav_footer_acc.gif) no-repeat 0px 0px;
}

/* normal */
#footerNav1 ul li.nav1 a { width: 133px; background-position: 0px 0px;}
#footerNav1 ul li.nav2 a { width: 120px; background-position: -133px 0px;}
#footerNav1 ul li.nav3 a { width: 139px; background-position: -253px 0px;}
#footerNav1 ul li.nav4 a { width: 113px; background-position: -392px 0px;}
#footerNav1 ul li.nav5 a { width: 123px; background-position: -505px 0px;}
#footerNav1 ul li.nav6 a { width: 159px; background-position: -628px 0px;}
#footerNav1 ul li.nav7 a { width: 169px; background-position: -787px 0px;}


/* hover */
#footerNav1 ul li.nav1 a:hover { background-position: 0px -66px;}   
#footerNav1 ul li.nav2 a:hover { background-position: -133px -66px;}
#footerNav1 ul li.nav3 a:hover { background-position: -253px -66px;}
#footerNav1 ul li.nav4 a:hover { background-position: -392px -66px;}
#footerNav1 ul li.nav5 a:hover { background-position: -505px -66px;}
#footerNav1 ul li.nav6 a:hover { background-position: -628px -66px;}
#footerNav1 ul li.nav7 a:hover { background-position: -787px -66px;}


/* active & focus */
#footerNav1 ul  a:active, #footerNav1 ul li#nav1 a:focus { background-position: 0px -66px;}   
#footerNav1 ul  a:active, #footerNav1 ul li#nav2 a:focus { background-position: -133px -66px;}
#footerNav1 ul  a:active, #footerNav1 ul li#nav3 a:focus { background-position: -253px -66px;}
#footerNav1 ul  a:active, #footerNav1 ul li#nav4 a:focus { background-position: -392px -66px;}
#footerNav1 ul  a:active, #footerNav1 ul li#nav5 a:focus { background-position: -505px -66px;}
#footerNav1 ul  a:active, #footerNav1 ul li#nav6 a:focus { background-position: -628px -66px;}
#footerNav1 ul  a:active, #footerNav1 ul li#nav7 a:focus { background-position: -787px -66px;}

/* current */
#footerNav1 ul li.nav1 a.current { background-position: 0px -66px;}   
#footerNav1 ul li.nav2 a.current { background-position: -133px -66px;}
#footerNav1 ul li.nav3 a.current { background-position: -253px -66px;}
#footerNav1 ul li.nav4 a.current { background-position: -392px -66px;}
#footerNav1 ul li.nav5 a.current { background-position: -505px -66px;}
#footerNav1 ul li.nav6 a.current { background-position: -628px -66px;}
#footerNav1 ul li.nav7 a.current { background-position: -787px -66px;}

/* footer nav end to show "My Account"
	


/* search slider */

#searchSlider_old
{
	/*position: absolute;
	top: 200px;
	left: 478px;
	z-index: 100;
	padding-top: 15px;
	width: 430px;
	height: 468px;
	background: url(../images/bg_searchslider.png) no-repeat bottom;
	*/
}
#searchSlider
{
	position: absolute;
	top: 190px;
	right:50px;
	z-index: 100;
	padding-top: 0px;
	width: 420px;
	background: url(../images/bg_searchslider.png) no-repeat bottom;
	padding-bottom:10px;
}
#searchSlider .content
{
	width: 87%;
	margin: 0px auto;
	padding-left:35px;
}

#searchSlider .content ul li
{
	display: inline;
}

#searchSlider .content ul li a
{
	padding-top: 7px;
	height: 64px;
	display: block;
	background: url(../images/bg_dottedline.gif) repeat-x bottom;
}

#searchSlider .content ul li:last-child a
{
	background: none;
}

#searchSlider .content ul li a:hover
{
	background: #e1fdba url(../images/bg_dottedline.gif) repeat-x bottom;
}

#searchSlider .content span.thumb,
#searchSlider .content span.title,
#searchSlider .content span.description
{
	display: block;
}

#searchSlider .content span.thumb
{
	float: left;
	display: inline;
	margin-right: 15px;
	padding-top: 2px;
	width: 65px;
	height: 52px;
	background: url(../images/bg_thumb.gif) no-repeat top;
}

#searchSlider .content span.thumb img
{
	display: block;
	margin: 0px auto;
}

#searchSlider .content span.title
{
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #1d1d1d;
	text-align:left;
}

#searchSlider .content span.description
{
	font-size: 11px;
	color: #353535;
	text-align:left;
	padding-left:0px;
}

#searchSlider .content span.description b
{
	font-size: 11px;
	color: #1d1d1d;
	text-align:left;
}

#searchSlider .buttonHolder
{
	text-align: right;
	padding-top: 5px;
}

#searchSlider .buttonHolder a
{
	font: bold 10px arial, helvetica, sans-serif;
	color: #000;
}

#searchSlider .buttonHolder a:hover
{
	color: #71a905;
}

#searchSlider .buttonHolder img
{
	vertical-align: middle;
}

#paging
{
	float: left;
	margin-top: -23px;
	width: 430px;
	text-align: center;
}

.pagingnav
{
	width: 430px;
	text-align: center;
}


/*David--> added this for Scriptaculous*/
#LeftArrow
{
    position: absolute;
	top: 55px;
	left: 8px;
}

#RightArrow
{
    position: absolute;
	top: 55px;
	left: 714px;
}

.block
{
   /* width: 600px;*/
    float: left;
	margin: 40px 0 0 55px;
	/*position: absolute;
	top: 88px;
	left: 150px;*/
    height: 170px;
	border-bottom: 1px solid #e5e5e5;
	width: 530px !important;
	text-align: center;
    /*margin-right: 10px;*/
}

#divScroll
{
	display: inline;
	width: 640px;
	float: left;
	
		/*background-color: #000;*/
		overflow: hidden !important;
		margin-left: 65px;
}

#divScrollerGrandFather
{
    margin-left: auto;
    margin-right: auto;
    /*text-align: left;*/
}

.arrow
{
    cursor: pointer;
}

/* Side Scroller */

#divScrollerFather 
{
    /*margin-left: 60px;
    margin-top: -75px;*/
    width: 550px !important;
    height: 225px;
    /*position:  relative;*/
    overflow: hidden !important;
    /*border: solid 1px #000;*/
    background-color:#fff;
	/*float: left;*/
	display: inline;
}
/* this will be dynamically generated from js
#divScroller
{
    width: 5400px;
}
*/

/* eof David's script */

#div_slide
{
}

.groupthumb a
{
	font-size: 12px;
}

#secMiddleRight
{
	float: right;
	width: 175px;
	min-height:870px;
	margin-right:2px;
	padding:18px 0 0 2px;
	background: url(../images/bg_secright.gif) #f0f0f0 no-repeat;

}


#promo2
{
	/*background:transparent url(../images/bg_promo3.png) no-repeat scroll center top;*/
	height:745px;
	margin-top:4px;
	padding:5px 0 0 6px;
	text-align:left;
	width:168px;
	position:absolute;
	margin:15px 3px 0 0;
	
}

#promo2 img
{
	margin-bottom:5px;
	display: block;
/*	margin: 0 auto 5px auto;*/
}

#bundleInfoContainer
{
	clear: left;
	display: block;
	width: 600px;
	margin: 0px auto;
	text-align: center;
}

.groups
{
	width: 170px;
	margin: 0px auto 15px auto;
	line-height: 14px !important;
}

.groups a
{
	text-align: center;
	font-size: 12px;
	width: 150px;
}

.groups img
{
	display: block;
	margin: 0px auto;
	margin-bottom: 10px;
}

#secMiddleLeft
{
	width: 777px;
	background: url(../images/bg_secleft.gif) #DBDBDB no-repeat top left;
	float: left;
	text-align: left;
	min-height: 870px;
/*	padding-bottom: 15px;
	margin-bottom: 20px;*/
}
#secleft_footer
{
	width: 777px;
	background: url(../images/secleft_footer.gif) no-repeat;
	text-align: left;
	height:13px;
	float:left;
}
#secMiddleRight
{
	
	float: right;
}

.divVids
{
	float: right;
	width: 66%;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
}

.divSingleVid
{
	width: 30%;
	padding: 0px 5px;
	float: left;
	display: inline;
	line-height: 12px !important;
}

.divSingleVid img
{
	margin-bottom: 3px;
}

.divSingleVid a
{
	font-size: 11px;
	line-height: 12px !important;
}

.divTree 
{
	width: 200px;
	float: left;
	text-align: left;
	margin-left: 10px;
}

.divTree h3
{
	color: #0a0a0a;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

.divTree li a
{
	font-size: 11px;
	font-weight: bold;
	color: #447501;
	margin-bottom: 7px;
}

.divTree ul ul
{
	margin-bottom: 10px;
}

.divTree ul ul ul
{
	margin-bottom: 10px;
}

.divTree li li a
{
	font-weight: normal;
	margin-left: 15px;
	color: #393939;
	margin-bottom: 0px;
}

.divTree li li a:hover
{
	color: #569301;
}

.divTree li li li a
{
	font-weight: normal;
	margin-left: 30px;
}

#divSort
{
	height: 30px;
	display: block;
	width: 100%;
	margin: 0px 0px 15px 8px;
	width: 753px;
	background: url(../images/bg_body.gif) repeat-x 0px -80px;
}

#fauxBg
{
	width: 774px;
	/*background: url(../images/fauxbg.jpg) no-repeat 0px top;*/
}

.logFormContainer
{
	float: left;
	width: 368px;
	margin: 18px 0px 18px 12px;
	padding-bottom: 15px;
	background: url(../images/formbg.png) no-repeat bottom right;
}

.logFormContainer h1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	background: url(../images/logtitlebg.gif) no-repeat top center;
	color: #0A0A0A;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 27px 0px 27px 17px;
	margin-bottom: 20px;
	margin-left: 7px;
	width: 339px;
	/*border-top: 1px solid #858585 !important;*/
}

.logFormContainer table
{
	/*margin: 0px 0px 0px 25px;
	width: 80%;*/
	width: 90%;
	margin: 0px auto;
}

.logFormContainer table td
{
	padding: 0px 6px;
}

.logFormContainer table table td
{
	padding: 0px;
}

.logFormContainer input.text
{
	font-family: arial, helvetica, sans-serif;
	background: url(../images/inputbg.gif) repeat-x top;
	padding: 7px 2px 6px 2px;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #858585 !important;
	color: #000;
	font-size: 12px;
}

.logFormContainer label
{
	display: block;
	font-family: arial, helvetica, sans-serif;
	color: #467300;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 2px;
}

.logFormContainer table table
{
	/*width: 250px;*/
	margin-left: 0px;
}

.logFormContainer select
{
	font-family: arial, helvetica, sans-serif;
	background: url(../images/inputbg.gif) repeat-x top;
	padding: 7px 8px 5px 8px;
	margin-bottom: 20px;
	border: 1px solid #858585;
	color: #000;
	font-size: 12px;
}

.logFormContainer option
{
	background: #bbbbbb;
}

.logFormContainer span.radio
{
	font-family: arial, helvetica, sans-serif;
	padding: 8px 2px 6px 2px;
	width: 100%;
	margin: 0 15px 0 0;
	color: #666;
	font-size: 12px;
}

.logFormContainer span.checkbox
{
	font-family: arial, helvetica, sans-serif;
	width: 100%;
	margin: 0 15px 0 2px;
	color: #666;
	font-size: 12px;
}

.logFormContainer a.forgot
{
	float: left;
	font-family: arial, helvetica, sans-serif;
	margin-top: -15px;
	font-size: 12px;
}

.loginbttn 
{
	margin-top: 20px;
}

.logFormContainer a.bttn
{
	margin-left: 25px;
}

#fullbox-content-2 p
{
	margin: 0px auto;
}

/*#videobox table
{
	width: 400px !important;
}*/

#videobox2 table .listchannel
{
	display: block;
	clear: both;
	float: left;
	margin: 0px 75px 0px 0px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5;
	width: 390px;
}

#videobox2 table
{
	clear: both;
	float: left;
	margin-left: 12px;
}

.imagechannel
{
	float: left;
	width: 122px;
}

.videoInformation
{
	margin-left: 15px;
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	height: 100px;
	line-height: 14px;
}

#fullside-2 p.sortBy
{
	clear: both;
	float: left;
	display: inline;
	margin-left: 15px;
	font-size: 10px;
}

#fullside-2 p.viewtype
{
	font-size: 12px;
	margin: 0px 0px 10px 15px;
	clear: both;
	float: left;
	display: block;
}

#fullside-2
{
	padding-top: 10px;
}

#fullside-2 p.basicdetailed
{
	float: left;
	display: inline;
	margin-left: 5px;
	font-size: 10px;
}

#fullside-2 div.titlepage
{
	margin-left: 15px;
	font-size: 10px;
}

/*#reqBoxCont
{
	padding-top: 22px;
}

.reqBox
{
	float: left;
	margin-left: 26px;
	width: 337px;
	padding-bottom: 15px;
	background: url(../images/reqinfobg.gif) no-repeat bottom;
}*/

.logFormContainer p
{
	font-family: arial, helvetica, sans-serif;
	color: #555;
	line-height: 20px;
	font-size: 14px;
	padding: 5px 25px 25px 25px;
}

.reqTitle
{
	width: 337px;
	height: 60px;
	background: url(../images/reqtitlebg.gif) no-repeat top left;
}

.reqTitle h1
{
	float: left;
	display: inline;
	margin: 25px 0 0 25px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	color: #579100;
}

.logFormContainer h1.green
{
	font-size: 18px;
	color: #61bb00;
}

.logFormContainer h1.blue
{
	font-size: 18px;
	color: #00a4e3;
}

.reqBox .bttn
{
	float: left;
	margin: 0px 0px 0px 25px;
}

.tutPersonalCont 
{
	width: 730px;
	margin: 15px 0 0 25px;
}

.tutPersonalCont table
{
	/*width: 500px;*/
	/*margin: 30px auto;*/
	display:block;
	/*background-color:#CCCCCC;*/
	/*padding:20px;*/
}

.tutPersonalCont td
{
	padding: 10px 0px;
}

.tutPersonalCont .makePrivate td
{
	padding: 10px 0 0 0;
}

.tutPersonalCont .makePrivate2 td
{
	padding: 0 0 10px 0;
}



/*.tutPersonalCont input.text
{
	float: right;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/inputbg.gif) repeat-x top;
	padding: 8px 2px 6px 2px;
	width: 200px;
	border: 1px solid #858585 !important;
	color: #000;
	font-size: 12px;
}*/

.tutPersonalCont label
{
	font-family: arial, helvetica, sans-serif;
	color: #467300;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 2px 0 !important;
	padding: 0px !important;
	width: auto !important;
	text-align: left !important;
}

/*.tutPersonalCont select
{
	float: left;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/inputbg.gif) repeat-x top !important;
	border: 1px solid #858585;
	color: #000;
	padding: 6px 2px 5px 2px !important;
	width: 200px;
	margin: 0px !important;
	font-size: 12px;
}

.tutPersonalCont option
{
	background: #bbbbbb;
}

.tutPersonalCont textarea
{
	width: 99%;
	height: 100px;
	font-family: arial, helvetica, sans-serif;
	background: #bbbbbb url(../images/inputbg.gif) repeat-x top;
	padding: 8px 2px 6px 2px;
	border: 1px solid #858585 !important;
	color: #000;
	font-size: 12px;
}*/

.tutPersonalCont .exampReq
{
	font-size: 12px;
}

.tutPersonalCont .checkPar
{
	display: block;
	font-size: 11px;
	line-height: 12px !important;
	vertical-align: middle;
	margin-bottom: 5px !important;
	padding: 0px !important;
}

.tutPersonalCont .checkbox
{
	vertical-align: middle;
	margin-left: 5px;
	margin-bottom: 5px;
}

.tutPersonalCont .responses 
{
	font-size: 11px;
	border: 1px solid #858585;
	background: #bbbbbb url(../images/inputbg.gif) repeat-x top;
	padding: 10px;
	line-height: 16px;
}

.tutPersonalCont h2
{
	font-size: 22px;
	color: #333;
	line-height: normal;
	margin-bottom: 15px;
}

.tutPersonalCont p
{
	font-size: 14px !important;
	color: #333;
	line-height: normal;
	margin-bottom: 10px;
}

.tutPersonalCont ol
{
	list-style-type:decimal;
}

.tutPersonalCont li
{
	font-size:12px !important;
	/*font-weight:bold;*/
	margin-bottom:10px;
	list-style-position:inside;
	color:#348400;
}


.tutCompanyCont 
{
	margin: 15px 0 0 25px;
	width: 730px;
}

.tutCompanyCont table
{
	width: 480px;
	margin: 15px 0px 15px 140px;
}

.tutCompanyCont td
{
	padding: 10px 0px;
}

.tutCompanyCont .inquiry td
{
	padding: 10px 0 0 0;
}

.tutCompanyCont .inquiry2 td
{
	padding: 0 0 10px 0;
}

/*.tutCompanyCont input.text
{
	float: right;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/inputbg.gif) repeat-x top;
	padding: 7px 2px 6px 2px;
	width: 200px;
	border: 1px solid #858585 !important;
	color: #000;
	font-size: 12px;
}

.tutCompanyCont label
{
	font-family: arial, helvetica, sans-serif;
	color: #467300 !important;
	font-size: 13px;
	font-weight: normal !important;
	margin: 0 0 2px 0 !important;
	padding: 0px !important;
	width: auto !important;
	text-align: left !important;
}


.tutCompanyCont textarea
{
	width: 99%;
	height: 100px;
	font-family: arial, helvetica, sans-serif;
	background: #bbbbbb url(../images/inputbg.gif) repeat-x top;
	padding: 8px 2px 6px 2px;
	border: 1px solid #858585 !important;
	color: #000;
	font-size: 12px;
}*/

.tutCompanyCont p
{
	font-size: 13px;
	margin-bottom: 25px;
	line-height: 19px;
}

.tutCompanyCont ul
{
	margin: 0px auto;
	margin-bottom: 25px;
}	

.tutCompanyCont li
{
	font-size: 12px;
	color: #348400;
	padding-top: 2px;
	margin-bottom: 15px;
	padding-left: 35px;
	height: 35px;
	background: url(../images/forward.png) no-repeat 0px 0px;
}


.tutCompanyCont h1
{
	font-size: 22px;
	margin-bottom: 15px;
}

.tutCompanyCont h2
{
	font-size: 16px;
	color: #2c70c9;
}

.suggestions
{
	margin-left: 20px;
}

.suggestions h1
{
	font-size: 18px;
	color: #00a4e3;
	margin-bottom: 10px;
}

.suggestions p
{
	font-size: 13px;
	color: #666;
}
/**
* @added by : John Smith
* @added on : 29-Aug-08
* @purpose  : create style for Ajax Library DIV
**/
.divAjaxLib
{
	padding-top:50px;
	padding-left:0px;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF0000;
	display:block;
	/*background-color:#FFFF00;*/
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 500px; 
	height: 500px;
	overflow: hidden;
	border:0px solid #666666;
	float:left;
	margin-left:140px;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 600px;
		height:500px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		/*background:#666666;*/
		/*color:#000;*/
		}

		h1 {line-height: 24px;}

	
/*felix */

/*#secMiddleLeft {
		background:#DBDBDB url(../images/pagebg.jpg) no-repeat scroll center bottom;
}*/

.divTree li a
{
	font-size: 15px;
	font-weight: bold;
	color: #447501;
	margin-bottom: 0;
	display:block;
	padding:5px;
}

.divTree li a:hover {
	background-color:#E1FDBA;
}

.divTree li a.mainCatActive {
	background-color:#E1FDBA;
}

.divTree ul ul li a {
        font-size: 14px;
        font-weight:normal;
       margin-top:2px;
}

.divTree ul ul ul li a {
        font-size: 12px;
        font-weight:bold;
       /* margin-top:0px;*/
}

.divTree ul ul ul div li a {
        font-size: 11px !important;
        font-weight:normal !important;
      /*  margin-bottom:4px;*/
}

.groups a {
	border-left:1px solid #CECECE;
	border-top:1px solid #CECECE;
	display:block;
	font-size:11px;
	height:25px;
	padding:5px;
	text-align:left;
	width:210px;
}

#bundleInfoContainer {
	/*width: 800px;*/
	margin: 0px auto;
	text-align: center;
	float:left;
}

.groups {
	display: block;
	float:left;
	width:230px;
}
#imgFeat {
	border:2px solid #5e9c00;
}

#mainNav1 ul li#nav7 a.current {background-position:-815px -96px;}

body {
	background-color:#f0f0f0;
}

#mostPopular .content span.thumb, #justListed .content span.thumb {
	background-image:none;
	border:2px solid #999;
}

.jcarousel-skin-tango .title {font-weight: bold !important;}


/* felix last changes */

#forgotpassword-form label
{
font-size:14px;
line-height:16px;
font-weight:bold;
}

.bundleText
{
background:url(../images/bg_bundles_txt.gif) repeat-x 0 68px;
padding:80px 35px 0;
width:714px;
}
*:first-child+html .bundleText
{
background:url(../images/bg_bundles_txt.gif) repeat-x;
padding:0 35px;
width:714px;
}














