/* Start of CMSMS style sheet 'Citrus' */
html, body{
	margin:0;
	padding:0;
	font-size:76%;
	background:url(uploads/images/bodybg2.gif) top center no-repeat;
	color:#444444;
}

body#home{
       background:url(uploads/images/bodybg.gif) top center no-repeat;
}

*{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#container{
	width:760px;
	font-size:1.1em;
	margin:0 auto 0 auto;
	background:#fff;
}

/* ------------------------------------------------------------------
Header
-------------------------------------------------------------------*/
#header{
	width:760px;
	background:#fff;
}

#logo{
	width:115px;
	float:left;
	height:auto;

}

#logo a{
	display:block;
	background:url(uploads/images/logo.gif) top left no-repeat;
	width:100px;
	height:111px;
	text-indent:-8000px;
        text-decoration:none;
}
#logo h1{ 
	display:none;
}
/* ------------------------------------------------------------------
Flags
-------------------------------------------------------------------*/

#flags{
      float:right;
width:150px;
padding:15px 0 0 0;
}

#flags a img{
    border:0;
}

#flags a{
     color:#444444;
    font-size:1.2em;
text-decoration:none;
}

#flags span{
    font-size:1.2em;
}

/* ------------------------------------------------------------------
Main Nav
-------------------------------------------------------------------*/
#nav{
	width:400px;
	float:left;
	margin:10px 0 0 0;
       text-align:right;

}

#nav ul{
	float:left;
}

#nav li{
	list-style:none;
        display:inline;
}

#nav a{
	display:block;
        float:left;
	width:162px;
	background:url(uploads/images/navbg.gif) bottom left no-repeat;
	font-size:1.2em;
	padding:0.5em;
	color:#757575;
	text-decoration:none;
        margin:0 0 0 15px;
}
#nav a:hover{
	color:#bcd758;
}
/* ------------------------------------------------------------------
Demo Box/Signup Box
-------------------------------------------------------------------*/
#demo, #signup{
	width:154px;
        height:6.4em;
	float:right;
	margin:15px 0 0 0;
        padding:10px 10px  0 75px;
        border:#f0f0f0 solid 1px;
}

#demo{
         background:#f7f7f7 url(uploads/images/demo.gif) top left no-repeat;
}
#signup{
         background:#f7f7f7 url(uploads/images/custicon.gif) 10px 5px no-repeat;
}
#demo h3, #signup h3{
        font-size:1.4em;
        font-weight:bold;
        color:#757575;
        margin:3px 0 0 0;
}

#demo p, #signup p{
        font-size:1.1em;
        color:#757575;
}

#demo a, #signup a{
         font-size:1.0em;
         font-weight:bold;
         color:#a1b84b;
         text-decoration:underline;
}

/* ------------------------------------------------------------------
Banner
-------------------------------------------------------------------*/

#citrusbanner{
	width:760px;
	height:185px;	
	background: url(uploads/images/header.gif) top left no-repeat;
	clear:both;
}	

#citrusbanner h1{
       text-indent:-8000px;
       width:0px;
       height:0px;
       font-size:0;
       display:block;
}

#bannerinfo{
	height:40px;
        width:230px;
	float:right;
        background: url(uploads/images/simplypay.gif) top right no-repeat;
        padding:121px 0 0 30px;
}

#bannerinfo h3{
       text-indent:-8000px;
      width:0px;
       height:0px;
       font-size:0;
       display:block;
}

#bannerinfo a{
	display:block;
	height:31px;
        width:191px;
        background:url(uploads/images/createbutton.gif) no-repeat top left;
        text-indent:-8000px;
        text-decoration:none;
        margin:0 0 0 0;
}

/* ------------------------------------------------------------------
Mini Banner
-------------------------------------------------------------------*/

#minibanner{
  width:760px;
  height:60px;
  background:url(uploads/images/minibanner.gif) no-repeat top left;
  clear:both;
}


/* ------------------------------------------------------------------
Main Content
-------------------------------------------------------------------*/

#main{
	width:760px;
        padding:0 0 50px 0;
}


/* ------------------------------------------------------------------
Home Page Features
-------------------------------------------------------------------*/
#featureList {
    width : 100%;    
}


#featureList h2 {
    border-bottom:none;
    padding-bottom : 0;

}

#featureList .feature {
     width : 330px;
     height : 270px;
     float:left;
padding-right : 40px;
}


#featureList .feature .image {
    border : 1px solid #333333;
    height : 150px;   
    width : 330px;
}

#featureList .findOutMore {
    height :35px;
    width: 30%;
    float : left;
    text-align: center;
}

#featureList .findOutMore a {
	font-size:1.75em;
}

#featureList a img {
	border:0;
}



/* ------------------------------------------------------------------
Left Content
-------------------------------------------------------------------*/

#leftcol{
	width:450px;
	float:left;
        padding-right:10px;
}

#leftcol h2{
      color:#a2ba4b;
}

