/* CSS Document */

* {margin:0px;} /*base level setting - margin 0 corrects browser discrepencies */
body, div, td, p {font:10px/14px Verdana, Arial, Helvetica, sans-serif; color:#3B3A26;} 
a:link {color:#2C47B7; text-decoration:none}
a:visited {color:#2C47B7; text-decoration:none}
a:hover {color:#2C47B7; text-decoration:underline}
p {margin:0px 0px 10px 0px;}
.alert {font-weight:bold; color:#C00;}
.alertLight {color:#C00;}
b, strong, .bold {font-weight:bold;}
.collections {line-height:15px;} /* used for lists of collections */
	a.collections:link{color:#3B3A26;}
	a.collections:visited{color:#3B3A26;}
	a.collections:hover{color:#3B3A26; text-decoration:underline;}
	
.filmCollections {line-height:15px;margin-left:10px;} /* used for lists of collections */
	a.filmCollections:link{color:#3B3A26;}
	a.filmCollections:visited{color:#3B3A26;}
	a.filmCollections:hover{color:#3B3A26; text-decoration:underline;}
	
.copyright
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #97978C;
}
.globalNav {/* currently the same as default font */} 
	a.globalNav:link {color:#3B3A26;}
	a.globalNav:visited {color:#3B3A26;}
	a.globalNav:hover {color:#2C47B7; text-decoration:underline;}
h1, .header {font:bold 13px Arial;} /* header - used most commonly in combination with section color style (below) */
.header1 {font:bold 13px Verdana;}
h2, .header2 {font-weight:bold; font-size:10px;} 
.legal {line-height:14px;}
	a.legal:link {text-decoration:underline;}	
	a.legal:visited {text-decoration:underline;}
	a.legal:hover {text-decoration:underline;}
.meta {color:#737060}
.navbar{color:#484833;} /* Used on the 'global' product page navigation - style for current section state */
	a.navbar:link {color:#484833;}
	a.navbar:visited {color:#484833;}
	a.navbar:hover {color:#484833; text-decoration:underline;}
.navbar1{color:#484833;} /* Used on the 'global' product page navigation - style for other sections states */
	a.navbar1:link {color:#484833;}
	a.navbar1:visited {color:#484833;}
	a.navbar1:hover {color:#484833; text-decoration:underline;}
.note {color:#737060}
.notice {/* currently same as default*/}  /* Used where links need to appear differently */
	a.notice:link {color:#3B3A26; text-decoration:underline;}
	a.notice:visited {color:#3B3A26; text-decoration:underline;}
	a.notice:hover {color:#3B3A26; text-decoration:underline;}
.tooltip {/* currently same as default*/}  /* Used where links need to appear differently */
	a.tooltip:link {color:#3B3A26; text-decoration:none;}
	a.tooltip:visited {color:#3B3A26; text-decoration:none;}
	a.tooltip:hover {color:#3B3A26; text-decoration:none;}
.refineItem {color:#000;font-size:10px;}  /* Used on Refine search panal on search page - item level */
	a.refineItem:link {color:#000;}
	a.refineItem:visited {color:#000;}
	a.refineItem:hover {color:#2C47B7; text-decoration:underline;}
.refineHdr {font-family: Arial;font-weight:bold; font-size:13px; color:#FFF;}  /* Used on Refine search panal on search page - top level */
	a.refineHdr:link {color:#FFF;}
	a.refineHdr:visited {color:#FFF;}
	a.refineHdr:hover {color:#2C47B7; text-decoration:none;}
.refineHdr1 {font-family: Arial;font-weight:bold; font-size:13px; color:#3B3A26;}  /* Used on Refine search panal on search page - top level */
	a.refineHdr1:link {color:#3B3A26;}
	a.refineHdr1:visited {color:#3B3A26;}
	a.refineHdr1:hover {color:#2C47B7; text-decoration:none;}
.refineHdr2 {font-family: Arial;font-weight:bold; font-size:13px; color:#000;}  /* Used on Refine search panal on search page - top level */
	a.refineHdr2:link {color:#000;}
	a.refineHdr2:visited {color:#000;}
	a.refineHdr2:hover {color:#2C47B7; text-decoration:none;}
.refineSubHd {margin-left:2px;font-weight:bold; color:#3B3A26;}  /* Used on Refine search panal on search page - secondary level */
	a.refineSubHd:link {color:#3B3A26;}
	a.refineSubHd:visited {color:#3B3A26;}
	a.refineSubHd:hover {color:#2C47B7; text-decoration:none;}
.searchHistory1 {font-weight:bold; font-size:13px; color:#FFF;}   /* Used in the Search history bar - first item - current result */
	a.searchHistory1:link {color:#FFF; font-size:13px; text-decoration:underline;}
	a.searchHistory1:visited {color:#FFF; font-size:13px;  text-decoration:underline;}
	a.searchHistory1:hover {color:#FFF; font-size:13px;  text-decoration:underline;}
.searchHistory2 {color:#FFF; font-size:11px; }  /* Used in the Search history bar - previous results */
	a.searchHistory2:link {color:#FFF; font-size:11px; text-decoration:underline;}
	a.searchHistory2:visited {color:#FFF; font-size:11px; text-decoration:underline;}
	a.searchHistory2:hover {color:#FFF; font-size:11px; text-decoration:underline;}
.searchHistory3 {font:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#3A3B26;}   /* Used in the No search results */
	a.searchHistory3:link {font:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#3A3B26; text-decoration:underline;}
	a.searchHistory3:visited {font:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#3A3B26; text-decoration:none;}
	a.searchHistory3:hover {font:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#2C47B7; text-decoration:underline;}
.searchHistory1Seperator {color:#FFF;} /* Used in the Search history bar - number of results and '>' between results */
.searchHistory2Seperator {color:#FFF;} /* Used in the Search history bar - number of results and '>' between results */
.searchHistory3Seperator {color:#3A3B26;} /* Used in the Search history bar - number of results and '>' between results */
.searchHistoryText {color:#FFF;} /* Used in the Search history bar - number of results and '>' between results */
.subNav {color:#3B3A26;font-weight:bold;}
	a.subNav:link {color:#3B3A26}
	a.subNav:visited {color:#3B3A26}
	a.subNav:hover {color:#3B3A26; text-decoration:none;}
.titlebar {font:bold 15px Arial; color:#FFF;} /* Used as section headings of pages */
.titlebar2 {font:bold 13px Arial; color:#FFF;} /* Used as secondary section headings of pages */
.titlebar3 {font:bold 13px Arial; color:#FFF;} /* Used as secondary section headings of pages */
.titlebar4 {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF;} /* Used as section heads of lists and within boxes */
.titlebar5, a.titlebar5:link, a.titlebar5:visited, a.titlebar5:hover, a.titlebar5:active
	{font:bold 13px Arial, Helvetica, sans-serif; color:#454339; line-height:13px; }
.titlebarText{color:#FFF;}  /* Used in titlebars as supporting text */
	a.titlebarText:link {color:#FFF}
	a.titlebarText:visited {color:#FFF}
	a.titlebarText:hover {color:#FFF}

.titlebar3Small {font:bold 13px Arial;} /* Used as secondary section headings of pages */
.popupTitle {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF;} /* Used as section heads of small popups */
.popupTitle1 {font:bold 13px Arial; color:#FFF;} /* Used as section heads of small popups */
.quicksearch{color:#3B3A26;} /* Used on the quicksearch 'flyout' */

/* SECTION COLOR STYLES - can be combined with above styles to change font color */
.creative {color:#D72193;}
	a.creative:link {color:#D72193; text-decoration:underline;}
	a.creative:visited {color:#D72193; text-decoration:underline;}
	a.creative:hover {color:#D72193; text-decoration:underline;}
.editorial {color:#0AAA25;}
	a.editorial:link {color:#0AAA25; text-decoration:underline;}
	a.editorial:visited {color:#0AAA25; text-decoration:underline;}
	a.editorial:hover {color:#0AAA25; text-decoration:underline;}
.film {color:#FC6432;}
	a.film:link {color:#FC6432; text-decoration:underline;}
	a.film:visited {color:#FC6432; text-decoration:underline;}
	a.film:hover {color:#FC6432; text-decoration:underline;}
.rf {color:#F94E22;}
	a.rf:link {color:#F94E22; text-decoration:underline;}
	a.rf:visited {color:#F94E22; text-decoration:underline;}
	a.rf:hover {color:#F94E22; text-decoration:underline;}
.rr {color:#669933;}
	a.rr:link {color:#669933; text-decoration:underline;}
	a.rr:visited {color:#669933; text-decoration:underline;}
	a.rr:hover {color:#669933; text-decoration:underline;}
.services {color:#00ADEF;}
	a.services:link {color:#00ADEF; text-decoration:underline;}
	a.services:visited {color:#00ADEF; text-decoration:underline;}
	a.services:hover {color:#00ADEF; text-decoration:underline;}
.subscription {color:#0089FF;}
	a.subscription:link {color:#00529B; text-decoration:underline;}
	a.subscription:visited {color:#00529B; text-decoration:underline;}
	a.subscription:hover {color:#00529B; text-decoration:underline;}
/* 
 * Common.css 
 * 02/22/06 - MTosch
 * This file holds the common styles used in places throughout the site
 */

input, textarea, select  {font-family:Verdana,Helvetica,Arial,sans-serif;font-size:10px;}

img     { border:0px; }
        
a.SideBar { font-size: 10px; font-weight: bold; color: #666666; }

a.SideBar:visited { font-size: 10px; font-weight: bold; color: #666666; }

a.SideBar:hover { color: #2288CC; }

p {margin:0px 0px 10px 0px;}
        
hr
{
	height:1px;
	background-image:url(dotted_l.gif);
	background-repeat:repeat-x;
	margin:10px 0px;
	border:0;
}

.centeredTextBox
{
	text-align: center;
}

/* this style is used to style bullet lists in IE (the default styling is messed up in IE because of the margin clearing thing in UIStandards.css */
* html ul.bulletList li { margin-left:25px;padding-left:0px;}

.link
	{color:#003399; cursor:pointer; cursor:hand;}
	
.linkNoHover, a.linkNoHover:link, a.linkNoHover:visited, a.linkNoHover:hover, a.linkNoHover:active
{
	color:#3B3A26;
	text-decoration:none;
}


.PageTitle
{
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	color: #22557E;
}

.SmStan
{
	font-size: 10px;
	font-family: Verdana;
	color: #000000;
}

.SmBold
{
	font-size: 10px;
	font-family: Verdana;
	color: #000000;
	font-weight: bold;
}

.SmError
{
	font-size: 10px;
	font-family: Verdana;
	color: #CC0000;
}

.InputStan
{
	font-size: 10px;
	font-family: Verdana;
	color: #000000;
}


/* these are legacy ui standards styles that ui standards no longer uses */
.copyBold
{
	font-weight:bold;
}

.copyItalic
{
	font-style:italic;
}

.alertCopy
{
	font-weight:bold; color:#C00;
}

.alertCopyLight
{
	color:#C00;
}

/* end legacy ui standards styles */

.Divider
{
	background-image:url(dotted_l.gif);
	background-repeat:repeat-x;
    height:3px;
    overflow:hidden;
    width:100%;
    /* Hide from MacIE5 hack
    /* MacIE5 needs width:100% to avoid it's strink-to-fit bug \*/
    width:auto;
    /* End hide hack */
}

.DividerThin
{
	background-image:url(dotted_l.gif);
	background-repeat:repeat-x;
	height:1px;
	overflow:hidden;
	width:100%;
	/* Hide from MacIE5 hack
    /* MacIE5 needs width:100% to avoid it's strink-to-fit bug \*/
    width:auto;
    /* End hide hack */
}

.TitlePanelDividerSpacing
{
	margin: 10px 0px 14px 0px;
}

.SmallDivider
{
	background-image: url(divider-.gif); 
	background-repeat: repeat-x;
    height:3px;
    overflow:hidden;
    width:100%;
    /* Hide from MacIE5 hack 
	/* MacIE5 needs width:100% to avoid it's strink-to-fit bug \*/
    width:auto;
    /* End hide hack */
}

.LineDivider
{
	background-image: url(divider-.gif); 
	background-repeat: repeat-x;
    height:1px;
    overflow:hidden;
    width:100%;
}

.DarkDoubleLineDivider
{	
	background-image: url(dotted_l.gif); 
	background-repeat: repeat-x;
    height:3px;
    overflow:hidden;
    width:100%;
}

.DarkLineDivider
{
	background-image: url(dotted_l.gif); 
	background-repeat: repeat-x;
    height:1px;
    overflow:hidden;
    width:100%;
}

.grey14
	{ color:#666; font-size:14px; font-weight:bold; font-family: helvetica-neue, helvetica, verdana, arial, san-serif }
	
a.grey14:link
	{ color:#666;text-decoration:none }
a.grey14:visited
	{ color:#666;text-decoration:none }
a.grey14:hover
	{ color:#69C;text-decoration:underline }
	
.grey10
	{ color:#666; font-size:10px; font-family: verdana, arial, san-serif }
	
a.grey10:link
	{ color:#666;text-decoration:none }
a.grey10:visited
	{ color:#666;text-decoration:none }
a.grey10:hover
	{ color:#69C;text-decoration:underline }
	
.grey10Bold
	{ color:#666; font-size:10px; font-family: verdana, arial, san-serif; font-weight:bold }

.blue10
	{ color:#2288cc; font-size:10px; font-family: verdana, arial, san-serif }
.blue10Bold
	{ color:#2288cc; font-size:10px; font-family: verdana, arial, san-serif; font-weight:bold }
.blue14
	{ color:#2288cc; font-size:14px; font-weight:bold; font-family: verdana, arial, san-serif }

.bottomMargin
	{margin:0px 0px 4px 0px;}

/* These styles used by the OverlayList control */
.overlayBox, .overlayBoxNone
	{  z-index:2; cursor:default;
		font-size:10px; }

.overlayBoxNone { border-width:0px 0px 0px 0px;  }


.overlayBoxTop, .overlayBoxMid, .overlayBoxBottom, .overlayTextBox,
overlayBoxTopNone, overlayBoxMidNone, overlayBoxBottomNone
	{ width:auto; }

.overlayBoxTop
	{ font-weight: bold; padding:4px 6px; }

.overlayBoxTopNone
	{ font-weight: bold; padding-top:4px;padding-bottom:4px; }

.overlayBoxMid
	{ padding:0px 6px 8px 6px; }
	
.overlayBoxMid input, .overlayBoxMid label
	{ height:13px;line-height:13px;vertical-align:middle; }

.overlayBoxMid input
	{ margin-right:8px; }

.overlayBoxMid td
	{ padding-top:8px; }

.overlayBoxMidNone
	{ padding-top:8px; padding-bottom:8px; }
	
.overlayBoxMidNone input, .overlayBoxMidNone label
	{ height:13px;line-height:13px;vertical-align:middle; }

.overlayTextBox
	{ margin-left:24px;margin-top:6px;width:130px; }

.overlayTextBoxNone
	{ margin-left:24px;margin-top:6px;width:130px; }

.overlayBoxBottom
	{ text-align: left; background-image:url(dotted_l.gif);
		background-repeat:repeat-x; background-position:left top; padding:5px 6px 2px 6px; }

.overlayBoxBottom input, .overlayBoxBottomNone input
	{ margin-right:6px; }

.overlayBoxBottomNone 
	{ text-align: left; background-image:url(dotted_l.gif);
		background-repeat:repeat-x; background-position:left top; padding-top: 5px; }

/* Styles used by the browse modules (both Events and LiveFeed Images) */

.browseModuleModify
	{ padding-left: 10px; color: #2288CC; background-image: url(btn-Brow.gif); background-position: left center; background-repeat: no-repeat; }

.browseModuleTop
	{ height: 20px; background-image: url(eventMod.png); background-position: center center; background-repeat: no-repeat; }

.browseModuleToolTip 
	{ position: absolute; visibility: hidden; overflow: visible; width:400px; z-index: 15; }

.browseModuleToolTipContent { margin: 0px; min-height:20px; background-color: #FFFFFF; }
	

.InfoBox { overflow:auto; border: #CCCCCC 1px solid; padding-right: 10px; padding-left: 10px; }

/* style for CustomBorderPanel for ControlGroup */
.rndCnrControlGroup { background-color:Red; }

.simpleBold 
	{font-weight:bold;}

.sqrCnrControlGroup { background-color:Red; }

/* tab navigation styles */
.tabLinkActive, .tabLinkActive:hover, .tabLinkActive:visited
	{color:#000;border-bottom: solid #28C 3px; margin: 0px 20px; padding-bottom: 4px; font-weight: bold; }
.tabLink, .tabLink:hover
	{margin: 0px 20px;}
.tabLinkDisabled, .tabLinkDisabled:hover
	{ color:#999; text-decoration:none; font-weight:bold; margin: 0px 20px; }
.greyOff { }
.greyOn { background:url(imgDetai.gif) repeat-x;}

.floaterOn { position:absolute; visibility:visible; }
.floaterOff { position:absolute; visibility:hidden; }

.actionPanelLink { margin-bottom:18px; }


/* Classes used for image close boxes */
.closeImage, .closeImage:hover
	{ padding-right:15px; background-repeat:no-repeat; background-position:right center; }
.closeImage
	{ background-image:url(close000.gif); }
.closeImage:hover
	{ text-decoration:none; }
	
.closeImageWhite, a.closeImageWhite:hover
{
	padding-right:15px;
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url(btn_clos.gif);
	text-decoration:none;
}

/* these are used for table data where the rows alternate color (e.g. account pages) */
.oddRow
{
	background-color:#e9e8e1;
}
	
.evenRow
{
	background-color:#ffffff;
}

/* these styles are used for styling the tables on the account pages*/
thead.actHead td
{
	font-weight:bold;
	padding-bottom:5px;
	padding-left:5px;
}

tbody.actBody td
{
	padding:5px;
}

/* these styles are used by side navigation panels (e.g. OverviewNavigationPanel (account), ViewBy (purchases)) */
.navPnlLink, a.navPnlLink:link, a.navPnlLink:visited, a.navPnlLink:hover, a.navPnlLink:active
{
	display:block;
	color:#3B3A26;
	line-height:20px;
	padding-left:1px;
}

.navPnlLinkActive, a.navPnlLinkActive:link, a.navPnlLinkActive:visited, a.navPnlLinkActive:hover, a.navPnlLinkActive:active
{
	display:block;
	color:#3B3A26;
	line-height:20px;
	padding-left:1px;
	background-color:#DADCD3;
	text-decoration:none;
}

.navPnlLinkDisabled, a.navPnlLinkDisabled:link, a.navPnlLinkDisabled:visited, a.navPnlLinkDisabled:hover, a.navPnlLinkDisabled:active
{
	display:block;
	color:#aaa;
	line-height:20px;
	padding-left:1px;
	text-decoration:none;
}

	
/* Styles used by the FloaterSelectBox user control */
.floatSelectList
{
	background-color:#ffffff;
	line-height:24px;
}
.floatSelectItem, .floatSelectItemSelected
{
	padding-left:16px;
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
}
.floatSelectItemSelected { background-image:url(checkmar.gif); }
.floatSelectItem:hover, .floatSelectItemSelected:hover { background-color:#DADCD3;text-decoration:none; }

.floatSelectTrigger
{
	background-image:url(drop_arr.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:10px;
}

/* These styles used in many places throughout the site for
   displaying image thumbnails with flyout and metadata (including search results) */
.imgContainer, ul.assetList li
{
		 float:left!important;display:block;width:190px;
		 /*
		 background-position:center bottom;
		 background-image:url(/images/dotted_line.gif);
		 background-repeat:repeat-x;
*/
		 }
.imgInner
		{margin:20px 0px 20px 0px;padding:0px 10px 0px 10px; overflow:hidden;}	


/*	These styles are for styling the IconLinkButton and IconHyperLink controls (applied in Common.skin) */
.iconLink
{
	display:block;
	margin:5px 0px 5px 0px;
}
.iconLinkIcon
{
	padding-right:5px;
	width:20px;
}
.iconLinkText, a.iconLinkText:link, a.iconLinkText:visited, a.iconLinkText:hover, a.iconLinkText:active
{
	color:#3B3A26;
}
.iconLinkTextDisabled, a.iconLinkTextDisabled:link, a.iconLinkTextDisabled:visited, a.iconLinkTextDisabled:hover, a.iconLinkTextDisabled:active
{
	color:#aaa;
	text-decoration:none;	
}


/* Default used anywhere a linkbutton is disabled */
a.lnkBtnDisabled, a.lnkBtnDisabled:hover
{
    color:#666666;
    text-decoration:none;
}

/* Only displayed when printing */
.printShow
{
	display:none;
}

/* This style (subheadText) is used by the Rights-Managed page.  It is a placeholder style
/* until the UI Design team creates a style definition for it.  Hopefully, this
/* is temporary. */
.subheadText {font-family:Arial; font-size:13px; color:#CC3300; }

/* This style is for the headers introduced for SEO */
.seoHeader{display: block; overflow: hidden; height: 0; width:0;}


.alignedRadioList td
{
	height:19px;
}

.alignedRadioList label, .alignedRadioList span
{
	display:block;
	float:left;
	height:18px;
	margin-top:1px;
	white-space:nowrap;
}

.alignedRadioList input
{
	display:block;
	float:left;
	margin-right:5px;
	height:18px;
}


/* these styles used by the default skin of the UpdateLoadingIndicator control */
.loadingIndicatorContainer
{
	margin:10px;
	height:32px;
}

.loadingIndicatorImg
{
	display:block;
	float:left;
	height:32px;
	width:32px;
}

.loadingIndicatorText
{
	display:block;
	float:left;
	padding-top:7px;
	margin-left:8px;
}

/* ----------------- sprite styles ------------------------------------------*/


/* Begin sprite.png */
.sp-dotted_line,
.sp-dotted_line_dark_double,
.sp-dotted_line_double,
.sp-dotted_line_dark,
.sp-footerdivider,
.sp-subscription_flag,
.sp-icon_easy_access,
.sp-icon_first_look,
.sp-lightboxadded,
.sp-cartadded,
.sp-btn-addedcartrf,
.sp-btn-addedcartrm,
.sp-btn-addedlightbox,
.sp-btn-cart,
.sp-btn-cartd,
.sp-btn-downloadmult,
.sp-btn-lightbox,
.sp-btn-lightboxd,
.sp-btn-lightbox-full,
.sp-btn-lightbox-fulld,
.sp-btn-mlt,
.sp-btn-pricecalc,
.sp-largest,
.sp-medium,
.sp-smallest,
.sp-middle,
.sp-right_end,
.sp-layout_brief,
.sp-layout_brief_selected,
.sp-layout_bubble,
.sp-layout_full,
.sp-layout_full_selected,
.sp-changelayouticon,
.sp-icon-cart,
.sp-close,
.sp-bullet,
.sp-icon-vcd,
.sp-date_reset
{
	background: url(sprite20.png);
	background-color: transparent;
	background-repeat: repeat-x;
	background-attachment:scroll;
}

.sp-dotted_line { background-position: 0px 0px; }
.sp-dotted_line_dark_double { background-position: 0px -13px; }
.sp-dotted_line_double { background-position: 0px -26px; }
.sp-dotted_line_dark { background-position: 0px -39px; }
.sp-footerdivider { background-position: 0px -50px; }
.sp-subscription_flag { background-position: 0px -63px; }
.sp-icon_easy_access { background-position: 0px -79px; }
.sp-icon_first_look { background-position: 0px -95px; }
.sp-lightboxadded { background-position: 0px -111px; }
.sp-cartadded { background-position: 0px -118px; }
.sp-btn-addedcartrf { background-position: 0px -126px; }
.sp-btn-addedcartrm { background-position: 0px -146px; }
.sp-btn-addedlightbox { background-position: 0px -166px; }
.sp-btn-cart { background-position: 0px -186px; }
.sp-btn-cartd { background-position: 0px -206px; }
.sp-btn-downloadmult { background-position: 0px -226px; }
.sp-btn-lightbox { background-position: 0px -246px; }
.sp-btn-lightboxd { background-position: 0px -266px; }
.sp-btn-lightbox-full { background-position: 0px -286px; }
.sp-btn-lightbox-fulld { background-position: 0px -306px; }
.sp-btn-mlt { background-position: 0px -326px; }
.sp-btn-pricecalc { background-position: 0px -346px; }
.sp-largest { background-position: 0px -366px; }
.sp-medium { background-position: 0px -374px; }
.sp-smallest { background-position: 0px -379px; }
.sp-middle { background-position: 0px -382px; }
.sp-right_end { background-position: 0px -418px; }
.sp-layout_brief { background-position: 0px -454px; }
.sp-layout_brief_selected { background-position: 0px -486px; }
.sp-layout_bubble { background-position: 0px -518px; }
.sp-layout_full { background-position: 0px -584px; }
.sp-layout_full_selected { background-position: 0px -616px; }
.sp-changelayouticon { background-position: 0px -648px; }
.sp-icon-cart { background-position: 0px -663px; }
.sp-close { background-position: 0px -674px; }
.sp-bullet { background-position: 0px -685px; }
.sp-icon-vcd { background-position: 0px -688px; }
.sp-date_reset { background-position: 0px -713px; }
/* End sprite.png */

/* Begin sprite-divider.png */
.sp-dotted_divider
{
	background:url(sprite-d.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:0 0;
	height:84px;
	margin:0 0 0 12px;
}

/* End sprite-divider.png */

.sp-btn-cart, 
.sp-btn-addedcartrm, 
.sp-btn-addedcartrf, 
.sp-btn-lightbox, 
.sp-btn-addedlightbox, 
.sp-btn-lightbox-full, 
.sp-btn-pricecalc,
.sp-btn-downloadmult,
.sp-btn-mlt 
{
	margin-top:1px;
    padding-left:5px;
    padding-right:5px;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}

.sp-cartadded,
.sp-lightboxadded
{
	background-color:#79786A;
	padding-left:15px;
	color:white;
}

.sp-dotted_line,
.sp-dotted_line_double
{
	background-repeat:repeat-x;
    /*overflow:hidden;*/
    width:100%;
    /* Hide from MacIE5 hack
    /* MacIE5 needs width:100% to avoid it's strink-to-fit bug \*/
    width:auto;
    /* End hide hack */
}

.sp-dotted_line_double
{
    height:3px;
}

.sp-dotted_line
{
	height:1px;
}

.sp-footerdivider
{
	
	background-repeat:repeat-x;
	height:3px;
	overflow:hidden;
	width:100%;
}


.sp-largest { width: 35px; height: 8px }
.sp-medium { width: 34px; height: 5px }
.sp-smallest { width: 34px; height: 3px }

.sp-right_end
{
	width:5px;
	height:36px;	
}

.sp-middle
{ 
	background-repeat:repeat-x;
	height:36px;	
}

.sp-layout_brief { width: 32px; height: 32px }
.sp-layout_brief_selected { width: 32px; height: 32px }
.sp-layout_bubble { width: 66px; height: 66px }
.sp-layout_full { width: 32px; height: 32px }
.sp-layout_full_selected { width: 32px; height: 32px }


.sp-changelayouticon { display:block; width:18px; height:15px; margin-left:8px; }
.sp-icon-vcd { display:block; width:25px; height:25px; }
.sp-date_reset { display:block; width:10px; height:12px; }


.sp-icon_first_look, 
.sp-icon_easy_access,
.sp-subscription_flag
{
	border-width:0px;
/*
	margin-left:1px;
	margin-right:15px;
*/
	width:16px;
	height:16px;
}

/* Rounded Corner sprite style ------------------------------------------------------------------------ */

.sp_bl 
{ 
	bottom:0px; 
	left:0px; 
} 
.sp_tr 
{ 
	top:0px; 
	right:0px; 
} 
.sp_tl 
{ 
	top:0px; 
	left:0px; 
} 
.sp_br 
{ 
	bottom:0px; 
	right:0px; 
} 


.sp-account_bl,
.sp-account_tr,
.sp-account_tl,
.sp-account_br,
.sp-midtitle_bl,
.sp-midtitle_tr,
.sp-midtitle_tl,
.sp-midtitle_br,
.sp-lighttitle_bl,
.sp-lighttitle_tr,
.sp-lighttitle_tl,
.sp-lighttitle_br,
.sp-default_bl,
.sp-default_tr,
.sp-default_tl,
.sp-default_br,
.sp-assetfamilypopuptitle_bl,
.sp-assetfamilypopuptitle_tr,
.sp-assetfamilypopuptitle_tl,
.sp-assetfamilypopuptitle_br,
.sp-refinetitle_bl,
.sp-refinetitle_tr,
.sp-refinetitle_tl,
.sp-refinetitle_br,
.sp-refinebody_bl,
.sp-refinebody_tr,
.sp-refinebody_tl,
.sp-refinebody_br,
.sp-quicksearchinput_bl,
.sp-quicksearchinput_tr,
.sp-quicksearchinput_tl,
.sp-quicksearchinput_br,
.sp-quicksearchfilters_bl,
.sp-quicksearchfilters_tr,
.sp-quicksearchfilters_tl,
.sp-quicksearchfilters_br,
.sp-titlebar3small_bl,
.sp-titlebar3small_tr,
.sp-titlebar3small_tl,
.sp-titlebar3small_br,
.sp-darktitle_bl,
.sp-darktitle_tr,
.sp-darktitle_tl,
.sp-darktitle_br,
.sp-searchtitle_bl,  
.sp-searchtitle_tr,  
.sp-searchtitle_tl,  
.sp-searchtitle_br,
.sp-searchtitle_bg
{
    background-image:url('rounded_.gif'); 
    position:absolute; 
    height:4px; 
    width:4px; 
    overflow:hidden;
}

.sp-searchtitle_br { background-position: 0 -30px; } 
.sp-searchtitle_tl { background-position: 0 -66px; } 
.sp-searchtitle_tr { background-position: 0 -102px; } 
.sp-titlebar3small_bl { background-position: 0 -138px; } 
.sp-titlebar3small_br { background-position: 0 -172px; } 
.sp-titlebar3small_tl { background-position: 0 -206px; } 
.sp-titlebar3small_tr { background-position: 0 -240px; } 
.sp-account_tr { background-position: 0 -274px; } 
.sp-account_tl { background-position: 0 -310px; } 
.sp-account_br { background-position: 0 -346px; } 
.sp-account_bl { background-position: 0 -382px; } 
.sp-assetfamilypopuptitle_bl { background-position: 0 -418px; } 
.sp-assetfamilypopuptitle_br { background-position: 0 -452px; } 
.sp-assetfamilypopuptitle_tl { background-position: 0 -486px; } 
.sp-assetfamilypopuptitle_tr { background-position: 0 -520px; } 
.sp-darktitle_bl { background-position: 0 -554px; } 
.sp-darktitle_br { background-position: 0 -588px; } 
.sp-darktitle_tl { background-position: 0 -622px; } 
.sp-darktitle_tr { background-position: 0 -656px; } 
.sp-default_bl { background-position: 0 -690px; } 
.sp-default_br { background-position: 0 -726px; } 
.sp-default_tl { background-position: 0 -762px; } 
.sp-default_tr { background-position: 0 -798px; } 
.sp-lighttitle_bl { background-position: 0 -834px; } 
.sp-lighttitle_br { background-position: 0 -868px; } 
.sp-lighttitle_tl { background-position: 0 -902px; } 
.sp-lighttitle_tr { background-position: 0 -936px; } 
.sp-midtitle_bl { background-position: 0 -970px; } 
.sp-midtitle_br { background-position: 0 -1004px; } 
.sp-midtitle_tl { background-position: 0 -1038px; } 
.sp-midtitle_tr { background-position: 0 -1072px; } 
.sp-quicksearchfilters_bl { background-position: 0 -1106px; } 
.sp-quicksearchfilters_br { background-position: 0 -1140px; } 
.sp-quicksearchfilters_tl { background-position: 0 -1174px; } 
.sp-quicksearchfilters_tr { background-position: 0 -1208px; } 
.sp-quicksearchinput_bl { background-position: 0 -1242px; } 
.sp-quicksearchinput_br { background-position: 0 -1276px; } 
.sp-quicksearchinput_tl { background-position: 0 -1310px; } 
.sp-quicksearchinput_tr { background-position: 0 -1344px; } 
.sp-refinebody_bl { background-position: 0 -1378px; } 
.sp-refinebody_br { background-position: 0 -1412px; } 
.sp-refinebody_tl { background-position: 0 -1446px; } 
.sp-refinebody_tr { background-position: 0 -1480px; } 
.sp-refinetitle_bl { background-position: 0 -1514px; } 
.sp-refinetitle_br { background-position: 0 -1548px; } 
.sp-refinetitle_tl { background-position: 0 -1582px; } 
.sp-refinetitle_tr { background-position: 0 -1616px; } 
.sp-searchtitle_bl { background-position: 0 -1650px; } 


.sp-account_bl,
.sp-account_tr,
.sp-account_tl,
.sp-account_br,
.sp-default_bl,
.sp-default_tr,
.sp-default_tl,
.sp-default_br,
.sp-searchtitle_bl,  
.sp-searchtitle_tr,  
.sp-searchtitle_tl,  
.sp-searchtitle_br,
.sp-searchtitle_bg
{
    height:6px; 
    width:6px; 
}


/* 

Rounded Corner Panel Sprite Styles 

The round corner panel is broken into 3 sprite images. One for the corners, one for the top and bottom edges, and one for the side edges.
The side edges must repeat in the y direction. The top and bottom edges repeat in the x direction.
The sprite images and style sheet entries are generated by /Tools/SpriteMaker.
These sprites are alpha png images and use background-position - therefore we cannot use this technique for IE6.
For IE6, we fall back to the individual images for each part of the panel. See the style hack at the bottom of this section.

*/

/* Begin corners-sprite.png */
.sp-rnd4bl,
.sp-rnd4br,
.sp-rnd4tl,
.sp-rnd4tr,
.sp-rndcnrbottomleft,
.sp-rndcnrbottomright,
.sp-rndcnrtopleft,
.sp-rndcnrtopright,
.sp-rndnavmnubottomleft,
.sp-rndnavmnubottomright,
.sp-rndnavmnutopleft,
.sp-rndnavmnutoplefts,
.sp-rndnavmnutopright,
.sp-rndnavmnutoprights,
.sp-rndshdwbblbl,
.sp-rndshdwbblbr,
.sp-rndshdwbbltl,
.sp-rndshdwbbltr,
.sp-rndshdwbl,
.sp-rndshdwbr,
.sp-rndshdwtl,
.sp-rndshdwtr,
.sp-rndtabmnubottomleft,
.sp-rndtabmnubottomright,
.sp-sqrshdwbl,
.sp-sqrshdwbr,
.sp-sqrshdwtl,
.sp-sqrshdwtr
{
	background: url(corners-.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(corners-.gif);
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment:scroll;
}

.sp-rnd4bl { background-position: 0px 0px; }
.sp-rnd4br { background-position: 0px -28px; }
.sp-rnd4tl { background-position: 0px -56px; }
.sp-rnd4tr { background-position: 0px -84px; }
.sp-rndcnrbottomleft { background-position: 0px -112px; }
.sp-rndcnrbottomright { background-position: 0px -140px; }
.sp-rndcnrtopleft { background-position: 0px -168px; }
.sp-rndcnrtopright { background-position: 0px -196px; }
.sp-rndnavmnubottomleft { background-position: 0px -224px; }
.sp-rndnavmnubottomright { background-position: 0px -252px; }
.sp-rndnavmnutopleft { background-position: 0px -280px; }
.sp-rndnavmnutoplefts { background-position: 0px -308px; }
.sp-rndnavmnutopright { background-position: 0px -336px; }
.sp-rndnavmnutoprights { background-position: 0px -364px; }
.sp-rndshdwbblbl { background-position: 0px -392px; }
.sp-rndshdwbblbr { background-position: 0px -420px; }
.sp-rndshdwbbltl { background-position: 0px -448px; }
.sp-rndshdwbbltr { background-position: 0px -476px; }
.sp-rndshdwbl { background-position: 0px -504px; }
.sp-rndshdwbr { background-position: 0px -532px; }
.sp-rndshdwtl { background-position: 0px -560px; }
.sp-rndshdwtr { background-position: 0px -588px; }
.sp-rndtabmnubottomleft { background-position: 0px -616px; }
.sp-rndtabmnubottomright { background-position: 0px -644px; }
.sp-sqrshdwbl { background-position: 0px -672px; }
.sp-sqrshdwbr { background-position: 0px -700px; }
.sp-sqrshdwtl { background-position: 0px -728px; }
.sp-sqrshdwtr { background-position: 0px -756px; }
/* End corners-sprite.png */



.sp-rnd4b,
.sp-rnd4t,
.sp-rndcnrbottom,
.sp-rndcnrtop,
.sp-rndnavmnubottom,
.sp-rndnavmnutop,
.sp-rndshdwb,
.sp-rndshdwbblb,
.sp-rndshdwbblt,
.sp-rndshdwt,
.sp-rndtabmnubottom,
.sp-sqrshdwb,
.sp-sqrshdwt
{
	background: url(horizont.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(horizont.gif);
	
	background-color: transparent;
	background-repeat: repeat-x;
	background-attachment:scroll;
}

.sp-rnd4b { background-position: 0px 0px; }
.sp-rnd4t { background-position: 0px -4px; }
.sp-rndcnrbottom { background-position: 0px -8px; }
.sp-rndcnrtop { background-position: 0px -10px; }
.sp-rndnavmnubottom { background-position: 0px -20px; }
.sp-rndnavmnutop { background-position: 0px -37px; }
.sp-rndshdwb { background-position: 0px -53px; }
.sp-rndshdwbblb { background-position: 0px -80px; }
.sp-rndshdwbblt { background-position: 0px -103px; }
.sp-rndshdwt { background-position: 0px -118px; }
.sp-rndtabmnubottom { background-position: 0px -133px; }
.sp-sqrshdwb { background-position: 0px -149px; }
.sp-sqrshdwt { background-position: 0px -177px; }

.sp-rnd4l,
.sp-rnd4r,
.sp-rndcnrleft,
.sp-rndcnrright,
.sp-rndnavmnuleft,
.sp-rndnavmnuright,
.sp-rndshdwbbll,
.sp-rndshdwbblr,
.sp-rndshdwl,
.sp-rndshdwr,
.sp-rndtabmnuleft,
.sp-rndtabmnuright,
.sp-sqrshdwl,
.sp-sqrshdwr
{
	background: url(vertical.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(vertical.gif);
	
	background-color: transparent;
	background-repeat: repeat-y;
	background-attachment:scroll;
}

.sp-rnd4l { background-position: 0px 0px; }
.sp-rnd4r { background-position: -4px 0px; }
.sp-rndcnrleft { background-position: -8px 0px; }
.sp-rndcnrright { background-position: -19px 0px; }
.sp-rndnavmnuleft { background-position: -31px 0px; }
.sp-rndnavmnuright { background-position: -48px 0px; }
.sp-rndshdwbbll { background-position: -65px 0px; }
.sp-rndshdwbblr { background-position: -82px 0px; }
.sp-rndshdwl { background-position: -99px 0px; }
.sp-rndshdwr { background-position: -120px 0px; }
.sp-rndtabmnuleft { background-position: -140px 0px; }
.sp-rndtabmnuright { background-position: -159px 0px; }
.sp-sqrshdwl { background-position: -178px 0px; }
.sp-sqrshdwr { background-position: -196px 0px; }

div.row
{
	clear: both;
}
div.row span.label
{
	float: left;
	width: 21%;
	text-align: right;
}
div.row span.input
{
	float: left;
	width: auto;
	text-align: left;
	margin-left: 10px;
}
span.inline span.label
{
	float: left;
	width: 21%;
	text-align: right;
}
span.inline span.label-auto
{
	float: left;
	width: 0.1em; /* Begin hide from IE-mac \*/
	width: auto; /* End hide from IE-mac */
	text-align: right;
}
span.inline span.input
{
	float: left;
	width: auto;
	text-align: left;
	margin-left: 10px;
}
span.input input, span.input select
{
	background-color: Window !important;
}
.input-table:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.input-table
{
	display: inline-table;
}
/* Begin hide from IE-mac \*/
* html .input-table
{
	height: 1%;
}
.input-table
{
	display: block;
}
/* End hide from IE-mac */
div.info
{
	clear: both;
}
div.info span.label
{
	float: left;
	width: 100px;
	margin-right: 10px;
}
div.info span.data
{
	float: left;
	width: auto;
}