/*======================================*
** waridi.css
/*======================================
** Created: November 1st, 2008
** Author: Ebits Online
** Website: www.waridikenya.com
**======================================*/
body{
margin-top: 0px;
margin-bottom: 0px;
background-color: #FEF4D9;
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
color: #484836;
text-decoration: none;
}
ul{
font-size:11px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
}
ol{
font-size:11px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
}
.maintable {
background-color: #ffffff;
}
.mainbanner {
background-image:url(../images/banner.jpg);
}
.footerbanner {
background-image:url(../images/footer.jpg);
}
.newsbanner {
background-image:url(../images/tbbluebg.jpg);
}
h2{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 0px 5px 0px 2px;
color: #8A411A;
}
.picbox {
border: #777777 1px solid;
padding: 3px 3px 3px 3px;
margin-bottom: 10px;
background-color: #ffffff;
}
/* css/tooltip.css -- fancy tooltips */
span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
span.tool span.tip {
  display: none;        /* so is this */
}
/* tooltip will display on :hover event */
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #333333;
  background-color: #ffffff;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  text-decoration:none;
  color: #000;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(../images/bubble.gif);
}

/* css/tooltip.css */
/*------------------------------------------------------------*
**  Display Formatting
**------------------------------------------------------------*/
.catrec{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
font-weight:bold;
}
.subcatrec{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
padding-left:10px;
}
.breadcrumbs {
font-size : 11px;
margin: 0;
}

.breadcrumbs , .breadcrumbs  a {
color: #666;
text-decoration: none;
}
.breadcrumbs  a:hover {
color: #000;
text-decoration: underline;
}
.newseventsbanner {
background-image:url(../images/wednewsevents.jpg);
}
.newsfeedsbanner {
background-image:url(../images/newsfeeds.jpg);
}
.hitsbanner {
background: white url("../images/hits.jpg") no-repeat bottom right;
}
.gurubanner {
background-image:url(../images/wedgurubg.jpg);
}
.profilemanager {
background-image:url(../images/manageprofile.jpg);
}
.referrals {
background-image:url(../images/referrals.jpg);
}
h1{
padding-top:5px;
padding-left:5px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
color: #E07841;
}
.qa{
padding:5px;
font-family: "Arial", Verdana, Helvetica, sans-serif;
font-size: 25px;
color: #E07841;
}
.hits{
padding:5px;
font-family: "Arial", Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #000000;
}
.picgheader {
font-family: "Verdana", Arial, Helvetica, sans-serif;
color:#D54602;
padding-left: 13px;
font-weight:bold;
font-size:14px;
}
.picguruheader {
font-family:"Verdana", Arial, Helvetica, sans-serif;
color:#ffffff;
padding-left: 13px;
font-weight:bold;
font-size:14px;
}
.picturegallery {
background-image:url(../images/editorialhead1.jpg);
}
.picturegallerybox {
display: block;
border : 1px solid #E07841;
}

.weddingtopich1{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
color: #000000;
padding:5px;
}
p{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
line-height: 15px;
padding:0 5px 5px 5px;
}
p img{
float:left;
}
h1 img{
float:left;
}
.vendorheading h1{
padding-top:5px;
padding-left:5px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
color: #666666;
}
.hometable{
background-color: #F7F4F2;
padding-right:10px;

}
.hometoplinksss{
background-color: #ffffff;
border: #F4F0ED;
}
.ulhome{
list-style:none;
margin-left:0px;
display:block;
}

.hometbl{
background-color: #F7F4F2;
border: #F7F4F2;
margin:2px 0 2px 0;
padding:2px 0 2px 0;
}




a.hmelinks{
display:block;
padding:2px 5px 2px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#B45421;
text-decoration:none;
background-color: #ffffff;
}
a.hmelinks:hover{
display:block;
padding:2px 5px 2px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
background-color: #ffffff;
border-bottom: 1px solid #EEA14D;
}

