@charset "utf-8";
/* CSS Document 
----------------------------------------------------------------------*/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	background-image:url(../images/body.jpg);
	background-repeat:repeat-x;
}

a:link, a:hover, a:active, a:visited{
	color:#9e0206;
	text-decoration:none;
}

.highlighted-red-text{
	color:#9e0206;
	font-weight:bold;
}

.clearboth{
	clear:both;
}

#container{
	width:966px;
	margin:0 auto;
	background-image:url(../images/container-back.jpg);
	background-repeat:repeat-y;
}

#container-bottom{
	background-image:url(../images/container-bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:960px;
	margin-left:3px;
	padding-bottom:20px;
}

#inner-container{
	width:940px;
	padding:0 13px 0 11px;
}

h1{
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:295px;
	height:124px;
	text-indent:-999em;
}

h2{
	margin-bottom:14px;
	text-indent:-999em;
	background-repeat:no-repeat;
}

label{
	color:#9e0206;
	float:left;
	width:94px;
}

input{
	background-image:url(../images/input-back.jpg);
	background-repeat:no-repeat;
	border:1px solid #bcbcbc;
}

textarea{
	background-image:url(../images/textarea-back.jpg);
	background-repeat:no-repeat;
	border:1px solid #bcbcbc;
}


/* Main Header images (right)
------------------------------------------------------------------ */

#header{
	background-image:url(../images/header-image.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-1{
	background-image:url(../images/1-10th-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}

#header-2{
	background-image:url(../images/2-9th-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-3{
	background-image:url(../images/3-8th-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-4{
	background-image:url(../images/4-7th-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-5{
	background-image:url(../images/5-6th-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-6{
	background-image:url(../images/6-5th-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-7{
	background-image:url(../images/7-4th-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-8{
	background-image:url(../images/8-3rd-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-9{
	background-image:url(../images/9-2nd-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-10{
	background-image:url(../images/10-1st-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-11{
	background-image:url(../images/11-shodan-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-12{
	background-image:url(../images/12-nidan-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-13{
	background-image:url(../images/13-seniors-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-kata{
	background-image:url(../images/kata-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-bubkai{
	background-image:url(../images/bunkai-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-kakia{
	background-image:url(../images/kakia-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-basics{
	background-image:url(../images/basics-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-kumite{
	background-image:url(../images/kumite-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-kata{
	background-image:url(../images/kata-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
#header-self-defence{
	background-image:url(../images/self-defence-red-title-box.jpg);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-top:10px;
}
/* Main Navigation Header
------------------------------------------------------------------ */

#main-nav{
	background-image:url(../images/nav-back.jpg);
	background-repeat:repeat-x;
	height:42px;
	margin:8px 0 8px 0;
}

#main-nav li{
	float:left;
	font-size:1.2em;
	padding:12px 15px 5px 19px;
}

.nav-item{
	padding-left:0 !important;
	margin-left:12px;
}

#main-nav li a:link, #main-nav li a:visited, #main-nav li a:hover, #main-nav li a:active{
	color:#FFFFFF;
	text-decoration:none;
}

.red-font{
	color:#FF0000 !important;
}

.blue-font{
	color:#0099CC !important;
}

.green-font{
	color:#00FFCC !important;
}

/*  Content 
------------------------------------------------------------------- */

#inner-content{
	color:#5e5e5e;
}

#inner-content p{
	line-height:1.6em;
	margin-bottom:10px;
}


/* Column 1
------------------------------------------------------------------- */

#column-1{
	width:293px;
	border:1px solid #d1d1d1;
	background-color:#FFFFFF;
	float:left;
	height:374px;
}

#column-1-filler{
	width:293px;
	float:left;
}

#grades-list li{
	background-repeat:no-repeat;
	padding:5px 0 0 45px;
	height:19px;
	color:#444444;
	background-color:#FFFFFF;
	border-top:1px solid #d7d7d7;
}

#home-intro{
	background-image:url(../images/cross-hatch.jpg);
	background-repeat:no-repeat;
	line-height:1.3em;
	background-color:#f9f9f9;
	height:44px;
	color:#5e5e5e;
	padding:5px 5px 0 45px;
	margin-bottom:0 !important;
}

#home-intro a{
	font-weight:bold;
}

#grade-10{
	background-image:url(../images/10th-kyu.jpg);
}
#grade-9{
	background-image:url(../images/9th-kyu.jpg);
}
#grade-8{
	background-image:url(../images/8th-kyu.jpg);
}
#grade-7{
	background-image:url(../images/7th-kyu.jpg);
}
#grade-6{
	background-image:url(../images/6th-kyu.jpg);
}
#grade-5{
	background-image:url(../images/5th-kyu.jpg);
}
#grade-4{
	background-image:url(../images/4th-kyu.jpg);
}
#grade-3{
	background-image:url(../images/3rd-kyu.jpg);
}
#grade-2{
	background-image:url(../images/2nd-kyu.jpg);
}
#grade-1{
	background-image:url(../images/1st-kyu.jpg);
}
#grade-shodan{
	background-image:url(../images/blackbelt.jpg);
}
#grade-nidan{
	background-image:url(../images/blackbelt.jpg);
}
#grade-higher-dans{
	background-image:url(../images/blackbelt.jpg);
}
#kumite{
	background-image:url(../images/kumite.jpg);
}

#column-1-sub-title{
	margin-bottom:25px !Important;
}


/* Column 2 
---------------------------------------------------------- */

#column-2{
	width:277px;
	border:1px solid #d1d1d1;
	float:left;
	margin-left:10px;
	background-color:#ffffff;
	padding:14px 17px 10px 17px;
	height:350px;
}

#martial-arts-heading{
	background-image:url(../images/martial-arts-library-heading.jpg);
	width:216px;
	height:22px;
}

.sub-title{
	font-weight:bold;
}

#column-2-sub-title{
	margin-bottom:25px !Important;
}

/* Column 3 
---------------------------------------------------------- */


#column-3{
	border:1px solid #d1d1d1;
	background-color:#FFFFFF;
	float:right;
	width:275px;
	padding:14px 17px 10px 17px;
	height:350px;
}

#column-3-filler{
	width:275px;
	float:left;
}

#joining-heading{
	background-image:url(../images/join-heading.jpg);
	width:71px;
	height:22px;
}

#home-list{
	margin-top:10px;
	line-height:1.4em;
	float:left;
}

#home-list li{
	background-image:url(../images/red-bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 7px;
	padding-left:15px;
	margin-bottom:5px;
}

#grade-specific-list{
	width:210px;
	float:left;
	clear:both;
	margin-bottom:10px;
}

#grade-specific-list li{
	float:left;
	width:78px;
	color:#9e0206;
	margin-bottom:2px !important;
}

#kumite-section{
	clear:both;
}

#learn-more-button{
	margin-left:12px;
}

