@charset "UTF-8"; /*this must stay here in order to validate */
/*
*************************************************

 Created on: 9/21/2009
 Modified on: //2009
 These styles are valid CSS level 2.1
 Tested on Mac: Firefox 3 and Safari 3.1.2
 Tested on Windows IE8, IE7 and IE6, Firefox 1.5

*************************************************
*/


/* ------------------------------- Grid Styles --------------------------------- */

#ms_body {
	background: url("../images/_common/main_background.jpg") top left repeat-x;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color:#4F5155;
	background-color: #0e292e;
    behavior:url("../_assets/csshover.htc");
}

#ms_container,#recommendation {
	margin:0 auto;
	width:980px;
}
/*---------------------ipop window content style------------------*/
#ms_container_ipop{
    margin:0 auto;
    width:650px;
}
/*-----------ipop window under line style for main header text*/
#hr_ipop{
    margin-top:-13px;
    margin-left:10px;
}

#ms_container a img {
	border: none;
}


/* ------------------------------- Header Styles --------------------------------- */

#ms_header {
	height:100px;
	width:980px;
}

#ms_header .trb_logo{
	float:left;
}

#ms_header .ms_big_ad {
	float:right;
}


/* ------------------------- Application Window Styles ------------------------- */

#ms_app_window_container {
    background: url("../images/common/golfball_background2.jpg") top left no-repeat;
    background-color:#07181b;
    border:1.5px solid #000;
    border-top-style:none;
    float:left;
    height:523px;
    min-height:523px;
    margin:0 0 5px 0;
    width:980px;
}

#ms_app_window {
    float:left;
    width:854px;
}

/* ---------- Login Window Styles ---------- */

#ms_app_window_col1 {
	height:490px;
	text-align: center;
	width:425px;
}

#ms_app_window_col1 h1 {
	padding:0 0 20px 0;
	margin: 0;
}

#ms_app_window_col1 h2 {
	color: #a62e18;
	font-size: 20px;
	font-weight: normal;
	padding:20px 0 0 0;
}

#ms_app_window_col1 p {
	font-size: 12px;
	color: #fff;
}

#ms_app_window_col2 {
    float:right;
    height:416px;
    padding:65px 0 0 0;
    text-align: center;
    width:425px;
}

#ms_app_window_col2 #ms_logo_block {
	margin: 20px auto 0 auto;
}

#ms_app_window_col2 #ms_logo_block img {
	padding: 0 0 10px 0;
}

#ms_app_window_col2 ul {
	list-style-type: none;
	font-size: 11px;
	margin: 0 auto;
	padding: 0;
	width:364px;
}

#ms_app_window_col2 li {
	display:inline;
	float:left;
}

#ms_app_window_col2 li a {
	color: #fff;
	display:block;
	height:29px;
	text-decoration: none;
	 
	width:91px;
	
}

#ms_app_window_col2 .sign_up_now a {
	background: url("../images/login_screen/button_bar/sign_up_now.jpg") top right no-repeat;
}

#ms_app_window_col2 .sign_up_now a:hover {
	background: url("../images/login_screen/button_bar/sign_up_now.jpg") top left no-repeat;
}

#ms_app_window_col2 .view_as_demo a:hover {
	background: url("../images/login_screen/button_bar/view_as_demo.jpg") top left no-repeat;
}

#ms_app_window_col2 .view_as_demo a {
	background: url("../images/login_screen/button_bar/view_as_demo.jpg") top right no-repeat;
}

#ms_app_window_col2 .give_as_gift a {
	background: url("../images/login_screen/button_bar/give_as_gift.jpg") top right no-repeat;
}

#ms_app_window_col2 .give_as_gift a:hover {
	background: url("../images/login_screen/button_bar/give_as_gift.jpg") top left no-repeat;
}

#ms_app_window_col2 .get_test_pack a {
	background: url("../images/login_screen/button_bar/get_test_pack.jpg") top right no-repeat;
}

#ms_app_window_col2 .get_test_pack a:hover {
	background: url("../images/login_screen/button_bar/get_test_pack.jpg") top left no-repeat;
}

/* ---------- Form Styles ---------- */

#ms_app_window_col1 label {
	font-size: 13px;
	color:#fff;
}

#ms_app_window_col1 form input {
	background-color: #ccc;
	border:1px solid #000;
	font-size: 14px;
	height:22px;
	width:250px;
}

