﻿
/**********************************************************************/
/*  Stylesheet for truly scrumptious catering
--------------------------  */

/*	Default CSS
--------------------------
--------------------------	*/

/*  Reset Settings  */
	/* Site font face */
	html,body{font-family:'Arial',verdana,tahoma,georgia,sans-serif;}
	p,li,dt,dd,label,address,th,td,legend,input,select,textarea{font-size:75%;line-height:120%;}
	th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend{font-size:100%;}
	h1,h2,h3,h4,h5,h6,pre,code,input,textarea,select{font-size:1em;}

	/* to avoid ff<1.03 bug (instead of *) and normalise spacing */
	html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote{
	margin: 0;
}
	h1,h2,h3,h4,h5,h6,p,pre{margin-bottom:1em;}

	/* constant look and cursor */
	abbr,acronym{font-style:normal;cursor:help;}
	a img,:link img,:visited img,fieldset{border:none;}
	ul,ol,dl{list-style:none;}
	table{border-collapse:collapse;}
	table.center {margin-left:auto; margin-right:auto;}
	td, th{vertical-align:top;}
	img,object,embed{
	border: none;
	float: right;
	position: relative;
}

#ticker-container {
        position:absolute;
        overflow:hidden;
        width: 900px;
        height: 290px;
        background-color: ;
        background-repeat: repeat;
        padding: 2px;
        border: Defaultpx dotted ;
        }

#ticker {
		position:relative;
		width:896px;
	}
	
#ticker ul {
		padding:0px;
		margin:0px;
		list-style-type:none;
	}
#ticker ul li {
            display:list-item;
            margin-top: 1px;
            margin-bottom: 1px;
            margin-left:1px;
            padding-top: 1px;
            padding-bottom: 1px;
            font-family: constantia,arial;
            font-weight: normal;
            font-size:small;
            color: ;
            padding-left: 2px;
	}
	
#ticker ul li a {
            font-family: constantia,arial;
            font-weight: normal;
            color: ;
            text-decoration: none;
            padding-left: 2px;
          	margin-left: 0px;

	}
        
#ticker ul li a:hover {
            font-family: constantia,arial;
            color: ;
            text-decoration: none;
            padding-left: 2px;
    }



	/* -- clear -- */
	.clear{clear:both;}

.style3 {
	margin-top: 19;
	margin-left: 31px;
}
.style4 {
	margin-right: 0px;
}
.style6 {
	display: block;
	margin-top: 0px;
}
.style7 {
	float: left;
	width: 780px;
	margin-left: 0;
	margin-right: 30px;
	margin-top: 50px;
	margin-bottom: 0;
}
.style8 {
	margin-left: 0px;
}
.style9 {
	margin-left: 28px;
}


/*  Classes  */
.hide 	{ display:none; }
.free{text-transform:uppercase;}


