/* DETAIL PRODUCTS */

.varianty{
    background: #FFFFCC; 
    border: 1px solid #FFCC33;
    padding:5px;
    text-align:left;
    text-indent:0;
    margin:0;
}
p select, option{
    width:150px;

}


.detailMain {
	margin: auto;
	width: 700px;
	height: auto;
	clear: both;
}
.detailWindow {
	padding: 5px 0;
	overflow: hidden;
	margin: auto;
	width: 680px;
	height: auto;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
#detailWindowNoColor {
	padding: 5px 0;
	margin: auto;
	width: 680px;
	height: auto;
}
#detailWindowTextBold {
	font-weight: bold;
	text-align: center;
	width: 680px;
	height: 20px;
}
#detailWindowTextNormal {
	text-align: center;
	width: 680px;
	height: auto;
}
#detailWindowTextRed {
	font-weight: bold;
	width: 680px;
	height: auto;
	color: red;
}
#detailTType {
	float: left;
	width: 20px;
	height: auto;
	text-align: center;
	font-size: 14pt;
}
#detailTitle {
	float: left;
	width: 660px;
	height: auto;
	font-size: 14pt;
}

#detailTitle h3  {
	float: left;
	width: 660px;
	font-size: 11pt;
		margin: 1pt;
}

h2 {
	font-size: 11pt;
	margin: 1pt;
	color: #ff9900;
}


#centralPanel h2 {
	padding-left: 0.75em;
	font-size: 1.5em;
	margin-top: 0.83em;
    margin-bottom: 0.83em;
}

.detailSpace {
	display: block;
	width: 680px;
	height: 5px;
	clear: both;
}
.detailSpaceLeft {
	width: 180px;
	height: 5px;
}
.detailSpaceRight {
	width: 453px;
	height: 5px;
}
#detailMainPanel {
	margin: auto;
	width: 730px;
	height: auto;
}
#detailLeftPanel {
	float: left;
	width: 380px;
	height: auto;
}
#detailRightPanel {
	float: right;
	width: 250px;
	height: auto;
}

#detailRightPanel table{
	width: 250px;
    
}
#detailRightPanel table td{
	border-bottom: 1px solid gray;
    
}

#detailPhoto {
	margin: auto;
	margin-right : 10px;
	vertical-align:middle;
	text-align:center;
	float: left;

}
#detailPhotoBox {
	width: 166px;
	height: 188px;
	border: 1px solid black;
	text-align:center;
}
.detailPhotoGall {
	margin: auto;
	width: 60px;
	height: 188px;
	float: left;
}
.detailPhotoGallBox {
	width: 50px;
	height: 60px;
	border: 1px solid black;
}
#detailPhotoGallSpace {
	float: left;
	width: 5px;
	height: 60px;
}
#detailAction {
	margin: auto;
	width: 250px;
	height: 44px;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
#detailBonus {
	margin: auto;
	width: 650px;
	height: 170px;
	overflow: scroll;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

#detailBonusTitle {
	margin: auto;
	width: 670px;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	border-bottom: 1px solid #AAAAAA;
    padding-bottom :5px;
}


#detailBonusItem {
	display: block;
	float: left;
	width: 150px;
	height: auto;
}

#detailBonusItem a{
	float: left;
    margin :0;
    padding:0;
}


#detailTextBox {
	width: 730px;
	height: auto;
}
.detailTextTitle {
	width: 483px;
	height: 20px;
	font-size: 10pt;
	font-weight: bold;
	clear: both;
}
.detailTextStandart {
	width: 600px;
	height: auto;
	font-size: 10pt;
}
#detailPricer {
	margin: auto;
	width: 178px;
	height: auto;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
.detailAnotherBox {
	padding: 5px;
	clear: both;
}
#detailPricerLine {
	margin: auto;
	width: 160px;
	height: 20px;
}
#detailPricerLineRed {
	margin: auto;
	width: 160px;
	height: 20px;
	color: red;
}
#detailPricerLineGreen {
	margin: auto;
	width: 160px;
	height: 20px;
	color: green;
}
#detailLogo {
	margin: auto;
	width: 178px;
	height: auto;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
.detailLogoBox {
	text-align: center;
	height: auto;
}
.detailStatus {
	margin: auto;
	width: 250px;
	height: auto;
	background-color: #EEEEEE;
}

span.red{	
    background-color:red;
    font-weight: bold;
}
span.green {
    background-color: #AAFFAA;
	color: green;
}

#detailStatusWarehouse {
	width: 168px;
	height: auto;
	background-color: #AAFFAA;
	color: green;
	font-weight: bold;
	text-align: center;
}
a#detailActionButton {
	float: left;
	display: block;
	width: 120px;
	height: 34px;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}
a:hover#detailActionButton {
	background-color: #BBBBBB;
}
#detailActionButtonDeactive {
	float: left;
	width: 120px;
	height: 34px;
	font-size: 10pt;
	color: #666666;
}
#detailActionButtonActive {
	float: left;
	padding: 4px 0 0 5px;
	width: 90px;
	height: 34px;
	font-size: 10pt;
	color: #666666;
}
#detailActionPad {
	padding: 2px 0 0 5px;
}
form#formAction {
	float: left;
	width: 250px;
	height: auto;
	clear: both;
	text-align: center;
}
.detailActionText {
	text-align: center;
	padding-top: 8px;
}
#detailCountBox {
	float: left;
	width: 25px;
	height: 20px;
}
#detailCountPad {
	padding: 5px 0 0 5px;
}
.detailCount {
	width: 20px;
	height: 20px;
	vertical-align: top;
    margin-top: 2px;
}
#bonusSpace {
	display: block;
	width: 10px;
	height: 190px;
	float: left;
}