@charset "UTF-8";

html {
    background: url(/i/cockpit/landing_page/ie7_bg.png) no-repeat; /* Fix IE7 background while zooming */
}
body {
    background: #f0f0f1 url(/i/cockpit/landing_page/body_bg.png) repeat-x;
    margin : 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
a {
    color:#a0100c;
    text-decoration:none;
}
a:hover {
    color:#ed1c24;
    text-decoration:underline;
}
a:focus, a:hover, a:active { outline:none }

img {
    border:none;
}


/*-------  Structure  -------*/
#wrapper {
    margin:0px auto;
    width:896px;
}


}
#fullcolumn {
    float : left;
    width : 850px;
    padding : 10px 10px 8px 13px;
}
#subnavigation {
    width: 200px;
    float: left;
    padding : 10px 0px;
}
#subnavigationcontent {
    float : left;
    width : 650px;
    padding : 10px 10px 8px 13px;
}
#leftcolumn {
    float: left;
    width: 637px;
    clear: left;
}
#rightcolumn{
    float: left;
    width: 259px;
    padding-top: 25px;
}


/*----- Full Column -----*/
#fullcolumn h1,
#subnavigationcontent h1 {
    font-size: 24px;
    color: #343b43;
    margin: 0px;
    padding: 15px 0px 15px;
    font-weight: bold;

}
#fullcolumn h2,
#subnavigationcontent h2 {
    font-size: 16px;
    color: #000;
    padding: 25px 0px 15px;
    margin: 0px;
    font-weight: bold;
}
#fullcolumn p,
#fullcolumn li,
#fullcolumn td,
#subnavigationcontent p,
#subnavigationcontent li,
#subnavigationcontent td {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 5px 0;
    padding: 0px 0px 8px;
}
#fullcolumn ul,
#subnavigationcontent ul {
    margin: 10px 30px;
    padding: 0;
}
#fullcolumn table,
#subnavigationcontent table {
    margin: 0 30px;
}
#fullcolumn td,
#subnavigationcontent td {
    padding: 5px 15px 5px 0px;
}

#subnavigation ul {
    margin: 0px;
    padding: 15px 15px 20px 0px;
    list-style-type: none;
    font-weight: bold;
    font-size: 12px;
}
    #subnavigation li {
        margin: 0px;
        padding: 5px 5px;
        border-bottom: 1px solid #EEE;
    }
    #subnavigation .selected a,
    #subnavigation .selected a:hover {
        color: #000;
        text-decoration: none;
    }
/*----- Login Area -----*/
#login {
    float: left;
	background-image: url(/i/cockpit/landing_page/light-body.png);
    background-repeat: no-repeat;
    background-position: left bottom;
	padding-bottom:5px;
}

#login h2 {
	background-image:url(/i/cockpit/landing_page/login-header.png);
	background-repeat: no-repeat;
    background-position: left bottom;
	padding: 0px;
	margin: 15px 17px 15px 18px;
	display:block;
	height:24px;
	width:200px;
	text-indent:-9999px;
	
}

.form-content dl {
    float: left;
    width: 239px;
    margin: 0px;
    padding-left: 5px;
    margin-bottom: 12px;
	margin-left:10px;
}
    .form-content dt {
        font-size: 13px;
        font-weight: bold;
        color: #000;
        float: left;
        width: 82px;
        margin: 0px;
        padding: 0px;
        padding-top: 3px;
    }
    .form-content dd {
        float: left;
        width: 137px;
        margin: 0 5px 0 0;
        padding: 0px;
		  
    }
    #login input {
        border: 1px solid #e1e2e4;
        width: 137px;
        padding: 3px;
    }
    #login .notes {
        margin-bottom: 0px;
    }
    #login .notes dd {
        font-size: 11px;
        font-weight: bold;
        color: #343b43;
        width: 229px;
        text-align: right;
        margin: 0px;
        padding: 0px;
        padding-bottom: 8px;
    }
    #login .button input {
        border: none;
        background-color: #FFF;
        background-image: url(/i/cockpit/landing_page/login-button.png);
        background-repeat: no-repeat;
        background-position: left 3px;
        width: 120px;
        height: 32px;
        text-align: center;
        color: #FFF;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: block;
        cursor: pointer;
		margin-left:28px;
		margin-top:-10px;
    }
    
    #login .error {
        color: #C00;
        font-weight: bold;
        font-size: 12px;
        padding: 6px 0px 6px 30px;
        background-image: url(/i/cockpit/landing_page/alert.png);
        background-repeat: no-repeat;
        background-position: left top;
		margin: 10px 0px 0px 10px;
    }

