/*  
	ISTOCKPHOTO.COM Universal CSS
	Main Template and Commonly Used styles

BASIC 
------------
*/
* { /* Reset the margins so IE doesnt barf all over with Box Model problems */
	margin: 0px;
	padding: 0px;
	}
	
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana;
	font-size: 100%;
	color: #333333;
	background-image:url(images/Background/site_bg3.jpg);
	background-position:top;
	background-color:#2c337a;

}


#navigation_bread{
float:left;
width:300px;
height:0px;
margin-top:0px;
border:0;
}


#navigation_search {
float:right;
width:260px;
height:0px;
margin-top:0px;
border:0;
}

#search_text {
background:url(images/Background/searchbox_background.png) top left no-repeat;
width:190px;
height:20px;
line-height:1em;
vertical-align:top;
padding:2px 0 0 20px;
border:0px;
}


#dealer_search {
float:left;
width:150px;
height:0px;
margin-top:20px;
border:0;
}
#dealer_search_text {
background:url(images/Background/dealer_searchbox_background.png) top left no-repeat;
width:150px;
height:20px;
line-height:1em;
vertical-align:top;
padding:2px 0 0 20px;
border:0px;
}


#ff_dealer_search_text {
background:url(images/Background/ff_dealer_searchbox_bg.png) top left no-repeat;
width:150px;
height:20px;
line-height:1em;
vertical-align:top;
padding:2px 0 0 20px;
border:0px;
}

#ff_search_text {
background:url(images/Background/ff_searchbox_background.png) top left no-repeat;
width:190px;
height:20px;
line-height:1em;
vertical-align:top;
padding:2px 0 0 20px;
border:0px;
}

#search_button {
height:20px;
width:20px;
vertical-align:top;
display:inline;
}

.menutable{
background-color:#dc0000;
a
}
.L_MenuElement {
		border: none;
		background-position:top;
	}
.L_TableCell {

		background: none transparent scroll repeat 0% 0%;

	}

.M_MenuElement {
		display: block;
		background: none transparent scroll repeat 0% 0%;
		border: none;
	}
	
	

	.M_MenuElement a, .M_MenuElement a:hover,
	.M_MenuElement a:visited{
		font-weight: bold;
		font-size: 12px;
		color: #99FF00;
		font-style: normal;
		font-family: arial, tahoma;
		text-decoration: none;
	}
	.M_TableCell {

		padding: 5px 5px 5px 5px;
		background: none transparent scroll repeat 0% 0%;
	}
	.M_TableSep {
		background: #cc667e;
		width: 1px;
		padding: 0px;
	}




.SectionBottom{
width: 520px;
background-image: url(/images/bg_middle_bottom.jpg);
background-position:left;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;

}


.CategorySide
{
width: 718px;
background-image: url(/images/products_banner/sides.jpg);

}


.Section
{
width: 750px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
float:left;
}

.SectionMiddle
{
width: 520px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float:left;
background-image: url(/images/products_banner/one_product_sides.jpg);



}
.SectionRight
{
	width: 160px;
	float: right;
	margin-left: 0px;
	margin-top: 5px;
	_margin-top: 0px;
	background-image: url(/images/bg_column_middle.jpg);
	
	color:#666666;
}


.SectionRightHeader
{
	width: 160px;
	margin-left: 0px;
	margin-top: 15px;
	float: right;
	background-image: url(/images/bg_column_top.jpg);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-top:5px;

}

.SectionRightBottom
{
	width: 160px;
	height:5px;
	margin-left: 0px;
	margin-top: 0px;
	float: right;
	background-image: url(/images/bg_column_bottom.jpg);
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-top:5px;

}



.Section .details
{
font:trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size:20px; 
color:#22483F;
text-align:left;
}






img, img:link,img:visited {
	border: 0px;
	behavior: url("iepngfix.htc");
}

.clear  {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding:0px;
	clear: both;
	border: 0px;
	}
.horBorder {
	line-height: 0px;
	font-size: 0px;
	height: 1px;
	background: url("/images/horz_border.png") repeat-x;
	}
#wrapper {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #696969;
	width:950px;
	margin: 0px auto -1px auto;
	
}
.localizetextarea {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.26em;
	color: #696969;
}

h1 {
	font-size: 0.8em;
	line-height: 0.9em;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
	}
h2 {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 1.2em;

}
h3 {
	font-size: 0.8em;
	line-height: 0.9em;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
	}
	
label {
	line-height: 20px;
	vertical-align: top;
	}
	
/*LINKS
-----------------------------------------------------------------------------
*/

b {
	outline: none;
	font-family: Verdana;
	color:#FFFFFF;
	font-size:12px;
}


a {
	text-decoration: none;
	outline: none;
	font-family: Verdana;
	color:#FFFFFF;
	font-size:11px;

}
a:hover {
	}


