/*  
	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;
	}
/*side menu */
div.sdmenu {
	width: 170px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../sdmenu/bottom.gif) no-repeat right bottom;
	color: #fff;
	padding-left: 20px;
	padding-top: 10px;

}
div.sdmenu div {
	background: url(../images/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../images/title.gif) repeat-x;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(../sdmenu/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #666666;
}
div.sdmenu div.collapsed span {
	background-image: url(../sdmenu/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #DBDBDB;
	display: block;
	border-bottom: 1px solid #666666;
	color: #333333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
div.sdmenu div a.current {
	background : #DBDBDB;
}
div.sdmenu div a:hover {
	background : #999999 center;
	color: #fff;
	text-decoration: none;
}
/*side menu */
	

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
	background-color: #DBDBDB;
}
.menutable{
background-color:#dc0000;
}
.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;
		font-weight: bold;
		font-size: 12px;
		color: #FFFFFF;
		font-style: normal;
		font-family: arial, tahoma;
		text-decoration: 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: 743px;
background-image: url(/images/products_banner/sides.jpg) ;
margin-left:0px
}


.Section
{
width: 743px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float:left;
background-color:#FFFFFF
}

.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: 200px;
	float: right;
	margin-left: 0px;
	margin-top: 5px;
	_margin-top: 0px;
	background-image: url(/images/bg_column_middle.jpg);
font:trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	
	color:#666666;
}


.SectionRightHeader
{
	width: 200px;
	margin-left: 0px;
	margin-top: 15px;
	float: right;
	background-image: url(/images/bg_column_top.jpg);
	font:trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-top:5px;

}

.SectionRightBottom
{
	font:trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	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:12px; 
color:#333333;
text-align:left;
}

.Section .lurepreview
{
font:trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#ff0000;
text-align:center;

}





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
-----------------------------------------------------------------------------
*/



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


/* TOPBAR COLORS */


#blue #wrapper #topBg, .blueSelector {
	background: #FFFFFF url("/images/blue-bg.gif") repeat-x left top;
}
#blue a:link {
color: #000000;
}
#blue .linkColor {
color: #000000;
}
#blue a:hover{
color: #2E6865;

}
#blue a:visited {
color: #333333;
}
#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-top: 1px solid #999999;
	border-bottom: 1px solid #E0E0E0;
}

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


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

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

#wrapper #topBg #topBar #logo{
	text-align: right;
	padding-right:30px;
	font-size:18px;
	
}

#wrapper #topBar {
	height: 170px;
	width: 950px;
	text-align: left;
	color: #fff;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image:url(images/top_banner.jpg);
}

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

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




#languageSelection {
	float: right;
	padding: 0px 0px 0px 0px;
	}
#languageSelection a {
	color: #FFF;
	}
#languageSelection a:link, #languageSelection a:visited {
	color: #FFF;
	}
#languageSelection a:hover {
	color: #000;
	}
/* NAVIGATION */

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

#wrapper #topBar #navBox div {
	float: left;
	padding: 0px;
	margin: 0px;
	color: #fff;
	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;
	vertical-align: top;
	float: left; 
	line-height: 1.4em;
}

#contentArea h1 {
	padding: 0px;
	margin: 0px;
	color: #666;
	font-size: 1.3em;
	line-height: 1.3em;
}

#contentArea h2 {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 1.2em;

}
#contentArea h3 {
	padding: 0px;
	margin: 0px;
	color: #666;
	font-size: 1.3em;
	line-height: 1.3em;
}

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

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

#contentArea #sideBar  {
	text-align: left;
	float: left;
	width: 206px;
	margin-right: 0px;
	padding-right: 2px;
	padding-top: 5px;
}

#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:#ff0000;
	padding-left: 10px;
	line-height: 10px;
	vertical-align: middle;
	border-top-style: dotted;
border-top-width: 1px;
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;
	}
#contentArea #footer {
	width: 950px;
	height: 50px;
	display: block;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-size: 0.9em;
	background-color: #FF0000;
		border-top-style:solid;
border-top-width: 5px;
border-top-color:#000000;

	}
#contentArea #footer a:hover {
	text-decoration: none;
	color:#FFFFFF;
	}
#contentArea #footer #left	{
	margin: 10px 0px 10px 8px;
	float: left;
	width: 280px;
	}
#contentArea #footer #right {
	margin: 10px 10px 10px 10px;
	float: right;
	width: 580px;
	text-align: right;
	color:#FFFFFF;
	}
#contentArea #footer #right a:hover{
	color:#FFFFFF;
	}

#contentArea #footer #right a:visited{
	color:#FFFFFF;
	}
		
.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;
}

.radiusbutt {
	padding-left: 10px;
	background: url("/images/arrow.gif") no-repeat left;
	margin-bottom: 5px;
}
.radiusbuttright {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url("/images/arrow.gif") no-repeat left;
	float: right;

}
.radiusbuttleft {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url("/images/arrow.gif") no-repeat left;
	float: left;
	
}
.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;
	}
.arrow {
	padding-left: 10px;
	background: url("images/arrow.gif") no-repeat left;
}
.arrowRight {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url("images/arrow.gif") no-repeat left;
	float: right;
	clear: both;
}
.reporttable .even {
	background-color: #f7f6f6;
	}
.reporttable .evenHighlight {
	background-color: #ffc4c4;
}
.reporttable .evenHighlight td, .reporttable .oddHighlight td {
	padding: 2px 5px 2px 8px;
	}
.reporttable .oddHighlight {
	background-color: #fedfdf;
}
.reporttable .even td {	
	padding: 2px 5px 2px 8px;
	}
.reporttable .odd td {	
	padding: 2px 5px 2px 8px;
	}
ul,ol {
	margin-left: 20px;
	list-style-position: outside;
	
	}
#exclusiveTable {
	border-collapse: collapse; 
	border: 1px solid #e0e0e0;
}
#exclusiveTable td {
	padding: 3px; 
	text-align: center;
	border: 1px solid #e0e0e0;
}
#exclusiveTable th {
	padding: 3px; 
	text-align: left;

}
.vertBottom {
	vertical-align: bottom;
	}
.vertMid {
	vertical-align: top;
	padding-top: 2px;
	}

/*  sIFR ELEMENTS
----------------------------------------------------------------------------- 
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 30px;
	padding: 0px;
	margin: 0px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 30px;
	padding: 0px;
	margin: 0px;
}

/* STRECHY ROUNDED CORNER BOXES
---------------------------------------------------------------------------- 
*/
.roundedBox {
}
.roundedBox .hd {
	background: url("/images/roundedbox/topleft.gif") left top no-repeat;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
}
.roundedBox .hd .c {
	float: right;
	background: url("/images/roundedbox/topright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
}
.roundedBox .bd {
	background: url("/images/roundedbox/middleleft.gif") left top repeat-y #FFF;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #e0e0e0;
	}
.roundedBox .bd .c {
	position: relative;
	float: right;
	width: 11px;
	background: url("/images/roundedbox/middleright.gif") right top repeat-y;
	}
.roundedBox .ft {
	height: 10px;
	background: url("/images/roundedbox/bottomleft.gif") left top no-repeat;
	font-size: 0px;
	line-height: 0px;
	}
.roundedBox .ft .c {
	float: right;
	background: url("/images/roundedbox/bottomright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
	}