/*----- News Area -----*/
#news-sidebar {
    float: left;
    margin-top: 25px;
    background-image: url(/i/cockpit/landing_page/light-body.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 10px;
	margin-bottom:20px;
}
    #news-sidebar h2 {
        padding: 0px;
        margin: 15px 17px 0px 18px;
        background-image: url(/i/cockpit/landing_page/whats-new.png);
        background-position: left top;
        background-repeat: no-repeat;
        text-indent: -3000px;
        height: 24px;
        width: 222px;
        float: left;
    }
    #news-sidebar .light-top, #login .light-top {
        float: left;
        width: 259px;
        height: 10px;
        background-image: url(/i/cockpit/landing_page/light-top.png);
        background-repeat: no-repeat;
        position: left top;
    }
    #news-sidebar .light-bottom {
        float: left;
        width: 259px;
        height: 10px;
        background-image: url(/i/cockpit/landing_page/light-bottom.png);
        background-repeat: no-repeat;
        position: left bottom;
    }
    #news-sidebar h3 {
        font-size: 16px;
        font-weight: bold;
        width: 222px;
        border-top: 1px solid #e2e1e1;
        margin: 13px 0px 8px 1px;
        padding: 13px 17px 0px 17px;
        clear: left;
        float: left;
    }
    #news-sidebar p {
        padding: 0px 17px 8px 18px;
        margin: 0px;
        font-size: 11px;
        font-weight: bold;
        color: #000;
        float: left;
        width: 222px;
    }
    #news-sidebar .date {
        color: #343b43;
    }
    #news-sidebar .more {
        text-align: right;
    }
/* ----- Content Area -----*/
#content-area {
    float: left;
    width: 637px;
}
    #letter {
        width: 637px;
        float: left;
        margin-bottom: 15px;
    }
    #welcome-content {
        width: 542px;
        background-image: url(/i/cockpit/landing_page/message-background.png);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 15px 0px 0px;
        margin: 0px auto;
        text-align: center;
    }
        #welcome-content h3 {
            color: #c2161c;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: bold;
            margin: 0px;
            padding: 0px 15px 8px;
        }
        #welcome-content p {
            margin: 0px;
            padding: 0px 15px 8px;
            font-size: 12px;
        }
        #welcome-content p.more {
            font-weight: bold;
        }
    #welcome-bottom {
        width: 542px;
        height: 17px;
        background-image: url(/i/cockpit/landing_page/message-bottom.png);
        background-repeat: no-repeat;
        background-position: left top;
        margin: 0px auto;
    }
    #begin {
        clear: left;
        width: 252px;
        margin: 10px auto;
    }
    #begin #get-started a {
        color: #FFF;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 22px;
        background-image: url(/i/cockpit/landing_page/started-button.png);
        background-position: left top;
        background-repeat: no-repeat;
        width: 252px;
        height: 100px;
        float: left;
        text-decoration: none;
    }
    #begin #get-started span {
        padding: 25px 10px 0px 82px;
        float: left;
        cursor: pointer;
    }
    #begin #learn-more {
        padding-top: 10px;
        float: right;
        white-space: nowrap;
    }
    #begin #learn-more a {
        font-size: 14px;
        font-weight: bold;
        text-align: right;
    }
#services {
    float: left;
    clear: both;
    width: 637px;
    margin-bottom: 30px;
}
#services h2 {
    text-indent: -3000px;
    background-image: url(/i/cockpit/landing_page/plugin-headline.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 77px;
    margin: 30px 0px 0px;
}

