/*092606 0.02*/
/* Classes */
.image-l {background-color:#fff; display:block; float:left; margin:0 15px 10px 0;padding:5px;}
.image-r {background-color:#fff; display:block; float:right; margin:0 0 10px 15px;padding:5px;}
.image-c {text-align:center; margin-bottom:10px;}
.inset-l {background-color:#fff; display:block; float:left; margin:0 8px 5px 0;padding:5px;}
.inset-r {background-color:#fff; display:block; float:right; margin:0 0 5px 8px;padding:5px;}


.addtocartImg{
     border:0;
     margin:10px 0;
     padding:0px;
     cursor:pointer;
     display:block;
}

.el #contents {}  
#contents .vertical td {text-align:center;} /* Used for the "Vertical" RTML Layout */	
.wrap #contents {}

/* IDs */
#contents {background-color:#ffffff;border-right:10px solid #ffffff; border-left:10px solid #ffffff}

#contents a{text-decoration:none;}
#contents a:hover{text-decoration: underline;}
#contents #contents-table {border-collapse:collapse; border-bottom:10px solid #ffffff}
	#itemtype #contents table {/*margin:10px 0;*/}
#contents #contents-table select option, #itemarea select option{padding-right:10px}
#contents td {background-color:#ffffff; margin:2px; padding:5px;}
#contents .horizontal-seperator{border-bottom:2px solid #ffffff;}
#contents .vertical-seperator{border-right:2px solid #ffffff;}
#contents.accessory * {text-align:left;}
#contents.accessory .details {background-color:#fff; margin:2px 10px; padding:10px;}
#contents.accessory .details a {color:#000; font-size:1em;} /* COLOR:LINK, FONTSIZE:NAME */
#contents.accessory .details h3 {font-size:1em;}
#contents.accessory .details .sale-price {margin-bottom:10px;}

#contents .detail td {padding:5px; border-bottom:15px solid #E9E9E4; } /* The Border-bottom must be applied to the TD, not the TR in order to work in IE */
#contents .detail.last td {border-bottom:0 solid;} /* Needed for FF */
	#itemtype #contents .detail td,
	#maintype #contents .image td {padding-bottom:10px;}
#contents .last {border:0;}
#contents .name {  height:24px; color:#ffffff; font-weight:bold; padding: 0px 0px 0px 0px; background-attachment: scroll; background-image: url(http://p10.hostingprod.com/@redsandwebdesign.com/images/title-background.gif); background-repeat: repeat-x; background-position: top;}
#contents .name a { height:24px; color:#ffffff; font-weight:bold; padding: 0px 0px 0px 0px;}
#contents .name-text { display:block; float:left; margin:0 15px 10px 0; padding:4px; }
#contents .abstract-text {  padding: 2px 2px 2px 2px; background-attachment: scroll; background-image: url(http://p10.hostingprod.com/@redsandwebdesign.com/images/abstract-background.gif); background-repeat: repeat-x; background-position: top; }
#contents .abstract-text a { text-decoration:underline; }

#contents .price {font-weight:normal; margin:10px 0 0;}
	#itemtype .price em {font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
#contents .sale-price {color:#ce1700;}  
#contents .sale-price-bold {color:#ce1700;font-weight:bold;}
#contents .price-bold {font-weight:bold;margin:10px 0 0;}
#itemtype .itemform .price {font-weight:bold; margin:10px 0;}
#itemtype .itemform .price-bold {font-weight:bold; margin:10px 0;}
	#itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold {margin:10px 0;}
	#itemtype .itemform .sale-price-bold {font-weight:bold}
	#itemtype .itemform .sale-price-bold em {background:#e9e9e4; color:#ce1700; font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
	#itemtype .itemform .sale-price em {color:#ce1700; font-style:normal; margin:10px 0; padding:0 4px 0 0;}


#contents-table .availability{padding:10px 0}


#itemtype .code {font-style:normal; margin:10px 0;}
#itemtype .code em {font-style:normal; margin:10px 0;}
#contents-table .contentsOptions {padding:3px 0;}
#contents-table #abstract {padding:3px 0;}
#itemtype .itemFormName, #contents-table .itemFormName{font-weight:bold;}
#contents-table .itemFormNameMultiLine{display:block;}
#itemtype .itemavailable {color:#666666; font-weight:bold; margin:8px 0;}
#itemtype .itemavailable em {color:#ce1700; font-style:normal; font-weight:bold; margin:8px 0 8px 4px;}
#itemtype .itemoption {display:inline; font-weight:normal; margin:2px 0; font-size:9px; }
#itemtype .multiLineOption {display:block; margin:2px 0; font-weight:normal;}
.contenttitle-center{text-align:center}
form{padding:0;margin:0}

.option-table { padding:5px; margin:5px; border: solid 1px #666666; }

.option-title { display:block; color:#ffffff; font-weight:bold; font-size:13px; float:center; cursor:hand;
cursor:pointer; }

.option-title-click { font-size:8px; font-weight:normal; }

.featuresandaddons { background-color:#e9e9e4; padding:10px; border:solid 1px #666666; }

.optionstitles { font-weight:bold; font-size:14px; }




/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}




.contentslide{
border: 10px solid navy;
border-bottom-width: 6px;
padding: 8px;
width: 400px;
height: 250px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 10px solid navy;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}