.h1table{
border-bottom: 1px dotted #EEA14D;
}
.articlestable{
float:right;
border-bottom: 1px dotted #EEA14D;
background: white url("../images/flowerbg.jpg") no-repeat bottom right;
}
.h1tabletxt{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
padding-top:5px;
color: #484836;
}
.newshead{
background:#38ADE2;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color: #ffffff;
padding: 12px 0px 3px 5px;
margin:0px 0px 0px 0px;
font-size:14px;
font-weight: bold;
}
.dateformat{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 10px;
color: #666666;
padding-bottom:2px;
font-style:italic;
}
.newsart{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
padding:5px 5px 5px 0;
}
a.newsart{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
padding:5px 5px 5px 0;
text-decoration:none;
}
a.newsart:hover{
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
padding:5px 5px 5px 0;
text-decoration:underline;
}
.guruhead{
background:#E07841;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color: #ffffff;
padding: 12px 0px 3px 5px;
margin:0px 0px 0px 0px;
font-size:14px;
font-weight: bold;
}
.topicsheading{
font-family: "Helvetica", Verdana, Arial, sans-serif;
color: #000000;
padding: 12px 0px 3px 5px;
font-size:14px;
font-weight: bold;
}
.askgurutb{
border-bottom:2px dotted #E07841;
border-top:1px solid #E07841;
border-left:1px solid #E07841;
border-right:1px solid #E07841;
}
.waridibox {
border : 6px solid #FFB062;
background-color:#eeeeee;
}
.newseventsbox {
border-top: 1px dotted #FFB062;
border-bottom: 1px dotted #FFB062;
}
.featuredbox {
border : 3px solid #eeeeee;
background-color:#eeeeee;
}
.newgurubox {
border : 6px solid #ffffff;
background-color:#eeeeee;
}
.flowerbgbox {
border : 1px solid #FFB062;
}
.vendorsbox {
border : 1px solid #FFB062;
background: #FFFFFF url("../images/mainflowerbg2.jpg") no-repeat bottom right;
}
.aboutusbox {
border: 1px solid #FFB062;
background: #FEF4D9 url("../images/mainflowerbg.jpg") no-repeat bottom right;
}
.actionsbox {
border: 1px solid #FFB062;
background-color: #ffffff;
}
.myarticlesbox {
border: 1px solid #999999;
background-color:#ffffff;
}
.topicsbox {
background: white url("../images/mainflowerbg.jpg") no-repeat bottom right;
}
.vendorlistings{
font-family: "Helvetica", Verdana, Arial, sans-serif;
color: #000000;
padding: 0px 0px 0px 5px;
font-size:12px;
font-weight: bold;
}
.dropvendorlistings{
font-family: "Helvetica", Verdana, Arial, sans-serif;
color: #E07841;
padding: 0px 0px 0px 5px;
font-size:11px;
font-weight: bold;
}
.newsupdatebox {
display: block;
background: url(../images/mainflowerbg.jpg);
border : 1px solid #38ADE2;
}
.tipshead{
background:#FFB062;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 12px 0px 3px 5px;
margin:0px 0px 0px 0px;
font-size:14px;
font-weight: bold;
}
.weddingtopicbox {
float:right;
border : 6px solid #FFB062;
background-color:#eeeeee;
}
.waridi_menu{
width: 100%;
font-family: "Helvetica", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

.waridi_menu ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #FFB062;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #808080;
border-right-color: #808080;
border-bottom-color: #808080;
border-left-color: #808080
}

.waridi_menu ul li{
display: inline;
}

.waridi_menu ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #808080;
}

.waridi_menu ul li a:visited{
color: #FFFFFF;
}

.waridi_menu ul li a:hover, .waridi_menu ul li .selected{
color: #000000 !important;
padding-top: 5px;
padding-bottom: 5px;
background: #FF8811;
}

/* =-=-=-=-=-=-=-[Side Menu]-=-=-=-=-=-=-=- */
#menu4 ul{
list-style: none;
margin: 0;
padding: 0;
}
#menu4 {
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
}

#menu4 li a {
font-family: Verdana, Tahoma, sans-serif;
font-size:11px;

height: 30px;
voice-family: "\"}\"";
voice-family: inherit;
height: 25px;
text-decoration: none;
}

#menu4 li a:link, #menu4 li a:visited {
color: #ffffff;
display: block;
background: url(../images/menu4.gif);
padding: 8px 0 0 30px;
}

#menu4 li a:hover, #menu4 li #current {
color: #fff;
background: url(../images/menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
}

#menu4 li a:active {
color: #fff;
background: url(../images/menu4.gif) 0 -64px;
padding: 8px 0 0 30px;
}
-->
#harticles {
width : 100%;
}
#harticles ul {
list-style-image:url(../images/orange.gif);
margin-left:15px;
margin-top:3px;
padding : 10px 10px 0 10px;
}
#harticles li a {
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
font-size:11px;
text-decoration : none;
}
#harticles li a:hover {
font-family: verdana, Helvetica, sans-serif;
color: #000000;
font-size:11px;
text-decoration : underline;
}
.wedtopics{
font-family: "Helvetica", Verdana, Arial, sans-serif;
color: #000000;
padding: 12px 0px 3px 5px;
font-size:14px;
font-weight: bold;
}
A.wedtopics{
font-family: "Helvetica", Verdana, Arial, sans-serif;
color: #000000;
padding: 12px 0px 3px 5px;
font-size:14px;
font-weight: bold;
text-decoration : none;
}
A.wedtopics:hover {
font-family: "Helvetica", Verdana, Arial, sans-serif;
padding: 12px 0px 3px 5px;
font-size:14px;
font-weight: bold;
color: #E07841;
text-decoration : none;
}
.artlink{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
padding: 0px 5px 0px 2px;
line-height: 15px;
color: #555555;
}
A.artlink{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight:bold;
padding: 0px 0px 0px 2px;
font-style : normal;
color: #555555;
text-decoration : none;
}
A.artlink:hover {
font-weight:bold;
font-size : 12px;
color: #000000;
text-decoration : underline;
}

