/* callaway golf canada en site 
@import url("/css/navigation.css");
@import url("/css/borders.css");
*/

img , div {
	behavior: url("/css/iepngfix.htc");
}

BODY {
	padding: 0px;
	margin: 0px;
	background-color: #313131;
	background-image: url(/images/2010/main_back.jpg);
	background-position: -600px 100px;
	background-repeat: repeat-x;
	text-align: center;
	color: #AAA;
}

BODY , INPUT , SELECT , TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
INPUT , SELECT , TEXTAREA {
	color: #333;
}

A:VISITED , A:LINK {
	text-decoration: none;
	color: #C0252D;
}

A:HOVER {
	text-decoration: underline;
}
A IMG {
	border: none;
}

H4 A:VISITED , H4 A:LINK , H3 A:VISITED , H3 A:LINK , H2 A:VISITED , H2 A:LINK , H1 A:VISITED , H1 A:LINK {
	color: #686868;
	text-decoration: none;
}
H4 A:HOVER , H3 A:HOVER , H2 A:HOVER , H1 A:HOVER {
	background-color: #C0252D;
	color: #FFF;
	text-decoration: none;
}
H1 {
	font-size: 28px;
	
}
H2 {
	font-size: 22px;
	
}
H3 {
	font-size: 18px;
	font-weight: normal;
}
H4 {
	font-size: 16px;
}
H5 {
	font-size: 14px;
}
H6 {
	font-size: 12px;
}
P , TABLE {
	font-size: 14px;
}


H1 , H2 , H3 , H4 , H5 , H6 , P {
	margin: 4px auto;
}
H1 , H2 , H3 , H4 , H5 , H6 {
	color: #FFF;
	font-weight: normal;
}
INPUT.submit , BUTTON.submit {
	color: #000000;
	font-weight: bold;
	background-image:url(/images/2008/app_interface/buttons/images/submit_back.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: none;
	height: 25px;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
}
INPUT:FOCUS , SELECT:FOCUS , TEXTAREA:FOCUS {
	outline: 1px solid #C0252D;
}
IMG , A IMG {
	border: none;
}
HR {
	border-top: solid 1px #444444;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 100%;
	height: 1px;
}

FIELDSET {
	border:1px dashed #666666;
	padding:4px 20px 14px 20px;
}
FIELDSET LEGEND {
	color: #FFFFFF;
	font-size: 14px;
	background-color: #666666;
	line-height: normal;
	padding-right: 10px;
	padding-left: 10px;
}
FORM {
	margin: 0px;
	padding: 0px;
}


/* wrap all body content with this */

.page {
	background-color: #1A1A1A;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	width: 940px;
}
.page p , .body-copy , p.body-copy {
	line-height: 20px;
}

.wrapper , .breadcrumbs {
	text-align: left;
	width: 940px;
	margin: 0px auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#header {
	background-color: #F8F8F8;
	height: 80px;
	color: #333;
	background-image: url(/images/2010/header_back.jpg);
	background-position: center top;
}
#header form {
	display: inline;
}
#header #logo {
	vertical-align: middle;
	margin-top: 18px;
}
#header #callaway-logo {
	float: right;
	margin-top: 24px;
	vertical-align: text-top;
}
#header #welcome-msg {
	float: right;
	margin-right: 20px;
	margin-top: 34px;
}
#header input {
	border: 1px solid #cccccc;
	color: #333;
	padding: 4px;
	margin-right: 10px;
	width: 100px;
}
/* scrolling panes at bottom of each page */
.pane-height {
	height: 180px;
}
.pane {
	width: 230px;
	float: left;
	overflow: hidden;
}

.bottom-scroller-title {
	background-image: url(/images/2010/bottom_scroller_title_back.png);
	width:230px;
	height:50px;
	color:#FFF;
	margin-top:130px;
	padding-left: 8px;
}
.bottom-scroller-title h4 {
	font-size: 17px;
	font-weight: normal;
	color: #999;
	margin: 0px;
}
.bottom-scroller-title p {
	margin: 0px;
}
.bottom-scroller-title a:visited , .bottom-scroller-title a:link {
	color: #FFF;
	font-size: 12px;
}


#bottom-links {
	background-color: #1A1A1A;
	color: #999;
	height: 220px;
	width: 940px;
	margin: 0px auto;
	padding-top: 20px;
}
#bottom-links .bottom-links-cell {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}
#bottom-links .bottom-links-cell h4 , #bottom-links .bottom-links-cell p {
	font-size: 12px;
}
#bottom-links .bottom-links-cell h4 , #bottom-links .bottom-links-cell h4 a:visited , #bottom-links .bottom-links-cell h4 a:link {
	color: #555;
	font-size: 14px;
	font-weight: normal;
}
#bottom-links .bottom-links-cell p , #bottom-links .bottom-links-cell p a:visited , #bottom-links .bottom-links-cell p a:link {
	color: #AAA;
}
.page a:hover , .body-copy a:hover , #bottom-links .bottom-links-cell p a:hover , #bottom-links .bottom-links-cell h4 a:hover , .bottom-scroller-title a:hover , #header #welcome-msg a:hover , .panel a:hover {
	background-color: #C0252D;
	color: #FFF;
	text-decoration: none;
}