/*----- Service Icons -----*/
#icons {
    width: 637px;
    clear: both;
    float: left;
}
#icons ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin: 0px auto;
    width: 602px;
}
#icons li {
    display: inline;
    float: left;
}
#icons a {
    width: 82px;
    height: 94px;
    text-indent: -3000px;
    float: left;
    display: block;
    margin: 0px 2px;
    background-position: left top;
    background-repeat: no-repeat;
}
#icons a:hover {
    background-position: left bottom;
}
    #website-icon a {
        background-image: url(/i/cockpit/landing_page/icons/web-site.png);
    }
    #logo-icon a {
        background-image: url(/i/cockpit/landing_page/icons/logos.png);
    }
    #print-icon a {
        background-image: url(/i/cockpit/landing_page/icons/print.png);
    }
    #presentation-icon a {
        background-image: url(/i/cockpit/landing_page/icons/presentations.png);
    }
    #banners-icon a {
        background-image: url(/i/cockpit/landing_page/icons/banners.png);
    }
    #icons-icon a {
        background-image: url(/i/cockpit/landing_page/icons/icons.png);
    }
    #applicationinterface-icon a {
        background-image: url(/i/cockpit/landing_page/icons/applicationinterface.png);
    }

/*----- Recent Winners -----*/
#winners {
    float: left;
    clear: left;
    width: 637px;
    margin: 15px 0px 20px 25px;≤
}
    #winners h2 {
        background-image: url(/i/cockpit/landing_page/recent-winners.png);
        background-position: left top;
        background-repeat: no-repeat;
        width: 400px;
        height: 25px;
        text-indent: -3000px;
    }
    #winners p {
        height: 79px;
        padding-top: 4px;
        color : #2f0000;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
    }
    #winners p img {
        float : left;
        clear : left;
        margin: 1px 32px 8px 0px;
    }
    #winners p.links {
        height : auto;
        padding: 19px 0px 4px;
        font   : bold 11px Arial, Helvetica, sans-serif;
        word-spacing: -2px;
    }
    #winners p.links a {
        padding: 0px 10px;
		word-spacing:1px;
    }
    #winners span {
        font-size: 14px;
        line-height: 16px;
    }
    #winners .winner {
        color: #343b43;
    }
    
/*----- Footer Area -----*/
#footer p {
    margin: 0px;
    padding: 0px;
    padding-bottom: 8px;
    font-weight: normal;
}
    #footer a {
        padding: 0px 5px;
        font-weight: bold;
    }
	
/* ---- New Header CSS */
/* ------------------------------------
GLOBAL 

d50000 - links color
90% = 12px
82% = 11px
------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

BODY
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
}

A { color: #d50000; text-decoration: none; }
A:hover { text-decoration: underline; }
A img { border: 0; }
a { outline: none; }

/* ------------------------------------
LAYOUT
------------------------------------ */
#wrapper, .wrapper {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

/* ------------------------------------
HEADER
------------------------------------ */
#header
{
	height: 185px;
	background-color: #FFF;
	background-image: url(/i/cockpit/landing_page/bg_header.png);
	background-repeat: repeat-x;
}

#header .wrapper {
	position: relative;
}

	/* TC Direct Logo */
	#header H1 {
		height: 133px;
	}
	
	#header H1 A {
		display: block;
		position: absolute;
		width: 222px;
		height: 83px;
		top: 38px;
		background: url(/i/cockpit/landing_page/tc_direct.png) no-repeat;
	}
	
	#header H1 A SPAN {
		display: none;
	}
	
	#header H1 SMALL {
		display: none;
	}
	
	#header H1 SUP {
		display: block;
		position: absolute;
		right: 0;
		top: 27px;
		width: 85px;
		height: 26px;
		background: url(/i/cockpit/landing_page/beta.png) no-repeat;
	}

	/* Ready, Engage TAGLINE */
	#ready_engage {
		position: absolute;
		width: 327px;
		height: 24px;
		right: 0;
		top: 76px;
		background: url(/i/cockpit/landing_page/ready_engage.png) no-repeat;
	}
	
	#ready_engage SPAN {
		display: none;
	}
	
	#member_count {
		position: absolute;
		width: auto;
		height: 24px;
		right:0;
		top:106px;
		color:#999999;
		font-size:10px;
		font-weight:normal;
		margin:0;
	}
	
	#member_count strong {
	font-weight:bold;
	color:#FF0000;
	}
	
	#member_count2 {
		position: absolute;
		width: auto;
		height: 24px;
		left:0;
		top:8px;
		color:#999999;
		font-size:10px;
		font-weight:normal;
		margin:0;
	}
	
	#member_count2 strong {
	font-weight:bold;
	color:#FF0000;
	}
	
