@CHARSET "ISO-8859-1";

@import "reset.css";
@import "clearfix.css";
@import "sweetTitles.css";
@import "kwick.css";

body{
	background:black url("../img/mainBack.gif") center 20px;
	font-family:arial,helvetica,sans;  /* main font declaration main font declaration main font declaration main font */
	}

a{
	color:white;
	font-weight:bold;
	text-decoration:none;
	}

h1,h2,h3,h4{
	font-weight:normal;
}

p.block{
	width:100%;
	display:block;
	float:left;
}

input.hiddenTextField{
	display:none;
}

div.floatingBackButton{
	position:absolute;
	z-index:10000000;
	width:25px;
	height:53px;
}

div.floatingBackButton a{
	z-index:100000000;
	display:block;
	width:25px;
	height:53px;
}

div.floatingBackButton a:link,
div.floatingBackButton a:visited{
	background:url("../img/backButton.png") left 53px;
}

div.floatingBackButton a:active,
div.floatingBackButton a:hover{
	background:url("../img/backButton.png") left top;
}

div#w2a div#main div.content div.box div.inside div.dividerLong{
	float:left;
	width:832px;
	height:23px;
	margin:0;
	padding:0;
	background:url("../img/dividerLong.gif") no-repeat top left;
	
}


/* == CENTER ==================================================================================================== */

div#w0a{
	position:relative;
	width:100%;
	text-align:center;
	}

div#w0b{
	position:relative;
	width:950px;
	margin:0px auto;
	text-align:left;
	}


/* == OUTTER SHADOWS ==================================================================================================== */

div#w1a{
	float:left;
	width:950px;
	background:url("../img/mainShL.gif") left -15px repeat-y;
	}

div#w1b{
	float:left;
	width:950px;
	background:url("../img/mainShR.gif") right -15px repeat-y;
	}

div#w1c{
	float:left;
	width:950px;
	background:url("../img/mainShT.gif") 0px -8px repeat-x;
	}

div#w1d{
	float:left;
	width:950px;
	background:url("../img/mainShTL.gif") 0px -8px no-repeat;
	}

div#w1e{
	float:left;
	width:950px;
	background:url("../img/mainShTR.gif") right -8px no-repeat;
	padding:10px 0 0 0;
	}


/* == INSIDE ==================================================================================================== */

div#w2a{
	position:relative;
	width:900px;
	background:white;
	margin:0 auto;
	}


/* == HEADER ==================================================================================================== */

div#w2a div#h0a{
	float:left;
	width:900px;
	height:124px;
	background:url("../img/headBack.jpg") top left no-repeat;
	}

div#w2a div#h0a div.logo{
	float:left;
	width:250px;
	height:69px;
	margin:54px 0 0 0;
	}

div#w2a div#h0a div.promoFlash{
	float:right;
	clear:right;
	display:inline;
	margin:0 15px 0 0 ;
	width:550px;
	height:124px;
	font-size:9px;
	text-align:right;
	/*	background:pink;	*/
	}


/* == NAVIGATION ==================================================================================================== */

div#w2a div#nav{
	position:relative;
	float:left;
	width:900px;
	height:43px;
	background:url("../img/navBack.gif") top left repeat-x;
	}

div#w2a div#nav ul{
	top:12px;
	position:absolute;
	list-style:none;
	margin:0 0 0 14px;
	}

div#w2a div#nav ul li{
	float:left;
	display:block;
	}

div#w2a div#nav ul li.home a{
	display:block;
	width:27px;
	height:31px;
	background:url("../img/navHome.gif") no-repeat top left;
	}

div#w2a div#nav ul li.gsexplained a{
	display:block;
	width:67px;
	height:31px;
	background:url("../img/navGSExplained.gif") no-repeat top left;
	}

div#w2a div#nav ul li.promotional a{
	display:block;
	width:111px;
	height:31px;
	background:url("../img/navPromotionalMaterial.gif") no-repeat top left;
	}

div#w2a div#nav ul li.how a{
	display:block;
	width:115px;
	height:31px;
	background:url("../img/navHowGSWork.gif") no-repeat top left;
	}

div#w2a div#nav ul li.gsbuttons a{
	display:block;
	width:57px;
	height:31px;
	background:url("../img/navGSButtons.gif") no-repeat top left;
	}

div#w2a div#nav ul li.ourmembers a{
	display:block;
	width:67px;
	height:31px;
	background:url("../img/navOurMembers.gif") no-repeat top left;
	}