.footer-menu{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
padding: 0px 5px 0px 2px;
line-height: 15px;
color: #000000;
}
A.footer-menu{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight:bold;
padding: 0px 0px 0px 2px;
font-style : normal;
color: #000000;
text-decoration : none;
}
A.footer-menu:hover {
font-weight:bold;
font-size : 11px;
color: #E07841;
text-decoration : underline;
}
/*- Menu Tabs 4--------------------------- */

#tabs4 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #D57441;
}
#tabs4 ul {
margin:0;
padding:10px 10px 0 20px;
list-style:none;
}
#tabs4 li {
display:inline;
margin:0;
padding:0;
}
#tabs4 a {
float:left;
background:url("../images/tableft4.gif") no-repeat left top;
font-family: Verdana, Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
}
#tabs4 a span {
float:left;
display:block;
font-family: Verdana, Tahoma, sans-serif;
font-size:11px;
background:url("../images/tabright4.gif") no-repeat right top;
padding:10px 15px 4px 6px;
color:#D57441;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */
#tabs4 a:hover span {
color:#ffffff;
}
#tabs4 a:hover {
background-position:0% -42px;
}
#tabs4 a:hover span {
background-position:100% -42px;
}

#tabs4 #current a {
background-position:0% -42px;
color:#ffffff;
}
#tabs4 #current a span {
background-position:100% -42px;
color:#ffffff;
}
-->

.vendorheadings{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding: 0px 5px 0px 2px;
line-height: 15px;
color:#E07841;
}
.vendortexts{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
padding: 0px 5px 0px 2px;
line-height: 15px;
color: #000000;
}
.vendorbuttons{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
padding: 0px 5px 0px 2px;
line-height: 10px;
color: #000000;
}
A.vendorbuttons{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight:bold;
padding: 0px 0px 0px 2px;
font-style : normal;
color: #000000;
text-decoration : none;
}
A.vendorbuttons:hover {
font-weight:bold;
font-size : 10px;
color: #E07841;
text-decoration : underline;
}
a.viewprofile {
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
font-size:12px;
font-weight:bold;
text-decoration : none;
}
a.viewprofile:hover {
font-family: verdana, Helvetica, sans-serif;
color: #000000;
font-size:12px;
font-weight:bold;
text-decoration : underline;
}
#checlist {
width : 100%;
}
#checlist ol {
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
margin-left:15px;
margin-top:3px;
padding : 10px 10px 0 10px;
}
#checlist li a {
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
font-size:11px;
text-decoration : none;
}
#checlist li a:hover {
font-family: verdana, Helvetica, sans-serif;
color: #000000;
font-size:11px;
text-decoration : underline;
}
.checklist{
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
font-size:11px;
text-decoration : none;
}
.checklistH{
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
font-size:12px;
font-weight:bold;
text-decoration : none;
}
.askguru {
font-family: verdana, Helvetica, sans-serif;
color: #000000;
font-size:10px;
text-decoration : none;
}
a.askguru {
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
font-size:11px;
text-decoration : none;
}
a.askguru:hover {
font-family: verdana, Helvetica, sans-serif;
color: #3B75B4;
font-size:11px;
text-decoration : underline;
}
.ask{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
padding: 0px 5px 0px 2px;
line-height: 15px;
color: #000000;
}
A.ask{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight:bold;
padding: 0px 0px 0px 2px;
font-style : normal;
color: #000000;
text-decoration : none;
}
A.ask:hover {
font-weight:bold;
font-size : 14px;
color: #E07841;
text-decoration : underline;
}
.screemingheading{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
text-decoration: none;
padding: 0px 5px 0px 5px;
line-height: 15px;
color: #FF0000;
}
.lefttb{
float:left;
padding: 10px 10px 10px 5px;
}
.caption {
font-family: verdana, Helvetica, sans-serif;
color: #888888;
font-size:10px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
text-decoration : none;
}
.photocaption {
font-family: verdana, Helvetica, sans-serif;
color: #000000;
font-size:12px;
text-decoration : none;
}
.top {
margin-bottom: 15px;
}
.buttondiv {
margin-top: 10px;
}
.messagebox{
	/*position:absolute;*/
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	/*position:absolute;*/
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	/*position:absolute;*/
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}


a.textlinks{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight:bold;
padding: 0px 0px 0px 2px;
font-style : normal;
color: #000000;
text-decoration : none;
}
a.textlinks:hover {
font-weight:bold;
font-size : 11px;
color: #E07841;
text-decoration : underline;
}