/*
	/parknpool/includes/styelsheets_0802/model_info_screen.css
	 
	Copyright (c) 2009 ParknPool Corp.

	Div layout...
		
	<table id=miModTable>
	  <tr>
		  <td><div id=miModComp></div></td>
			<td>
				<div id=miModName></div>
				<div id=miModDesc></div>
				<div id=miModOptions></div>
				<div id=miModSiblings></div>
				<div id=miSecTabs></div>
				<div id=miSecFeatures></div>
				<div id=miSecSpecs></div>
				<div id=miSecPhotos></div>
				<div id=miSecWarranty></div>
			</td>
		  <td><div id=miCustServ></div></td>
		</tr>
	</table>

	2009/03/09 mv	Initial coding.
*/

/* Main ID styles - In alphabetical order*/

/* Customer Service ID styles - In alphabetical order*/

#miCustServ {
/*	border: #000 1px solid; */
	margin-left: 3px;
	text-align: center; 
	vertical-align: top;
}

/* Model Companion Products ID styles - In alphabetical order*/

#miModCat, #miModComp {
/*	border: #000 1px solid; */
	margin-bottom: 5px;
	text-align: center; 
	vertical-align: top;
	width: 200px;
}

#miModCat h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Model Description ID styles - In alphabetical order*/

#miModDesc {
/*	border: #000 1px solid; */
	font-size: x-small;
	text-align: left; 
	width: 700px;
}

#miModDescBrief {
/*	border: #000 1px solid; */
	padding-bottom: 3px;
	vertical-align: top;
}

#miModDescCode {
/*	border: #000 1px solid; */
	padding-bottom: 3px;
	font-size: medium;
	font-weight: bold;
	vertical-align: top;
}

#miModDescInfo {
	vertical-align: top;
}

#miModDescName {
	font-size: small;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
	vertical-align: top;
}

#miModDescOptions {
	vertical-align: bottom;
}

#miModDescOrder {
	vertical-align: bottom;
}

#miModDescPic {
	text-align: center;
	vertical-align: top;
	width: 130px;
}

/* Model Name ID styles - In alphabetical order*/

#miModName {
/*	border: #000 1px solid; */
	font-size: medium;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
	vertical-align: top;
	width: 700px;
}

/* Model Options ID styles - In alphabetical order*/

#miModOptions {
/*	border: #000 1px solid; */
	font-size: small;
	text-align: left; 
	width: 700px;
}

/* Model Order ID styles - In alphabetical order*/

#miModOrder {
/*	border: #000 1px solid; */
	font-size: small;
	padding-bottom: 10px;
	text-align: left; 
	width: 700px;
}

#miModOrderAdd {
/*	border: #000 1px solid; */
	font-size: small;
	text-align: right; 
	width: 20%;
}

#miModOrderPrice {
/*	border: #000 1px solid; */
	font-size: small;
	text-align: center; 
	width: 25%;
}

#miModOrderQty {
/*	border: #000 1px solid; */
	font-size: small;
	text-align: left; 
	width: 40%;
}

.miModOrderValue {
	color:#363;
	font-weight: bold;
}

#miModOrderWt {
/*	border: #000 1px solid; */
	font-size: small;
	text-align: center; 
	width: 15%;
}

/* Model Siblings ID styles - In alphabetical order*/

#miModSiblings {
	border-top: #000 1px solid; 
	font-size: 10px;
	text-align: left; 
	width: 700px;
}

/* Model Table ID styles - In alphabetical order*/

#miModTable {
/*	border: #000 1px solid; */
	font-size: x-small;
	margin-top: 20px;
	text-align: left; 
	width: 700px;
}

#miModTableCenter, #miModTableLeft, #miModTableRight {
	vertical-align: top;
}

#miModTableCenter {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	vertical-align: top;
}

/* Tabbed Info section styles - In alphabetical order */

#miSecFeatures {
	font-size: small;
	text-align: left; 
/*	visibility: visible; */
	display: block;
	width: 700px;
}

#miSecFeatures p {
	margin-bottom: 1em;
}

h3.miSecHdr {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 20px 0px 5px 0px;
}

/* Sections that start as hidden */

#miSecOptions, #miSecPhotos, #miSecReviews, #miSecSpecs, #miSecWarranty {
	font-size: small;
	text-align: left; 