div#w2a div#nav ul li.joinnow a{
	display:block;
	width:47px;
	height:31px;
	background:url("../img/navJoinNow.gif") no-repeat top left;
	}

div#w2a div#nav ul li.contact a{
	display:block;
	width:57px;
	height:31px;
	background:url("../img/navContactUs.gif") no-repeat top left;
	}

div#w2a div#nav ul li.news a{
	display:block;
	width:89px;
	height:31px;
	background:url("../img/navNews.gif") no-repeat top left;
	}

div#w2a div#nav ul li.books a{
	display:block;
	width:72px;
	height:31px;
	background:url("../img/navBooks.gif") no-repeat top left;
	}

div#w2a div#nav ul li.div{
	width:19px;
	height:31px;
	background:url("../img/navDivider.gif") no-repeat top left;
	}






/* == COMMON ==================================================================================================== */

div#w2a div#main{
	float:left;
	width:900px;
	padding:15px 0;
	background:white;
	}

div#w2a div#main div#main_back{
	float:left;
	width:900px;
	background:url("../img/contentR.gif") repeat-y top right;
	}

div#w2a div#main div.content{
	float:left;
	display:inline;
	width:872px;
	margin:0 0 0 14px;
	}

div#w2a div#main div.content div.box{
	float:left;
	width:872px;
	margin:0 0 14px 0 ;
	background:white;
	}

div#w2a div#main div.content div.last{
	margin:0 0 0 0;
	}

img.imgRight {
	float:right;
	margin:0 0 10px 30px;
	}

/* == TOP BOX (INTRO) ====================================================*/

div#w2a div#main div.content div.box div.image{
	float:left;
	width:252px;	
}

div#w2a div#main div.content div.box div.text{
	float:right;
	width:620px;
	color:white;
}

div#w2a div#main div.content div.box div.text div.inside{
	float:left;
	display:inline;
	width:585px;
	margin:17px 0 0 17px;
}

div#w2a div#main div.content div.box div.text div.inside h2{
	font-size:16px;
	color:white;
	margin:0 0 20px 0;
	line-height:1.5em;
}


div#w2a div#main div.content div.box div.text div.inside p{
	font-size:12px;
	text-align:justify;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.5em;
	color:white;
}

div#w2a div#main div.content div.box div.text div.inside p a {
	color:white;
	font-weight:bold;
}

div#w2a div#main div.content div.box div.text div.inside div.divider{
	float:left;
	width:585px;
	height:23px;
	margin:0;
	padding:0;
	background:url("../img/home_box2Divider.gif") no-repeat top left;
	
}


/* == MIDDLE BOX (CONTENT) ====================================================*/

div#w2a div#main div.content div.box div.inside{
	float:left;
	display:inline;
	width:832px;
	margin:20px 0 20px 20px ;
	}

div#w2a div#main div.content div.box div.inside h2{
	font-size:16px;
	color:#001016;
	margin:0 0 15px 0;
	line-height:1.5em;
	}

div#w2a div#main div.content div.box div.inside h4{
	display:block;
	float:left;
	width:100%;
	font-size:12px;
	font-weight:bold;
	color:#001016;
	margin:20px 0 20px 0;
	line-height:1.5em;
	}


div#w2a div#main div.content div.box div.inside p{
	font-size:12px;
	color:#001e29;
	margin:0 0 10px 0;
	line-height:1.5em;
	text-align:justify;
	}

div#w2a div#main div.content div.box div.inside a {
    color:#4A1316;
}
	
div#w2a div#main div.content div.box div.inside ul{
	font-size:12px;
	color:#001e29;
	margin:0 0 30px 0;
	line-height:1.5em;
	text-align:justify;
	}

div#w2a div#main div.content div.box div.inside ul li{
	font-size:16px;
	color:#001e29;
	margin:0 0 20px 0;
	padding:0 0 0 45px;
	line-height:1.5em;
	text-align:justify;
	background:url("../img/bigBullet.gif") no-repeat;
	}

div#w2a div#main div.content div.box div.inside #flash_catalogue {
    margin:0 0 0 120px;
}



/* == FORMS ====================================================*/

div#w2a div#main div.content div.box div.inside div.ln,
div#w2a div#main div.content div.box div.inside div.ln2{
	float:left;
	width:832px;
	margin:0 0 10px 0;
	font-size:12px;
	}