/* MAIN NAVIGATION */
	#nav UL {
		list-style-type: none;
		width: 100%;
		float: left;
		z-index:100;
	}
	
	#nav UL LI {
		float: left;
		height: 32px;
		background: url(/i/cockpit/landing_page/nav_sprites.png) no-repeat;
		background-position: 0 -64px;
		padding-left: 1px;
		width:180px;
		position:relative;
		list-style:none;
		padding:0;
	}
	
	#nav UL LI.left {
		background-position: 0 -128px;
		padding-left: 2px;
	}
	
	#nav UL LI A {
		height: 32px;
		background: url(/i/cockpit/landing_page/nav_sprites.png) no-repeat;
		background-position: right -96px;
		padding: 9px 0 0 0;
		line-height: 12px;
		width:180px;
		text-decoration: none;
		font-size: 90%;
		font-weight: bold;
		color: #313131;
		display:block;
		text-align:center;	
	}
	
	#nav UL LI.on {
		background-position: 0 0;
	}
	
	#nav UL LI.on A {
		background-position: right -32px;
		padding-top:0px;
		line-height:28px;
	}
	
	#nav UL LI.on UL A {
		background-position:top;
		line-height:16px;
		padding:13px 0 8px 12px;
	}
	
	#nav UL LI A:hover {
		background-position: right -192px 
	}
	
	.active-item {
	background: url(/i/cockpit/landing_page/nav_sprites.png) no-repeat;
	background-position: right -192px !important;
	}
	
	/* #nav UL LI:hover UL {display:block;} */
	
	#nav UL UL {
		background:url(/i/cockpit/landing_page/dropdown_nav_background.png) no-repeat bottom;
		display:none;
		width:180px;
		list-style-type:none;
		position:absolute;
		top:32px;
		left:0px;
		z-index:100;
		margin:0;
		padding:0;
		float:left;
	}
	
	#nav UL UL LI {
		height:auto;
		background-image:none;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	
	#nav UL UL LI A {
		background:url(/i/cockpit/landing_page/dropdown_nav_divider.png) no-repeat;
		height:20px;
		display:block;
		width:168px;
		color:#e9e9e9;
		text-align:left;
		line-height:16px;
		padding:13px 0 8px 12px;
		vertical-align:middle;
	}
	
	#nav UL UL LI A:hover {
		background-color:#eeeeee;
		color:#000;
		margin: 1px 1px 0px 1px;
		width:167px;
		padding-top:12px;
		padding-left:11px;
		height:20px;
		background-none;
	}
	
	#nav UL UL LI.last-li A:hover {
		background-color:none;
		background:url(/i/cockpit/landing_page/li-bottom-background.png) bottom no-repeat;
		color:#000;
		margin:0px !important;
		padding: 13px 0 8px 12px !important;
		width:168px;
		
	}
	
	/* SUB NAVIGATION */
	#nav_support {
		position: absolute;
		right: 0;
		top: 5px;
		
	}
	
	#nav_support UL {
		list-style-type: none;
	}
	
	#nav_support UL LI {
		float: left;
		background: url(/i/cockpit/landing_page/ico_sprites.png) no-repeat;
		background-position: 0 -21px;
		padding: 0 8px 0 8px;
		list-style:none;
	}
	
	#nav_support UL LI.left {
		background: none;
		padding-left: 0;
	}
	
	#nav_support UL LI.right {
		padding-right: 0;
	}
	
	#nav_support A {
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
		color: #888;
		background: url(/i/cockpit/landing_page/ico_sprites.png) no-repeat;
		background-position: 0 3px;
		padding: 0 0 0 7px;
	}
	
	#nav_support A:hover {
		text-decoration: underline;
		color: #d50000;
	}
	
	#nav_support .on A {
		color: #d50000;
	}

/* ------------------------------------
CONTENT
------------------------------------ */
#direct_banner
{
	text-align: center;
	background-color: #FFF;
}

#content { background-color: #FFF; }