#column-3 img{
	float:left;
	margin-top:20px;
	margin-right:5px;
	display:block;
}

#column-3-sub-title{
	margin-bottom:25px !Important;
}

/*  Join page and Column 1
--------------------------------------------------------------------*/


#personal-details-heading{
	background-image:url(../images/personal-details-heading.jpg);
	width:155px;
	height:15px;
}

.join-page #column-1{
	padding:14px 11px 10px 11px;
	width:271px;
	height:420px;
}

#personal-details-form label{
	font-size:0.9em;
}

#personal-details-form input{
	width:168px;
	margin-bottom:2px;
}

.align-center{
	text-align:center;
}

.align-center-join{
	text-align:center;
	width:25px
}


#personal-details-form #confirm-password{
	margin-bottom:0;
}

#compulsary-fields{
	font-weight:bold;
	font-size:0.9em;
}

#compulsary-fields span{
	color:#9e0206;
}

/* Join Centre Column
--------------------------------------------------------------- */

#main-account-status-heading{
	background-image:url(../images/main-account-status-heading.jpg) !important;
	width:200px;
	height:15px;
}

.join-page #column-2{
	padding:14px 11px 10px 11px;
	width:289px;
	height:420px;  
}

.join-page #select-level{
	height:50px;
}

#select-level label{
	font-size:1.0em;
	padding-top:5px;
	height:30px;
	width:60px;
}


/* Join Page Third Column
--------------------------------------------------------------- */
.join-page #column-3{
	padding:14px 11px 10px 11px;
	width:287px;
	height:98px;
}

#kumite-account-container{
	margin-top:30px;
}

