/* GENERIC TYPES */
body
{
	scrollbar-3dlight-color:#DFDFDF;   
    scrollbar-highlight-color:#FFFFFF;    
    scrollbar-face-color:#C0C0C0;  
    scrollbar-arrow-color:#000000;
     scrollbar-shadow-color:#808080;   
     scrollbar-darkshadow-color:#000000; 
  scrollbar-track-color:tranparent;           
	margin: 0px 0px;
	padding: 0px;
	text-align: center;
	background-color: #f4f0ee;
	font-size: 60%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	        

}

/* HEADERS */
h1 {
    font-family: verdana, arial;
    font-size: 18px;
    color: #ffffff;
    line-height: 22px;
    margin-left:5px;
}

h2 {
    font-family: verdana, arial;
    font-size: 14px;
    color: #ffffff;
     }

h3 a
{
	font-family: verdana, arial;
	font-size: 13px;
	color: #444444;
	margin-top: 3px;
	text-decoration: underline;
} 
h3 a:visited
{
	font-family: verdana, arial;
	font-size: 13px;
	color: #444444;
	margin-top: 3px;
	text-decoration: underline;
}
h3 a:hover
{
	font-family: verdana, arial;
	font-size: 13px;
	color: #D1120B;
	margin-top: 3px;
	text-decoration: underline;
} 
/* used to display product titles */
h4 {font-size: 13px; color: #555555; padding: 8px 0 4px 0; margin: 0; background:#EEEEEE}
h5 {font-size: 14px; color: #D1120B; padding: 10px 0 2px 0; margin: 0;}
h6 {font-size: 1.0em; color: #FFA100; padding: 0; margin: 0;}

/* LINKS */
A { font-style: normal; color: #444444; text-decoration: none}
A:hover { font-style: normal; color: #D1120B; text-decoration: none}
A:active { font-style: normal; color: #444444; text-decoration: none}
A:visited{	font-style: normal;	color: dimgray;	text-decoration: none;}

A.whitelink { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:hover { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:active { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:visited { font-style: normal; font-weight: normal; color: white; text-decoration: none}

/*--- Button ---*/
a.button {
    background: transparent url('App_Themes/Default/images/bg_button_a_red.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('App_Themes/Default/images/bg_button_span_red.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 18px;
} 
a.button:hover {
    background-position: bottom right;
    color: red;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px */
} 

/* -- Global Layout Styles -- */
#bodywrapper {width: 100%; padding: 0px 0px 0 0px; margin:0px auto; text-align:left;}
#contentwrapper
{
	margin: 0px auto;
	text-align: left;
	background-color: #ffffff;
}
.pagewrapper {padding: 0 8px; background: #ffffff; position: relative;}
#languagewrapper {width: 930px; padding: 4px 0px 0 0px; margin:0px auto; text-align:right; position: relative;}
#headwrapper{height: 60px;background-color: #9DB2B1;}
#headlinewrapperTop
{
	height: 39px;
	text-align: center;
	font-weight: bold;
	background-image: url(http://static.outyard.com/App_Themes/Default/images/title_part.JPG);
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-left: 50px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#headlinewrapper
{
	height: 20px;
	padding: 8px 5px 0px 10px;
	color: White;
	font-weight: bold;
	background-image: url(App_Themes/Default/images/splitbar_bg.bmp);
	background-repeat: repeat-x;
	background-color: #d4cfbc;
	text-align:center;
}
#searchwrapper{background-color: #ffffff;}


/* -- Top Navigation -- */
#navbar-top
{
	height: 89px;
	float: left;
	background-attachment: scroll;
	background-image: url(images/top_bar_back.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}
#navbar-bottom {height: 41px; background: #ffffff;}
#navbar-top #login
{
	float: right;
	width: 520px;
	height: 22px;
	padding: 10px 21px 2px 0;
	text-align: right;
	color: #FFF;
	position: relative;
	left: 8px;
}
#navbar-top #login a {color: #000000; font-size:12px;}
#navbar-top #login a:hover {color: #B1140B; font-size:12px;}
#navbar-top #login .input_field-email {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 13em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .input_field-pass {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 5em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .button {margin: 0 15px -2px 3px;}

#navbar-bottom 
{
	width:100%;
	background:#757575;
}
#navbar-bottom #sectionlinks {float: left; width: 387px; height: 36px; padding: 5px 0 0 23px; background: #757575; color: #FFF;}
#navbar-bottom #sectionlinks a {color: #FFF;}
#navbar-bottom #sectionlinks .backtotop {display: inline; float: left; padding: 3px 7px 0 0; }
#navbar-bottom #aboutus {float: right; width: 530px; height: 34px; padding: 7px 23px 0 0; background: #757575; text-align: right; color: #FFF;}
#navbar-bottom #aboutus a {color: #FFF;}
#navbar-bottom #aboutus .icon {margin-bottom: -3px;}

#headwrapper #breadcrumb
{
	float: left;
	height: 22px;
	overflow: hidden;
	color: #FFF;
	padding-right: 0px;
	padding-left: 21px;
	padding-bottom: 0px;
	padding-top: 10px;
}
#headwrapper #breadcrumb a {color: #FFF;}

#top_banner
{
	background:#ffffff url(images/back_banner.jpg) top center repeat-x;
	height:218px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	width:100%;

}
#progressbar
{
	background: url(images/progressBar_background.jpg) top left no-repeat;		
}

#searchbar
{
	background: url(images/search_background.jpg) top left no-repeat;
	color:#ffffff;
	width: 295px;
	height: 218px;
	font-size:14px;
	padding-left:20px;
	line-height:150%;
		
}
#searchbar .header1 {float: left;font-size:14px; color:#ffffff;}
#searchbar .search-input {width: 370px; float:left; }
#searchbar select {width: 145px; border: 1px solid #9B9B96; float:left;}
#searchbar .advanced {float: left; padding: 2px 0 0 10px; display: inline;}
#searchbar .button {margin: 0 0 -6px 0;}
#searchbar a {    font-family: verdana, arial;
    font-size: 18px;
    color: #ffffff;
    margin-left:5px;
}

#copyright {text-align: right;}
#sitetitleTD
{
	background: url(images/top_bar_back.gif) center center repeat-x;
}

#sitetitleWrrapper
{
	background: url(images/outyard-logo.gif) center center no-repeat;
	vertical-align:top;
	width: 355px;
	height: 89px;
}

#sitetitle
{
	vertical-align:top;
	width: 355px;
	height: 70px;
	cursor: pointer;
}

#pagetitle_top
{
	width:204px;
	height:179px;
	background:url(images/back_pagetitle.jpg) top center no-repeat;
}
#topMenuPointer
{
	width: 160px;
	background: url(images/back_pagetitle_pointer.jpg) no-repeat 86px top;
}

#joinus
{
	background:url(images/orange_box.jpg) top center no-repeat;
	width:220px;
	height:179px;
}

#joinus p
{
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	margin-top:18px;
	width:205;
	padding-left:8px;
}
#joinus .title
{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding-left:8px;
}

	
#downloadofday
{
	background:url(images/red_box.jpg) top left no-repeat;
	width:230px;
	height:178px;
	text-align:center;
		
}

#downloadofday .title
{
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	padding-right:13px;
}

#downloadofday p
{
	font-size:12px;
	font-weight:normal;
	color:#FA8E29;
	width:190px;
			
}

#downloadofday a
{
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	margin-top:18px;
	padding-left:8px;	
}

#downloadofday a:hover
{
	font-size: 13px;
	color: #ffcc33;
	font-weight: bold;
	margin-top: 18px;
	padding-left: 8px;
}

.ACCOUNT_FEATURES_Table
{
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
}

.ACCOUNT_FEATURES_Header
{
	background-color: lemonchiffon;
}
.ACCOUNT_FEATURES_Item
{
	background-color: whitesmoke;
	list-style-type: square;
	list-style-position: outside;
	line-height: 18pt;
}	
/* -- Clear Fix -- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.LoginTable
{
	width:100%;
	background:#ffffff;
	
}

.LoginTable p
{
	font-size:14px;
	font-family:Verdana, Arial;
	line-height:150%;
	width:80%;
}

.LoginTable .bold
{
	color:#D1120B;
	font-weight:bold;
}

.register_home
{
	height: 130px;
	font-size:14px;
	line-height:160%; 
	background:#EDEDED; 
	border-left:3px dashed #bbbbbb;
}

.about
{
	background: url(images/aboutbg.JPG) no-repeat;
}


.CategoryTable p
{
	font-size:14px;
	font-family:Verdana, Arial;
	line-height:150%;
	padding-left:20px;
	padding-bottom:5px;
}
.CategoryTable .bold
{
	color:#D1120B;
	font-weight:bold;
}

#mediaplayer {width: 320px;height: 285px;background: #000;}

/* -- styles for html pages -- */

#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px;
	width: 85%;
	margin-left: 15px;
}

#container .question {
font: 14px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	color: #CC0000;
	margin-top: 20px;
}
#container .answer, #container .text {
	margin-top: 10px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#container a {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
#container a:hover
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #454545;
	text-decoration: none;
	}
#container li
{
margin-top:10px;
}

/* -- styles for show product details -- */

table.show_product
{
	font-size:13px;
	line-height:130%;
}

table.show_product a
{
	font-size:12px;
	
	
}

/* -- styles for account management -- */

.account_managemant
{
	font-size:14px;
	line-height:130%;
	color:#333333;
	
	}

.account_management a
{
	text-decoration:underline;
}

.account_managemant_red
{
	font-size:14px;
	line-height:130%;
	color:#D1120B;
	font-weight:bold;
	height:60px;
	padding-left:20px;
	background:url(images/arrow_red_side.gif) center left no-repeat;
	vertical-align:middle;
	}