#content_main
{
	padding: 0 0 20px 0;
	background-color: #FFF;
}

	/* TABS BUTTON */
	#tabs_button {
		float: left;
		width: 190px;
		height: 500px;
		background: url(/i/cockpit/landing_page/tabs_button_right.png) no-repeat top right;
	}
		
		#tabs_button UL {
			list-style-type: none;
			
		}
		
			#tabs_button UL LI {
				width: 190px;
				height: 72px;
				background: url(/i/cockpit/landing_page/tabs_button.png) no-repeat;
				background-position: 0 -72px;
				list-style:none;
			}
		
			#tabs_button LI.on {
				background-position: 0 0px;
			}
		
				#tabs_button LI A {
					display: block;
					width: 125px;
					padding: 20px 5px 0 60px;
					height: 52px;
					
					text-decoration: none;
					color: #6a6a6a;
					font-size: 105%;
					font-weight: bold;
					
					background: url(/i/cockpit/landing_page/ico_tabs_sprites.png) no-repeat;
				}
				
				#tabs_button LI.on A {
					color: #000;
				}
				
				#tabs_button LI#tabs_intro A {
					background-position: -190px 10px; 
				}
				
				#tabs_button LI#tabs_intro A:hover {
					background-position: 10px 10px; 
					color: #000;
				}
				
				#tabs_button LI#tabs_intro.on A {
					background-position: 10px 10px; 
				}
				
				#tabs_button LI#tabs_tcdirect A {
					background-position: -190px -90px; 
				}
				
				#tabs_button LI#tabs_tcdirect A:hover {
					background-position: 10px -90px; 
					color: #000;
				}
				
				#tabs_button LI#tabs_tcdirect.on A {
					background-position: 10px -90px; 
				}
				
				#tabs_button LI#tabs_pricing A {
					background-position: -190px -190px; 
				}
				
				#tabs_button LI#tabs_pricing A:hover {
					background-position: 10px -190px; 
					color: #000;
				}
				
				#tabs_button LI#tabs_pricing.on A {
					background-position: 10px -190px; 
				}
				
				#tabs_button LI#tabs_question A {
					background-position: -190px -290px; 
				}
				
				#tabs_button LI#tabs_question A:hover {
					background-position: 10px -290px; 
					color: #000;
				}
				
				#tabs_button LI#tabs_question.on A {
					background-position: 10px -290px; 
				}
				
			
	/* TABS CONTENT */
	#tabs_panel {
		margin-left: 189px;
		background: url(/i/cockpit/landing_page/tabs_content_right.png) no-repeat top right;
		padding: 10px;
		min-height:500px;
		height:auto !important;
		height:500px;
		font-size: 90%;
	}
	
		.tabs_content {
			padding: 17px;
			background: url(/i/cockpit/landing_page/bg_content_main.png) repeat-x;
			min-height: 462px;
		}
		
	/* CONTENT COLUMN */
	.content_columns {
		width: 100%;
	}
		.content_columns p
		{
			line-height: 150%;
			margin-bottom:12px;
		}
		
		.content_column1 {
			float: left;
			width: 340px;
			min-height: 450px;
			height: auto !important;
			height: 450px;
		}
		
			#start_your_project {
				margin-top: 10px;
				text-align: center;
				margin-bottom: 20px;
			}
		
		.content_column2 {
			float: right;
			width: 300px;
		}
		
			#what_todo {
				list-style-type: none;
				margin-top: 5px;
			}
			
				#what_todo LI {
					height: 90px;
					margin-bottom: 7px;
					background: url(/i/cockpit/landing_page/bg_block.png) no-repeat;
				}
				
					#what_todo LI H3 {
						padding-top: 5px;
						font-size: 120%;
						margin: 2px 0 5px 0;
					}
					
					#what_todo LI P {
						font-size: 90%;
						margin: 4px 0;
					}
					
					#what_todo LI P.learn_more {
						font-size: 100%;
						margin-top: 5px !important;
					}
				
					#what_todo LI .item {
						background: url(/i/cockpit/landing_page/what_todo_sprites.png) no-repeat;
						width: 170px;
						padding-left: 108px;
						margin-left: 5px;
						margin-right: 5px;
						min-height: 90px;
						height: auto !important;
						height: 90px;
					}
				
						#what_design .item {					
							background-position: 0 10px !important;
						}
						
						#what_define .item {					
							background-position: 0 -95px !important;
						}
						
						#what_build .item {					
							background-position: 0 -190px !important;
						}
						
						#what_test .item {					
							background-position: 0 -290px !important;
						}
						
						#what_fix .item {					
							background-position: 0 -400px !important;
						}
						
		.content_columns .right{
			width: 100%;
			text-align: right;
		}
		
		.content_columns ul{
			list-style: none;
		}
		
		.content_columns ul.what_is_list{
			margin-top: 30px;
		}
		
		.content_columns ul.pricing_list{
			margin: 6px 0 30px 10px;
		}
		
		.content_columns ul.what_is_list li p{
			margin: 4px 0 10px 20px;
		}
		
		.content_columns ul.what_is_list .list_title, .content_columns ul.pricing_list li{
			background: url(/i/cockpit/landing_page/ico_sprites.png) no-repeat;
			background-position: 0 -50px;
			padding-left: 20px;
			font-size: 95%;
			font-weight: bold;
		}
		
		.content_columns ul.pricing_list li{
			font-size: 14px;
			font-weight: normal;
			margin-bottom: 10px;
		}
		
		.content_columns .pricing_image{
			float: right;
			background: url(/i/cockpit/landing_page/pricing.png) top right no-repeat;
			width: 224px;
			height: 129px;
		}
		
		.content_columns .help_image{
			float: right;
			background: url(/i/cockpit/landing_page/help.png) top right no-repeat;
			width: 200px;
			height: 128px;
		}
		
		.content_columns table{
			width: 645px;
			margin: 12px 0 10px 0;
			text-align: center;
			
		}
		
		.content_columns table tbody{
			background-color: #b3b3b3;
		}
		
		.content_columns table thead{
			width: 645px;
			background: #231f20 url(/i/cockpit/landing_page/table_price_top.png) top left no-repeat;
			height: 5px;
		}
		
		.content_columns table tbody tr.table_title{
			background-color: #231f20;	
			color: #fff;						
			font-size: 90%;
			font-weight: bold;	height: 50px;
			padding: 0 8px 8px 8px;			
		}
		
		.content_columns table tbody tr.table_title td{
			border-bottom: 4px solid #e41c38;
			border-left: 1px solid #231f20;
			border-bottom: 1px solid #231f20;
		}
		
		.content_columns table tfoot{
			background: #231f20 url(/i/cockpit/landing_page/table_price_bottom.png) bottom left no-repeat;
			height: 5px;
		}
		
		.content_columns tbody tr td{
			border-left: 1px solid #b3b3b3;
			border-bottom: 1px solid #b3b3b3;
		}
		
		.content_columns table tbody tr.row1{
			background-color: #f0f0f0;
			height: 27px;
		}
		
		.content_columns table tbody tr.row2{
			background-color: #d1d1d1;
			height: 27px;
		}
		
		.content_columns h3{
			margin: 0;
			padding: 25px 0 0 0;
			font-size: 16px;
			color: #333;
		}
		
		.content_columns p{
			margin-bottom: 10px;
			margin-top: 10px;
		}
		
		.content_columns h4{
			margin: 10px 0 6px 0;
			padding: 18px 0 0 0;
			font-size: 120%;
			color: #333;
		}
			
			
		.content_columns p.ans{
			padding-left: 20px;
			line-height: 150%;
			color: #333;
		}
		
		.content_columns p.ask{
			background: url(/i/cockpit/landing_page/ico_sprites.png) no-repeat;
			background-position: 0 -49px;
			padding-left: 20px;
			font-weight: bold;
			margin-top: 10px;
		}
		
		.content_columns ul.support_list, .content_columns ul.methodology_list, .content_columns ul.bug_race_list{
			margin-left: 20px;
			margin-bottom: 20px;
		}
		
		.content_columns ul.support_list li, .content_columns ul.methodology_list li, .content_columns ul.bug_race_list li{
			padding-left: 22px;
			height: 16px;
			background: url(/i/cockpit/landing_page/check.png) top left no-repeat;
			margin: 6px 0;
		}
		
		.content_columns ul.methodology_list li
		{
			height: auto;
		}
		
		.content_columns .red{
			color: #d00;
		}
		
		.content_columns p
		{
			margin: 0;
			padding: 0;
			margin-bottom:6px;
		}

		.content_columns h4 img.app-icon{
			float: left;
			padding: 0 10px 0 0px;
			margin:0;
		}
		
		.process
		{
			min-height: 100px;
			height: 110px;
			margin: 8px 0;
			padding: 0;
		}

		.process p
		{ line-height:120% }
		