#kumite-account-heading{
	background-image:url(../images/kumite-acct-status-heading.jpg) !important;
	width:160px;
	height:15px;
	float:left;
	margin:0 5px 10px 0;
}

.join-page #subscribe-label{
	color:#444444;
	width:60px;
	margin-top:3px;
}

.join-page #subscribe{
	float:left;
	width:15px;
	margin-right:80px;
}

#column-4{
	border:1px solid #d1d1d1;
	width:287px;
	height:215px;
	padding:14px 11px 10px 11px;
	float:right;
	background-color:#FFFFFF;
	margin-top:10px;
}

#instructions-heading{
	background-image:url(../images/instructions-heading.jpg) !important;
	width:120px;
	height:15px;
}


#join-button{
	float:right;
	margin-top:10px;
}

#next-button{
	float:right;
}


/*  Pay page Column 1
--------------------------------------------------------------------*/

#registration-heading{
	background-image:url(../images/registered-heading.jpg);
	width:215px;
	height:23px;
}

#banktfr-heading{
	background-image:url(../images/banktfr-heading.jpg);
	width:215px;
	height:23px;
}

#cheque-heading{
	background-image:url(../images/cheque-heading.jpg);
	width:215px;
	height:23px;
}

.pay-page #column-1{
	padding:14px 11px 10px 11px;
	width:271px;
	height:430px;
}

.pay-page li{
	margin-left:20px;
	margin-bottom:5px;
}


/* Pay Page Column 2
--------------------------------------------------------------- */

#card-heading{
	background-image:url(../images/card-heading.jpg);
	width:215px;
	height:23px;
}

.pay-page #column-2{
	padding:14px 11px 10px 11px;
	width:289px;
	height:430px;  
}

#pay-table{
}

#table{
	border-collapse:collapse !important;
}

#th, td{
	border-bottom:1px solid #cc0000;
	padding:5px;
}

.first-row-width{
	width:80px;
}

.header-style{
	color:#cc0000 !important;
	text-align:center;
	padding-bottom:5px;
}

.text-style{
	text-align:right;
}

/* Pay Page Third Column
--------------------------------------------------------------- */
.pay-page #column-3{
	padding:14px 11px 10px 11px;
	width:287px;
	height:120px;
}

#kumite-account-container{
	margin-top:30px;
}

#kumite-pay-heading{
	background-image:url(../images/kumite-pay-heading.jpg) !important;
	width:280px;
	height:23px;
	float:left;
	margin:0 5px 10px 0;
}

.pay-page #subscribe-label{
	color:#444444;
	width:60px;
	margin-top:3px;
}

.pay-page #subscribe{
	float:left;
	width:15px;
	margin-right:80px;
}

#column-4{
	border:1px solid #d1d1d1;
	width:287px;
	height:215px;
	padding:14px 11px 10px 11px;
	float:right;
	background-color:#FFFFFF;
	margin-top:10px;
}

#egka-discount-heading{
	background-image:url(../images/egka-discount-heading.jpg) !important;
	width:215x;
	height:23px;
}

#join-button{
	float:right;
	margin-top:10px;
}

/*  Prices page Column 1
--------------------------------------------------------------------*/

#how-can-i-pay-heading{
	background-image:url(../images/how-can-i-pay-heading.jpg);
	width:150px;
	height:23px;
}

.prices-page #column-1{
	padding:14px 11px 10px 11px;
	width:271px;
	height:430px;
}

.prices-page li{
	margin-left:20px;
	margin-bottom:5px;
}

/* Prices Page Column 2
--------------------------------------------------------------- */

#prices-heading{
	background-image:url(../images/prices-heading.jpg);
	width:400px;
	height:23px;
}

.prices-page #column-2{
	padding:14px 11px 10px 11px;
	width:611px;
	height:430px;  
}

.prices-page #td, th{
	padding-right:10px;
}

.prices-page .first-row-width{
	width:82px;
}

.prices-page .header-style{
	color:#cc0000 !important;
	text-align:right;
	padding-bottom:5px;
}

/* sign in page 
---------------------------------------------------------------- */



.sign-in-column-2{
	background-image:url(../images/sign-in-back.jpg) !important;
	background-repeat:repeat-x;
}

#sign-in-heading{
	background-image:url(../images/sign-in-heading.jpg);
	width:67px;
	height:23px;
}

#sign-in-form{
	width:230px;
}