div#w2a div#main div.content div.box div.inside div.ln3{
	float:left;
	width:832px;
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	font-size:12px;
	background:url("../img/website.jpg") no-repeat top right;
	}

div#w2a div#main div.content div.box div.inside div.ln div.item,
div#w2a div#main div.content div.box div.inside div.ln2 div.item,
div#w2a div#main div.content div.box div.inside div.ln3 div.item{
	float:left;
	width:138px;
	}

div#w2a div#main div.content div.box div.inside div.ln div.itemwide,
div#w2a div#main div.content div.box div.inside div.ln2 div.itemwide,
div#w2a div#main div.content div.box div.inside div.ln3 div.itemwide{
	float:left;
	width:414px;
	}

div#w2a div#main div.content div.box div.inside div.ln div.itemmedium,
div#w2a div#main div.content div.box div.inside div.ln2 div.itemmedium,
div#w2a div#main div.content div.box div.inside div.ln3 div.itemmedium{
	float:left;
	width:200px;
	}

div#w2a div#main div.content div.box div.inside div.ln label{
	font-size:12px;
	}

div#w2a div#main div.content div.box div.inside div.ln div.l{
	float:left;
	width:230px;
	margin:0;
	}

div#w2a div#main div.content div.box div.inside div.ln div.r{
	float:right;
	width:580px;
	margin:0;
	}

div#w2a div#main div.content div.box div.inside div.ln2 div.l{
	float:left;
	width:80px;
	margin:0;
	}

div#w2a div#main div.content div.box div.inside div.ln2 div.r{
	float:right;
	width:740px;
	margin:0;
	}

body#join div#w2a div#main div.content div.box div.ln div.r div.terms{
	width:555px;
	height:150px;
	border:1px solid #B5BDC1;
	margin:0;
	padding:10px;
	overflow:scroll;
	}

div#w2a div#main div.content div.box div.ln div.r div.terms ul{
	font-size:12px;
	color:#001e29;
	margin:0 0 30px 0;
	line-height:1.5em;
	text-align:justify;
	}

div#w2a div#main div.content div.box div.ln div.r div.terms ul li{
	font-size:12px;
	color:#001e29;
	margin:0 0 20px 0;
	padding:0 0 0 25px;
	line-height:1.5em;
	text-align:justify;
	background:url("../img/smallBullet.gif") no-repeat;
	}


div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_a,
div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_address,
div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_postcode,
div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_tel,
div#w2a div#main div.content div.box div.inside div.ln div.r select{
	height:20px;
	border:1px solid #B5BDC1;
	margin:0;
	}

div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_a,
div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_address{
	width:575px;
	}

div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_postcode{
	width:100px;
	}

div#w2a div#main div.content div.box div.inside div.ln div.r input.txt_tel,
div#w2a div#main div.content div.box div.inside div.ln div.r select{
	width:275px;
	}

div#w2a div#main div.content div.box div.inside div.ln div.r textarea.txt_message{
	width:575px;
	height:200px;
	border:1px solid #B5BDC1;
	margin:0;
	}
	




/* == HOME PAGE ====================================================*/

body#home div#w2a div#main div.content div.box div.image{
	height:289px;	
}

body#home div#w2a div#main div.content div.box div.text{
	height:289px;
	background:url("../img/home_box2Back.gif") no-repeat top left;
}

body#home div#w2a div#main div.content div.box div.text ul{
	float:left;
	font-size:12px;
	color:#001e29;
	margin:0 0 30px 0;
	line-height:1.5em;
	text-align:justify;
	}

body#home div#w2a div#main div.content div.box div.text ul li{
	font-size:12px;
	color:white;
	margin:0 0 20px 0;
	padding:0 0 0 25px;
	line-height:1.5em;
	text-align:left;
	background:url("../img/smallBullet.gif") no-repeat;
	}






/* == GS EXPLAINED ====================================================*/

body#gsexplained #w2a div#main div.content div.box div.image{
	height:239px;	
}

body#gsexplained div#w2a div#main div.content div.box div.text{
	height:239px;
	background:url("../img/gsexplained_introBack.gif") no-repeat top left;
}


body#gsexplained div#w2a div#main div.content div.box div.inside div.col1,
body#gsexplained div#w2a div#main div.content div.box div.inside div.col2{
	width:391px;
	}