#ms_app_window_col1 form p {
	padding: 5px 0 5px 0;
	margin: 0;
	line-height: 15px;
}

#ms_app_window_col1 #register_btn a {
	background: url("../images/login_screen/register_now_button.jpg") top left no-repeat;
	display: block;
	height:30px;
	margin:0 auto;
	 
	width:111px;
}

#ms_app_window_col1 #register_btn a:hover {
	background: url("../images/login_screen/register_now_button.jpg") top right no-repeat;
}

#ms_app_window_col1 input.submit, a.submit {
	background: url('../images/login_screen/login_button.jpg') top left no-repeat;
	display: block;
	height:40px;
	margin:15px auto 5px auto;
	 
	width:111px;
	border: 0px;
}

#ms_app_window_col1 input.submit:hover, a.submit:hover {
	background:url('../images/login_screen/login_button.jpg') top right no-repeat;
	cursor:pointer;
}


/* ------------------------- Sidebar Styles ------------------------- */

#ms_sidebar {
    float: right;
    margin: 0;
    text-align: center;
    width:122px;
}

#ms_sidebar img {
	padding:0 0 8px 0;
}

#ms_sidebar p {
	font-size: 11px;
	margin: 7px 0 7px 0;
	padding: 0;
}

#ms_sidebar #ball_buyers_guide_btn a {
	background: url("../images/_common/sidebar/ball_buyers_guide_button.jpg") top left no-repeat;
	display: block;
	height:40px;
	 margin-left:5px;
	width:111px;
}

#ms_sidebar #ball_buyers_guide_btn a:hover {
	background: url("../images/_common/sidebar/ball_buyers_guide_button.jpg") top right no-repeat;
}

#ms_sidebar #digital_ball_catalog_btn a {
	background: url("../images/_common/sidebar/digital_ball_catalog_button.jpg") top left no-repeat;
	display: block;
	height:40px;
	 margin-left:5px;
	width:111px;
}

#ms_sidebar #digital_ball_catalog_btn a:hover {
	background: url("../images/_common/sidebar/digital_ball_catalog_button.jpg") top right no-repeat;
}

#ms_sidebar #performance_certified_btn a {
	background: url("../images/_common/sidebar/performance_certified_button.jpg") top left no-repeat;
	display: block;
	height:40px;
	 margin-left:5px;
	width:111px;
}

#ms_sidebar #performance_certified_btn a:hover {
	background: url("../images/_common/sidebar/performance_certified_button.jpg") top right no-repeat;
}

#ms_sidebar #golfball_leaderboard_btn a {
	background: url("../images/_common/sidebar/golfball_leaderboard_button.jpg") top left no-repeat;
	display: block;
	height:40px;
	 margin-left:5px;
	width:111px;
}

#ms_sidebar #golfball_leaderboard_btn a:hover {
	background: url("../images/_common/sidebar/golfball_leaderboard_button.jpg") top right no-repeat;
}


/* ------------------------- Ad Block Styles ------------------------- */

.ms_ad_block {
	clear:both;
	height:90px;
	margin:0 0 5px 0;
	width:980px;
}

.ms_ad_block p {
	margin: 0;
}

.ms_big_ad {
	height:90px;
	width:728px;
}

.ms_small_ad {
	float:right;
	height:90px;
	margin-left:6px;
	_margin-left:4px; /* hack to fix float drop in IE6 - Breaks validation */
	width:120px;
	display: inline;
}



/* ------------------------- Footer Styles ------------------------- */

#ms_footer {
	background-color: black;
	margin: 0;
	height:55px;
	padding: 2px 0 0 0;
	text-align: center;
	width:980px;
}

#ms_footer p {
	color:#999;
	font-size: 11px;
	line-height: 11px;
	margin:0;
	padding:0;
}

#ms_footer ul {
	font-size: 11px;
	list-style-type: none;
	padding: 10px 0 3px 0;
	margin: 0;
	text-transform: uppercase;
}

#ms_footer ul li {
	border-right: 1px solid #333;
	display: inline;
	padding: 0 6px 0 0;
	margin: 0 0 0 4px;
}

#ms_footer ul li a {
	color:#999;
	text-decoration: none;
}

#ms_footer ul li a:hover {
	text-decoration: underline;
}

#ms_footer .gbs_lite_logo {
	float:left;
}