/*home*/

.left_content {
    float: left;
    width: 408px;
    background: url( "/i/cockpit/landing_page/leftBg.png" ) no-repeat;
    padding-top: 100px;
    text-align: center;
    margin-left: 45px;
    display: inline;
}

.left_content li, .right_content li {
    text-align: left;
    float: left;
    list-style: none;
    width: 148px;
    height: 29px;
    padding-top: 7px;
    margin-left: 30px;
    margin-right: 5px;
    display: inline;
}

.button, .button1, .button2 {
    text-align: left;
    color: #616161;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 15px;
    width: 147px;
    height: 28px;
    padding-top: 7px;
    display: block;
}

.left_content .startNow {
    clear: left;
    margin-top: 20px;
    display: inline;
}

.button {
    margin-left: auto;
    margin-right: auto;
    background: url( "/i/cockpit/landing_page/buttonbg.png" ) no-repeat;
}

.button1 {
    background: url( "/i/cockpit/landing_page/buttonbg1.png" ) no-repeat;
}

.button2 {
    background: url( "/i/cockpit/landing_page/buttonbg2.png" ) no-repeat;
}

.button:hover {
    text-decoration: none;
    background: url( "/i/cockpit/landing_page/buttonOverbg.png" ) no-repeat;
}

.button1:hover {
    text-decoration: none;
    background: url( "/i/cockpit/landing_page/buttonOverbg1.png" ) no-repeat;
}

