/* Artifaqt Styles Common for Switchplates --by Kaoru Kawasaki July, 2005-- */

/* Product Main Picts in "a_box" --------------------------------------------*/
#pictbox_lg {
 margin: 30px 0 0 20px;
 padding: 0;
 float: left;
}

#pictbox_h450 {
 height: 450px;
 margin: 30px 0 0 20px;
 padding: 0;
}

#pictbox_lg467 {
 width: 467px;
 margin: 30px 0 0 20px;
 padding: 0;
 float: left;
}

#pictbox_lg500 {
 width: 500px;
 margin: 30px 0 0 20px;
 padding: 0;
 float: left;
}

#descbox_lg467 {
 width: 467px;
 margin: 20px 0 0 20px;
 padding: 0;
 float: left;
}

#descbox_lg467_short {
 width: 400px;
 margin: 15px 0 0 20px;
 padding: 0;
 float: left;
}

.pbox_sm {
 width: 185px;
 margin: 0;
 padding: 0;
 float: left;
}

#pbox_sm2 {
 width: 328px;
 margin: 0;
 padding: 0;
 float: right;
}

#pbox_sm2_450 {
 width: 328px;
 height: 450px;
 margin: 0;
 padding: 0;
 float: right;
}

.pbox_sm250 {
 width: 250px;
 margin: 0;
 padding: 0;
 float: left;
}

#pbox_sm263 {
 width: 263px;
 margin: 0;
 padding: 0;
 float: right;
}

.pbox_sm330 {
 width: 330px;
 height: 330px;
 margin: 0;
 padding: 0;
 float: left;
}

#pbox_sm183 {
 width: 183px;
 height: 330px;
 margin: 0;
 padding: 0;
 float: right;
}

.prdct_tle h4 {
 font: 16px Arial, Helvetica, Sans-serif;
 color: #fff;
 font-weight: bold;
 letter-spacing: 2px;
 margin: 155px 0 0 22px;
 text-align: left;
}

.prdct_tle330 h4 {
 font: 16px Arial, Helvetica, Sans-serif;
 color: #fff;
 font-weight: bold;
 letter-spacing: 2px;
 margin: 240px 0 10px 22px;
}

.prdct_tle467 h4 {
 font: 16px Arial, Helvetica, Sans-serif;
 color: #fff;
 font-weight: bold;
 letter-spacing: 2px;
 margin: 10px 0 10px 22px;
}

.prdct_desc p {
 font: 13px Arial, Helvetica, Sans-serif;
 color: #fff;
 letter-spacing: 1px;
 word-spacing: -1px;
 margin: 10px 0 0 22px;
 line-height: 150%;
}

.prdct_desc p a:link, .prdct_desc p a:visited {
 color: #fff;
 text-decoration: underline;
}

.prdct_desc p a:hover {
 color: #930;
 text-decoration: none;
}

.prdct_desc_sm p {
 font: 11px/14px Arial, Helvetica, Sans-serif;
 color: #fff;
 margin: 10px 0 0 22px;
 letter-spacing: 1px;
}

.sm-desc {
 font-size: 11px;
 letter-spacing: 1px;
}

.red {
 color: #930;
}

.prdct_desc_sm p a:link, .prdct_desc_sm p a:visited {
 color: #660;
 text-decoration: underline;
}

.prdct_desc_sm p a:hover {
 color: #930;
 text-decoration: none;
}

#option-wrapper {
 float: left;
 width: 200px;
 padding: 0 0 0 22px;
 margin: 10px 0 15px 0;
}

.prdct_desc_option {
 font: 13px Verdana, Arial, Helvetica, Sans-serif;
 color: #333;
 margin: 0;
 float: left;
}

.prdct_desc_option+.prdct_desc_option {
 margin: 10px 0 0 0;
}

.prdct_desc_option p {
 margin: 0 0 5px 0;
 padding: 0;
}