/*site navbar with profile etc*/

#navbar {
	background-color: #1B1B1B;
	height: 30px;
}
#navbar .wrapper {
	text-align: center;
}
#navbar a:visited , #navbar a:link {
	color: #999;
	line-height: 30px;
	text-decoration: none;
	padding: 7px 8px;
}
#navbar a:hover {
	text-decoration: none;
	background-color: #444;
	color: #FFF;
}
#navbar .navitem {
	
}
#navbar .navpipe {
	margin: 0px 6px;
	color: #666;
}




/* NAV DROP DOWNS*/
#navbar SPAN.main_nav_drop {
	position: absolute;
	top: 110px;
}
#navbar SPAN.nav_drop {
	text-align: left;
	background-color: #313131;
	position: absolute;
	z-index: 10000;
	display: none;
}
#navbar SPAN.nav_drop A:VISITED , #navbar SPAN.nav_drop A:LINK {
	color: #aaa;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #1A1A1A;
	padding: 0px 4px;
	margin: 0px;
}
#navbar SPAN.nav_drop A:HOVER {
	color: #FFFFFF;
	background-color: #C0252D;
}

/* page breadcrumbs */
TABLE.breadcrumbs {
	color: #999999;
	background-color: #2B2B2B;
	background-image: url(/images/2010/main_back.jpg);
	background-position: center top;
	background-repeat:repeat-y;
	border-bottom: 1px solid #444444;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-size: 11px;
}
TABLE.breadcrumbs TD {
	padding-top: 4px;
	padding-bottom: 2px;
	text-indent: 4px;
}
TABLE.breadcrumbs SPAN {
	margin-right: 4px;
}
TABLE.breadcrumbs A:VISITED , TABLE.breadcrumbs A:LINK {
	color: #999999;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}
TABLE.breadcrumbs A:HOVER {
	background-color: #C0252D;
	color: #FFFFFF;
}


#footer {
	padding-top: 10px;
	margin-bottom: 30px;
	font-size: 9px;
}
#footer , #footer a:visited , #footer a:link {
	color: #666;
}
#footer a:hover {
	color: #FFF;
}
#footer #logos {
	float: right;
}
#footer #logos a {
	margin-left: 20px;
}
#footer #logos img {
	vertical-align: middle;
}
#footer .footer-pipe {
	margin: 0px 10px;
}
#foot-spam {
	font-size: 12px;
	background-color: #0E0E0E;
	color: #999;
}


TABLE.flex-table {
	border: none;
}
TABLE.flex-table TH {
	background-color: #212121;
	background-image: url(/images/2008/app_interface/tables/th.gif);
	background-repeat: repeat-x;
	background-position: center;
	border-bottom: 1px solid #444444;
	color: #FFFFFF;
	text-align: left;
	padding: 2px;
	text-indent: 4px;
	height: 24px;
}
TABLE.flex-table TD {
	border-bottom: 1px solid #444444;
	height: 24px;
	color: #FFFFFF;
	padding: 2px;
	text-indent: 4px;
}



TABLE.profile-table TH {
	text-align: left;
	color: #999999;
	font-weight: normal;
	white-space: nowrap;
	padding: 4px 8px 4px 0px;
}
TABLE.profile-table TD {
	text-align: left;
	padding: 4px 8px 4px 0px;
	color: #FFFFFF;
}
TABLE.profile-table INPUT , TABLE.profile-table SELECT , TABLE.profile-table TEXTAREA {
	font-weight: normal;
}
TABLE.profile-table INPUT.submit {
	font-weight: bold;
}


.pluing-required-alert {
	background-color: #000000;
	border-bottom: 1px solid white;
	color: #FFFFFF;
	text-align: center;
	padding: 4px;
	height: 110px;
}

.cg_round_image {
	border: 3px solid #FFFFFF;
}

.footnote , .page .footnote {
	font-size: 11px;
	line-height: 14px;
}

.info_message {
	background-color: #FFF;
	color: #000;
	padding: 40px;
}

.plugin {
	padding: 20px;
	background-color: #C0252D;
	color: #FFF;
	font-size: 14px;
}

div#weather-container {
	height: 20px;
}
div#weather-container a:link , div#weather-container a:visited {
	color: #FFE32E;
}
div#weather-container a:hover {
	background-color: #FFE32E;
	color: #000;
}
div#weather-editor {
	background-color: #111111;
}

#weather-frame {
	float:right;
}
#weather-search-bar {
	margin-bottom: 10px;
}
#weather-search-bar input , #weather-search-bar select , #weather-search-bar button {
	
}
.weather-location-cell , #weather-search-bar table td {
	padding: 2px 0px 2px 0px;
	color: #FFF;
}
.weather-location-cell button {
	margin-right: 20px;
}