.button2:hover {
    text-decoration: none;
    background: url( "/i/cockpit/landing_page/buttonOverbg2.png" ) no-repeat;
}

.right_content {
    float: right;
    width: 408px;
    background: url( "/i/cockpit/landing_page/rightBg.png" ) no-repeat;
    padding-top: 100px;
    text-align: center;
    margin-right: 40px;
    display: inline;
}

.right_content .icons {
    clear: left;
    margin-left: 30px;
}

.right_content .icons li {
    float: left;
    width: 80px !important;
    margin-top: 35px;
	display:block;
    height:70px;
    text-align: center;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0;
}

.right_content .icons li a
{
	padding-left: 0;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 15px;
	width: 80px;
	padding-top: 65px;
}

.right_content .discovery {
    background: url( "/i/cockpit/landing_page/discovery_icon.png" ) no-repeat;
}

.right_content .design {
    background: url( "/i/cockpit/landing_page/design_icon.png" ) no-repeat;
}

.right_content .build {
    background: url( "/i/cockpit/landing_page/build_icon.png" ) no-repeat;
}

.right_content .test {
    background: url( "/i/cockpit/landing_page/test_icon.png" ) no-repeat;
}

.right_content .findOut
{
	clear: left;
	margin-top: 53px;
	margin-bottom: 3px;
	display: inline;
}


/*---------------------------------------
BANNER
---------------------------------------*/
#banner
{
	padding-top: 20px;
	padding-bottom: 50px;
	background-color: #FFF;
}



/* ------------------------------------
NEWS
------------------------------------ */
#news {
	clear: both;
	padding: 15px 0 20px 0;
	background: #fbfbfb url(/i/cockpit/landing_page/bg_content_news.png) repeat-x;
}

#whats_new SPAN {
	display: none;
}

#whats_new {
	width: 141px;
	height: 23px;
	background: url(/i/cockpit/landing_page/whats_new.png) no-repeat;
}

#news A:hover {
	text-decoration: underline;
}

	/* Post Item */
	#news .post {
		width: 600px;
		padding: 10px 0;
		background: url(/i/cockpit/landing_page/post_hr.png) no-repeat bottom left;
	}
	
	#news .post H3 {
		font-size: 115%;
	}
	
	#news .post H3 A {
		text-decoration: none;
		color: #d50000;
	}
	
	#news .post H3 SMALL {
		color: #3e3e3e;
		padding-left: 10px;
	}
	
	#news .post P {
		font-size: 90%;
		color: #3e3e3e;
		line-height: 16px;
	}
	
	/* LEARN MORE BUTTON */
	.learn_more {
		margin: 1em 0 0 0;
		line-height: 20px;
	}
	
	.learn_more A {
		padding-left: 20px;
		background: url(/i/cockpit/landing_page/ico_sprites.png) no-repeat;
		background-position: 0 -49px;
		color: #d50000;
		text-decoration: none;
		font-weight: bold;
	}
	
	.learn_more A:hover {
		text-decoration: underline;
	}
	
/* ------------------------------------
PLATFORM TOOLS
------------------------------------ */