/*	visibility: hidden; */
	display: none;
	width: 700px;
}

#miSecTabs {
	border-top: #000 1px solid;
	font-size: 12px;
	padding-top: 50px;
	text-align: left; 
	width: 700px;
}

.miSecTab {
	background: url(../../images/tabs/model_info_section_tab_inactive.gif) no-repeat;
/*	background: url(../../images/tabs/itab-mid.gif);*/
	cursor: pointer;
	font-weight: normal; 
	height: 30px;
/*	padding-top: 2px;*/
	text-align: center;
	vertical-align: top;
	width: 175px;
}

.miSecTab5 {
	background: url(../../images/tabs/model_info_section_tab_inactive5.gif) no-repeat;
/*	background: url(../../images/tabs/itab-mid.gif);*/
	cursor: pointer;
	font-weight: normal; 
	height: 40px;
/*	padding-top: 2px;*/
	text-align: center;
	vertical-align: top;
	width: 140px;
}

.miSecTab6 {
	background: url(../../images/tabs/model_info_section_tab_inactive6.gif) no-repeat;
/*	background: url(../../images/tabs/itab-mid.gif);*/
	cursor: pointer;
	font-weight: normal; 
	height: 40px;
/*	padding-top: 2px;*/
	text-align: center;
	vertical-align: top;
	width: 116px;
}

.miSecTabL {
	background: url(../../images/tabs/itab-left.gif);
	cursor: pointer;
	height: 30px;
	width: 16px;
}

.miSecTabR {
	background: url(../../images/tabs/itab-rght.gif);
	cursor: pointer;
	height: 30px;
	width: 16px;
}

#miSecWarranty p {
	margin-bottom: 1em;
}

#miSubSecFeatures {
	float: left;
	width: 500px;
}

#miSubSecRating {
	display: inline;
	float: left;
	line-height: 200%;
	margin-left: 15px;
	width: 180px;
}
/* Minor styles - In alphabetical order */

#miAcSection {
/*	border: #000000 thin solid; */
	width: 700px;
}

/* We don't want the accordion headers (.miAcHead) to be visible */

div.miAttImage {
	float: left;
	padding: 3px;
	text-align: center;
}

div.miAttMenu {
	padding: 3px 3px; 
}

.miAttTable {
  background-color: #D5E4F9;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-bottom: 1px;
}

#miExpRating {
	vertical-align: super;
}

.miOptLabel {
	cursor: pointer;
	padding-left: 3px;
	text-align: right;
}

.miOptMenu {
	text-align: left;
	vertical-align: middle;
}

.miOptNote {
	vertical-align: middle;
}

/* Begin Rating History */

#miRatHist {
	line-height: normal;
	display: none;
	width: 100%;
}

.miRatHistContainer {
	background: #FFFFFF url(../../images/global_images/box_bg_grad_grn.gif) repeat-x scroll center top;
	border: 1px solid #CCCCCC;
	width: 100%;
}

.miRatHistTitle {
	color: #336633;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}

.miRatHistTitle span {
	font-size: 10px;
	font-weight: normal;
	height: 15px;
}

.miRatHistRow {
	height: 15px;
	overflow: hidden;
	width: 100%;
}

.miRatHistRowBar {
	background: transparent url(../../images/global_images/hist_bar_bg_empty.gif) repeat scroll right center;
	border: 1px solid #003366;
	height: 12px;
	width: 100px;
}

.miRatHistRowBarFill {
	background: transparent url(../../images/global_images/hist_bar_bg_full.gif) repeat scroll right center;
	height: 100%;
}

.miRatHistRowLblCnt {
	color: #003366;
	font-size: 10px;
	font-style: italic;
	height: 12px;
	line-height: normal;
	width: 30px;
}

.miRatHistRowLblStar {
	color: #003366;
	font-size: 10px;
	height: 12px;
	line-height: normal;
	width: 35px;
}

/* End Rating History */

/* Begin Reviews */

.miReviewSection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.miReviewSectionMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
	width: 100%;
}

#miReviewSortMenu {
	font-size: 10px;
}

.miReviewSubSecL {
	float: left;
}

.miReviewSubSecNav {
	background: #FFFFFF url(../../images/global_images/box_bg_grad_grn.gif) repeat-x scroll center top;
	padding: 5px;
	width: auto;
}

.miReviewSubSecR {
	float: right;
}

/* End Review */