body#gsexplained div#w2a div#main div.content div.box div.inside div.col1{
	float:left;
	}

body#gsexplained div#w2a div#main div.content div.box div.inside div.col2{
	float:right;	
	}

body#gsexplained div#w2a div#main div.content div.box div.inside div.col1 div.item,
body#gsexplained div#w2a div#main div.content div.box div.inside div.col2 div.item{
	float:left;
	background:url("../img/bigBullet.gif") no-repeat left top;
	width:391px;
	margin:0 0 25px 0;
	padding:2px 0 0 0;
	}

body#gsexplained div#w2a div#main div.content div.box div.inside div.col1 div.item h2,
body#gsexplained div#w2a div#main div.content div.box div.inside div.col2 div.item h2{
	font-size:12px;
	font-weight:bold;
	color:#001016;
	margin:0 0 15px 45px;
	line-height:1.5em;
	}

body#gsexplained div#w2a div#main div.content div.box div.inside div.col1 div.item p,
body#gsexplained div#w2a div#main div.content div.box div.inside div.col2 div.item p{
	font-size:12px;
	color:#001e29;
	margin:0 0 10px 45px;
	line-height:1.5em;
	text-align:justify;
	}

body#gsexplained div#w2a div#main div.content div.box div.inside div.col1 div.item ul,
body#gsexplained div#w2a div#main div.content div.box div.inside div.col2 div.item ul{
	font-size:12px;
	color:#001e29;
	margin:0 0 20px 45px;
	line-height:1.5em;
	text-align:justify;
	}

body#gsexplained div#w2a div#main div.content div.box div.inside div.col1 div.item ul li,
body#gsexplained div#w2a div#main div.content div.box div.inside div.col2 div.item ul li{
	font-size:12px;
	color:#001e29;
	margin:0 0 10px 0;
	padding:0 0 0 45px;
	line-height:1.5em;
	text-align:justify;
	background:url("../img/smallBullet.gif") no-repeat;
	}







/* == PROMO MATERIAL ====================================================*/

body#promomaterial #w2a div#main div.content div.box div.image{
	height:269px;
	
}

body#promomaterial div#w2a div#main div.content div.box div.text{
	height:269px;
	background:url("../img/promomaterial_introBack.gif") no-repeat top left;
}


body#promomaterial div#w2a div#main div.content div.box div.inside h2{
	font-size:12px;
	font-weight:bold;	
}

body#promomaterial div#w2a div#main div.content div.box div.text h2{
	font-size:16px;
	font-weight:normal;
}




body#promomaterial div#w2a div#main div.content div.box ul{
	float:left;
	font-size:12px;
	color:#001e29;
	margin:0 0 30px 0;
	line-height:1.5em;
	text-align:justify;
	}

body#promomaterial div#w2a div#main div.content div.box ul li{
	font-size:12px;
	color:#001e29;
	margin:0 0 20px 0;
	padding:0 0 0 25px;
	line-height:1.5em;
	text-align:left;
	background:url("../img/smallBullet.gif") no-repeat;
	}



/* == HOW IT WORKS ====================================================*/

body#howitworks #w2a div#main div.content div.box div.image{
	height:240px;
	
}

body#howitworks div#w2a div#main div.content div.box div.text{
	height:240px;
	background:url("../img/howitworks_introBack.gif") no-repeat top left;
}












/* == OUR MEMBERS ====================================================*/

body#ourmembers #w2a div#main div.content div.box div.image{
	height:289px;
}

body#ourmembers div#w2a div#main div.content div.box div.text{
	height:289px;
	background:url("../img/ourmembers_introBack.gif") no-repeat top left;
}


div#ourmembers_table{
	position:relative;
	width:100%;
	margin:40px 0;
}

div#ourmembers_table div.ln{
	position:relative;
	width:100%;
	height:50px;
	margin:0 0 10px 0;
	padding:0;
}

div#ourmembers_table div.ln div.col{
	text-align:center;
	position:relative;
	width:25%;
}

div#ourmembers_table div.ln div.col img{
	display:block;
	margin:0 auto;
}

div#ourmembers_table div.ln div.two{
	position:absolute;
	left:25%;
	top:0;
}

div#ourmembers_table div.ln div.three{
	position:absolute;
	left:50%;
	top:0;
}

div#ourmembers_table div.ln div.four{
	position:absolute;
	left:75%;
	top:0;
}








/* == JOIN NOW ====================================================*/