#leftmain{
   width:750px;
   float:left;
}
#leftmainabout{
   width:500px;
   float:left;
}

#leftmainabout ul{
    margin-left:15px;
}

#leftmainabout li{
    font-size:1.2em;
    margin-bottom:20px;
}

br.clear{
    clear:both;
}


/* ------------------------------------------------------------------
Right Content
-------------------------------------------------------------------*/
#rightcol{	
	width:280px;
	float:right;
        padding-left:15px;

   }

#rightcol h2, #rightmain h2{
    color:#a2ba4b;
}

#rightmain{
    float:right;
    width:230px;
}

#rightcol img{
     margin:0 5px 0 5px;
}

#rightcol p a{
    font-size:1.1em; 
    font-weight:bold;
}

#rightmain li{
    list-style:none;
    line-height:1.8em;
    padding : 0.5em;
}

#rightmain li a{
    font-size:1.2em;
text-decoration : none;
}

#rightmain li img{
    padding-right : 0.5em;
}

/* ------------------------------------------------------------------
Content Block
-------------------------------------------------------------------*/
#botcol{
   width:760px;
    clear:both;
}

.contentblock{
       width:760px;
      background:#e8e8e8;
}
.contentblockheader{
      background:url(uploads/images/topgrey.gif) top left no-repeat;
      height:14px;
      width:760px;
}

.rightcontent{
       float:right;
       width:325px;
padding:20px;

}

.leftcontent{
       float:left;
       width:325px;
padding:20px;

}

.contentblock p{
    color:#898888;
}

.contentblockfooter{
    background:url(uploads/images/botgrey.gif) top left no-repeat;
    clear:both;
    height:14px;
    width:760px;
}

/* ------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/

#footer{
	width:760px;
	height:25px;
	background: #fff url(uploads/images/footer.gif) top left repeat-x;
	clear:both;
	padding:25px 0 0 0;
}

#footer p{
   font-size:1.0em;
}

/* ------------------------------------------------------------------
Call Bubble
-------------------------------------------------------------------*/

.callbubble{
        background: url(uploads/images/topcall.gif) top left repeat-x;
        width:279px;
        padding:10px 0 0 0;

}
.callbottom{
     background: url(uploads/images/bottomcall.gif) top left repeat-x;
     width:279px;
     height:59px;
}

.callbubble fieldset{
    border:0;
}

.callbubble label{
      width:100px;
      font-size:1.2em;
      display:block;
      margin-left:12px;
      float:left;
      margin-top:10px;
}

.required{
     width:270px;
clear:both;
}
.callbubble input, .callbubble textarea{
       width:140px;
       float:left;
       margin-top:10px;
       padding:2px;
       font-size:1.1em;
}

.callbubble textarea{
        height:100px;

}

.callbubble input.fbsubmit{
       display:block;
       width:88px;
        height:30px;
        font-size:0px;
        background: url(uploads/images/send.gif) top left no-repeat;
        border:0;
        cursor:pointer;
        float:right;
        margin-right:18px;
}

/* ------------------------------------------------------------------
Call Bubble NEW
-------------------------------------------------------------------*/

#contactUs .callbubble{
        background: url(uploads/images/topcall2.gif) top left no-repeat;
        width:600px;
        padding:10px 0 0 0;

}
#contactUs .callbottom{
     background: url(uploads/images/bottomcall2.gif) top left no-repeat;
     width:600px;
     height:59px;
}

#contactUs .callbubble fieldset{
    border:0;
    width:600px;
margin:0;
padding:0;
}

#contactUs .callbubble label{
      width:100px;
      font-size:1.2em;
      display:block;
      margin-left:12px;
      float:left;
      margin-top:10px;
      clear:both;
}

#contactUs .required{
     width:270px;
clear:both;
}

#contactUs .callbubble input, #contactUs .callbubble textarea{
       width:300px;
       float:left;
       margin-top:10px;
       padding:2px;
       font-size:1.1em;
}

#contactUs .callbubble textarea{
        height:200px;
        width:450px;

}

#contactUs .callbubble input.fbsubmit{
       display:block;
       width:88px;
        height:30px;
        font-size:0px;
        background: url(uploads/images/send.gif) top left no-repeat;
        border:0;
        cursor:pointer;
        float:right;
        margin-right:18px;
}

/* ------------------------------------------------------------------
Bubble
-------------------------------------------------------------------*/

.bubble{
      background:#bcd758;
      width:282px;

}
.bubbletop{
        background: url(uploads/images/topbubble.gif) top left repeat-x;
        width:282px;
        height:13px;
}

.bubblebottom{
  background: url(uploads/images/botbubble.gif) top left repeat-x;
width:282px;
height:41px;
}

/* ------------------------------------------------------------------
FAQ
-------------------------------------------------------------------*/

dt.question {
        padding:5px 0 5px 0;
}
dt.question a{
      font-weight:bold;
      font-size:1.2em;
      color:#a2ba4b;
      float:left;
      padding:1px 0  0 3px;
     display:block;
     width:600px;
     line-height:1.8em; 

     

}

