/* Index Styles */

#main-content {width:590px;display:inline;float:left;margin:5px 0 10px 5px}
#main-content p {margin:0;padding:3px 10px}
#main-content p a:link,#main-content p a:visited {color:#3688ba;font-weight:bold}
#main-content p a:hover,#main-content p a:active {color:#7CA648}
#sub-content {width:175px;float:left;margin:0px 0 10px 5px}
.columns {width:28%;float:left;margin:0;padding:0 0 0 13px}
#sub-content ul {margin:0;padding:2px 0 10px;font-size:9px}
#sub-content fieldset {border:0;padding:2px 0 10px 0px;margin:0}
#sub-content h4 {color:#FFF;margin:0 0;padding:5px 0 0 7px;font:bold 13px Helvetica,Arial,sans-serif;background:#9b9fa0 url(styles/menu_headings.gif) no-repeat left top}
#sub-content h5 {color:#FFF;margin:0 0;padding:0 0 3px 7px;background:#9b9fa0;font:bold 11px Helvetica,Arial,sans-serif;border-bottom:1px solid #FFF}
#sub-content p {font:11px Helvetica,Arial,sans-serif;padding:0 0 10px 5px;margin:0}
#sub-content2 h6 {color:#e8e8e8;margin:0 0;padding:5px 0 0 7px;font:bold 13px Helvetica,Arial,sans-serif;background:#d52020 url(styles/menu_headings.gif) no-repeat left top}
.jewelrystory {color:#000;margin:0 0;padding:0 0 3px 7px;font:bold 11px Helvetica,Arial,sans-serif;border-bottom:1px solid #FFF}

.guides li {padding-bottom:3px;background:url(guidearr.gif) no-repeat left center;padding-left:10px;margin-left:8px}
.guides li a:link,.guides li a:visited {font:11px Helvetica,Arial,sans-serif;color:#333;text-decoration:underline}
.guides li a:hover,.guides li a:active {color:#7CA648}
.columns ul {margin:0;padding:0 0 15px 10px}
.columns ul li {color:#666;font:11px/15px Helvetica,Arial,sans-serif;background:url(arr.gif) no-repeat left center;padding-left:10px}
.columns ul li a:link,.columns ul li a:visited {color:#666;text-decoration:underline}
.columns ul li a:hover,.columns ul li a:active {color:#7CA648}
#features h1 {font:bold 14px Helvetica,Arial,sans-serif;padding-top:3px;padding-left:15px;margin:0 0 5px}
#features {float:left;width:400px;padding:5px 0;border:1px solid #DEDAC5;background:#F1EFE2;margin-top:15px;margin-left: 2.5px}
#features dl {float:left;width:378px;margin:10px 10px;padding:0;display:inline}
#features dt {float:right;width:285px;margin:0;padding:0;letter-spacing:1px;color:#3688ba;font:bold 13px Helvetica,Arial,sans-serif}
#features dd {margin:0 0 0 93px;padding:0}
#features dl dd.img {margin:0}
#features dd.img img {float:left;margin:0 8px 0 0;padding:4px;border:1px solid #E7E4D3;border-bottom-color:#DEDAC5;border-right-color:#DEDAC5;background:#FFF}
#features .alt dt {float:left}
#features .alt dd {margin:0 93px 0 0}
#features .alt dd.img img {float:right;margin:0 0 0 8px}
#vidpro a {display:block;width:170px;height:36px;background:url(styles/head1.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#castap a {display:block;width:170px;height:36px;background:url(styles/head2.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#dvddup a {display:block;width:170px;height:36px;background:url(styles/head3.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#tapdup a {display:block;width:170px;height:36px;background:url(styles/head6.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#wirmic a {display:block;width:170px;height:36px;background:url(styles/head5.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#cddup a {display:block;width:170px;height:36px;background:url(styles/head4.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#cabsna a {display:block;width:170px;height:36px;background:url(styles/head7.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#softwa a {display:block;width:170px;height:36px;background:url(styles/head8.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}
#soundsys a {display:block;width:170px;height:36px;background:url(styles/head10.gif) no-repeat left top;color:#0d4b8a;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

.contentslide{
padding: 8px;
height: 140px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 380px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
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: 364px; /*IE5 width*/
w\idth: 380px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #3688ba;
background-color: #F1EFE2;
border: 1px solid #DEDAC5;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #DEDAC5;
}

.contentdiv img{
	float:left;
	padding: 0px 15px 0px 5px;
}
.contentdiv h3 a{
font:bold 12px Helvetica,Arial,sans-serif;
color:#3688ba;
}
