/****************************************
 * Mixonic Duplication
 * Pricer Tool (Quick Quote) CSS
 ****************************************/

/****************************************
 * General Formatting
 ****************************************/

#pricer {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

/* Text */

h1 {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: normal;
}

#subhead {
	margin: 0px 0 15px 0;
	padding: 0;
}

h2 {
	margin: 0 0 10px 0;
	font-size: 14px;
}

h3 {
	margin: 15px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
}

h4 {
	margin: 15px 0 10px 0;
	font-size: 11px;
	font-weight: bold;
}

#relatedLinks {
	float: right;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

li {
	margin: 0 0 3px 0;
}

/****************************************
 * Pricer Form
 ****************************************/

form {
	margin: 0;
	padding: 0;
}

fieldset {
	display: inline; /* IE6 margins */
	float: left;
	width: 140px;
	margin: 0 10px 15px 1px;
	padding: 0 0 15px 20px;
	border: 1px solid #b8cfe5;
	background: #f2f6fa;
}

fieldset h2 {
	margin: 0 0 15px -20px;
	width: 140px;
	padding: 4px 10px 6px 10px;
	background: #b8cfe5;
}



.columnHeader {
	margin: 0 0 15px -20px;
	width: 175px;
	padding: 4px 10px 6px 10px;
	background: #bfe595;
	font-size:14px;
	font-weight:bold;
}

#productionFieldSet {
	width:175px;
}

#productionHeader {
	width:175px;	
}
#quote {
	width:195px;
	border-color: #bfe595;
	background: #f6faf2;
}

#quote h2 {
	background: #bfe595;
}

.details {
	margin: 5px 0;
	font-size: 10px;
	color: #333;
}

.checklist {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px;
}

.checklist li {
	float: left;
	margin: 0 0 5px 0;
	width: 100%;
}

.checklist input {
	clear: left;
	float: left;
	margin: 0 5px 2px 0;
}

.input-submit, .input-button {
	margin: 0 0 15px 0;
	padding: 2px;
	width: 115px;
	font-size: 12px;
	text-align: center;
}

.input-submit {
	font-weight: bold;
}

#quote-details {
	
}

#greenMiddleLine
{
		border-top: 1px solid #BFE595;
		padding-left: 192px;
		margin-top: 50px;
}

#quote-details img {
	padding-right: 2px;
	vertical-align: middle;
}

#quote-details ul {
	margin: 6px 0 10px 0;
}

#quote-details li {
	margin: 0 0 5px 0;
	padding-left: 12px;
	background: url(/mcm/mixonic/images/pricer/bullet.gif) no-repeat 0 3px;
	font-size: 12px;
	line-height: 1.2em;
}


#quote-summary li {
    margin: 0 0 5px 0;
	padding-left: 12px;
	background: url(/mcm/mixonic/images/pricer/bullet.gif) no-repeat 0 3px;
	font-size: 11px;
	line-height: 1.2em;
}	


/* Buttons */

.option, .disabled, .active {
	margin: 0 0 5px 0;
	width: 120px;
	height: 60px;
	background-position: top left;
	background-repeat: no-repeat; 
}

.disabled {
	background-position: 0 -180px;
}

.active {
	background-position: 0 -120px;
}

.hover {
	background-position: 0 -60px;
	cursor: pointer;
}

.option input, .option label {
	display: none;
}

/* Button images */

#discType-cd { 	background-image: url(/mcm/mixonic/images/pricer/buttons/disc_cd.gif); }
#discType-dvd { 	background-image: url(/mcm/mixonic/images/pricer/buttons/disc_dvd.gif); }
#discType-none { 	background-image: url(/mcm/mixonic/images/pricer/buttons/none.gif); }

#discSurface-color { 	background-image: url(/mcm/mixonic/images/pricer/buttons/disc_color.gif); }
#discSurface-colorSilver { 	background-image: url(/mcm/mixonic/images/pricer/buttons/disc_color_silver.gif); }
#discSurface-blackSilver { 	background-image: url(/mcm/mixonic/images/pricer/buttons/disc_black_silver.gif); }
#discSurface-blackWhite { 	background-image: url(/mcm/mixonic/images/pricer/buttons/disc_black_white.gif); }

#caseType-thin { 		background-image: url(/mcm/mixonic/images/pricer/buttons/case_thin.gif); }
#caseType-standard { background-image: url(/mcm/mixonic/images/pricer/buttons/case_jewel.gif); }
#caseType-flexible { background-image: url(/mcm/mixonic/images/pricer/buttons/case_flexible.gif); }
#caseType-dvd { 		background-image: url(/mcm/mixonic/images/pricer/buttons/case_dvd.gif); }
#caseType-sleeve { 	background-image: url(/mcm/mixonic/images/pricer/buttons/case_sleeve.gif); }
#caseType-jacket { 	background-image: url(/mcm/mixonic/images/pricer/buttons/case_jacket.gif); }
#caseType-wallet { 	background-image: url(/mcm/mixonic/images/pricer/buttons/case_wallet.gif); }
#caseType-digipak { 	background-image: url(/mcm/mixonic/images/pricer/buttons/case_digipack.gif); }
#caseType-none { 		background-image: url(/mcm/mixonic/images/pricer/buttons/none.gif); }

#insertType-twopanel { 	background-image: url(/mcm/mixonic/images/pricer/buttons/insert_twopanel.gif); }
#insertType-fourpanel { background-image: url(/mcm/mixonic/images/pricer/buttons/insert_fourpanel.gif); }
#insertType-sixpanel { background-image: url(/mcm/mixonic/images/pricer/buttons/insert_sixpanel.gif); }
#insertType-traycard { 	background-image: url(/mcm/mixonic/images/pricer/buttons/insert_traycard.gif); }
#insertType-dvd { 		background-image: url(/mcm/mixonic/images/pricer/buttons/insert_dvd.gif); }
#insertType-dvdInside { background-image: url(/mcm/mixonic/images/pricer/buttons/insert_dvd_inside.gif); }
#insertType-combo2 { 		background-image: url(/mcm/mixonic/images/pricer/buttons/insert_combo2.gif); }
#insertType-combo4 { 		background-image: url(/mcm/mixonic/images/pricer/buttons/insert_combo4.gif); }
#insertType-none { 		background-image: url(/mcm/mixonic/images/pricer/buttons/none.gif); }

/* "None" buttons are shorter */

#discType-none, #caseType-none, #insertType-none {
	height: 37px;
}

/* "2-sided" checkboxes */

.twoSided-inner {
	margin: 0 0 10px 10px;
}

.digipak-inner {
	margin: 0 0 10px 10px;
}

#pricerPriceTable td {
	padding:2px;
}

#pricerPriceTable {
	width:170px;
	font-size:12px;
	background-image: url('/images/QQPricingTableMiddle.gif');
	background-repeat: repeat-y;
}


#shippingPriceTable td {
	padding: 2px 0 2px 0;
}

#shippingPriceTable {
	width:170px;
	font-size:12px;
	background-image: url('/images/QQPricingTableMiddle.gif');
	background-repeat: repeat-y;
}

