@charset "UTF-8";
/* CSS Document */

body {
/*background: #EFE7F2 url(/images/bg-11.jpg) repeat-x;*/
background-color: #EFE7F2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
padding:0;
}

.small{font-size: .8em;}
.small2{font-size: .7em;}
.shadow{font-weight:bold; text-shadow: 1px 1px 1px #fff;}

/* ------- main ------------*/
#main{
width: 935px;
padding-top:15px;
/*the following centers all divs within*/
margin:0 auto;
text-align:left;
}

/* ------- links ------------*/

a{color:#3087b4;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

/* ------- UL ------------*/
.ulbig {font-size: 1.2em; list-style-image: url(http://www.wedding-needs.com/images/bullet-bg.gif); margin-left: 15px;}
.ulbig li {padding-top: 5px;}

.ulbig2 {font-size: 1.1em; list-style-image: url(/images/bullet-bg.gif); margin-left: 15px;}
.ulbig2 li {padding-top: 8px;}

.ulx {font-size: 1.0em; list-style-image: url(/images/bullet-bg-dark.gif); margin-left: 15px;}
.ulx li {padding-top: 9px;}


/* ------- HEADER ------------*/

#top0{
background: #FFF url(/images/top-border-purple.png) no-repeat;
margin-bottom:-1px;
}

#top{
width: 931px;
height:80px;
background-color:#FFFFFF ;
border-left: 2px solid #787DB2;
border-right: 2px solid #787DB2;
}

#top #logo {padding: 2px 0 8px 25px;}
#top #topship img {margin: 3px 15px 0 0; padding: 1px; border: 1px solid #CCC;}
#top #topship #favs{ padding: 12px 15px 0 0; display:block; font-size: 11px;}

/* ------- NAV ------------*/

#nav{
width: 931px;
height: 30px;
border-left: 2px solid #787DB2;
border-right: 2px solid #787DB2;
/*background: url(http://www.wedding-needs.com/images/bgbar3.jpg);*/
background-color:#787DB2;
}

#nav #navx{
float:right;
}

/* ------- contentmain ------------*/

#contentmain{
width: 931px;
background-color:#FFF;
border-left: 2px solid #787DB2;
border-right: 2px solid #787DB2;
padding: 20px 0 55px 0;
text-align:center;
}

#contentmain #left{
float:left;
width: 185px;
margin-left:25px;
margin-right: 3px;
/*border: 1px solid #ccc;*/
}

#contentmain #right{
float:right;
width: 670px;
margin-right: 24px;
text-align:center;
/*border: 1px solid #33F;*/
}

#contentmain #right #rtop{
width: 620px;
margin:0 auto;
text-align:left;
}

#contentmain #ctr{
width: 820px;
margin-right:auto;
margin-left:auto;
text-align:left;
}

#contentmain #ctr #bc{
width: 100%;
margin-top: 8px;
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
padding-left: 2px;
text-align:left;
font-size:1.1em;
}

#contentmain #ctr2{
width: 600px;
margin-right:auto;
margin-left:auto;
text-align:left;
}

#contentmain #prodsmain{
width: 90%;
margin-left: auto;
margin-right: auto;
text-align:center;
padding-left: 5px;
}

#contentmain #prodsmain #sort{
width: 440px;
/*border: 1px solid #ccc;*/
font-size: 1.2em;
margin-bottom: 15px;
margin-top: 15px;
padding: 3px;
margin-right: 15px;
}

#contentmain #prodsmain #sortdrop{
font-size: 1.0em;
}

#contentmain h1{
font-size: 1.6em;
font-style:italic;
color:#7574B3;
margin-top: 20px;
margin-bottom: 20px;
}

#contentmain h2{
font-size: 1.3em;
font-style:italic;
color:#7574B3;
margin-top: 8px;
margin-bottom: 8px;
}

#contentmain h3{
font-size: 1.1em;
font-style:italic;
color:#7574B3;
margin-top: 8px;
margin-bottom: 8px;
}

/*
#contentmain img{
border: 1px solid #999;
padding: 2px;
}
*/

#contentmain p{
padding: 10px 0 0 10px;
}

#contentmain #btlink{
margin-top: 40px;
padding-right: 40px;
text-align:right;
}

#contentmain #aboveprods{
margin-top: 10px;
margin-bottom: 20px;
text-align:center;
}

#contentmain #tip{
width: 80%;
margin:50px auto 40px auto;
text-align:left;
border:1px dashed #999;
padding: 20px;
}

#tip ul{
font-size: 1em;
}

/*-------------------prods ----------------------*/
#prodstop{
width: 660px;
text-align:center;
padding:0;
margin-left: auto;
margin-right: auto;
background-color:#F6F1F8;
}

#prodstop h1{
margin: 0;
padding-top: 5px;
padding-bottom: 10px;
}

.proddiv{
width: 30%;
/*height: 300px; -- w/ excerpt on*/
height: 250px;
float:left;
text-align: center;
padding: 3px;
margin-top: 8px;
margin-bottom: 40px;
margin-left: 14px;
/*
border:1px dashed #EEE;
background-color:#EEE;
background: url(/images/prod-bg.jpg) repeat-x;
*/
}

.proddiv .prodexcerpt{
width: 182px;
height: 65px;
font-size : .8em;
color: #333;
padding: 5px 0 2px 10px;
margin-left: auto;
margin-right: auto;
text-align:left;
}

