body {
margin: 10px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFF url(/images/bgbody.jpg) repeat-x; 
color: #333;
}

.boldlt {color: #666; font-weight:bold;}
.small {font-size: x-small;}
.small2 {font-size: 11px;}
.green {color: #009900;}
.greenbold {color: #009900; font-weight: bold;}
.red {color: #FF0000;}
.brick{color:#990000;}
.bricksm{color:#990000; font-size: 0.6em;}
.redbold {color: #FF0000; font-weight: bold;}
.dashes {border-bottom: 1px dashed #666; padding-top:10px;}
.imgborder{border: 1px solid #666;}
.text1{font-size: 0.9em; display: block;}
.light_bg{background: url(/images/listing-grad.jpg) repeat-x;}

A:link {color: #3366FF;text-decoration:none;}
A:visited {color: #3366FF;text-decoration:none;}
A:hover {color:#3366FF;text-decoration: underline;}

.opacity {
    opacity: 0.6; /* Real browsers */
    filter: alpha(opacity = 60); /* MSIE */
}


.btn{
font-weight: bold;
font-size: 1.1em;
color: #FFF;
border-right: 1px outset #98A7C5;
border-top: #98A7C5 1px solid;
border-left: #98A7C5 1px solid;
border-bottom: 1px outset #98A7C5;
padding: 3px 5px 3px 5px;
background:#568ebf;
}

.tborder{border:1px solid #999;}
.tfontsm{font-size: 12px;}


/* ------ header -------- */
#header {
background: #FFF;
width: 875px;
border: 1px solid #CCC;
text-align: left;
}

#header img{padding:3px 0 3px 20px;}
#header #tagline{font-size: 16px; margin-left: 80px; display:inline;}
#header #login{margin-left: 70px; font-size: 10px; display: inline;}


/* ------ subheader -------- */
#subheader {
background: url(http://www.riwedding.com/images/listing-grad.jpg) repeat-x;
font-size: 0.7em;
width: 868px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 7px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
text-align: right;
}

#subheader A:link{text-decoration:none;}
#subheader A:visited{text-decoration:none;}
#subheader A:hover{text-decoration: underline;}


/* ---- cats --- */
#cats{
border-left: 1px dashed #CCC;
border-right: 1px dashed #CCC;
border-top: 1px dashed #CCC;
border-bottom: 1px dashed #CCC;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
color: #3366FF;
}
#cats td{font-size: 0.9em;}

/* ---- drop down cats --- */
#menuparent{
width: 220px;
padding: 2px 10px;
font-weight: normal;
color: #3366FF;
float: left;
text-align: left;
}

#menuchild{
position: absolute;
visibility: hidden;
background-color: #FFF;
width: 600px;
border-bottom-width: 0;
}

#menuchild li{
font-size: 1.0em;
list-style-image: url(http://www.riwedding.com/images/bullet.gif);
margin: 2px;
}

/* --- end drop down cats --- */

#bodymain {
margin-left:auto;
margin-right:auto;
font-size: 14px;
width: 875px;
overflow: hidden;
background: #FFFFFF;
border-right: 1px solid #CCC;
border-bottom: none;
border-left: 1px solid #CCC;
}

/* ------ footer -------- */

#footer {
background: url(http://www.riwedding.com/images/bg-footer.jpg) repeat-x;
margin: 0px 0px 15px 0px;
font-size: 11px;
border-top: 1px solid #CCC;
padding-top:8px;
padding-bottom:8px;
width: 875px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

/* -----------  centerarea -------- */

#centerarea{
width: 890px;
background: #FFF;
margin-bottom: 10px;
margin-top: 10px;
}

#centerarea #center{
width: 700px;
margin:10px 0px 10px 0px;
}

#center h1{
margin-top: 0px;
margin-bottom: 12px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.2em;
color: #336699;
}
#center h2{
margin-top: 0px;
margin-bottom: 12px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.1em;
color: #336699;
}

#center #box{
width: 500px;
border: 1px solid #CCC;
padding: 15px;
font-size: 0.9em;
margin-bottom: 20px;
text-align: left;
}

/* ----------- LEFT area -------- */

#leftarea{
float: left;
width: 660px;
padding:15px 10px 260px 10px;
margin:0;
background: #FFF;
border-right: 1px solid #CCC;
}

#leftarea h1{
margin-top: 0px;
margin-bottom: 12px;
padding: 0;
font-size: 1.2em;
color: #336699;
}

#leftarea h2{
margin-top: 0px;
margin-bottom: 12px;
padding: 0px;
font-size: 1.1em;
color: #336699;
}

#leftarea img{
margin-top: 0px;
margin-right: 15px;
border: 1px solid #CCC;
}

#leftarea #cats{
margin-top: 65px;
margin-bottom: 35px;
width: 540px;
text-align: left;
border: 1px solid #CCC;
padding: 8px;
padding-top: 20px;
}

#cats img{
margin-top: -45px;
background-color: #FFF;
padding:0 10px 0 10px;
margin-bottom: 10px;
border: none;
display: block;
position:absolute;
}

#leftarea #prods{
margin-top: 15px;
width: 440px;
text-align: left;
border: 1px solid #CCC;
padding: 8px;
}

#leftarea #book{
margin-top: 25px;
width: 440px;
text-align: left;
border: 1px solid #CCC;
padding: 8px;
}

#leftarea #text{
margin-top: 25px;
width: 440px;
text-align: left;
}

#leftarea ul li{
font-size: .9em;
list-style-image: url(/images/bullet.gif);
margin: 0;
}

#leftarea3 {padding:0 40px 100px 40px;}
#leftarea li {font-size:0.8em;line-height:1.5em;}

/* ----------- RIGHT area -------- */