body#join #w2a div#main div.content div.box div.image{
	height:259px;
	}

body#join div#w2a div#main div.content div.box div.text{
	height:259px;
	background:url("../img/join_introBack.gif") no-repeat top left;
	}

body#join div#w2a div#main div.content div.box div.item p,
body#join div#w2a div#main div.content div.box div.itemwide p{
	margin:0 20px 0 0;
	text-align:left;
	}

a.pdf {
	color:white;
	font-weight:bold;
	display:inline;
	padding:0 0 0 20px;
	background:url("../img/pdf.gif") no-repeat left top;
	}





/* == CONTACT ====================================================*/

body#contact #w2a div#main div.content div.box div.image{
	height:259px;	
}

body#contact div#w2a div#main div.content div.box div.text{
	height:259px;
	background:url("../img/contact_introBack.gif") no-repeat top left;
}



/* == THANK YOU ====================================================*/

body#thank_you #w2a div#main div.content div.box div.image{
	height:259px;	
}

body#thank_you div#w2a div#main div.content div.box div.text{
	height:259px;
	background:url("../img/contact_introBack.gif") no-repeat top left;
}







/* == GS BUTTONS ====================================================*/

body#gs_buttons #w2a div#main div.content div.box div.image{
	height:239px;	
}

body#gs_buttons div#w2a div#main div.content div.box div.text{
	height:239px;
	background:url("../img/gs_buttons_introBack.gif") no-repeat top left;
}


body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2{
	width:391px;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1{
	float:left;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2{
	float:right;	
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item{
	float:left;
	width:391px;
	margin:0 0 25px 0;
	padding:2px 0 0 0;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item div.top,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item div.top{
	float:left;
	width:391px;
	margin:0;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item div.top img,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item div.top img{
	float:left;
	margin:0 20px 20px 0;
	}



body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item div.top h2,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item div.top h2{
	font-size:16px;
	font-weight:normal;
	color:#001016;
	margin:0 0 15px 0px;
	line-height:1.5em;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item div.codeSample_div,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item div.codeSample_div{
	float:left;
	width:389px;
	margin:0px;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item div.codeSample_div h3,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item div.codeSample_div h3{
	margin:0 0 10px 0;
	font-size:11px;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item div.codeSample_div div.codeSample,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item div.codeSample_div div.codeSample{
	float:left;
	width:389px;
	border:1px solid #ccd2d4;
	margin:0px;
	}

body#gs_buttons div#w2a div#main div.content div.box div.inside div.col1 div.item div.codeSample_div div.codeSample p,
body#gs_buttons div#w2a div#main div.content div.box div.inside div.col2 div.item div.codeSample_div div.codeSample p{
	font-size:11px;
	color:#001e29;
	line-height:1.5em;
	text-align:left;
	margin:10px;
	font-family:courier;

	}
	





























/* == FOOTER ==================================================================================================== */

div#f0a{
	float:left;
	width:950px;
	height:164px;
	background:url("../img/mainShB-trans.png") center bottom no-repeat;
	margin:0 0 25px 0;
	}

div#f0a div#f0b{
	float:left;
	width:870px;
	height:164px;
	background:url("../img/footerBack.gif") 1px top repeat-x;
	margin:0 0 0 40px;
	display:inline;
	}

div#f0a div.ln1{
	position:relative;
	float:left;
	width:870px;
	height:34px;
	}

div#f0a div.ln1 div.freephone{
	position:absolute;
	left:0px;
	}

div#f0a div.ln1 div.address{
	position:absolute;
	left:220px;
	}

div#f0a div.ln1 div.email{
	position:absolute;
	right:0px;
	}

div#f0a div.ln2{
	float:left;
	width:870px;
	height:97px;
	}
	
div#f0a div.ln2 div.banner_hold{
	position:relative;
	margin:10px auto;
	width:470px;
	height:72px;
	text-align:center;
	}

div#f0a div.ln2 div.banner_hold img{
	margin:0 auto;
	
	}

div.f1a{
	color:white;
	text-align:right;
	}

div.f1a p{
	font-size:10px;
	line-height:13px;
	margin:0 35px;
	}


div.f1a a{
	color:white;
	font-weight:bold;
	}

div.f1a div.badges{
	float:right;
	width:450px;
	padding:10px 25px;
	}

div.f1a div.badges img{
	float:right;
	margin:0 5px 0 0;
	}

/*  */