#platform
{
	padding: 0 0 50px 0;
	font-size: 85%;
	line-height: 150%;
	background-color: #FFF;
}

	.platform_row, .platform_row_dark{
		height: 160px;
	}
	
	.platform_row_dark{
		background: #f4f4f4 url(/i/cockpit/landing_page/bg_platform_dark.png) top left repeat-x;
	}
	
	.platform_row_dark div, .platform_row div{
		width: 930px;
		margin: 0 auto;
		text-align: left;
	}
	
	#platform .platform_img{
		clear: both;
		float: left;
		margin: 16px 20px 0 50px;
	}
	
	#platform h3{
		padding-top: 30px;
		margin-right: 10px;
	}
	
	#platform .sub_header{
		position: absolute;
		font-size: 12px;
		color: #d50000;
		margin-top: 4px;
		margin-left: 10px;
	}
	
	#platform .sub_header a{
		text-decoration: none;
		color: #d50000;
	}
	
	#platform .sub_header a:hover{
		text-decoration: underline;
	}
	
	#platform .red-title{
		font-weight: bold;
		color: #d50000;
		margin-top: 2px;		
	}
	
	


/* ------------------------------------
LINKS
------------------------------------ */
#links {
	float: left;
	width: 100%;
	padding-top: 20px;
	background: #eaeaea url(/i/cockpit/landing_page/bg_content_links.png) repeat-x;
	
}

#links A {
	text-decoration: none;
	color: #555;
}

#links A:hover {
	text-decoration: underline;
	color: #d50000;
}

#links UL {
	list-style-type: none;
	font-size: 82%;
	padding-bottom: 10px;
	padding-left:0;
	margin-left:0;
}

#links LI {
	padding: 3px 0 3px 0;
	list-style:none;
}

#links .col {
	float: left;
	margin-right: 30px;
}

#links H4 {
	color: #000;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 5px;
}

/* ------------------------------------
FOOTER
------------------------------------ */
#footer {
	clear: both;
	padding-top: 10px;
	background: #000;
	color: #cccccc;
	padding-bottom: 20px;
}

	#footer P {
		width: 420px;
		line-height: 16px;
		padding: 5px 0 5px 0;
		font-size: 82%;
	}
	
		#footer_safe_secure {
			float: right;
			color: #FFF;
			text-align: right;
		}
		
			#footer_safe_secure EM {
				font-style: normal;
				font-weight: bold;
				font-size: 110%;
			}
	
		#footer_1800 {
			color: #d50000;
			padding-bottom: 10px;
		}
		
			#footer_1800 STRONG {
				font-size: 140%;
			}

/* ------------------------------------
MISC 
------------------------------------ */
.tabs_content IMG {
	border: none;
}
.center { text-align: center; }
#accessibility, .hide { display: none; }
.clear { clear: both; height:1%; }
.sub-active, .sub-active:visited {background-color:#666666;color:#FFFFFF !important;}

.example-container {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.example {
	width: 48%;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
	.example-image {
		float: left;
		padding-bottom: 10px;
		margin: 0px auto;
	}
	.example-content {
		float: left;
		clear: left;
	}
#guide dl {
	float: left;
	clear: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
	#guide dl.registrants {
		padding-top: 10px;
		border-top: 3px solid #eee;
	}
	#guide dt {
		font-weight: bold;
		float: left;
		margin: 0px;
		padding: 0px;
		padding-right: 2%;
		color: #666;
		text-align: right;
		width: 40%
	}
	#guide dd {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 55%;
	}
#guide table {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	border: 1px solid #ccc;
}
#guide .example-content table {
	border: none;
	width: 90%;
}
	#guide table th {
		padding: 12px 8px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #666;
		border-left: 1px solid #000;
		border-top: 1px solid #666;
		background-color: #333;
		font-weight: bold;
		color: #fff;
	}
	#guide table td {
		padding: 8px;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	#guide .example-content table td {
		padding: 8px;
		border-bottom: none;
		border-right: none;
		border-top: none;
		vertical-align: top;
	}
	#guide table .alt td {
		background-color: #eee;
	}
	#guide .example-content td.title {
		font-weight: bold;
		color: #666;
		white-space: nowrap;
	}
	#guide .example-content tr.registrants td {
		padding-top: 15px;
		border-top: 3px solid #ccc;
	}
.widget-image {
	float: left;
	width: 100%;
	padding: 10px 0px;
}