#ms_footer .gbs_flag_logo {
	float:right;
}
#main_content_container {
    background: url("../images/common/golfball_background2.jpg") top left no-repeat;
    background-color:#07181b;
    border:1.5px solid #000;
    border-top-style:none;
    float:left;
    height:auto;
    margin:0 0 5px 0;
    width:980px;
}
#main_content_container #col_1 {
    padding:75px 0 0 40px;
    width:370px;
    
}


#main_content_container #col_2 {
    float:right;
    padding:60px 0px 0 0px;
    width:415px;
    
    
}

#header {
    background: url('../images/common/logo_header2.jpg') left bottom no-repeat;
    background-color:#000;
    height:13px;
    padding: 0;
margin-left:1px;
    width:985px;
}
#about_you1 #col_2 {
	clear:right;
	float:right;
	padding:30px 0px 0 20px;
	width:405px;
         margin:0px;
	
	
}

#breadcrumb_nav_container {
	background: url('../images/common/breadcrumb_background.jpg') no-repeat;
	min-height:300px;
	margin: 0 auto;
	width:848px;
        height:370px;
}


#breadcrumb_nav_container div {
	
	float: right;
	min-height: 200px;
	padding: 5px;
	width:201px;
        height:370px;
}
#breadcrumb_nav_container #bc_col_2,#bc_col_3 {
	border-left: 1px solid #343434;
}

#breadcrumb_nav_container #bc_col_4 {
    border-left: 1px solid #343434;
	float:right;
	width:201px;
}

#col_1 img {
	padding-bottom: 30px;
}

#col_2 img {
	padding-bottom: 10px;
}



/* ------------------------------------------ 3 column styles used on the Your Game screens */

#three_col_container {
    margin-top:10px;
    margin-left:40px;
    width:765px;
}

#three_col_container_col_1 {
	width:200px;
}

#three_col_container_col_2 {
	float: right;
	margin-right: 80px;
	width:200px;
}

#three_col_container_col_3 {
	float: right;
	width:220px;
}



/* ------------------------------------------ 4 column styles used on the Your Game #2 screens */

#four_col_container {
    margin-top:10px;
    margin-left:40px;
    width:800px;
}

#four_col_container_col_1 {
	float: left;
	margin:10px 30px 15px 0;
	width:166px;
}

#four_col_container_col_2 {
	float: left;
	margin:10px 30px 15px 0;
	width:166px;
}

#four_col_container_col_3 {
	float: left;
	margin:10px 30px 15px 0;
	width:166px;
}

#four_col_container_col_4 {
	float: left;
	margin:10px 30px 15px 0;
	width:166px;
}


/* ------------------------------------------ Special column styles used on the Recommendation screen */

#recommendation #main_content_container #col_1 {
    padding:75px 0 0 40px;
    width:370px;
 
}


#recommendation #main_content_container #col_2 {
    background-color:#000;
    float:right;
    margin-right:30px;
    padding:10px 0px 10px 10px;
    width:378px;
    margin-top:60px;
    
    
}


#top_five_container {
    clear:left;
    margin-left:40px;
    width:775px;
}

.ball_recommendation {
	background-color: #000000;
	float:left;
	margin: 0 5px 0 0;
	min-height: 200px;
	padding:10px;
	width:130px;
}

#purchase_container {
    clear:left;
    margin-left:40px;
    width:775px;
}
#total_list_container {
	clear:both;
	margin:0 auto;
	width:800px;
}
.price_box {
	background-color: #000;
	float:left;
	margin: 5px 5px 0px 0;
	padding:10px;
	width:130px;
}

#recommend_box_col_1 {
	float:left;
	text-align: center;
	width:200px;
         
}

#recommend_box_col_2 {
	margin:0 0 0 205px;
	width:160px;
}


/* ------------------------------------------ Bottom Navigation Button Styles */

.button img {
	margin:0 auto;
	padding:30px 0 0 80px;
}
#button_container input:hover {
  background-position: bottom right;  cursor:pointer;
}

#button_container .next_button {
    background: url('../images/common/next_button.jpg') right top no-repeat;
    float:right;
    height:31px;
    margin:15px 0 0 0px;
    width: 111px;
    cursor:hand;
}

#button_container .trajectory_button{
    background: url('../images/common/trajectory.jpg') top no-repeat;
    height:31px;
    width: 191px;
    cursor:pointer;
    margin:15px 0 0 255px;      
}