/* COLOR SCHEMES
----------------------------------------------------------------------------- 
*/


/* TOPBAR COLORS */


#blue #wrapper #topBg, .blueSelector {
}
#blue a:link {
color: #FFFFFF;

}
#blue .linkColor {
color: #FFFFFF;
}
#blue a:hover{
color: #FFFFFF;
}
#blue a:visited {
color: #FFFFFF;
}

#topBg {
	min-width: 910px;
	}
 
 
/* CONTROL PANEL
----------------------------------------------------------------------------- 
*/

.controlPanelMain {
	display: none;
	width: 895px; 
	background: url("/images/cp_bg.png") repeat-x left top;
	background-color: #ffffff;
	padding: 5px 0px 5px 15px;
	z-index: 1000;
	border-bottom: 1px solid #E0E0E0;
}

.controlPanelSet {
	margin-top: 5px;
	margin-bottom: 8px;
}


/* TOPBAR
----------------------------------------------------------------------------- 
*/

#wrapper #topBg {
	text-align: left;
}

#wrapper #topBar {
	height: 117px;
	width: 950px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-bottom: 0px;
	
}

#wrapper #topBar #accountBox {
	height: 58px;
		width: 950px;
}

#wrapper #topBar #accountBox #logo {
	float: left;
}




/* NAVIGATION */

#wrapper #topBar #navBox {
		line-height: 0px;
}

#wrapper #topBar #navBox div {
	float: left;
	padding: 0px;
	margin: 0px;
 		height: 20px;
	line-height: 45px;
	vertical-align: middle;	
}


/* CONTROL PANEL SPECIAL CLASSES
----------------------------------------------------------------------------- 
*/

#ControlPanelMain select {
	margin-top: 4px;
	}


/* CONTENT AREA
----------------------------------------------------------------------------- 
*/

#contentArea {
	margin: 0px 0px 0px 0px;
	text-align: left;
	
	padding: 0px;
	float: left; 
	border-left:solid 1px;
	border-bottom:solid 1px;
	border-right:solid 1px;
	border-color:#FFF;
		
}

#SearchBox{
border-bottom:solid; 
border-bottom-color:#b0b0b0; 
border-bottom-width:1px;
margin-bottom:0px		
}

#SearchBox :hover{
background-color:#CCCCCC;

		
}

html>body #containershadowright {
	margin: 0px 0px 0px 0px;
	float: left; 
	text-align: left;
	width:1000px;
	background-image:url(images/Background/contentshadow-vertical.png);
}


html>body #containershadowleft {
	margin: 0px 0px 0px 0px;
	float: right; 
	text-align: right;
	width:1000px;
	background-image:url(images/Background/contentshadow-vertical.png);
}




#contentArea a:hover {
	text-decoration: none;
	}
#contentArea p{
	margin-bottom: 0px;
	text-align: left;
	}	

/* SIDENAV
----------------------------------------------------------------------------- 
*/

#contentArea #sideBar  {
	text-align: left;
	float: left;
	width: 200px;
	margin-right: 0px;
	padding-right: 2px;
	padding-top: 12px;
	font-size:11.5px;
	color:#22483F;
	background-repeat:no-repeat;
	background-position:top;
	border-top:0px;

}

#contentArea a:hover {
	text-decoration: underline;
	}

#contentArea #sideBar  #searchBox {
	padding-left: 10px;
	font-size: 1.1em;
}

#contentArea #sideBar #searchBox .topsearch {
	width: 130px;
	padding: 0px;
	margin: 0px;
	}

#contentArea #sideBar #searchBox .subSearch {
	margin: 0px 0px 0px 0px;
	}

#contentArea #sideBar #searchBox .buttonRow {
	margin: 0px 0px 0px 0px;
	}

#contentArea #sideBar #nav {
	background: url("/images/sidenav-dotline.png") left bottom no-repeat;
	margin-top: 0px;

}



/*=================================================================================================================== menu */

#contentArea #sideBar #nav a, #contentArea #sideBar #nav span, #contentArea #sideBar #nav textarea {
	display: block;
	width:150px;
	font-size: 10px; 
	color: #000;
	padding-left: 10px;
	line-height: 10px;
	vertical-align: middle;
	border-top-style: dotted;
border-top-width: 0px;
border-top-color:#999999;
}

#contentArea #sideBar #nav a:hover {
	text-decoration: none;


}
#contentArea #sideBar #nav a.selected {
	color: #666;
	text-decoration: none;
}

#contentArea #sideBar #nav p {
	height: 22px;
	padding: 0px;
	margin: 0px;
}


.searchTD {
	width: 160px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}
.tableTD {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}
.searchExpandTD {
	vertical-align: top;
	width: 100%;
	}
#searchHolder {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 100%;
	}

 .paddedBox {
	padding: 0px 10px 0px 10px;
	}
 .paddedBoxTop {
	padding: 10px 10px 10px 10px;
	}


