/** 1st aerials css **/

/* by boris grudinin */
/* http://www.connexion.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

* { margin: 0; padding: 0; }

body { background: url(../img/global/bg-top.jpg) left top repeat-x #f3f2f2; font-family: "Lucida Sans Unicode", Helvetica, sans-serif; }
	body.index { background: #f3f2f2; }

.left { float: left; }
.right { float: right; }
.red { color: #d61f1d !important; }

a {}
a img { border: 0; }
a:hover { text-decoration: none; }

/* ---------------------------- */
/*** main layout ***/

#main, #top, #nav, #content, #footer { position: relative; width: 759px; }
#main { margin: 0 auto; padding: 0px 10px; }
#top { overflow: hidden; height: 105px; }
#nav { height: 52px; background: url(../img/global/top.jpg) left bottom no-repeat #f3f2f2; margin-bottom: 20px; }
#content { background: url(../img/global/bg-content.jpg) left top repeat-y; }
	#content .content { position: relative; padding: 0px 15px; }
#footer { background: url(../img/global/bottom.jpg) left top no-repeat; padding: 39px 15px 25px; }
#footer.index-footer { background: none; margin: 0 auto; width: 630px; padding: 0px 0px 25px 25px; }

/* ---------------------------- */
/*** index layout ***/

div.index-box { background: url(../img/global/bg-index.jpg) left top repeat-y; width: 650px; margin: 0 auto; }
div.index-box div.index-top { background: url(../img/global/index-top.jpg) left top no-repeat; height: 70px; }
div.index-box div.index-bottom { background: url(../img/global/index-bottom.jpg) left top no-repeat; height: 60px; }
div.index-box img { margin: 0 auto; display: block; }
div.index-box h1 { background: url(../img/global/bg-index-h1.jpg) center top no-repeat; display: block; margin: 10px 0px 13px; }
div.index-box h1 span { display: block; text-indent: -9999px; }
div.index-box h1.normal { background: none; font-size: 120%; color: #da2137; letter-spacing: -1px; margin-bottom: 13px; text-align: center; }
div.index-box h2 { background: url(../img/global/bg-index-h2.jpg) center top no-repeat; display: block; margin: 0px 0px 17px; }
div.index-box h2 span { display: block; text-indent: -9999px; }
div.index-box form { background: url(../img/global/index-middle.jpg) left bottom; width: 298px; margin: 0 auto; padding-bottom: 15px; }
div.index-box form h3 { background: url(../img/global/bg-index-h3.jpg) left top no-repeat; padding-top: 15px; font-size: 80%; text-align: center; margin-bottom: 20px; }
div.index-box form select { width: 240px; margin: 0 auto; display: block; margin-bottom: 10px; }
div.index-box form input { border: none; display: block; margin: 0 auto; text-align: center; background: url(../img/global/submit-button.jpg) left top no-repeat; width: 115px; height: 45px; font-size: 80%; font-weight: bold; text-decoration: none; color: #b30f22;}
div.index-box form a:hover { color: #7a7272; }
div.index-box ul.index { list-style: none; overflow: hidden; height: 1%; margin: 0 auto; width: 248px; }
div.index-box ul.index li { float: left; border-right: 1px solid #aaaaaa; padding: 0px 8px; margin: 10px 0px; }
div.index-box ul.index li.last { border-right: none; padding-right: 0px; }
div.index-box ul.index li a { color: #aaaaaa; font-size: 75%; }

/** thank you page / error page **/

div.index-box div.thank-you, div.index-box div.error { text-align: center; }
div.index-box div.thank-you h1, div.index-box div.error h1 { background: none; font-size: 120%; color: #da2137; letter-spacing: -1px; margin-bottom: 13px; }
div.index-box div.thank-you p, div.index-box div.error p { font-size: 75%; line-height: 180%; color: #736e6e; margin-bottom: 10px; }
div.index-box div.thank-you a, div.index-box div.error a { color: #da2137; }
div.index-box div.thank-you a:hover, div.index-box div.error a:hover { text-decoration: none; }

/** sitemap **/

div.index-box div.sitemap { width: 560px; margin: 0px 25px 0px 45px; overflow: hidden; }
div.index-box div.sitemap ul { list-style: none; float: left; width: 260px; margin: 0px 20px 20px 0px; }
div.index-box div.sitemap ul.home { font-size: 120%; letter-spacing: -1px; }
div.index-box div.sitemap ul li { margin-bottom: 3px; }
div.index-box div.sitemap ul li span { color: #454545; font-size: 110%; letter-spacing: -1px; }
div.index-box div.sitemap ul li a { color: #da2137; }
div.index-box div.sitemap ul li a:hover { text-decoration: none; }

/* ---------------------------- */
/*** top ***/

#top img { margin: 0px 14px; }

/* ---------------------------- */
/*** nav ***/

#nav ul { list-style: none; overflow: hidden; height: 49px; margin-left: 18px;  }
#nav ul li { float: left; margin-right: 2px; }
#nav ul li a { display: block; height: 49px; margin: 0px!important; }
	
	#nav ul li a.home { background: url(../img/nav/home.jpg); width: 60px; }
	#nav ul li a:hover.home { background-image: url(../img/nav/home-over.jpg); } 
	#nav ul li a.home-active { background-image: url(../img/nav/home-over.jpg); width: 60px; }
	
	#nav ul li a.freeview { background-image: url(../img/nav/freeview.jpg); width: 86px; }
	#nav ul li a:hover.freeview { background-image: url(../img/nav/freeview-over.jpg); } 
	#nav ul li a.freeview-active { background-image: url(../img/nav/freeview-over.jpg); width: 86px; }
	
	#nav ul li a.freesat { background-image: url(../img/nav/freesat.jpg); width: 80px;  }
	#nav ul li a:hover.freesat { background-image: url(../img/nav/freesat-over.jpg); } 
	#nav ul li a.freesat-active { background-image: url(../img/nav/freesat-over.jpg); width: 80px; }
	
	#nav ul li a.sky { background-image: url(../img/nav/sky.jpg); width: 57px; }
	#nav ul li a:hover.sky { background-image: url(../img/nav/sky-over.jpg); } 
	#nav ul li a.sky-active { background-image: url(../img/nav/sky-over.jpg); width: 57px; }
	
	#nav ul li a.europe { background-image: url(../img/nav/europe.jpg); width: 89px;  }
	#nav ul li a:hover.europe { background-image: url(../img/nav/europe-over.jpg); } 
	#nav ul li a.europe-active { background-image: url(../img/nav/europe-over.jpg); width: 89px; }
	
	#nav ul li a.commercial { background-image: url(../img/nav/commercial.jpg); width: 103px; }
	#nav ul li a:hover.commercial { background-image: url(../img/nav/commercial-over.jpg); } 
	#nav ul li a.commercial-active { background-image: url(../img/nav/commercial-over.jpg); width: 103px; }
	
	#nav ul li a.faq { background-image: url(../img/nav/faq.jpg); width: 59px; }
	#nav ul li a:hover.faq { background-image: url(../img/nav/faq-over.jpg); } 
	#nav ul li a.faq-active { background-image: url(../img/nav/faq-over.jpg); width: 59px; }
	
	#nav ul li a.about { background-image: url(../img/nav/about.jpg); width: 89px; }
	#nav ul li a:hover.about { background-image: url(../img/nav/about-over.jpg); }
	#nav ul li a.about-active { background-image: url(../img/nav/about-over.jpg); width: 89px; }
	
	#nav ul li a.contact { background-image: url(../img/nav/contact.jpg); width: 84px; }
	#nav ul li a:hover.contact { background-image: url(../img/nav/contact-over.jpg); } 
	#nav ul li a.contact-active { background-image: url(../img/nav/contact-over.jpg); width: 84px; }
	
#nav ul li a span { display: block; text-indent: -9999px; }

/* ---------------------------- */
/*** content ***/

.content div.sky { margin-left: 19px;}
.content .box { width: 174px; background: #f2f2f2; padding: 8px; margin-bottom: 12px; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
.content .box ul.text { font-size: 70%; margin-bottom: -5px; }
.content .box ul.text li { margin-bottom: 10px; }

.content .columns .col-right span { display: block; padding: 0px 12px 0px 8px; }

/** columns **/

.content .columns { position: relative; height: 1%; overflow: hidden; }
.columns .col-left { float: left; width: 380px; margin: 13px 25px 0px; }
	.columns .col-left-sky { float: left; width: 400px; margin: 13px 25px 0px; }
.columns .col-right { float: left; width: 281px; }
	.columns .col-right-sky { float: left; width: 261px; }

/** headers **/

.content h1 { font-size: 120%; color: #da2137; letter-spacing: -1px; margin-bottom: 13px; }
.content h2 { font-size: 110%; color: #da2137; letter-spacing: -1px; margin-bottom: 13px; font-weight: normal; }
.content h3 { font-size: 90%; color: #da2137; letter-spacing: -1px; margin-bottom: 13px; }
.content h3 strong { color: #676767; }

/** paragraphs **/

.content p { font-size: 75%; line-height: 180%; color: #736e6e; margin-bottom: 16px; }
	.content p.small { font-size: 65%; margin-bottom: 8px; }
.content p acronym { color: #da2137; }
.content div.sky p { padding-left: 11px; padding-right: 15px; margin-top: -5px; }
.content p.contact { font-weight: bold; color: #da2137; font-size: 80%; letter-spacing: -1px; }
.content p.freeview, .content p.freesat { padding: 12px 27px 5px 38px; margin-bottom: 3px; } 
.content ul.freesat { padding: 0px 27px 5px 63px; margin-bottom: 3px; font-size: 75%; color: #736e6e; line-height: 125%; } 

.content p.grey { font-size: 90%; font-weight: bold; letter-spacing: -1px; padding: 10px 15px 0px 34px; margin-bottom: -4px; }

/** images **/

.content img.splash { margin-bottom: 15px; }
.content img.left { margin: 0px 10px 5px 0px; }
.content img.right { margin: 0px 0px 5px 10px; }
.content img.right-image { margin: 20px 0px 0px 45px; }

/** links **/

.content a { color: #da2137; }
.content a:hover { text-decoration: none; }
.content a.contact { display: block; background: url(../img/home-buttons/Contact-us-cut.jpg) left top no-repeat; width: 228px; height: 71px; margin: 5px 0px 0px 34px; }
.content a.contact:hover { background: url(../img/home-buttons/Contact-us-cut-2.jpg) left top no-repeat; }
.content a.contact span { display: block; text-indent: -9999px; }
.content a.cai-small { display: block; background: url(../img/home-buttons/cai-cut.jpg) left top no-repeat; width: 228px; height: 90px; margin: 5px 0px 0px 34px; }
.content a.cai-small:hover { background: url(../img/home-buttons/cai-cut-2.jpg) left top no-repeat; }
.content a.cai-small span { display: block; text-indent: -9999px; }
.content a.gap1 { margin: 10px 0px 0px 19px; }
.content a.gap2 { margin: 10px 0px 0px 25px; }

/** lists **/

.content ul.text { list-style: none; font-size: 75%; color: #736e6e; line-height: 190%; }
.content ul.text li { background: url(../img/global/bullet.jpg) left 3px no-repeat; padding-left: 25px; margin-bottom: 3px; }
.content ul.text li span { font-weight: bold; margin-bottom: 5px; font-size: 90%; }

.content ul.flags { list-style: none; font-size: 75%; color: #736e6e; line-height: 190%; overflow: hidden; margin-bottom: 10px; }
.content ul.flags li { width: 100px; float: left; margin-bottom: 3px; padding-left: 20px; }
.content ul.flags li.france { background: url(../img/flags/fr.gif) left center no-repeat; }
.content ul.flags li.germany { background: url(../img/flags/de.gif) left center no-repeat; }
.content ul.flags li.italy { background: url(../img/flags/it.gif) left center no-repeat; }
.content ul.flags li.spain { background: url(../img/flags/es.gif) left center no-repeat; }
.content ul.flags li.turkey { background: url(../img/flags/tr.gif) left center no-repeat; }
.content ul.flags li.portugal { background: url(../img/flags/pt.gif) left center no-repeat; }
.content ul.flags li.saudi { background: url(../img/flags/sa.gif) left center no-repeat; }
.content ul.flags li.russia { background: url(../img/flags/ru.gif) left center no-repeat; }
.content ul.flags li.japan { background: url(../img/flags/jp.gif) left center no-repeat; }

/* forms */

.content form { margin: 8px 0px 8px 0px; font-size: 70%; color: #676767; }
.content form .field { clear: both; margin-bottom: 5px; }
.content form .field label { margin-right: 5px; display: block; width: 80px; float: left; }
.content form .field input { width: 276px; padding: 1px; }
.content form .field textarea { width: 276px; font-size: 130% !important; height: 80px; padding: 1px; }
.content form label.form-contact { width: 254px; }
.content form .submit-button { width: auto !important; font-weight: bold; font-size: 100%; padding: 0px 1px 0px 1px; }
.content form .reset-button { width: auto !important; font-size: 100%; padding: 0px 1px 0px 1px; }
.content form .right { margin-right: 250px; }

/* home-buttons nav */

.content ul.home-buttons { list-style: none; margin-top: -15px; }
.content ul.home-buttons li { margin-top: 15px; }
.content ul.home-buttons li a { display: block; width: 281px; height: 106px; }
	.content ul.home-buttons li a.sky { background-image: url(../img/home-buttons/sky.jpg); }
	.content ul.home-buttons li a:hover.sky { background-image: url(../img/home-buttons/sky-over.jpg); }
	.content ul.home-buttons li a.freeview { background-image: url(../img/home-buttons/freeview.jpg); }
	.content ul.home-buttons li a:hover.freeview { background-image: url(../img/home-buttons/freeview-over.jpg); }
	.content ul.home-buttons li a.freesat { background-image: url(../img/home-buttons/freesat.jpg); }
	.content ul.home-buttons li a:hover.freesat { background-image: url(../img/home-buttons/freesat-over.jpg); }
	.content ul.home-buttons li a.cai { background-image: url(../img/home-buttons/cai.jpg); }
	.content ul.home-buttons li a:hover.cai { background-image: url(../img/home-buttons/cai-over.jpg); }

.content ul.home-buttons li a span { display: block; text-indent: -9999px; }

/* ---------------------------- */
/*** footer ***/

#footer p { font-size: 70%; width: 400px; margin-bottom: 7px; color: #abafb0; line-height: 160%;}
#footer p.left, #footer p.right { width: auto !important; }
#footer p.right { text-align: right; margin-right: 30px; }
#footer p a { color: #abafb0; }