/* CSS Document */

input, select, option {margin:0px;} /*base level setting - margin 0 corrects browser discrepencies */
body, div, td, p {font:10px/14px Verdana, Arial, Helvetica, sans-serif;} 

.quicksearch{color:#3B3A26;} /* Used on the quicksearch 'flyout' */


/* 
 * 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 !important;}

img     { border:1px solid #CCCCCC; }
        
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;}
        



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

/* ----------------- 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(images/sprite2.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(images/sprite-divider.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment:scroll;
}

.sp-dotted_divider { background-position: 0px 0px; }
/* End sprite-divider.png */


.sp-dotted_divider 
{ 
	margin:2px 10px 0px 10px;
	height:84px;
}


.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('images/rounded_sprite3.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(images/corners-sprite.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(images/corners-sprite.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: 3px -672px; }
.sp-sqrshdwbr { background-position: 0px -700px; }
.sp-sqrshdwtl { background-position: 3px -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(images/horizontals-sprite.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(images/horizontals-sprite.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(images/verticals-sprite.png);
	
	/* IE6 hack that points to a gif version of the image that does not contain the semi-transparency */
	_background: url(images/verticals-sprite.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: -175px 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;
}