#footer {
float:left;
width: 950px;
height:50px;
padding-top:20px;
padding-left:20px;

}

#footer .box {
height:500px;

}

#footer .subbox a {
float: left;
height: 35px;
width: 30px;
text-indent: -9999999px;
background: url(images/background/bottom_icons.png) 0 0 no-repeat;
overflow: hidden;


}

#footer .subbox a.rapala {background-position: 0 0; width: 90px;}
#footer .subbox a.rapala:hover {background-position: 0 -35px;}

#footer .subbox a.silstar {background-position: -90px 0; width: 90px;}
#footer .subbox a.silstar:hover {background-position:  -90px -35px;}

#footer .subbox a.williamson {background-position: -180px 0; width: 65px;}
#footer .subbox a.williamson:hover {background-position:  -180px -35px;}

#footer .subbox a.storm {background-position: -240px 0; width: 90px;}
#footer .subbox a.storm:hover {background-position:  -240px -35px;}

#footer .subbox a.stimulate {background-position: -330px 0; width: 75px;}
#footer .subbox a.stimulate:hover {background-position:  -330px -35px;}

#footer .subbox a.pakula {background-position: -405px 0; width: 45px;}
#footer .subbox a.pakula:hover {background-position:  -405px -35px;}
#footer .subbox a.sufix {background-position: -450px 0; width: 60px;}
#footer .subbox a.sufix:hover {background-position:  -450px -35px;}
#footer .subbox a.vmc {background-position: -510px 0; width: 45px;}
#footer .subbox a.vmc:hover {background-position:  -510px -35px;}
#footer .subbox a.slam {background-position: -560px 0; width: 65px;}
#footer .subbox a.slam:hover {background-position:  -560px -35px;}
#footer .subbox a.bluefox {background-position: -625px 0; width: 104px;}
#footer .subbox a.bluefox:hover {background-position:  -625px -35px;}
#footer .subbox a.marttiini {background-position: -729px 0; width: 101px;}
#footer .subbox a.marttiini:hover {background-position:  -729px -35px;}
#footer .subbox a.tufline {background-position: -830px 0; width: 70px;}
#footer .subbox a.tufline:hover {background-position:  -830px -35px;}

#contentArea #footer a:hover {
	text-decoration: underline;
	}
#contentArea #footer #left	{
	margin: 0px 0px 0px 0px;
	float: left;
	width: 280px;
	}
#contentArea #footer #right {
	margin: 10px 0px 10px 0px;
	float: right;
	width: 580px;
	text-align: right;
	}
.banners {
	margin: 5px;
}

/*  INTERFACE ELEMENTS
----------------------------------------------------------------------------- 
*/

button {
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	border-width: 0px;
	background-color: #FFFFFF;
	cursor: pointer;
	height: 24px;
	line-height: 23px;
	vertical-align: middle;
}

button div{
	font-size: 0.85em;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
	background: url("/images/button-l.png") left top no-repeat;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}

button span {
	height: 24px;
	line-height: 23px;
	background: url("/images/button-r.png") right top no-repeat;
	display: block;
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 0px 3px;
	border-width: 0px;
	vertical-align: middle;
	color: #000000;
}

#contentArea button:hover {
	color: #777;
}


.error {
	color: #ff0000;
	}
	
/* this class fixes the IE disappearing text. IE is stupid. */
.iesucks {
	height: 0.01%;
	}

/*  INTERFACE ELEMENTS
----------------------------------------------------------------------------- 
*/

 .left {
	float: left;
	}
 .right {
	float: right;
	}

.tableimage {
	float: left;
	width: 100px;
	height: 200px;
	}
.alignButton {
	vertical-align: top;
	}

#searchResults .floatercell .relevanceBar {
	background: #F4F4EF;
	margin: 4px 0px 4px 0px;
	width: 50px;
	text-align: left;
}

#searchResults .floatercell .relevanceBar div {
	background: url("images/test/diag.png");
	height: 3px;
}

#halfContent {
	width: 400px;
	}
#halfContent form{
	text-align: right;
	margin-right: 120px;
	}
#halfContent form .submitButton{
	text-align: right;
	margin: 10px 2px 10px 0px;
	}
#halfContent .field{
	text-align: right;
	}
#halfContent label{
	width: 200px;
	}
.navbarimg {
	margin-left: 3px;
	vertical-align: top;
	}
.navBar a{
	margin-left: 2px;
	margin-right: 2px
	}
.navBar .currentPage {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 1.1em;
	font-weight: bold;
	}
.navBar {
	line-height: 18px;
	margin: 10px 0px 10px 0px;
	clear: both;
	}
.tabContent .navBar {
	margin-right: 10px;
	}
.tabContent .navBar a{
	color: #000;
	}

ul,ol {
	margin-left: 20px;
	list-style-position: outside;
	
	}