.proddiv .desc{
font-size: 10px;
color:#333;
margin-left: auto;
margin-right: auto;
display:block;
padding: 8px;
}

.proddiv .prodtitle{
display: block;
font-size : .9em;
font-weight : bold;
color: #6A6A6A;
margin-top: 8px;
margin-bottom: 4px;
}

.proddiv .zoom{
margin-left:auto;
margin-right:auto;
height: 12px;
width: 145px;
margin-top: 2px;
margin-bottom: 8px;
}

.prodimg{
padding: 2px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.proddiv .prodbtns{
margin-left:auto;
margin-right:auto;
text-align:center;
color:blue;
margin-top: -4px;
}

.prodbtns a{
color:blue;
text-decoration:none;
font-size : 11px;
}

.proddiv .price{
font-size: 10px;
color:#666;
margin-top: 5px;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
display:block;
}

.buttlink{
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 78px;
font-size: 11px;
color: blue;
cursor: pointer;
background: none;
border: none;
padding: 0;
margin-right: 0;
}
.vd{
display:inline;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #333;
padding: 5px;
margin-top: 10px;
font-size: 12px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*-------------------end prods page ----------------------*/

/* -------- SIDE NAV --------------*/
#sidenav{
width: 185px;
text-align:left;
padding: 0 0 0 0;
}

#sidenav .top{
width: 220px;
height: 45px;
background: url(/images/navtop.gif) no-repeat;
margin-left: -10px;
}

#sidenav .middle{
border-left:1px solid #D7D7D7;
border-right:1px solid #D7D7D7;
margin-top: -1px;
margin-bottom: -2px;
padding-top: 10px;
padding-left: 12px;
}

#sidenav .bot{
background: url(/images/nav-bot-185.jpg) no-repeat;
margin-bottom: 15px;
}

#sidenav .title{
color:#666;
font-weight:bold;
padding-top: 4px;
margin-bottom: 0;
text-align:center;
}

#sidenav ul{
margin:0 3px 0 4px;
padding:0;
}

#sidenav li{
margin: 0 0 2px 10px;
padding: 0 0 0 -8px;
font-family: Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
list-style-image: url(http://www.wedding-needs.com/images/bullet-sm.gif);
text-align:left;
/*border-bottom:1px dashed #EEE;
list-style:none; 	*/
}

#sidenav li.pink{
margin: 0 0 2px 10px;
padding: 0 0 0 -8px;
font-family: Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
list-style-image: url(http://www.wedding-needs.com/images/bullet-sm-pink.gif);
text-align:left;
}

#sidenav ul a:link{
color:#3087b4;
text-decoration:none;
}

#sidenav ul a:visited{
color:#3087b4;
text-decoration:none;
}

#sidenav ul a:hover{
color:#3087b4;
text-decoration: underline;
}

#sidenav ul a:active{
color:#3087b4;
text-decoration: underline;
}

#sidenav ul .bold{
font-weight:bold;
}

#sidenav .arrow{
padding-left: 6px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
border: none;
}

#sidenav .pricebox1{
margin:8px auto 20px auto;
text-align:center;
}

#sidenav .pricebox2{
width:86%;
margin:0 0 0 -1px;
padding:10px;
background: url(/images/grad-price.jpg) no-repeat;
}



/* ------ CAT boxes ---------*/
.catcontainer{width:600px; margin-left: auto; margin-right: auto; margin-top:20px; margin-bottom:30px; }
.cattop{width:600px; height:11px; background:url(/images/top-bdr.gif) no-repeat;}
.cattitle{position: relative; bottom:10px; padding: 8px; background-color:#FFF; margin-left:40px; font-size: 1.1em; font-weight:bold; color:#3087b4;}
.catmiddle{width:578px; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; padding:10px;}
.catbottom{width:600px; height: 11px;  background:url(/images/bottom-bdr.gif) no-repeat;}
.catul{font-size: 1.0em; list-style-image: url(/images/bullet-md.gif);}
.catul li{padding-top: 3px;margin-left: -10px;}


/* ------- BOTTOM ------------*/

#bottom{
width: 936px;
height: 41px;
font-size: 11px;
background-image:url(/images/bottom-border-purple.png);
background-repeat: no-repeat;
margin: 0;
padding: 0;
text-align:center;
}

/* ------------- MENU ----------------*/

#suckerfishnav {
    /*background:#A784AE url("http://www.wedding-needs.com/images/bgbar3.jpg") repeat-x;*/
	background-color:#787DB2;
    font-size:13px;
    font-family:verdana,sans-serif;
    font-weight:normal;
    }

#suckerfishnav, #suckerfishnav ul{
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
   /*border:1px solid #d9d9d9;*/
    border:0;
    margin:0;
    margin-left: 1px;
    }

#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0 10px;
    border-left:1px solid #d9d9d9;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:168px;
    font-weight:normal;
    margin:0;
    line-height:1.5;
    border:0;
    border-top:1px solid #c1dadb;
    }
#suckerfishnav li li {
    width:166px;
    border-bottom:1px solid #EEE;
    border-left:1px solid #EEE;
    border-right:1px solid #EEE;
    font-weight:normal;
    font-family:verdana,sans-serif;
    margin-top: -1px;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:167px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#B8B2D2;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#787DB2;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#787DB2;
    }


/* ------- OTHER ------------*/
.clear{clear: both;}