/* form */
form{margin-bottom:2em;}
form .formRow{margin-bottom:.5em;}
form .text .formLabel, form .textarea .formLabel, form .select .formLabel{float:left;width:15em;text-align:right;}
form .text .formInput, form .iselect, form .itextarea, form .image .formInput{margin-left:16em;}
form .checkbox .formInput{float:left;width:15em;text-align:right;}
form .checkbox .formLabel{margin-left:16em;margin-right:5em;}
* html form .checkbox .formLabel{height:1%;/* holy hack for 3px bug*/}
form .text .formInput input{width:20em;font-size:small;border:1px solid #ADADAD;color:#808489;}
form .iselect select{font-size:0.85em;border:1px solid #ADADAD;color:#808489;}
form .formRow .formLabel formLabel{padding:3px 0 0 0 ;}
form .text .formLabel label,form .select .formLabel label{font-weight:bold;}
html>* form .text input{padding:3px 0;}
* html form .text input{height:1.7em;line-height:1.4em;}
html>* form .formRow textarea{padding:3px;}
* html form .formRow textarea{height:1.7em;line-height:1.4em;}
html>* form .submit input{padding:3px;}
form .errorBottom{margin-left:21.6em;}*/


/*  Typography  */
/****************/
body,
textarea			{ background-color:#0D0D0D; font-family:verdana, sans-serif; color:#fff; }
form, fieldset { padding:0; margin:0; }

h1 {
	font-family: constantia, arial, sans-serif;
	font-size: 1.7em;
	color: #620169;
	margin-bottom: 0;
}
h2 { font-family:constantia, arial, sans-serif; font-size:18px; line-height:1.5em; color:#620169; margin-bottom:0em; }
h3 { font-family:arial, sans-serif; font-size:0.8em;  color:#ffffff; margin-bottom:0.2em;margin-top:1.5em; }
h4	{ font-size:0.75em; line-height:1.5em; color:#fff; margin-bottom:0; }


h2 a.small		{ vertical-align:middle;line-height:1.5em;font-size:0.6em; }

p.largeText {
	font-family: constantia, arial, sans-serif;
	font-size: 1.0em;
	color: #444444;
	margin-bottom: 1em;
}
p.largeTextR { font-family:constantia, arial, sans-serif;  font-size:1.0em;  color:#ffffff; margin-bottom:1em; float: right;  }
p.largeTextV { font-family:constantia, arial, sans-serif;  font-size:18px;  color:#444444;  }

p.largeTextC {
	font-family: constantia, arial, sans-serif;
	font-size: 1.0em;
	color: #620169;
	margin-bottom: 0.6em;
}
p.largeTextN { font-family:constantia, arial, sans-serif;  font-size:1.1em;  color:#990099 }


p, li 	{
	line-height: 1.5em;
	color: #ffffff;
}
ul, ol	{
	margin-bottom: 1em;
}
ol			{ padding-left:25px; }
ol	li		{ margin-bottom:1em; list-style-type:decimal; }
dt			{ float:left; }
dd			{ margin:0; padding:0; } 

li h4, 
li p		{ font-size:100%; }

a 							{
	color: #990099;
	text-decoration: none;
}
a:hover 					{
	color: #FFFFFF;
	text-decoration: none;
}
h3 a						{ color:#666; }
h3 a:hover				{ color:#fff;text-decoration:none; }

address		{ font-style:normal; font-size:0.70em; }
li address	{ font-size:100%; }

ul li.actionButton a		{ font-size:1.5em;font-weight:bold;}


/*  Reused bits  */
/**********************************************************************/
.row				{ margin-bottom:1em;}

.tab1				{ padding-left:160px; }
.col1				{ float:left; width:135px; margin:0 25px 0 0; } 
.col2				{ float:left; width:295px; margin:0 25px 0 0; }

.col2_new				{ float:left; width:215px; margin:0 20px 0 0; border:0px solid #F3F }
.col2_new.connect				{ float:left; width:454px; margin:0 20px 0 0; border:0px solid #F3F }
.col2_new_last				{ float:left; width:240px; margin:0 20px 0 0; position:relative; top:-23px;}

.col2_new DIV.pinkTop		{background: url(../file_uploads/home/215x5_box_top_pink.gif) top right no-repeat;width:215px; height:5px;overflow:hidden;position:relative;}
.col2_new DIV.orangeTop		{background: url(../file_uploads/home/215x5_box_top_orange.gif) top right no-repeat;width:215px; height:5px;overflow:hidden;position:relative;}
.col2_new DIV.blueTop		{background: url(../file_uploads/home/215x5_box_top_blue.gif) top right no-repeat;width:215px; height:5px;overflow:hidden;position:relative;}
DIV.greyTop		{background: url(../file_uploads/215x7_box_top_grey.gif) top right no-repeat;width:215px; height:7px;overflow:hidden;margin-top:19px;}

.col2_new.connect DIV.orangeTop	{background: url(../file_uploads/454x5_box_top_orange.gif) top right no-repeat;width:454px; height:5px;}
.col2_new.connect DIV.blueTop		{background: url(../file_uploads/454x5_box_top_blue.gif) top right no-repeat;width:454px; height:5px;}

.col2_new DIV.contentPink		{position:relative;border-left:solid 1px #ec018a;border-right:solid 1px #ec018a; width:213px; min-height:150px;} 
.col2_new DIV.contentOrange		{position:relative;border-left:solid 1px #f7941f;border-right:solid 1px #f7941f; width:213px; min-height:150px;}
.col2_new DIV.contentBlue		{position:relative;border-left:solid 1px #01aded;border-right:solid 1px #01aded; width:213px; min-height:150px;}
DIV.contentGrey		{background:#616266; width:215px;}

.col2_new.connect DIV.contentOrange		{border-left:solid 1px #f7941f;border-right:solid 1px #f7941f; width:452px; min-height:250px;}
.col2_new.connect DIV.contentBlue		{border-left:solid 1px #01aded;border-right:solid 1px #01aded; width:452px; min-height:250px;}

.col2_new.connect DIV.contentOrange	P {width:180px}
.col2_new.connect DIV.contentBlue	P {width:180px}

.col2_new.connect DIV.connect_icon_orange	{background: url(../file_uploads/connect_icon_orange.gif) top right no-repeat;width:148px; height:166px; float:left; display:block;padding-left:40px;}
.col2_new.connect DIV.connect_icon_blue		{background: url(../file_uploads/connect_icon_blue.gif) top right no-repeat;width:148px; height:166px; float:left; display:block;padding-left:40px;}

.col2_new DIV H2 {margin:0px; padding:8px 0 0 8px; height:40px}
H2.greyHeader {margin:0px; padding:8px 0px 0px 8px;}

.col2_new DIV H2 {margin:0px; padding:8px 0 0 8px; height:40px}
.col2_new DIV P		{margin:0px; padding:10px 10px 30px 10px;}
DIV.greyCopy		{margin-bottom:10px; padding:10px 10px 10px 10px;}

.col2_new.connect DIV P		{margin:15px 0 0 0; padding:10px;width:50%; float:left}

ul li.simpleList		{ list-style:disc outside; margin-bottom:1em; }

ul li.actionItem a		{ text-decoration:none;float:left;padding-right:27px;line-height:2em;background:url(../img/btn_blue.gif) 100% 50% no-repeat; }
ul li.actionItem a:hover{ text-decoration:underline; }
ul li.actionItem:after	{ content:".";display:block;clear:both;visibility:hidden;height:0; }
ul li.actionItem		{ display:inline-block; }
* html ul li.actionItem	{ /* nomac \*/height:1%;/* nomac */ }
ul li.actionItem		{ display:block; }/* should hide from mac but seems to work */

ul li.actionButton{background:#4e4f53 url(../img/border_top_left.jpg) no-repeat;position:relative;}
ul li.actionButton span.logo{position:absolute;top:-15px;right:-15px;;width:54px;height:40px;background:url(../img/small_freesat_logo.gif);z-index:1000;}
* html ul li.actionButton span.logo{right:-16px;}
ul li.actionButton a		{ background:transparent url(../img/border_bottom.jpg) 0 100% no-repeat;font-weight:bold;color:#e98621;text-decoration:none;display:block;padding:5px 10px;line-height:2em;text-align:center; }
ul li.actionButton a:hover{ text-decoration:underline; }
ul li.actionButton:after	{ content:".";display:block;clear:both;visibility:hidden;height:0; }
ul li.actionButton		{ display:inline-block; }
* html ul li.actionButton	{ /* nomac \*/height:1%;/* nomac */ }
ul li.actionButton		{ display:block; }/* should hide from mac but seems to work */
ul li.actionButton a img{vertical-align:middle;padding-left:5px;}


/*  Template Structure  */
/**********************************************************************/
body 					{ text-align:center; background:#000000; }
#pageWrap 				{
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding: 0px 0;
	background-color: #99cc33;
	background-image:url('lime_corner.gif');
	background-repeat:no-repeat;
	background-position:bottom left
}
#pageWrapTop 				{
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding: 0px 0;
	background-color: #2C2626;
	background-image: url('tsc_logo_brown_vlime.jpg');
}
#pageWrapBottom 				{
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding: 0px 0;
	background-color: #2C2626;
}
#pageTopLogo 				{
	text-align: left;
	width: 950px;
	height: 100px
}
#headerMain				{ margin-bottom:1em; }/* #navMainRow, #flashHeader, #tilting*/
#headerMain #navMainRow				{
	background-color: #2C2626;
	padding: 0.5em 0 0;
}

#links ul 		{
	height:30 px;
	margin-left:-40px; 
	}

#links li a		{
	font-size: large;
	font-weight: bold;
	text-decoration: none;
	color: #620169;
	font-family:constantia, arial, sans-serif;
	}

#links li a:hover	{
	color:#fff
	}
#links li.lia1		{position:relative;right:0px;height: 40px;}
#links li.lia2		{position:relative;right:-140px;height: 40px;}
#links li.lia3		{position:relative;right:-280px;height: 40px;}
#links li.lia4		{position:relative;right:-420px;height: 40px;}
#links li.lia5		{position:relative;right:-560px;height: 40px;}

/* #navMainRow */
#navMainRow	#navMain				{ padding:20px 0 0px 15px; margin-left:-40px; }
#navMainRow	#navMain li				{ float:left; margin-right:10px; padding-right:10px; position:relative; font-size:0.7em;  font-weight:bold; border-right:1px solid #333; }
#navMainRow	#navMain li a			{ color:#7cfc00; text-decoration:none; }
#navMainRow	#navMain li a:hover,
#navMainRow	#navMain li.active a	{ color:#fff; }
#navMainRow	#navMain li.last		{ border-right:none; }
#navMainRow	#navMain li	a			{ position:relative; display:block; height:20px; }
#navMainRow	#navMain li	a span		{ position:absolute; display:block; height:100%; width:100%; top:0; left:0; z-index:1; cursor:hand;}

#navMainRow .navCMSTemplate li a{ float:left; }

#navMainRow .navMainTemplate			{ float:left; width:825px;  }
#navMainRow .navMainTemplate li			{ padding-right:0 !important; }
#navMainRow .navMainTemplate .li1 a 	{ width:50px; }
#navMainRow .navMainTemplate .li2 a 	{ width:75px; }
#navMainRow .navMainTemplate .li3 a 	{ width:75px; }
#navMainRow .navMainTemplate .li4 a		{ width:60px; }
#navMainRow .navMainTemplate .li5 a 	{ width:95px; }
#navMainRow .navMainTemplate .li6 a 	{ width:80px; }
#navMainRow .navMainTemplate .li7 a 	{ width:65px; }

#navMainRow .navMainTemplate li.li1 span	{ background-position: -900px -90px; }
#navMainRow .navMainTemplate li.li2 span	{ background-position: 0 -90px; }
#navMainRow .navMainTemplate li.li3 span	{ background-position: -150px -90px; }
#navMainRow .navMainTemplate li.li4 span	{ background-position: -300px -90px; }
#navMainRow .navMainTemplate li.li5 span	{ background-position: -400px -90px; }
#navMainRow .navMainTemplate li.li6 span	{ background-position: -600px -90px; }
#navMainRow .navMainTemplate li.li7 span	{ background-position: -750px -90px; }

#navMainRow .navMainTemplate .active .lia1 span, #navMainRow .navMainTemplate .li1 a:hover span	{ background-position: -900px 0px !important; }
#navMainRow .navMainTemplate .active .lia2 span, #navMainRow .navMainTemplate .li2 a:hover span	{ background-position: 0 0px !important; }
#navMainRow .navMainTemplate .active .lia3 span, #navMainRow .navMainTemplate .li3 a:hover span { background-position: -150px 0px !important;}
#navMainRow .navMainTemplate .active .lia4 span, #navMainRow .navMainTemplate .li4 a:hover span { background-position: -300px 0px !important; }
#navMainRow .navMainTemplate .active .lia5 span, #navMainRow .navMainTemplate .li5 a:hover span	{ background-position: -400px 0px !important; }
#navMainRow .navMainTemplate .active .lia6 span, #navMainRow .navMainTemplate .li6 a:hover span { background-position: -600px 0px !important; }
#navMainRow .navMainTemplate .active .lia7 span, #navMainRow .navMainTemplate .li7 a:hover span	{ background-position: -750px 0px !important; }

#navMainRow .nav404{ float:left; width:723px;  }

#headerMain #searchArea						{ margin-left: 750px; }
#headerMain #searchArea	label				{ display:none; }
#headerMain #searchArea .searchField input	{ float:left; width:165px; margin: 2px 5px 0 0; font-size:0.8em; color:#000000; padding:3px; background:#ffffff; border:1px solid #222; }
#headerMain #searchArea .searchSubmit input	{ font-size:0.8em; padding:2px; font-weight:bold; color:#e4007b; background-color:#333; border:1px solid #222; }



#headerMain #flashHeader	{ width:930px; height:270px; margin:0 25px 1em 25px;}

#headerMain #titling		{ float:right; position:relative; padding-right:25px;}
#titlingHome		{ float:right; position:relative; padding-right:25px;}

#headerMain .titling404		{padding-top:55px;clear:both}



#content			{ position:relative; top:-4em; width:940px; margin:0 25px 1em 25px;}

#content li {
	font-family: constantia, arial, sans-serif;
	font-size: 1.0em;
	color: #444444;;
	margin-bottom: 5px;
	margin-left: 0px;
}

* html #content{top:-7em;}

#content #headerText{ height:6em; margin-bottom: 0.5em; position:relative; font-size:1.0em }

#headerText h1, #headerText span#h1replace	{ position:absolute; bottom:0; width:615px; }
#intro	p			{ padding-right:50px; }


/*#content #headerText_redes{ height:auto; margin-bottom: 0.5em; position:relative;top:-20px}*/
h1#headerText_redes		{ position:absolute; top:10px; width:615px; }
#intro_redes {width:550px;margin:20px 0 30px 0;padding:0 0 20px 0; position:relative; display:block;}
#intro_redes p			{position:relative; top:1.4em;}

#content .iinput input,
#content textarea,
#content select	{ font-size:0.8em; color:#999; border:none; padding:3px; background:#333 url(../img/freesat_search_bar.jpg) repeat-x; border:1px solid #222; }
#content .iinput #ctl0_TicketAnswerContent_Bcc{width:auto;background:none;border:none;}



#navContent					{ padding-top:2.15em; }
#navContent	h3				{ font-weight:normal; color:#aaa; border-bottom:1px solid #333; margin-bottom:0.7em; }
#navContent	ul				{ margin-bottom:2em; }
#navContent	li				{ padding-bottom:5px; margin-left:0; margin-bottom:5px; border-bottom:1px dotted #333; }
#navContent	li a			{ display:block; text-decoration:none; }
#navContent	li a.guide			{color:#f14298}
#navContent	li.active a	{ color:#fff; }

#bannerSky			{ float:right; margin:2.15em 18px 0 0; }
* html #bannerSky	{ margin-right:8px; }
#bannerMPU			{ }

#footerMain					{ width:955px; min-height:50px; padding:10px 0px 0 20px;margin: 0 auto; padding: 0px 0;}
* html #footerMain		{ height:50px; }
#footerMain ul				{ margin-bottom:0; }
#footerMain li				{ display:inline; font-size:0.65em; line-height:3em; padding:2px 6px 2px 0px; margin-right:6px; border-right:0px solid #333; }
#footerMain a				{ text-decoration:none; color:#990099; margin-left:0; }
#footerMain li.last		{ border-right:none; }
#footerMain li.bottomCopy	{ float:left}
#footerMain a:hover		{ color:#fff; }
#footerMain li.active a	{ font-weight:bold; }
#footerMain #navFooter{width:170px;margin-top:0; margin-left:-40px }
#footerMain #copyrightMain{width:180px;float:right;font-size:0.65em;padding:10px 0px 0 20px;}
#page404 #footerMain					{ margin-top:0px; clear:both; }
/* Pages */
/***********************/



#pageWrap .content404			{ top:1em;padding-bottom:10px;}
#pageWrap .content404 #navContent	{ padding-top:0px}
#pageWrap .content404 #navContent H3	{ margin:6px 0 10px 0}
#pageWrap .content404 .col2 H3		{ margin:6px 0 10px 0}



