* { margin: 0px; padding: 0px; font-family: Arial; }


a { text-decoration: inherit; color: inherit; }
a img { border: none; }

a:hover { text-decoration: underline; color: #000000;}
span.underline { text-decoration: underline; }
.left { float: left; }
.right { float: right; }
span.red { color: #FF0000; font-weight: bold; }
span.blue { color: #0000FF; font-weight: bold; }
p.information { font-size: 0.8em; font-weight: bold; padding-left: 17px; background-image: url(../images/homepage/icon_information.gif); background-repeat: no-repeat; background-position: top left; }
.testimonialblack { font-family: "Arial", Geneva, Arial, Helvetica, sans-serif; font-size: 12.5px; Color: black; line-height: 2.5ex; letter-spacing: -0.03em; }
.testimonialblue { font-family: "Arial", Geneva, Arial, Helvetica, sans-serif; font-size: 12.5px; Color: black; line-height: 2.5ex; letter-spacing: -0.03em; background-color: #DFDFDF;}

body { background-color: #f3f3f3; text-align: center; background-image: url(../images/homepage/background_shadow.gif); background-position: center center; background-repeat: repeat-y; }

div.site { width: 1000px; border: 1px solid #cccccc; background-color: #FFFFFF; margin: 0 auto; text-align: left; }

/* Header */

div.site div.header { font-size: 0.7em; }

div.site div.header h1#logo { float: left; background-color:#FFFFFF; text-indent: -10000px; margin: 4px; width: 216px; height: 77px; background-image: url(../images/homepage/soccertutor-logo.jpg); background-repeat:no-repeat; }

div.site div.header ul.header_menu { float: right; margin: 4px; width: 260px; height: 20px; }
div.site div.header ul.header_menu li { font-weight: bold; line-height: 22px; float: left; list-style: none;  padding-left: 32px; margin-right: 15px; background-position: center left; background-repeat: no-repeat; }
div.site div.header ul.header_menu li.contact_us { background-image: url(../images/homepage/icon_contact-us.gif); }
div.site div.header ul.header_menu li.login { background-image: url(../images/homepage/icon_login.gif); padding-left: 34px; }
div.site div.header ul.header_menu li.help { background-image: url(../images/homepage/icon_help.gif); padding-left: 28px; }

div.site div.header div.support_block {  float: left; width: 220px; margin: 2px 2px 2px 10px; }
div.site div.header div.support_block h3 { font-size: 1em; font-weight: bold; padding: 5px 0; }
div.site div.header div.support_block ul.flags { list-style: none; }
div.site div.header div.support_block ul.flags li { line-height: 1.5em; padding-left: 32px; background-position: center left; background-repeat: no-repeat;  }
div.site div.header div.support_block ul.flags li.uk { background-image: url(../images/homepage/icon_uk-flag.gif);  }
div.site div.header div.support_block ul.flags li.us { background-image: url(../images/homepage/icon_us-flag.gif);  }
/* End of header */

div.menu { height: 30px; clear: both; }

/* Content Body */
div.site div.content_wrapper { font-size: 0.7em; }
div.site div.content_wrapper div.column { margin-top: 10px; }
div.site div.content_wrapper div.single_column { width: 320px; margin-left: 10px; float: left; }
div.site div.content_wrapper div.double_column { width: 650px; margin-left: 10px; float: left; }
div.site div.content_wrapper h3 { display: block; padding: 0 5px; line-height: 31px; font-weight: bold; color: white; font-size: 1.3em; }
div.site div.content_wrapper h3 a { color: white; text-decoration: underline; }
div.site div.content_wrapper h3.blue { background-image: url(../images/homepage/background_title-blue.gif); }
div.site div.content_wrapper h3.green { background-image: url(../images/homepage/background_title-green.gif); }

div.site div.content_wrapper div.content_box { height: 220px; overflow: hidden; padding: 10px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; }

div.site div.content_wrapper div.content_box img.main_image { padding-right: 10px; }

div.site div.content_wrapper div.content_box.short { height: 220px; overflow: hidden; }

div.site div.content_wrapper div.content_box ul.features { margin-top: 10px; margin-left: 5px; list-style: none; }
div.site div.content_wrapper div.content_box ul.features li {  line-height: 3em; padding-left: 40px; background-position: center left; background-repeat: no-repeat; }
div.site div.content_wrapper div.content_box ul.features li.software { background-image: url(../images/homepage/icon_software.gif);  }
div.site div.content_wrapper div.content_box ul.features li.dvds { background-image: url(../images/homepage/icon_dvds.gif);  }
div.site div.content_wrapper div.content_box ul.features li.books { background-image: url(../images/homepage/icon_books.gif);  }
div.site div.content_wrapper div.content_box ul.features li.equipment { background-image: url(../images/homepage/icon_equipment.gif);  }
div.site div.content_wrapper div.content_box ul.features li a {  font-weight: bold; text-decoration: underline; color: #0000ff; font-size: 1.2em; }

div.site div.content_wrapper div.content_box ul.ticks { margin-top: 10px; margin-left: 5px; margin-bottom: 3px; list-style: none; padding-bottom: 10px; }
div.site div.content_wrapper div.content_box ul.ticks li { line-height: 1.8em; padding-left: 25px; background-position: center left; background-repeat: no-repeat; background-image: url(../images/homepage/icon_tick.gif); }

div.site div.content_wrapper div.content_box div.sub_column_1 { width: 225px; float: left;  font-size: 1.1em; }
div.site div.content_wrapper div.content_box div.sub_column_2 { width: 265px; float: left; }

div.site div.content_wrapper div.content_box form { margin-top: 10px; }
div.site div.content_wrapper div.content_box form label { display: block; text-align: right; font-weight: bold; }
div.site div.content_wrapper div.content_box form label input { margin-left: 5px; width: 160px; }
div.site div.content_wrapper div.content_box form label input.short { width: 74px; }
div.site div.content_wrapper div.content_box form p.form_information { text-align: right; color: #ff0000; font-size: 0.9em; padding-top: 5px; }

div.site div.content_wrapper div.software div.content_box img.product_image { position: relative; left: -10px; padding-right: 0px; }
div.site div.content_wrapper div.content_box img.product_image { margin-top: 10px; padding-right: 10px; }

div.site div.content_wrapper div.content_box div.software_col { float: left; width: 185px; }
div.site div.content_wrapper div.content_box div.dvd_books_col { float: left; width: 140px; height: 140px; margin-top: 10px; overflow: hidden; }
div.site div.content_wrapper div.content_box div.equipment_col { float: left; width: 140px; height: 140px; margin-top: 10px; overflow: hidden; }

div.site div.content_wrapper div.content_box div.content_box_footer { clear: both; }
div.site div.content_wrapper div.content_box div.content_box_footer div.price p { font-weight: bold; font-size: 1.1em; }
div.site div.content_wrapper div.content_box div.content_box_footer a.button_more-info { float: right; margin-top: 3px; }


div.site div.content_wrapper div.content_box h4 { color: #0000ff; text-decoration: underline; font-weight: bold; padding-bottom: 4px; font-size: 1em; }

div.site div.content_wrapper div.content_box img.lifetime-guarantee { position: relative; top: -10px; left: -20px; float: right; }


/* Footers */

div.site div.footers { text-align: center; font-size: 0.7em; clear: both; padding-top: 15px }

div.site div.footers div.contact_footer { margin: 15px auto; width: 873px; background-color: #f8f8f8; clear: both; }
div.site div.footers div.contact_footer div.contact_column { float: left; width: 192px; margin-left: 25px; text-align: left;}
div.site div.footers div.contact_footer div.contact_column h3 { font-size: 1.1em; margin: 5px auto; padding: 3px 0; background-image: url(../images/homepage/background_contact-footer.gif); text-align: center; font-weight: bold; color: #000000; background-repeat: no-repeat; background-position: center center;}
div.site div.footers div.contact_footer div.contact_column ul { list-style: none; }
div.site div.footers div.contact_footer div.contact_column ul li { padding: 3px 0 3px 10px; color: #3b3b3b; }
div.site div.footers div.contact_footer div.contact_column ul li a { color: #3b3b3b; }
div.site div.footers div.contact_footer div.contact_column ul li label { font-weight: bold; float: left; width: 75px; }
div.site div.footers div.contact_footer div.contact_column ul li div.label_response {  float: left; }


div.site div.footers div.tc_footer { text-align: left; background-image: url(../images/homepage/background_title-blue.gif);  display: block; padding: 0 5px; line-height: 31px; color: white; font-size: 1.1em; }

div.site div.footers div.tc_footer a { color: white; text-decoration: underline;}

/* START - GENERIC RED BUTTON*/
a.buttonRed {
    /* Sliding right image */
background: transparent url('../images/button_right-Red.png') no-repeat scroll top right; 
display: block;
float: right;
height: 37px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 17px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
a.buttonRed span {
/* Background left image */ 
background: transparent url('../images/button_left-Red.png') no-repeat; 
display: block;
line-height: 37px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:  0px 0 5px 17px; /*TOP RIGHT BOTTOM LEFT */
} 
a.buttonRed:hover span{
/*text-decoration:underline;*/
background:  url('../images/button_left-Red-hover.png') no-repeat; 
}
a.buttonRed:hover{
background:  url('../images/button_right-Red-hover.png') no-repeat scroll top right; 	
}
/* END   - GENERIC RED BUTTON*/