#sign-in-form label{
	color:#9e0206;
	font-weight:bold;
	font-size:1.1em;
	width:230px;
	float:left;
	margin-bottom:5px;
}

#sign-in-form input{
	width:224px;
	padding:2px;
	border:1px solid #bcbcbc;
	background-image:url(../images/input-back.jpg);
	background-repeat:no-repeat;
	margin-bottom:15px;
}

#sign-in-button{
	width:83px !important;
	height:30px !important;
	border:0 !important;
	float:right;
}

#forgotten-password-link{
	font-size:0.8em;
	clear:both;
	font-weight:bold;
}


/*  Articles Page
---------------------------------------------------------------------*/

#articles-form p{
}

#articles-form label{
	font-size:1.1em;
	font-weight:bold;
}

#articles-form div{
	background-color:#f9f9f9;
	height:32px;
	background-image:url(../images/articles-cross-hatch.jpg);
	background-repeat:repeat-y;
	border-bottom:1px solid #d7d7d7;
	padding:14px 0 0 34px;
}

.video-form-header{
	background-color:#f9f9f9;
	height:32px;
	background-image:url(../images/articles-cross-hatch.jpg);
	background-repeat:repeat-y;
	border-bottom:1px solid #d7d7d7;
	padding:14px 0 0 34px;
}

.articles{
	background-image:url(../images/articles-cross-hatch.jpg);
	background-repeat:repeat-y;
	padding:6px 0 0 34px;
	height:44px;
	border-bottom:1px solid #d7d7d7;
}

.list-title{
	color:#9e0206;
	font-weight:bold;
	margin-bottom:3px !important;
}

.short-desc{
	font-size:0.8em;
	font-weight:bold;
}

#page-numbers{
	font-weight:bold;
	font-size:0.9em;
}

#page-numbers p{
	float:left;
	margin:3px 0 0 5px;
}

#page-numbers ul{
	float:right;
	margin-top:5px;
}

#page-numbers ul li{
	float:left;
	border:1px solid #d1d1d1;
	background-color:#FFFFFF;
	height:12px;
	width:10px;
	padding:2px 0 0 4px;
}

#page-numbers ul li a{
	color:#5e5e5e;
}

#previous-button, #next-button{
	border:0 !important;
}

#previous-button a, #next-button a{
	color:#9e0206 !important;
}
#next-button{
	width:30px !Important;
}
#previous-button{
	width:53px !Important;
}

#wide-column-2{
	width:618px;
	padding:7px 7px 0 7px;
	float:left;
	margin-left:10px;
	border:1px solid #d1d1d1;
	background-color:#FFFFFF;
}

#short-desc{
	border:1px solid #bbbbbb;
	width:188px;
	height:208px;
	padding:15px 10px 0 10px;
	background-image:url(../images/articles-short-desc-back.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	font-size:0.9em;
	float:left;
	margin-right:6px;
}

#short-desc h2{
	text-indent: 0 !important;
	color:#9e0206;
	font-size:1.5em;
	font-weight:normal;
}

#top-container img{
	border:1px solid #000000;
}

#bottom-container{
	border-top:1px solid #d1d1d1;
	float:left;
	margin-top:5px;
	padding-top:10px;
	background-image:url(../images/articles-bottom-container-border.jpg);
	background-repeat:repeat-y;
	background-position:212px 0;
}

#bottom-container h3{
	color:#9e0206;
	font-weight:bold;
	float:left;
	width:187px;
	margin:5px 0 0 10px;
}

#bottom-container p{
	float:right;
	width:393px;
}

/* Video Page 
------------------------------------------------------------------------*/


.videos-page #column-1{
	height:468px;
}


.videos-list{	
	height:48px;
	border-bottom:1px solid #d7d7d7;
}

.videos-list .list-title{
	margin:6px 0 0 0 !Important;
	width:180px;
	float:left;
}
.videos-list img{	
	border-right:1px solid #d7d7d7;
	float:left;
	margin-right:13px;
}

#short-desc-video{
	border:1px solid #bbbbbb;
	width:188px;
	height:283px;
	padding:15px 10px 0 10px;
	background-image:url(../images/videos-short-desc-back.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	font-size:0.9em;
	float:left;
	margin-right:6px;
}

