body{
	background-image: url(../images/design/background.jpg);
	background-repeat: repeat-x;
	background-color: #303030;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
}

#first { 
display: none;
}

#second { 
display: none;
}

#third { 
display: none;
}

#fourth { 
display: none;
}

#fifth { 
display: none;
}

#sixth { 
display: none;
}

#keepy { 
display: none;
text-align: center;
}

#pong { 
display: none;
text-align: center;
}

div.headwrapper{
	width: 964px;
	height: 96px;
	background-image: url(../images/design/header.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div.toolbarcentre {
	width: 964px;
	height: 96px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#xToolbar{
	width: 964px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: fixed; 
	width: 964px; 
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #00adef;
	overflow: visible;
}

div.wrapper{
	width: 964px;
	margin: 0px auto 0px auto;
	background-image: url(../images/design/wrapperbg.jpg);
	background-repeat: repeat-x;
	background-color: #2f2f31;
	padding: 0px 0px 20px 0px;
	overflow: auto;
}

div.footer{
	width: 964px;
	margin: 0px auto 0px auto;
	padding: 8px 0px 20px 0px;
	font-size: 0.6em;
	text-align: center;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #363636;
	color: #454545;
}

div.menu{
	float: left;
	width: 180px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #303030;
}

div.content{
	float: right;
	height: 296px;
	width: 762px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #303030;
}

div.contentnoborder{
	float: right;
	width: 762px;
}

div.contentplain{
	float: right;
	width: 762px;
}

div.contentb{
	float: right;
	width: 762px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #303030;
}

div.columns{
	float: right;
	width: 762px;
}

div.right{
	width: 340px;
	float: right;
	padding: 18px 20px 0px 0px;
}

div.left{
	width: 380px;
	float: left;
	padding: 18px 0px 20px 0px;
}

div.columnsb{
	float: left;
	width: 508px;
}

div.receding{
	width: 224px;
	float: right;
	padding: 18px 0px 0px 0px;
}

div.thinning{
	width: 224px;
	float: left;
	padding: 18px 20px 20px 20px;
}

div.bald{
	width: 224px;
	float: right;
	padding: 18px 20px 0px 0px;
}

div.expandable{
	width: 158px;
	padding: 10px 10px 10px 10px;
	background-image: url(../images/design/expandablebg.jpg);
	background-repeat: repeat-x;
	background-color: #303030;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #131313 #3b3a3a #3b3a3a #131313;
	font-size: 0.8em;
	margin: 0px 0px 5px 0px;
	overflow: auto;
}

div.submenu{
	width: 146px;
	padding: 5px 10px 0px 22px;
	background-image: url(../images/design/expandablebg.jpg);
	background-repeat: repeat-x;
	background-color: #303030;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #131313 #3b3a3a #3b3a3a #131313;
	font-size: 0.7em;
	margin: 0px 0px 5px 0px;
	overflow: auto;
}

div.basket{
	width: 158px;
	padding: 10px 10px 10px 10px;
	background-image: url(../images/design/expandablebg.jpg);
	background-repeat: repeat-x;
	background-color: #303030;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #131313 #3b3a3a #3b3a3a #131313;
	font-size: 0.8em;
	margin: 0px 0px 5px 0px;
	overflow: auto;
}

div.video{
	width: 360px;
	float: right;
}

div.flash {
	height: 296px;
	width: 762px;
	display: none;
}

div.leave {
	height: 296px;
	width: 762px;
	display: none;
}

div.intro{
	width: 380px;
	float: left;
	padding: 18px 0px 22px 0px;
	overflow: auto;
}

div.containertwo{
	width: 775px;
	float: right;
	margin: 0px 0px px 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

div.contentinter {
	width: 745px;
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
	/*background-color:#FF0000;*/
}


div.newssnippet{
	min-height: 65px;
}

div.twocolrodd{
	float: right;
	width: 457px;
}

/*------------------------------ Four Cols --------------------------------*/
div.containerfour{
	width: 775px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;

}

div.fourcolsub{ /* MODIFIED */
	float: left;
	margin-top: 10px 0px 0px 20px;
	width: 593px;
	min-height: 280px;
	background: url(../images/design/profiles.png) no-repeat;
	overflow: hidden;
}

div.fourcolcon{
	float: left;
	width: 393px;
}

div.fourcoll{
	float: left;
	width: 177px;
	padding: 190px 8px 40px 8px;
	color: #ffffff;
}

div.fourcolm{
	float: right;
	width: 177px;
	padding: 190px 8px 40px 8px;
	color: #ffffff;
}

div.fourcolr{
	float: right;
	width: 177px;
	padding: 190px 8px 40px 8px;

	color: #ffffff;
}

div.fourcolcalls{
	float: right;
	width: 177px;
}

div.fourthcol{
	width: 157px;
	height: 193px;
	background-repeat: no-repeat;
	padding: 5px 10px 0px 10px;
}

/* Amended for Featured layout... */
div.fourcolsub div.fourcol {
 float: left;
 width: 195px;
}
div.pad {
margin-left: 4px;
}
div.fourcol .inner {
padding: 8px;
}

/*------------------------------ Four Cols Ends --------------------------------*/


/*------------------------------ Three Cols --------------------------------*/
div.containerthree{
	width: 775px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

div.threecolsub{
	float: left;
	width: 583px;
	overflow: hidden;
}

div.threecoll{
	float: left;
	width: 298px;
}

div.threecolm{
	float: right;
	width: 266px;
}

div.threecolr{
	float: right;
	width: 177px;
}

div.callbox{
	width: 157px;
	height: 100px;
	background-image: url(../images/design/call-box.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #3a98dc;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -10px 0px;
	font-size: 16px;
	font-weight: bold;
}

div.callbox-mouth{
	width: 157px;
	height: 200px;
	background-image: url(../images/design/call-box-mouth.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #3a98dc;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -10px 0px;
	font-size: 16px;
	font-weight: bold;
}

/*------------------------------ Three Cols Ends --------------------------------*/

/*------------------------------ Two Cols --------------------------------*/

div.containertwo{
	width: 775px;
	float: right;
	margin: 0px 0px px 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

div.twocollodd{
	float: left;
	width: 298px;
}

div.twocolrodd{
	float: right;
	width: 457px;
}

div.twocoll{
	float: left;
	width: 381px;
}

div.twocolr{
	float: right;
	width: 381px;
	text-align:right;
	
}

div.intercoll{
	float: left;
	width: 361px;
	text-align:left;
	/*background-color:#00FF00;*/
}

div.intercolr{
	float: right;
	width: 361px;
	text-align:left;
	/*background-color:#00FF00;*/

}

/*------------------------------ Two Cols Ends --------------------------------*/

/*------------------------------ One Col --------------------------------*/

div.containerone{
	width: 775px;
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

/*------------------------------ One Ends --------------------------------*/

/* ---------------------------------------------------- Contact area CSS ---------------------------------------------------- */



label.contact{
float: left;
width: 120px;
font-size: 0.8em;
}

input.contact, textarea.contact{
width: 227px;
margin-bottom: 5px;
background: #f7f7f7;
border-color: #949494;
border-width: 1px;
border-style: solid;
}

span{
	color: #00adef;
}

h1{
	font-size: 1em;
	line-height: 1.4em;
	margin: 0px;
}

h1.intro{
	font-size: 16px;
	line-height: 1.4em;
	margin: 0px;
}



h2.orange{
	font-size: 1em;
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ff5210;
	color: #ff5210;
	margin: 0px;
}

h2.blue{
	font-size: 1em;
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #00adef;
	color: #00adef;
	margin: 0px;
}

h2.pink{
	font-size: 1em;
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #d7006c;
	color: #d7006c;
	margin: 0px;
}


h3.orange{
	font-size: 0.8em;
	color: #ff5210;
	margin: 10px 0px 0px 0px;
}

h3.blue{
	font-size: 0.8em;
	color: #00adef;
	margin: 10px 0px 0px 0px;
}


h3.pink{
	font-size: 0.8em;
	color: #d7006c;
	margin: 10px 0px 0px 0px;
}


h4 {
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}

h4.blue {
	color: #00adef;
	padding: 0px 0px 5px 0px;
}

h4.orange {
	color: #ff5210;
}

p{
 font-size: 0.7em;
 margin: 0px 0px 10px 0px;
}

li{
 font-size: 0.7em;
 padding: 0px 0px 10px 0px;
}

p.intro{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3em;
	margin: 0px;
}

p.loginform {
	color: #00adef;
	font-size: 10px;
	padding: 0px;
	margin-top: 0px;
}

a.menu{
	display: block;
	padding: 8px 10px 7px 22px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #303030;
	text-decoration: none;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

a.menu:hover{
	display: block;
	padding: 8px 10px 7px 22px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #303030;
	text-decoration: none;
	background-color: #00adef;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

a.titlemenu{
	display: block;
	padding: 8px 10px 7px 22px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #303030;
	text-decoration: none;
	color: #00adef;
	font-size: 0.9em;
	font-weight: bold;
}

a.titlemenu:hover{
	display: block;
	padding: 8px 10px 7px 22px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #303030;
	text-decoration: none;
	background-color: #00adef;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

a.submenu{
	display: block;
	padding: 8px 0px 7px 32px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #303030;
	text-decoration: none;
	color: #ffffff;
	font-size: 0.8em;
	font-weight: bold;
}

a.basket{
	display: block;
	padding: 8px 10px 7px 55px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #303030;
	background-image: url(../images/design/basket.png);
	background-repeat: no-repeat; 
	text-decoration: none;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

a.basket:hover{
	display: block;
	padding: 8px 10px 7px 55px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #303030;
	text-decoration: none;
	background-color: #00adef;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

a.expand{
	background-image: url(../images/design/expandable.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 7px 0px 7px 22px;
	margin: 1px 0px 1px 0px;
	text-decoration: none;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
}

a.expand:hover{
	background-image: url(../images/design/expandable-on.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 7px 0px 7px 22px;
	margin: 1px 0px 1px 0px;
	text-decoration: none;
	color: #00adef;
	font-size: 10px;
	font-weight: normal;
}

a.orange{
	font-weight: bold;
	color: #ff5210;
	text-decoration: none;
}

a.orange:hover{
	font-weight: bold;
	color: #00adef;
	text-decoration: none;
}



a.blue{
	font-weight: bold;
	color: #00adef;
	text-decoration: none;
}

a.blue:hover{
	font-weight: bold;
	color: #ff5210;
	text-decoration: none;
}

a.pink{
	font-weight: bold;
	color: #d7006c;
	text-decoration: none;
}

a.pink:hover{
	font-weight: bold;
	color: #00adef;
	text-decoration: none;
}

a.footer{
	color: #454545;
	text-decoration: underline;
}

a.footer:hover{
	color: #454545;
	text-decoration: none;
}

a.loginform {
	color: #00adef;
	font-size: 10px;
	text-decoration: underline;
}

a.loginform:hover {
	text-decoration: none;
}

a.faves{
	color: #00adef;
	font-size: 10px;
	text-decoration: none;
	display: block;
	vertical-align: top;
	background-image: url(../images/design/favourites.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 22px;
	height: 25px;
}

a.faves:hover {
	color: #ffffff;
}

a.facebook{
	color: #00adef;
	font-size: 10px;
	text-decoration: none;
	display: block;
	vertical-align: top;
	background-image: url(../images/design/facebook.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 22px;
	height: 25px;
}

a.facebook:hover {
	color: #ffffff;
}

a.delicious{
	color: #00adef;
	font-size: 10px;
	text-decoration: none;
	display: block;
	vertical-align: top;
	background-image: url(../images/design/delicious.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 22px;
	height: 25px;
}

a.delicious:hover {
	color: #ffffff;
}

a.diggit{
	color: #00adef;
	font-size: 10px;
	text-decoration: none;
	display: block;
	vertical-align: top;
	background-image: url(../images/design/diggit.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 22px;
	height: 25px;
}

a.diggit:hover {
	color: #ffffff;
}

a.stumbledupon{
	color: #00adef;
	font-size: 10px;
	text-decoration: none;
	display: block;
	vertical-align: top;
	background-image: url(../images/design/stumbledupon.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 22px;
	height: 25px;
}

a.stumbledupon:hover {
	color: #ffffff;
}

a.submenulink{
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0px 0px 9px 0px;
}

a.submenulink:hover{
	display: block;
	color: #01AFEE;
	text-decoration: none;
	padding: 0px 0px 9px 0px;
}

a{
	color: #00adef;
	text-decoration: none;
}

a:hover{
	color: #ff5210;
	text-decoration: none;
}

img.left {
	float: left;
	padding: 0px 20px 0px 0px;
}

input.loginform {
	width: 152px;
	color: #9b9b9b;
}

input.basket {
	width: 100px;
	color: #9b9b9b;
}

input.loginbutton {
background-image:url(../images/design/login-btn.jpg);
background-repeat:no-repeat;
width: 44px;
height: 21px;
border: 0px;
float: right;
margin: 3px 0px 0px 0px;
border-style: none;
display: block;
cursor: pointer;
}

input.checkout {
background-image:url(../images/design/checkout-btn.jpg);
background-repeat:no-repeat;
width: 76px;
height: 21px;
border: 0px;
float: right;
margin: 3px 0px 0px 0px;
border-style: none;
display: block;
cursor: pointer;
}

input.sendbutton {
background-image:url(../images/design/send-btn.jpg);
background-repeat:no-repeat;
width: 44px;
height: 21px;
border: 0px;
float: right;
margin: 3px 0px 0px 0px;
border-style: none;
display: block;
cursor: pointer;
}

/* CSS for login box */
label.login{
float: left;
width: 120px;
font-size: 0.8em;
}

input.login {
width: 200px;
margin-bottom: 5px;
}



/* End of CSS for login box */

/* -- Invite for the members.php -- */
input.invite {
width:210px;
}

label.invite{
float: left;
width: 120px;
font-size: 0.8em;
}

/* -- END of Invite for the members.php -- */

/* FCK Editor location stuff */ 

/* End of FCK Editor location stuff */