/**************************************************************************
*	set default styles:
*	in NN, center and td don't inherit from body, so need to define as same.
*
* n.b. these settings affect all inherited styles.
**************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #fffff;
	background-image: url(images/background.gif);
	margin-top: 15;
	margin-bottom: 10;
	margin-left: 0;
	margin-right: 0;
}


center, td, span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a:link		{color: #0271B9;}
a:visited	{color: #0271B9;}
a:active	{color: #0271B9;}
a:hover		{color: #cc0000;}


a.sub_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.sub_menu:link		{text-decoration: none; color: #ffffff;}
a.sub_menu:visited	{text-decoration: none; color: #ffffff;}
a.sub_menu:active	{text-decoration: none; color: #ffffff;}
a.sub_menu:hover		{text-decoration: none; color: #000000;}

a.small_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
}
a.small_link:link		{text-decoration: none; color: #0271B9;}
a.small_link:visited	{text-decoration: none; color: #0271B9;}
a.small_link:active	{text-decoration: none; color: #0271B9;}
a.small_link:hover		{text-decoration: none; color: #cc0000;}

a.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
a.blue:link		{text-decoration: none; color: #0270B6;}
a.blue:visited	{text-decoration: none; color: #0270B6;}
a.blue:active	{text-decoration: none; color: #0270B6;}
a.blue:hover		{text-decoration: none; color: #666666;}

a.black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
a.black:link		{text-decoration: none; color: #000000;}
a.black:visited	{text-decoration: none; color: #000000;}
a.black:active	{text-decoration: none; color: #000000;}
a.black:hover		{text-decoration: none; color: #cc0000;}

a.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/**************************************************************************
*	set default styles that inherit from body:
*
* n.b. these settings affect all inherited styles.
**************************************************************************/
blockquote {
	margin-top: 5;
	margin-bottom: 0;
	margin-left: 15;
}

ul {
	margin-top: 5;
	margin-bottom: 5;
	margin-left: 25;
}

ul.cleat {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 15;
}

