/*	---------------------------------------------------------------
		@filename		common.css
		@author			trey.eckels@akqa.com
		@description	specialized elements common across site
		
		Contents
		1. Custom Dijit Checkboxes
		2. Buttons
		3. Base
		
	--------------------------------------------------------------- */
	
/*	
	=========== 1. Custom Dijit Checkboxes ===========
*/

label.check {
	display:inline;
	margin-left:3px;
}

input.check {
	display:inline;
	vertical-align: top;
}


.tundra .dijitRadio, .tundra .dijitRadioIcon {
background-image: url(/media/images/global/form/btns_rndradio_offon.gif);
background-repeat:no-repeat;
background-position: 0 0;
height:16px;
margin:0;
padding:0;
width:16px;
}

.tundra .dijitRadioChecked, .tundra .dijitToggleButtonChecked .dijitRadioIcon {
background-position:0 -15px;
}


div.checksVertical {
	margin-bottom: 20px;						
}

div.checksBetween {
	margin-bottom: 7px;	
}


.dijitCheckBox input, .dijitRadio input {
display:block;
margin:0;
padding:0;
*vertical-align: top;
}

.dijitCheckBoxInput {
opacity:0.01;
filter:alpha(opacity=0);
-moz-opacity:0.01;
-khtml-opacity: 0;
}

.dijitCheckBox, .dijitRadio, .dijitCheckBoxInput {
background-position:center center;
background-repeat:no-repeat;
border:0 none;
height:16px;
overflow:hidden;
padding:0;
width:16px;
display:inline;
}


.tundra .dijitCheckBox, .tundra .dijitCheckBoxIcon {
background-image: url(/media/images/global/form/btns_checkbox_offon.gif) !important;
background-position:0 0 !important;
background-repeat:no-repeat;
height:13px;
margin:0;
padding:0;
width:14px;
}

.tundra .dijitCheckBoxChecked, .tundra .dijitToggleButtonChecked .dijitCheckBoxIcon {
background-position:0 -17px !important;
}

.dijitCheckBox, .dijitRadio, .dijitCheckBoxInput {
border:0 none;
overflow:hidden;

}

.dijitInline {
display:inline-block;
vertical-align:-3px;
margin-top: 20px;
}

.dijitReset {
-x-system-font:none;
color:inherit;
font-family:inherit;
font-size:inherit;
font-size-adjust:inherit;
font-stretch:inherit;
font-style:inherit;
font-variant:inherit;
font-weight:inherit;
line-height:inherit;
*display:inline;
}


/*for firefox 2*/
.ff2 .dijitCheckBox, 
.ff2 .dijitRadio, 
.ff2 .dijitCheckBoxInput  {
	display:inline-block;
	float:left;

}

.ff2 #shop-filterBy li{
	display:block;
	clear:both;
}

.ff2 #s-compareChecked .dijitCheckBox,
.ff2 #s-compareChecked .dijitRadio, 
.ff2 #s-compareChecked .dijitCheckBoxInput,
.ff2 #gb-s-compareChecked .dijitCheckBox,
.ff2 #gb-s-compareChecked .dijitRadio, 
.ff2 #gb-s-compareChecked .dijitCheckBoxInput{
	float:none;
	display:inline;
	vertical-align:text-top;
}

.ff2 .dijitCheckBoxChecked,
.ff2 .dijitToggleButtonChecked .dijitCheckBoxIcon {
	background-position:0 -18px;
	height:18px;
}

.ff2 #s-compareChecked {
	
}

/*	
	=========== 2. Layout ===========
*/

/*.cap-top,
.cap-bottom {
	background: url(/media/images/registration/form_cap_bkg_top_bott.png);
}
	
.cap-top,
.cap-bottom {
	height:6px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.cap-bottom {
	background-position:0px -7px;
	margin: 0 0 9px 0;
}

.cap-last{
	margin:0px;
}

.cap-middle {
	background: url(/media/images/registration/frm-sprite-caps.jpg);
	background-position:-960px bottom;
	padding: 18px 0px 14px 25px;
	margin:0;
	background-repeat: no-repeat;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	background-color: white;
}*/


/*	
	=========== 2. Base ===========
*/

/**
 * Needed to create a base set of styles so I am not writing and rewriting
 */
.base{}
	/* page titles */
	.base h1{
		font:30px/33px Arial, Helvetica, sans-serif;
		color:#202020;}
	/* section headers */
	.base #main h2{
		font:24px/27px Arial, Helvetica, sans-serif;
		color:#2f6fa9;}
	/* header and totals */
	.base h3,
		.base .totals{
			font:bold 16px/19px Arial, Helvetica, sans-serif;
			color:#202020;}
	.base .s99{
			font:16px/19px Arial, Helvetica, sans-serif;
			color:#202020;}
	/* Product Details, Availability, Price and descriptive text w/header */
	.base p{
		font:11px/14px Arial, Helvetica, sans-serif;
		margin-bottom:20px}
		
	/* X-Sell Product, Cancel Label, Preview Label Links  */
	.base .s13{
		font:11px/14px Arial, Helvetica, sans-serif;
		color:#2f6fa9;}
	/* Pickup Dates, label names, drop down and text field labels*/
	
	.base a.s13:hover{ color:#444; }
	
	.base h4{
		font:bold 12px/15px Arial, Helvetica, sans-serif;
		color:#202020;}
		.base h4 .s13{
			padding-left:5px;}
	.base .s7{
		font:bold 12px/15px Arial, Helvetica, sans-serif;
		color:#2f6fa9;}
	.base .s9{
		font: 12px/15px Arial, Helvetica, sans-serif;
		color:#202020;}
	.base .s9Bold{
		font:bold 12px/15px Arial, Helvetica, sans-serif;
		color:#202020;}
	.base .s11{
		font:bold 12px/15px Arial, Helvetica, sans-serif;
		color:#202020;}
		
	.base .s17{
		font:bold 11px/14px Arial, Helvetica, sans-serif;
		color:#c94f16;}
		
	.base .s18{
		font:bold 11px/14px Arial, Helvetica, sans-serif;
		color:#eb0f0e;}

.ir{
	vertical-align:top;
	display: -moz-inline-box;
	display: inline-block;
	overflow: hidden;
	text-indent: -3000px;
	*text-indent: 0px;
	font: 0/0 Arial;
	color: rgba(255,255,255,0);
	text-decoration: none;}
	
#archived label {
	 display:inline;
    }
    
#archived div {
     vertical-align: 0;
    }
    
.dj_IE7 #archived div {
     vertical-align: 1px;
    }