#rightarea{
float: left;
width: 170px;
padding: 10px;
margin-top: 10px;
background: #FFF;
margin-bottom: 10px;
font-size: 0.8em;
}

#rightarea #sm{
width: 150px;
margin-top: 15px;
margin-bottom: 15px;
font-size: 9px;
text-align: left;
}

/* ------------------- listing --------------------- */
/* 1=standard, 2=enhanced, 3=expanded */

.listingmain1 {
border: 1px solid #CCC;
margin-bottom:6px;
}
.listingmain2 {
border: 1px solid #CCC;
margin-bottom:6px;
}
.listingmain3 {
border: 2px solid #909DD9;
margin-bottom:8px;
}

.listing {
margin-top:-20px;
padding: 0 8px 5px 8px;
font-size: 0.75em;
}

.listingtop1 {
height: 30px;
border-bottom: 0;
padding:0;
background-color: #FFF;
text-align: right;
}

.listingtop2 {
height: 38px;
border-bottom: 0;
padding:0;
background: url(/images/listing-grad1.jpg) repeat-x;
text-align: right;
}

.listingtop3 {
height: 38px;
border-bottom: 0;
padding:0;
background: url(/images/listing-grad1.jpg) repeat-x;
text-align: right;
}

.listingbtm1 {
border-top: none;
padding:5px 5px 2px 5px;
font-size: 0.8em;
}

.listingbtm2 {
border-top: none;
padding:5px 5px 2px 5px;
font-size: 0.8em;
}

.listingbtm3 {
border-top: none;
background: url(/images/listing-grad1b.jpg) repeat-x;
padding:5px 5px 2px 5px;
font-size: 0.8em;
}

.listing #ltitle{
font-size: 1.1em;
font-weight: bold;
color: #336699;
padding: 0px;
padding-top: 5px;
margin: 0px 0px 8px 0px;
display: block;
}

.listing #ltitle a:link{color: #336699;}
.listing #ltitle a:visited{color: #336699;}
.listing #ltitle a:hover{color: #7eaad4;}

.listing p{
font-size: 1em;
line-height: 1.3em;
padding: 0px;
margin:0px;
}

.listing img{margin-right:10px; margin-bottom:3px;}
.listing #image{float:left; width:170px; margin-top:8px;}

.listing #listbody{
display: block;
width: 360px;
margin:0 0 0 190px;
clear: inherit;
}

.listing #text0{
font-size: 10px;
color: #333;
line-height: 12px;
font-weight: bold;
display: block;
}

.listing #text00{
font-size: 10px;
color: #333;
line-height: 14px;
font-weight: normal;
margin-top: 4px;
display: block;
}

.listing #text01{
color: #333;
font-weight: normal;
}

.listingbtm ul{margin:0; padding:0px 0px 3px;}
.listingbtm ul li{list-style: none; margin: 0; display: inline;}

.listingbtm ul li a{
color: #002355;
padding: 3px ; 
margin-left: 5px; 
border: 1px solid #002355; 
text-decoration: none;
}

.listingbtm ul li a:hover {background-color: #FFFFCC;}

/* ----------- breadcrumbs --------------- */
.breadcrumbs{
padding:15px 60px 10px 60px;
display: block;
}

.subcat{
font-size: 0.9em;
color: #333;
padding:5px 10px 5px 10px;
margin-top:18px;
margin-bottom:15px;
display: block;
background: #EEE; 
border: 1px solid #666; 
}

/* ----------- details -------- */

.details{
padding:10px 0 10px 0;
display: block;
clear:both;
color: #333;
}

.details #image{
float:left;
width: 170px;
margin:0 2px 0 0;
}

.details #detailscont{
font-size: .9em;
float:right;
width: 520px;
margin:0;
}

#image img{
margin-right: 0px;
border: 1px solid #666;
}

.details #textdesc{
padding: 0 ;
margin:0 0 10px 0;
}

.details #address{
padding: 0 ;
margin:10px 0 10px 0;
}

.details .cat{
margin:35px 0 35px 0;
}

.details .catheader{
background: url(/images/listing-grad1.jpg) repeat-x;
font-size: 1.1em;
font-weight: bold;
padding: 5px;
margin:0 0 5px 0;
}

.details #text0{
font-size: 0.8em;
line-height: 16px;

}

.promo{
width: 520px;
background-color: #FFFFDF;
font-size:.9em;
margin: 20px auto 10px auto;
padding: 8px 10px 8px 10px;
border: 1px dashed #666;
}

.imgprev{
padding:2px;
border:1px solid #666;
margin-right:5px;
}


/* ----------- forms -------- */
#form input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #333;
border-right: #98A7C5 1px solid;
border-top: #98A7C5 1px solid;
border-left: #98A7C5 1px solid;
border-bottom: #98A7C5 1px solid;
padding: 2px 2px 2px 2px;
background:#FFF;
}

#form textarea{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
font-size: 12px;
color: #333;
border-right: #98A7C5 1px solid;
border-top: #98A7C5 1px solid;
border-left: #98A7C5 1px solid;
border-bottom: #98A7C5 1px solid;
padding: 10px 10px 10px 10px;
background:#FFF;
}

#form #button{
font-weight: bold;
font-size: 11px;
color: #FFF;
border-right: 1px outset #98A7C5;
border-top: #98A7C5 1px solid;
border-left: #98A7C5 1px solid;
border-bottom: 1px outset #98A7C5;
padding: 3px 5px 3px 5px;
background:#568ebf;
}

/* ----------- other -------- */

.error{
font-size: 14px;
color: red;
display: block;
margin: 15px;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

.add{
display: inline;
font-size: 0.8em;
padding-right: 10px;
padding-left: 120px;
color: #002355;
}

.form1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}