
*{ margin: 0; padding: 0; }* 
body
{ 
 font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; 
 line-height: 1.6em;
 background: #fff; 
 color: #444; 
}

a {    color: #E0691A;    background: inherit;}
a:hover { color: #6C757A; background: inherit; }

.orange { color: #E0692A; }
.orangel { color: #454545; }
.red1 { color: #de6100; }
sup { font-size: .5em; }

h1 { font: normal 1.6em Arial, "Trebuchet MS", Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
h1 a { color: #737373; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }

h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
h1.h1 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p { margin: 0 0 5px 0; }

ul { list-style : none; }

.link1 a
{
 color: white;
 background-color: white;
}

.link1 a:hover
{
 color: #E0692A;
}

.remlist
{
 list-style: disc;
 list-style-position: outside;
 padding: 5px 5px 5px 5px;
 margin-left: 1em;
}

/* layout
   ------ */

.logo
{
 border: 0;
 width: 310px;
}

.logo img
{
 border: 0;
}

#logo_slogan
{
 position: relative;
 width: 580px;
 bottom: 18px;
 left: 104px;
 color: #444444;
 white-space: nowrap;
 font-size: 1.6em;
}

.content
{ 
 margin: 0 auto;
 width: 980px;
 padding: 10px;
 padding-top: 5px; 
}

.header
{ 
 height: 97px;
 background-color: white;
 /* background-image: url(/images/headerbg.gif); */
 background-repeat: repeat-x;
 background-position: center 46px;
 border-bottom: 1px solid #aaaaaa;
 color: #808080;
 margin: 0;
 padding: 0;
 margin-bottom: 2px;
 padding-bottom: 5px;
}

.top_info
{
 float: right;
 width: 555px;
 padding: 0px 0 4px 0;
 color: #808080;
 margin: 0;
}

.top_info_left
{
 width: 200px;
 margin-top: 10px;
 float: left;
}

.top_info_right
{
 float: right;
 height: 94px;
 width: 290px;
 padding: 0;
 margin: 0;
 /* border-left: 1px solid #eee; */
 background-color: #fff;
 background-image: url(/images/login_bg.gif);
 background-repeat: no-repeat;
 background-position: top center;
}

#logint
{
 margin-top: 8px;
 margin-left: 18px;
}

input.loginf
{ 
 width: 172px; 
 border: 0;
 background: white url(/images/input.gif) no-repeat;
 padding: 4px; 
 color: #E0691A;
 font-weight: normal;
 margin: 0 0 0 3px;
}

.browse_category 
{
 width: 280px;
 color: #FFF;
 background: inherit;
}

/*****************************/

.bar
{ 
 clear: both;
 font-size: 1.3em;
 height: 30px; 
 color: #FFEADC;
 background-color: #D0E9F0;
/* background: #FF9148 url(/images/menubg.gif) repeat-x; */
 width: inherit;
}

.bar ul
{
 float: right;
}

.bar li
{ 
 padding: 6px 12px 4px 12px;
 color: #FFEADC;
 float: left;
 border: 1px dotted #D0E9F0;
 border-left: 2px solid white;
}

   
.bar li.active
{ 
 background-color: #E0691A;
 color: black;
 font-weight: bold; 
 border: 1px dotted #E0691A;
 border-left: 2px solid #E0691A;
}
    
.bar li a
{ 
 font-weight: bold;
 color: white; 
 color: #666666;
 color: #037bb2;
 background: inherit;
 text-decoration: none;
}

.bar li a:hover
{ 
 font-weight: bold;
 color: #de6100;
 background: inherit;
 text-decoration: underline;
} 

/*****************************/

/* search form */

.search_field,
.message
{
 color: #808080;
 clear: both;
 font-weight: bold;
 padding: 7px 12px 10px 10px;
 margin: 5px 0;
}

input.search
{ 
 width: 292px; 
 border: 0;
 background: #FFF url(/images/input.gif) no-repeat;
 padding: 4px; 
 color: #E0691A;
 font-weight: bold;
 margin: 0 0 0 3px;
}

input.submit
{
 background: #E0691A url(/images/submit.gif) no-repeat;
 border: 0;
 padding: 4px;
 width: 65px;
 height: 24px;
 margin: 0 2px 1px 0;
 color: white;
 font: bold 1em Arial, Sans-Serif;
}


.grey { color: #808080; background: inherit; font-weight: normal; }
.search_form { float: right; }

/* left side
   --------- */

.left
{
 float: left;
 width: 634px;
 margin: 0 0 10px 0;
}

.left table
{
 font-size: 1.2em;
}

.left table p
{
 margin-left: 10px;
}


.left_narrow
{
 float: left;
 width: 300px;
 background-color: #f6f6f6;
 margin: 5px 5px 10px 5px;
}


.left_signup
{
 float: left;
 width: 554px;
 margin: 0 0 10px 0;
}

.sar h1.h1,
.left h2,
.left_signup h2,
.left h1.h1,
.left_signup h1.h1
{
 clear: both;
 background: #E8E8E8 url(/images/h2bg.gif) no-repeat center left;
 color: #444;
 color: #037bb2;
 padding: 3px 0 4px 43px;
 font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
 margin: 0 0 10px 0;
}

.right h2
{
 background: #BDBDBD  url(/images/h3bg.gif) no-repeat center right;
 color: white;
 color: #037bb2;
 padding: 7px 0 6px 8px;
 font: bold 1.2em Tahoma, Arial, Sans-Serif;
 margin: 0 0 3px 0;
}


.left_side
{
 float: left;
 clear: left;
 width: 302px;
 padding: 0 0 0 0;
 margin: 10px 0 0 0;
}
        
.left_side a, .right_side a { color: #414141; background: #FfffFF; }
        
.right_side
{
 float: right;
 width: 302px;
 color: #414141;
 padding: 0 0 0 10px;
 margin: 10px 0;
}

.left_box
{ 
 margin: 0 0 10px 0; 
 color: #000000; 
 background: #FFF; 
 padding: 3px 0; 
 font-size: 1.2em;
}

.left_articles
{
 background: #f5f5f5;
 color: #414141;
 padding: 8px;    
 margin: 0 0 3px 0;
 height: 240px;
 border-top: 1px dotted gray;
}

.left_articles a
{
 background: #f5f5f5;
 color: #E0692A;
}

.left h3
{
 background: #BDBDBD  url(/images/h3bg.gif) no-repeat center right;
 color: white;
 color: #037bb2;

 padding: 7px 0 6px 8px;
 font: bold 1.2em Tahoma, Arial, Sans-Serif;
 margin: 0 0 3px 0;
}

.left_box h3
{
 /*background: white  url(/images/pda_alt.png) no-repeat center left;*/
 background: white;
 color:#515151;
 font: bold 1.3em Arial, Sans-Serif;
 padding: 0;
 padding-left: 28px;
}

.left_box td
{
 font-size: 0.75em;
}

.left_box td ul li
{
 margin-bottom: 7px;
}

/* right side
   ---------- */
        
.right
{
 float: right;
 width: 340px;
 margin: 0 0 10px 0;
}

.right_narrow
{
 float: right;
 width: 674px;
 margin: 5px 5px 10px 5px;
 background-color: #f6f6f6;
}

.right_signup
{
 float: right;
 width: 420px;
 margin: 0 0 10px 0;
}

.right h3,
.right_signup h3
{
 background: #BDBDBD  url(/images/h3bg.gif) no-repeat center right;
 color: white;
 color: #037bb2;
 padding: 7px 0 6px 8px;
 font: bold 1.2em Tahoma, Arial, Sans-Serif;
 margin: 0 0 3px 0;
}

.right_articles
{
 background-color: #f5f5f5;
 background-color: #fffeff;
 color: #414141;
 padding: 18px;    
 margin: 0 0 3px 0;
 border: 1px dotted #E0691A;
 border: 1px dotted #2EC4E4; /* #81DDF1; */
 font-size: 1.2em;
}

.blue_articles
{
 background-color: #E0EBFC;
 color: #414141;
 padding: 8px;    
 margin: 0 0 3px 0;
 border: 1px dotted #E0691A;
 border: 1px dotted #2EC4E4; /* #81DDF1; */
 font-size: 1.2em;
}


.notice
{
 background: #ffffff;
 color: #808080;
 padding: 8px 8px;
 margin: 0 0 3px 0;
 border: 1px #E0691A dotted;
}

.image
{
 float: left;
 margin: 0 9px 3px 0;
}

.fimage
{
 float: left;
 margin: 0 9px 3px 0;
 width: 176px;
 height: 136px;
}

.fimage2
{
 float: left;
 margin: 0 9px 3px 0;
}

.plain
{
 font: normal 1.2em Tahoma, Arial, Sans-Serif;
}

.plain_gray
{
 font: normal 1.2em Tahoma, Arial, Sans-Serif;
 background-color: #f6f6f6;
 padding-bottom:1px;
}

.plain_gray h2
{
 color: #037bb2;
 text-align: center;
}


.plain h1,
.plain h2
{
 clear: both;
 background: #E8E8E8 url(/images/h2bg.gif) no-repeat center left;
 color: #444444;
 padding: 3px 0 4px 43px;
 font: bold 1.2em "Trebuchet MS", Arial, Sans-Serif;
 margin: 0 0 10px 0;
}

.plain h3
{
 clear: both;
 background: #E8E8E8 url(/images/h2bg.gif) no-repeat center left;
 color: #444444;
 padding: 3px 0 4px 43px;
 font: bold 1em "Trebuchet MS", Arial, Sans-Serif;
 line-height: 1.6em;
 margin: 0 0 10px 0;
}


.plain ul
{
 list-style : disc;
 margin-left: 20px;
 margin-top: 10px;
 padding-top: 2px;
 font: normal 1em Tahoma, Arial, Sans-Serif;
}

/* footer */

.footer
{ 
 clear: both;
 text-align: center;
 padding: 10px 0;
 border-top: 1px solid #cccccc;
 line-height: 2em;
}

.footer a { color: #808080; background: #fff; }

.footer table
{
 border: 1px solid #cccccc;
 text-align: left;
 padding: 5px;
 line-height: 1.2em;
}

.footer table a
{
 text-decoration: none;
}

/*****************/

#signup_table td
{
 padding-left: 10px;
}

#signup_table input.submit
{
 font: bold 0.9em Arial, Sans-Serif;
 margin-left: 85px;
}


/***********************/

#pricingt
{
 margin-left: 10px;
 border-left: 1px solid #02AADB;
 border-top: 1px solid #02AADB;
 background-color: white;
 font: 0.8em Helvetica, Tahoma;
 color: #646464;
 padding: 0;
}

#pricingt td:hover
{
 background-color: #f7f7f7;
}

#pricingt th
{
 height: 42px;
 padding: 0;
}

.prc
{
 color: black;
 width:200px;

 height: 34px;
 
 padding: 4px;
 padding-left: 8px;
 text-align:left;
 font-weight: normal;
 border-right:2px solid #02AADB;
 border-bottom: 1px solid #02AADB;
 background-color: #f7f7f7;
 background-color: #f5fBFC;
}



.prd
{
 width: 68px;

 height: 34px;
 
 padding: 4px;
 text-align: center;
 border-right: 1px solid #02AADB;
 border-bottom: 1px solid #02AADB;
 background-color: white;
}



#creditt
{
 border: 0;
 border-top: 1px solid #02AADB; 
 border-left: 1px solid #02AADB; 
}

.creditd
{
 width: 75px;
 height: 34px;
 padding: 4px;
 text-align: center;
 border-right: 1px solid #02AADB;
 border-bottom: 1px solid #02AADB;
 background-color: white;
}

#creditt th
{
 background-color: #E0EBFC;
}


#carriert
{
 background-color: #E0EBFC;
 padding: 0;
 text-align: left;
 border: 1px solid #02AADB;
 width: 430px;
}

#carriert td
{
 padding: 4px;
 padding-left: 8px;
}

#sc0SXl
{
 height: 60px;
 margin: 0;
 padding: 0;
 display:inline;
 float:left;
 border:1px solid gray;
 margin-right:8px
}

/*******************/

.newsitem
{
 margin: 5px;
 margin-bottom: 15px;
 border: 0;
}

.newsitem a
{
 font: 1.2em Helvetica, Tahoma;
 font-weight: bold;
}

/*******************/

.alert
{
 border: 1px solid red;
 margin: 0;
 background-color: #FEEFEC;

 color: #808080;
 clear: both;
 font-weight: bold;
 padding: 7px 12px 10px 10px;
 margin: 5px 0;
}

.faq
{
 margin: 10px;
 margin-left: 20px;
 padding: 4px;
}

.faq p
{
 margin-top: 16px;
}

.faq h3
{
 font: 1em Helvetica, Tahoma;
 font-weight: bold;
 background: #E8E8E8;
 padding: 4px;
 padding-left: 8px;
 border: 1px solid #cdcdcd;
 width: 500px;
}

.rimage
{
 border: 1px solid gray;
 margin-right: 15px;
 margin-bottom: 5px;
}

.green_h1
{
 text-align: center;
 font:bold 1.1em Arial,Sans-Serif;
 color: #80AD30;
 background-color: white;
 padding: 5px 5px 5px 5px;
 margin: 0;
}

.himage
{
 width: 246px;
 height: 246px;
 background-repeat: no-repeat;
 text-align: left;
 vertical-align:text-top;
 margin: 0;
}

.htext
{
 vertical-align:text-top;
 text-align: left;
 width: 230px;
 padding-left: 20px;
 margin-top: 110px;
 color: white;
}


/*****************************/

.ttbar
{ 
 clear: both;
 font-size: 1.3em;
 height: 28px; 
 color: #FFEADC;
 background-color: #E6E6E6;
 width: inherit;

 background-color: #D0E9F0;
 /* background: #FF9148 url(/images/menubg.gif) repeat-x; */
}

/**********
.ttbar img
{
 border: 0;
 margin: 0;
 padding: 0;
 background-color: #E6E6E6;
 padding-top: 1px;
}
****************/

.ttbar a
{
 background-color: white;
}

.ttbar ul
{
 float: right;
}

.ttbar li
{ 
 padding: 6px 12px 4px 12px;
 color: #FFEADC;
 float: left;
 border: 0;
 border-left: 2px solid white;
}

   
.ttbar li.active
{ 
 background-color: #E0691A;
 color: black;
 font-weight: bold; 
 border: 0;
 border-left: 2px solid #E0691A;
}
    
.ttbar li a
{ 
 font-weight: bold;
 color: white; 
 color: #666666;
 color: #037bb2;
 background: inherit;
 text-decoration: none;
}

.ttbar li a:hover
{ 
 font-weight: bold;
 color: #de6100;
 background: inherit;
 text-decoration: underline;
} 

/*****************************/

#bannert
{
 margin: 0;
 padding: 0;
 margin-top: 4px;
 margin-bottom: 4px;
 width: 100%;
}

#bannert img
{
 border: 0;
 margin: 0;
 padding: 0;
 background-color: white;
}

#bannert td
{
 text-align: center;
 padding: 0;
 margin: 0;
 border: 0;
 background-color: white;
 border-bottom: 3px solid white;
}

#bannert td:hover
{
 border-bottom: 3px solid #AAE5F8;
}

/*****************************/

#sel_pay td
{
 height: 100px;

 padding: 10px;
 border: 1px solid white;
}

#sel_pay td:hover
{
 background-color: #D0E9F0;
 border: 1px solid #E0692A;
}


#sel_pay #paypal_button
{
 background: white url(/images/payment_paypal.jpg) no-repeat;
 border: 0;
 padding: 4px;
 width: 238px;
 height: 65px;
 margin: 0 2px 1px 0;
}

#sel_pay #is_button
{
 background: white url(/images/payment_creditcards.jpg) no-repeat;
 border: 0;
 padding: 4px;
 width: 238px;
 height: 65px;
 margin: 0 2px 1px 0;
}

/*****************************/

#deli_box
{
 margin: 0;
 padding: 0;
 background-color: #E6E6E6;
 margin-top: 5px;
 margin-left: 4px;
 border: 1px solid gray;
}

#deli_box:hover
{
 border: 1px solid blue;
}

/*****************************/

#intp1
{
 padding: 4px;
 margin-left: 4px;
 width: 320px;
}


#intp1 table
{
 border: 1px solid gray;
}

#intp1 h3
{
 font-size: 1.2em;
 background: #E6E6E6;
 color: white;
 color: #037bb2;
 padding: 7px 0 6px 8px;
 margin: 0 0 3px 0;
}

#intp1 th
{
 font-size: 1em;
 padding: 4px;
}

#intp1 td
{
 font-size: 1em;
 padding: 4px;
 text-align: center;
}

#solutions td
{
 width: 144px;
 vertical-align: text-top;
 padding: 8px;
}

/**************/








#sshadow
{
 right: 0;
 position: relative;
 float:left;

 background: url(/mobile/images/shadowAlpha.png) no-repeat bottom right !important;
 background: url(/mobile/images/shadow.gif) no-repeat bottom right;
 margin: 10px 0 10px 10px !important;
 margin: 10px 0 10px 5px;
 padding: 0px;
}

#slideshow
{
 position: relative;
 margin: 0px 0px 0px 0px;
 bottom: 6px;
 right: 6px;
 border: 1px solid #999999;
 padding: 4px;
}

#slideshow img
{
 width: 335px;
 height: 495px;
 margin: 0;
 padding: 0;
 border: 1px solid #999999; 
}

#slidetxt
{
 position: relative;

 text-align: left;
 font: 2.2em Helvetica, Tahoma;
 color: #333333;
 width: 600px;

 background-color: white;

 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
}