#button_container {
  
    height:61px;
    margin: 20px auto 5px auto;
    padding-bottom: 10px;
    padding-right:120px;
    width:700px;	
}

#button_container .previous_button {
	background: url('../images/common/previous_button.jpg') right top no-repeat;
	float:left;
	height:31px;
	margin:15px 0 0 0;
	width: 111px;
}

#button_container .fullversion_button{
    background: url('../images/full_version.png') top no-repeat;
    height:18px;
    width: 20px;
    margin:20px 0 0 227px;   
}

 .optimize_button {
	background: url('../images/recommendations/optimize_your_ball.jpg') right top no-repeat;
	height:54px;
	margin:75px 0 0 470px;
	width: 257px;
        cursor:hand;
}
.previous_button1 {
	background: url('../images/common/previous_button.jpg') right top no-repeat;
	float:left;
	height:31px;
	margin:75px 0 0 0;
	width: 111px;
}
#button_container .testpack_button {
	background: url('../images/recommendations/test_pack_available.jpg') right top  no-repeat;
	float:left;
	height:54px;
	margin:0 0 0 230px;
	width: 250px;
}
.topfivelabel {
    margin-left:40px;
    margin-top: 115px;
    width: 810px;
 
}
#button_container a {
  	display: block;
    outline: none;
    position: absolute;
    
    cursor:hand;
}

#button_container a:hover {
  background-position: bottom right;
  
}
#recommendation #button_container input:hover {
  background-position: top right; 
  cursor:pointer;
}

/* -------------------------Registration Application Window Styles ------------------------- */

#ms_reg_app_window {
	background: url("../images/_common/golfball_background.jpg") top left no-repeat;
	background-color:#07181b;
	border-left: 1px solid #000;
	float:left;
	height:auto;
	margin:0 0 5px 0;
	width:780px;
        padding-left:40px;
        padding-bottom:10px;
  
}

#prevtop_container {
    clear:both;
    height:51px;
    margin: 20px auto 5px auto;
    padding-bottom: 6px;
    padding-top:6px;
    width:780px;	
}
#registration_main_content_container {
    background: url("../images/common/golfball_background_reg.jpg") top left no-repeat;
    background-color:#07181b;
    float:left;
    height:auto;
    margin:0 0 0px 0;
    width:985px;
}
#registration_main_content_container #col_1 {
    padding:10px 0 0 20px;
    width:420px;
    
}


#registration_main_content_container #col_2 {
    float:right;
    padding:29px 0px 0 0px;
    width:385px;
    
    
}
#regImage {
	background: url("../images/_common/image.gif") left bottom no-repeat;
         padding:80px 0 0 40px;
	
}

#coll .learn_button {
    background: url('../images/common/learnmore.gif') right top no-repeat;
    float:left;
    height:50px;
    margin:10px 0 0 35px;
    width: 279px;
}
#coll .get_started_button {
    
	background: url('../images/intro_screen/get_started_button.jpg') right top no-repeat;
	height:31px;
	margin:30px 0 0 65px;
	width: 111px;
   
}

#coll .get_started_index_button {
    
	background: url('../images/intro_screen/get_started_button.jpg') right top no-repeat;
	height:31px;
	margin:17px 0 0 65px;
	width: 111px;
   
}

#coll a {
    display: block;
    outline: none;
    position: absolute;
    cursor:hand;
}
#coll a:hover {
    background-position: bottom right;
    
}


#subPageGboxReady
	{
	border:1px solid;
	margin:0 0 7px 0;
	background:url(../images/subPageGboxBG_ready.png);
	width:248px;
	height:124px;
	background-repeat:no-repeat;
	}
  #subPageGboxScience
	{
	border:1px solid;
	margin:0 0 7px 0;
	background:url(../images/subPageGboxBG_science.png);
	width:248px;
	height:124px;
	background-repeat:no-repeat;
	}    

#ms_app_window_col3 {
    padding:15px 0 0 20px;
    width:520px;
    text-align:justify;
    
}
#ms_app_window_col4  {
    float:right;
    padding:60px 0px 0 20px;
    width:280px;
    
    
}
#ms_app_window a{
    color:#f19b11
} 

/* ------------------------- Application Window Styles for Footer------------------------- */

#ms_app_window_footer_container {
    background: url("../images/_common/golfball_background.png") top left no-repeat;
    background-color: #02272c;
    border:2px solid #000;
    margin:0 0 5px 0;
    height:auto;
    
}