dt.question img{
    float:left;
}

dd.answer{
      font-weight:1.2em;
      background:url(uploads/images/a.gif) 0 8px no-repeat;
      padding:5px 0 0 30px;
     
}

dd.answer p{
      padding:5px 0 3px 8px;
      font-size:1.2em;
}


/* ------------------------------------------------------------------
Standard Tags
-------------------------------------------------------------------*/

ol{
    margin:0 0 1.0em 2.0em;
    font-size:1.1em;
}

h2{
    border-bottom:dotted 1px #444444;
    display:block;
    padding:1.5em 0 1.0em 0;
    margin:0 0 1.0em 0;
    font-size:1.6em;
    background:none;
    color:#a2ba4b;
}


#cs_flashBody h2{
    font-size:1.4em;
}

h3 {
    color:#a2ba4b;
    font-size:1.4em;
}


h4{
    font-size:1.4em;
    color:#a0b74a;
    padding:1.0em 0 1.0em 0;
}

h5{
    font-size:1.4em;
    color:#444444;
    padding:0.5em 0 0.2em 0;
}


p{
    padding:0 0 1.5em 0;
    font-size:1.2em;
    line-height:1.6em;
}

.green{
   color:#a0b74a
}

td.greentd{
   background:#a0b74a;
   color:#fff;
}

.green-indent{
   color:#a0b74a;
   padding:0 0 0 25px;
}

.yellow{
    background:#feffb8;
    font-weight:bold;
    font-size:1.2em;
}

td.brightyellowtd{
   background:#feffb8;
   color:#000;
}

.red{
    color:#FF6600;

}

p.small{
   margin:2.0em 0 0 0;
   font-size:1.1em;
}


a{
  color:#a0b84a;
  text-decoration:underline;
}

table{
     font-size:1.2em;
     border-collapse:collapse;
     width:100%;
}

th{
     background:#757575;
     color:#fff;
     padding:0.5em;
     font-weight:normal;
     border:solid 1px #5d5d5d; 
 
}
td{ 
    border:solid 1px #5d5d5d;
    padding:0.5em;
    
}
td.blanktd{
padding:0; font-size:0; width:26px; border:0;
}
td.lowtab{background: url(uploads/images/lowusage.gif) top left no-repeat;
padding:0; font-size:0; width:26px; height:107px;border:0;
}
td.midtab{background: url(uploads/images/midusage.gif) top left no-repeat;
padding:0; font-size:0; width:26px; height:107px; border:0;
}

td.hightab{background:url(uploads/images/highusage.gif) top left no-repeat;
padding:0; font-size:0; width:26px; height:107px;border:0;
}

table.showmetable{
       width:100%;
}

.showmetable td{ 
    border:0;
    padding:0;

    
}
tr.trial td{
    background:#fded00;
}
.alternate{
    background:#ececec;
}



#leftmain ul, td ul{
    margin:1.0em 0 1.0em 2.0em;
}  

#leftmain li, td li{
   margin:0.5em 0 0.5em 0;
   font-size:1.1em;
}




a.morefeatures{
     background: url(uploads/images/morefeatures.gif) top left no-repeat;
     width:190px;
     height:29px;
     cursor:pointer;
     display:block;
    text-indent:-8000px;
   margin:20px 0 0 0;
   text-decoration:none;
}
a.morefeatures:hover{
         background: url(uploads/images/morefeatures-on.gif) top left no-repeat;
  
}

a.showme{
     font-size:0.9em;
     display:block;
     margin:8px 0 0 0;
     font-weight:bold;
}

#screenshots{
       margin:10px 0 10px 0;
width:450px;
}

#screenshotsfooter{
      width:450px;
      clear:both;
}

#admin{
     float:left;
     margin-right:5px;

}

#customer{float:left;}

#admin a img,  #customer a  img{
      border:none;
}

#bookmarkthis{
       float:right;
}
#bookmarkthis a{
        font-weight:bold;
        text-decoration:underline;
        color:#666;
}

#bookmarkthis a img{
        border:0;
}

a.trybutton{
	display:block;
	height:40px;
        width:270px;
        background:url(uploads/images/trybutton.gif) no-repeat top left;
        text-indent:-8000px;
        text-decoration:none;
        margin:0 0 0 0;
}

#contact {
float:right;
        color:#666;
        font-size:2.2em;
height: 81px;
padding-top:30px;
}


#contact img {
    border:0;
}


#specialOffer {
     color:#666;
     font-size:1.5em;
     border : 1px solid #FF0000;
     margin-bottom : 1em;
     height : 110px;
     background-color : #FFCCFF;
}


#specialOffer #image {
     float : left;
     width : 110px;
}


#specialOffer #text{
     float : left;
     width : 600px;
}

#specialOffer #text p {
font-size:1.1em;
     text-align : center;
     padding-top : 0.5em;
}

/* End of 'Citrus' */