p.config-chart {
 font: 11px Verdana, Arial, Helvetica, sans-serif;
 margin: 25px 0 0 15px;
 padding: 0;
 float: left;
}

p.config-chart a:link, p.config-chart a:visited {
 color: #666;
 text-decoration: underline;
}

p.config-chart a:hover {
 color: #930;
 text-decoration: none;
}

.prdct_pr {
 margin: 20px 0 0 22px;
 padding: 0;
 clear: both;
}

.prdct_pr p {
 font: 13px Arial, Helvetica, Sans-serif;
 color: #fff;
 letter-spacing: 1px;
 word-spacing: -1px;
}

p.prdct_desc {
 font: 11px Verdana, Arial, Helvetica, Sans-serif;
 color: #666;
 word-spacing: -1px;
 margin: 10px 0 0 22px;
 clear: both;
}

p.prdct_desc a:link, p.prdct_desc a:visited {
 color: #930;
 text-decoration: underline;
}

p.prdct_desc a:hover {
 color: #fff;
 text-decoration: underline;
}

p.config-desc {
 font: 11px/14px Verdana, Arial, Helvetica, Sans-serif;
 color: #333;
 margin: 10px 25px 0 25px;
 padding: 8px 10px;
 background-color: #c2ba99;
 border: 1px solid #999;
}

p.config-desc a:link, p.config-desc a:visited {
 color: #930;
 text-decoration: none;
}

p.config-desc a:hover {
 color: #930;
 text-decoration: underline;
}


#b_box img.select {
 margin: 5px 0 10px 22px;
 padding: 0;
 clear: both;
 float: left;
}

#b_box input.select {
 margin: 5px 0 15px 22px;
 padding: 0;
 clear: both;
 float: left;
}


/* p.prdct_desc in #b_box3 -------------------------------------------*/
#b_box3 p.prdct_desc {
 font: 11px Verdana, Arial, Helvetica, Sans-serif;
 color: #666;
 word-spacing: -1px;
 margin: 0 0 0 22px;
}

#b_box3 p.prdct_desc a:link, p.prdct_desc a:visited {
 color: #930;
 text-decoration: underline;
}

#b_box3 p.prdct_desc a:hover {
 color: #fff;
 text-decoration: underline;
}

/* Menu -------------------------------------------------------------*/
#a_box select#mtral {
 font: 11px Verdana, Arial, Helvetica, Sans-serif;
 margin: 20px 0 0 22px;
 padding: 0;
 width: 80px;
}

#a_box p#others {
 font: 11px Verdana, Arial, Helvetica, Sans-serif;
 color: #333;
 letter-spacing: 1px;
 margin: 22px 0 0 22px;
 padding: 0;
}

#a_box img#choice {
 margin: 10px 0 0 24px;
 padding: 0;
}

#b_box input.select {
 margin: 5px 0px 15px 22px;
}

/* Back Button ------------------------------------------------------*/
.back {
 font: 11px Arial, Helvetica, Sans-serif;
 color: #666;
 letter-spacing: 1px;
 word-spacing: -1px;
 margin: 15px 0 0 5px;
 white-space: pre;
}

.back a:link, .back a:visited {
 text-decoration: none;
 color: #666;
}

.back a:hover {
 text-decoration: underline;
 color: #930;
}

/* Other Configurations ------------------------------------------------*/
div.otherconf {
 font: 11px Arial, Helvetica, Sans-serif;
 color: #666;
 margin: 10px 0 10px 22px;
 padding: 0;
 text-align: left;
 clear: both;
}

div.otherconf a:link, div.otherconf a:visited {
 text-decoration: none;
 font: 11px Arial, Helvetica, Sans-serif;
 color: #930;
}

div.otherconf a:hover {
 text-decoration: underline;
 font: 11px Arial, Helvetica, Sans-serif;
 color: #930;
}

/* Drop-down Menu for Color Choices ----------------------------------*/
select.mtral {
 font: 11px Verdana, Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 0;
 width: 180px;
 float: left;
}