ul.cleat li{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

ol {
	margin-top: 5;
	margin-bottom: 5;
	margin-left: 35;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #246494;
	margin-top: 0;
	margin-bottom: 5;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-top: 0;
	margin-bottom: 5;
}

h1.pages {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-top: 0;
	margin-bottom: 4;
}

h1.popup {
	font-size: 35px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 4;
}

h2.titles {
	font-size: 18px;
	font-weight: bold;
	color: #0262A2;
	margin-top: 0;
	margin-bottom: 5;
}

h2.sub_title {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-top: 0;
	margin-bottom: 5;
}

hr {
	size: 2;
	width: 100%;
	color: #b3d4ea;
	margin-top: 0;
	margin-bottom: 0;
}

hr.light {
	size: 1;
	width: 100%;
	color: #b3d4ea;
	margin-top: 0;
	margin-bottom: 0;
}

/**************************************************************************
*	set generic styles:
**************************************************************************/
a.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

.mini {
	font-size: 10px;
}

.search_button {
	width: 52px;
	height: 22px;
}

.submit_button {
	width: 90px;
	height: 18px;
}

.tech {
	font-size: 11px;
	font-weight: bold;
}

.tiny {
	font-size: 7px;
}

.bold {
	font-weight: bold;
}

.sub_menu_heading {
	font-weight: bold;
	line-height: 2;
}

.red {
	color: #cc0000;
}

.important {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
}

.cleat_versions {
	font-size: 15px;
	color: #246494;
	margin-top: 0;
	margin-bottom: 5;
}

.accessory {
	font-size: 18px;
	font-weight: bold;
	color: #994779;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.big {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.mandatory {
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
}

.not_mandatory {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.transat {
	font-family: times, serif;
	font-size: 18px;
	color: #0000ff;
}

/**************************************************************************
*	set form element styles:
**************************************************************************/
form {
	margin-top: 0;
	margin-bottom: 0;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 17;
}
input.button {
	height: 18;
}
.title_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border-color: #cc0000;
}
/**************************************************************************
*	set table styles:
**************************************************************************/

table.blueborder {
	border-style: solid;
	border-width: 1px;
	border-color: #b3d4ea;
}

td.blueborder {
	border-style: solid;
	border-width: 1px;
	border-color: #b3d4ea;
}

tr.rowborder {
	border-style: solid;
	border-width: 1px;
	border-color: #b3d4ea;
}

/**************************************************************************
*	set popup window styles:
**************************************************************************/
body.popup {
	background-color: #ffffff;
	background-image: none;
	margin-top: 0;
	margin-bottom: 0;
}

table.popup_header_footer {
	background-color: #b3d4ea;
}
table.popup_header_footer a:link, table.popup_header_footer a:visited, table.popup_header_footer a:active {
	color: #246494;
}
table.popup_header_footer a:hover {
	color: #cc0000;
}

/**************************************************************************
*	set product list styles:
**************************************************************************/
table.product_list {
}
table.product_list h2 {
	margin-top: 5;
}
table.product_list a					{text-decoration: none;}
table.product_list a:link			{color: #246494;}
table.product_list a:visited	{color: #246494;}
table.product_list a:active		{color: #246494;}
table.product_list a:hover		{color: #cc0000;}

table.product_list a.more:link		{color: #666666;}
table.product_list a.more:visited	{color: #666666;}
table.product_list a.more:active	{color: #666666;}
table.product_list a:hover				{color: #cc0000;}

/**************************************************************************
*	set specific styles:
**************************************************************************/

td.contents {
	padding-top: 5;
}

td.footer {
	font-size: 11px;
	padding-bottom: 15;
}

td.menu_title {
	font-size: 14px;
	font-weight: bold;
}

div.results_summary {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-top: 0;
	margin-bottom: 5;
}

body.email_receipt {
	background-color: #ffffff;
	background-image: none;
	margin-top: 0;
	margin-bottom: 0;
}

table.email_border {
	border-style: solid;
	border-width: 1px;
	border-color: #246494;
}

div.prod_info {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
	margin-top: 10;
	margin-bottom: 0;
}
blockquote.prod_info_answer {
	margin-top: 10;
	margin-bottom: 15;
}

td.label_text {
	font-weight: bold;
	color: #000000;
}

td.home_news {
	font-size: 14px;
}

div.prev_next {
	padding: 10;
	text-align: right;
}

image.in_content {
	margin-top: 0;
	margin-bottom: 10;
	margin-left: 10;
	margin-right: 0;
}

image.cleat_detail_image {
	margin-top: 7;
	margin-bottom: 10;
	margin-left: 10;
	margin-right: 2;
}

.technical_details {
	font-size: 11px;
	color: #808080;
	margin-top: 0px;
	padding: 5px;
	border: 1px #666666 solid;
	background-color: #F9F9F9;
}

image.link_image {
	margin-top: 5;
	margin-bottom: 0;
	margin-left: 10;
	margin-right: 0;
}

.accessories_details {
	font-size: 11px;
	color: #808080;
	margin-top: 0px;
	padding: 2px;
	border: 1px #666666 solid;
	background-color: #F9F9F9;
}

.small_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.small_text_i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.pdf_border {
	margin-top: 0px;
	padding: 5px;
	border: 1px #0271B9 solid;
	background-color: #ffffff;
}

.image_frame {
	padding: 3px;
	border: 1px #000000 solid;
	background-color: #ffffff;
}

.youtubeBorder {
	background: url(images/video/youtube-border.gif) no-repeat;
	background: 
	width: 463px;
	height: 392px;
	padding: 15px 0 0 18px;
	margin: 0 0 0 38px;
}

.youtubeDescription {
	background: #DEECF5;
	width: 419px;
	padding: 5px 20px 0 20px;
	margin: 0 0 0 41px;
}

.youtubeFooter {
	background: url(images/video/youtube-border-footer.gif) no-repeat;
	width: 463px;
	height: 9px;
	padding: 0;
	margin: 0 0 0 38px;
}


/**************************************************************************
* home - animated banner
**************************************************************************/

#home_newProductsPanel.panel {
	margin: 0;
	padding: 0;
	height: 324px;
	width: 324px;
	overflow: hidden;
	position: relative;
}

	#home_newProductsPanel li { list-style: none }

	#home_newProductsPanel a {
		height: 324px;
		width: 324px;
		position: absolute;
		top: 0;
		text-indent: -1000em;
	}

	#home_primaryPanelAccessories a { background-image: url(home/images/accessories-banner.gif) }
	#home_primaryPanelAeroCleats a { background-image: url(home/images/aero-cleats-banner.gif) }