#short-desc-video .list-title{
	font-weight:bold;
	font-size:1.1em;
	margin-top:-8px;
	margin-bottom:15px !important;
}


#short-desc img{
	border:0;
	margin:5px 0 0 25px;
}

.videos-page #short-desc h2{
	margin-bottom:5px !important;
}

.videos-page #bottom-container{
	background-image:none !important;
	height:125px;
}

#footer{
	color:#686868;
	font-size:0.9em;
	width:960px;
	margin:0 auto;
	margin-top:5px;
	background-image:none !important;
}

#copyright-footer{
	float:left;
}

#web-dev-footer{
	float:right;
}

.videos-page #bottom-container p{
	float:right;
	width:617px;
}

/* About Us Page
------------------------------------------------------------------------*/

.aboutus-page #column-1{
	padding:14px 11px 10px 11px;
	width:271px;
	height:350px;
}

#sensei-ernie-heading{
	background-image:url(../images/sensei-ernie-heading.jpg);
	width:225px;
	height:23px;
}

#sensei-roy-heading{
	background-image:url(../images/sensei-roy-heading.jpg);
	width:225px;
	height:23px;
}

/* Services Page
------------------------------------------------------------------------*/

.services-page #column-1{
	padding:14px 11px 10px 11px;
	width:271px;
	height:930px;
}

.services-page #column-2{
	height:930px;
}

.services-page #column-3{
	height:930px;
}

.services-page #column-3 img{
	float:left;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:10px;
	display:block;
}

#technical-library-heading{
	background-image:url(../images/technical-library-heading.jpg);
	width:225px;
	height:23px;
}

#kumite-library-heading{
	background-image:url(../images/kumite-library-heading.jpg);
	width:225px;
	height:23px;
}

#street-self-defence-heading{
	background-image:url(../images/street-self-defence-heading.jpg);
	width:225px;
	height:23px;
}



/* Grade page
------------------------------------------------------------------------*/

.grade-page #column-1{
	padding:14px 11px 10px 11px;
	width:271px;
	height:350px;
}

.grade-page #column-3 img{
	float:left;
	margin-top:0px;
	margin-right:0px;
	display:block;
}


#intro-heading{
	background-image:url(../images/intro-heading.jpg);
	width:225px;
	height:25px;
}

#main-heading{
	background-image:url(../images/main-heading.jpg);
	width:225px;
	height:25px;
}

#extras-heading{
	background-image:url(../images/extras-heading.jpg);
	width:225px;
	height:25px;
}

#p1-link-button{
	margin-left:10px;
}

#p2-link-button{
	margin-left:5px;
}

#p3-link-button{
	margin-left:5px;
}

#p4-link-button{
	margin-left:10px;
	margin-top:5px;
}

#p5-link-button{
	margin-left:5px;
}

#p6-link-button{
	margin-left:5px;
}

#p7-link-button{
	margin-left:10px;
}

#p8-link-button{
	margin-left:5px;
}

#p9-link-button{
	margin-left:5px;
}

#p10-link-button{
	margin-left:10px;
	margin-top:5px;
}

#p11-link-button{
	margin-left:5px;
}

#p12-link-button{
	margin-left:5px;
}


#pos1-link-button{
	margin-left:40px;
}

#pos2-link-button{
	margin-left:10px;
}

#pos3-link-button{
	margin-left:40px;
}

#pos4-link-button{
	margin-left:10px;

}

/* pay-by-card page 
---------------------------------------------------------------- */

.pay-by-card-column-2{
	background-image:url(../images/sign-in-back.jpg) !important;
	background-repeat:repeat-x;
}

#pay-by-card-heading{
	background-image:url(../images/pay-by-card-heading.jpg);
	width:120px;
	height:23px;
}

#paypal{
	margin-left:50px;
}


/* SD-1 (self defence page)
------------------------------------------------------------------------*/

.sd-page #accept-label{
	color:#444444;
	width:60px;
	margin-top:3px;
}

.sd-page #accept-label-red{
	color:#9e0206;
	width:240px;
	margin-top:3px;
}

#accept-container{
	margin-top:30px;
}

#sd-heading{
	background-image:url(../images/sd-greyheading.jpg);
	width:200px;
	height:23px;
}



/* Common misc
------------------------------------------------------------------------*/

.space{
	margin-bottom:20px;
}