/*** Web4sme style.css ***/

body { background-color: #ebebeb; text-align: center; top: 0; left: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

/* blocks */

#wrapper           { width: 759px; margin: 0 auto 0 auto; padding: 0; background-color: white; }
#header            { position: relative; width: 757px; height: 69px; margin: 0 auto 0 auto; padding: 0; background: url(/schema/gifs/headerbg.gif) center center no-repeat; }
#logo              { margin: 23px 0 0 22px; padding: 0; float: left; display: inline;}
#topnav            { position: absolute; right: 18px; bottom: 18px; }
#containerouter    { float: left; width: 759px; clear: both; margin: 0; padding: 0; background: url(/schema/gifs/contentbgtop.gif) center top no-repeat; }
#container         { float: left; width: 759px; margin: 0; padding: 9px 0 20px 0; background: url(/schema/gifs/contentbgbtm.gif) center bottom no-repeat; }
#mainnav           { float: left; width: 720px; margin: 3px 0 0 19px; padding: 0; display: inline; text-align: left;}
#footer            { float: left; width: 759px; margin: 0; height: 41px; padding: 0; background: url(/schema/gifs/footerbg.gif) center center no-repeat; }
#ims               { float: left; margin: 16px 0 0 13px; display: inline; }
#copyright         { float: right; color: #3f3f3f; font-size: 60%; margin: 21px 15px 0 0; display: inline; }
#banner            { position: relative; width: 720px; /* height: 184px; */ height: 122px; margin: 0 auto 0 auto; padding: 0; background: url(/gifs/bannerbg.gif) center center no-repeat; }
#leftcol           { float: left; width: 168px; display: inline; text-align: center; margin: 13px 0 0 19px; text-align: left; }
body.newHome #leftcol { width: 280px; }
body.new #leftcol { width: 213px; }
#leftnavcontainer  { float: left; width: 168px; display: inline; background: url(/schema/gifs/leftnavbgbtm.gif) center bottom no-repeat;
                      padding: 0 0 26px 0; margin: 0; }
body.newHome #leftnavcontainer { background: url(/schema/gifs/newHomeleftnavbtmbg.gif) right bottom no-repeat; width: 280px; padding: 0;  }
body.new #leftnavcontainer { background: url(/schema/gifs/newleftnavbgbtm.gif) center bottom no-repeat; width: 213px; padding-bottom: 26px;  }
#leftnav           { float: left; width: 168px; margin: 0; background: url(/schema/gifs/leftnavbgtop.gif) center top no-repeat;
                     text-align: left; padding: 0; }
body.newHome #leftnav { width: 275px; background: url(/schema/gifs/newHomeleftnavtopbg.gif) right top no-repeat; }
body.new #leftnav     { width: 213px; background: url(/schema/gifs/newleftnavbgtop.gif) center top no-repeat; padding-top: 30px; }
#content           { float: right; width: 541px; display: inline; margin: 0 20px 0 0; padding: 10px 0 0 0; text-align: left; }
body.newHome #content { width: 450px; margin: 0 10px 0 0; float: right; }
body.new #content  { width: 496px; margin: 0 25px 0 0; float: right; }
#contentwrapper    { float: left; width: 759px; margin: 0; padding: 0; background: url(/schema/gifs/contentbgmid.gif) center center repeat-y; }
#productcontent    { float: left; width: 160px; background-color: #ffffff; text-align: center; margin: 0; padding: 0; }
#onlineHelp         { margin: 0 0 0 3px; padding: 0; width: 210px; float: left; }
body.newHome #onlineHelp { margin-left: 20px; }

/* styles for the top nav. Note that the separating '|' characters need to be entered as li items in the html */

#topnav ul.menu    { list-style-type: none; font-size: 60%; margin: 0; padding: 0; }
#topnav li         { display: inline; color: black; padding: 0 2px 0 2px; }
#topnav a          { color: black; text-decoration: none; }
#topnav a.current  { color: #929292; }
#topnav a:hover    { text-decoration: underline; }
#topnav p          { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 75%; text-align: right; color: black; margin: 0 0 3px 0; }

/* styles for the main nav */

#mainnav ul.menu   { list-style-type: none; display: inline; font-size: 75%; margin: 0; padding: 0 5px 0 0; }
#mainnav li        { display: inline; color: #6b777e; padding: 4px 5px 0 10px; line-height: 30px; background: url(/schema/gifs/mainnavbg.gif) left bottom no-repeat; }
#mainnav a         { color: #6b777e; text-decoration: none; font-weight: normal; }
#mainnav a:hover   { text-decoration: underline; }

/* Styles for the left nav  */
#leftnav h1,
#leftnav p.header1 { color: #FF8400; font-size: 75%; font-weight: bold; margin: 0 15px 10px 15px;}
#leftnav li        { font-size: 70%; color: black; margin: 0 15px 0 15px; }
#leftnav ul        { margin-bottom: 5px; margin-left: 20px; }
#leftnav img.floatleftwithmargin { float: left; margin: 3px 3px 3px 16px; }

body.newHome #leftnav h1, body.newHome #leftnav p.header1
                   { color: #111111; font-size: 1.0em; font-weight: bold; margin: 0 0 5px 8px; }
body.newHome #leftnav p { color: #424242; font-size: 0.75em; margin: 5px 17px 5px 12px; }

body.new #leftnav p { margin: 0 20px 0 20px; font-size: 0.8em;}
body.new #leftnav a { text-decoration: none; }

/* content area styles */
#content ul, #productcontent ul { margin-bottom: 5px; }
#content li, #productcontent li { margin-left: 5px; font-size: 0.8em;}
#content td li, #productcontent td li { font-size: 1em; }
body.new #content p { font-size: 0.8em; }


/* copyright area styles */
#copyright a       { color: #3f3f3f; text-decoration: none; }
#copyright a:hover { text-decoration: underline; }


/* Standard Tables */
table.default { text-align: left;  margin: 1px; }
td { font-size: 70%; }

/* Web4sme Tables */
table.leftcolsites { width: 249px !important; width: 239px; padding-right: 10px; margin-right: auto !important; margin-right: 10px;}
table.leftcolsites td { font-size: 1.0em; }
table.leftcolsites td.left { width: 108px;  border-bottom: 1px solid #E1E1E1; padding-bottom: 5px; padding-top: 10px; vertical-align: middle;}
table.leftcolsites td.right { width: 140px; border-bottom: 1px solid #E1E1E1; background: none; padding-top: 10px; padding-bottom: 5px; vertical-align: top; }
#leftnav table.leftcolsites td p { margin: 0; padding: 0;}
#leftnav table.leftcolsites td.right p.header1 { color: #930000; margin: 0; padding: 0; font-size: 75%;}

table.homepage { }
table.homepage td { vertical-align: top; }
table.homepage td.tl_top { width: 219px; background: url(/schema/gifs/tableHomePageTLbg.jpg) top center no-repeat; }
table.homepage td.tr_top { width: 219px; background: url(/schema/gifs/tableHomePageTRbg.jpg) top center no-repeat;}
table.homepage td.bl_top { width: 219px; background: url(/schema/gifs/tableHomePageBLbg.jpg) top center no-repeat;}
table.homepage td.br_top { width: 219px; background: url(/schema/gifs/tableHomePageBRbg.jpg) top center no-repeat;}
table.homepage td.tl_btm { width: 219px; background: url(/schema/gifs/tableHomePageTLbtmbg.jpg) bottom center no-repeat; padding-bottom: 6px;}
table.homepage td.tr_btm { width: 219px; background: url(/schema/gifs/tableHomePageTRbtmbg.jpg) bottom center no-repeat; padding-bottom: 6px;}
table.homepage td.bl_btm { width: 219px; background: url(/schema/gifs/tableHomePageBLbtmbg.jpg) bottom center no-repeat; padding-bottom: 6px;}
table.homepage td.br_btm { width: 219px; background: url(/schema/gifs/tableHomePageBRbtmbg.jpg) bottom center no-repeat; padding-bottom: 6px;}
table.homepage td p      { font-size: 110%; margin: 8px 15px 6px 15px; }
table.homepage td p.header1 { color: white; font-size: 125%; margin: 16px 40px 6px 20px; }

table.specialoffers { width: 348px; clear: both; font-size: 150%;}
table.specialoffers td.top { background: url(/schema/gifs/specialofferstopbg.gif) center top no-repeat; height: 26px; }
table.specialoffers td.bottom { background: url(/schema/gifs/specialoffersbtmbg.gif) center bottom no-repeat; padding: 0 20px 0 20px; }



table.order        { width: 120px; background-color: #fff5db; padding: 10px 0 10px 0; border: 1px solid #ffae00; margin: 0 0 10px 0;}
table.order td     { padding: 3px 0 3px 0; text-align: center; }

table.fullwidth    { width: 100%; }

/* panel table defs */
table.threepanel    { margin: 10px 0 0 0; padding: 0; width: 535px; }
table.twopanel      { margin: 10px 0 0 0; padding: 0; width: 535px; }
table.onepanel      { margin: 10px 0 0 0; padding: 0; width: 535px; }
table.onepanelgreen { margin: 10px 0 0 0; padding: 0; width: 535px; }

/* top left corner style for table panels */
td.lefttopleft     { width: 14px; height: 41px; background: url(/schema/gifs/lefttopleft.gif) center center no-repeat; } /*  2 or 3 panel left section */
td.centertopleft   { width: 14px; height: 41px; background: url(/schema/gifs/centertopleft.gif) center center no-repeat;} /* 1 or 3 panel center section */
td.righttopleft    { width: 14px; height: 41px; background: url(/schema/gifs/righttopleft.gif) center center no-repeat;} /* 2 or 3 panel right section */
table.onepanelgreen td.centertopleft
                   { width: 14px; height: 41px;  background: url(/schema/gifs/righttopleft.gif) center center no-repeat; } /* green 1 panel */

/* top center style for table panels */
table.threepanel td.lefttopcenter
                   { width: 148px; height: 41px; background: url(/schema/gifs/lefttopcenter.gif) left center repeat-x;
                    color: white; font-family:  Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; vertical-align: top;} /* 3 panel left section */
table.threepanel td.centertopcenter
                   { width: 148px; height: 41px; background: url(/schema/gifs/centertopcenter.gif) left center repeat-x;
                     color: white; font-family:  Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; vertical-align: top;} /* 3 panel center section */
table.threepanel td.righttopcenter
                   { width: 148px; height: 41px; background: url(/schema/gifs/righttopcenter.gif) left center repeat-x; /* 3 panel right section */
                     color: white; font-family:  Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; vertical-align: top;}
table.twopanel td.lefttopcenter
                   { width: 237px; height: 41px; background: url(/schema/gifs/lefttopcenter.gif) left center repeat-x;
                    color: white; font-family:  Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; vertical-align: top;} /* 2 panel left section */
table.twopanel td.righttopcenter
                   { width: 237px; height: 41px; background: url(/schema/gifs/righttopcenter.gif) left center repeat-x;
                     color: white; font-family:  Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; vertical-align: top;} /* 2 panel right section */
table.onepanel td.centertopcenter
                   { width: 507px; height: 41px; background: url(/schema/gifs/centertopcenter.gif) left center repeat-x;
                    color: white; font-family:  Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; vertical-align: top;} /* orange 1 panel */
table.onepanelgreen td.centertopcenter
                   { width: 507px; height: 41px; background: url(/schema/gifs/righttopcenter.gif) left center repeat-x;
                    color: white; font-family:  Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; vertical-align: top;} /* orange 1 panel */


/* top right corner style for table panels */
td.lefttopright    { width: 14px; height: 41px; background: url(/schema/gifs/lefttopright.gif) center center no-repeat;} /* 2 or 3 panels left section */
td.centertopright  { width: 14px; height: 41px; background: url(/schema/gifs/centertopright.gif) center center no-repeat;} /* 3 panels center section */
td.righttopright   { width: 14px; height: 41px; background: url(/schema/gifs/righttopright.gif) center center no-repeat;} /* 2 or 3 panels right section */
table.onepanelgreen td.centertopright
                   { width: 14px; height: 41px; background: url(/schema/gifs/righttopright.gif) center center no-repeat;} /* green 1 panel */

/* bottom left corner style for table panels */
td.leftbtmleft     { width: 14px; background: url(/schema/gifs/leftbtmleft.gif) bottom center no-repeat; }  /* 2 or 3 panels left section */
td.centerbtmleft   { width: 14px; background: url(/schema/gifs/centerbtmleft.gif) bottom center no-repeat; } /* 3 panels center section */
td.rightbtmleft    { width: 14px;  background: url(/schema/gifs/rightbtmleft.gif) bottom center no-repeat; } /* 2 or 3 panels right section */
table.onepanelgreen td.centerbtmleft
                   { width: 14px;  background: url(/schema/gifs/rightbtmleft.gif) bottom center no-repeat; } /* green 1 panel */

/* bottom center style for table panels */
table.threepanel td.leftbtmcenter
                    { width: 148px;  background: url(/schema/gifs/leftbtmcenter.gif) bottom center no-repeat; text-align: left;
                                        vertical-align: bottom;} /* 3 panels left section */
table.threepanel td.centerbtmcenter
                    { width: 148px; background: url(/schema/gifs/centerbtmcenter.gif) bottom center no-repeat; text-align: left;
                                          vertical-align: bottom;} /* 3 panels center section */
table.threepanel td.rightbtmcenter
                    { width: 148px;background: url(/schema/gifs/rightbtmcenter.gif) bottom center no-repeat; text-align: left;
                                            vertical-align: bottom; } /* 3 panels right section */
table.twopanel td.leftbtmcenter
                    { width: 237px;  background: url(/schema/gifs/2panelleftbtmcenter.gif) bottom center no-repeat; text-align: left;
                                        vertical-align: bottom;} /* 2 panels left section */
table.twopanel td.rightbtmcenter
                    { width: 237px;background: url(/schema/gifs/2panelrightbtmcenter.gif) bottom center no-repeat; text-align: left;
                                            vertical-align: bottom; } /* 2 panels right section */
table.onepanel td.centerbtmcenter
                    { width: 507px; background: url(/schema/gifs/1panelcenterbtmcenter.gif) bottom center no-repeat; text-align: left;
                                          vertical-align: bottom;} /* orange 1 panel */
table.onepanelgreen td.centerbtmcenter
                    { width: 507px; background: url(/schema/gifs/1panelgreencenterbtmcenter.gif) bottom center no-repeat; text-align: left;
                                          vertical-align: bottom;} /* green 1 panel */

/* bottom right style for table panels */
td.leftbtmright     { width: 14px;  background: url(/schema/gifs/leftbtmright.gif) bottom center no-repeat; } /* 2 or 3 panels left section */
td.centerbtmright   { width: 14px;background: url(/schema/gifs/centerbtmright.gif) bottom center no-repeat; } /* 3 panels center section */
td.rightbtmright    { width: 14px;  background: url(/schema/gifs/rightbtmright.gif) bottom center no-repeat; } /* 2 or 3 panels right section  */
table.onepanelgreen td.centerbtmright
                    { width: 14px;  background: url(/schema/gifs/rightbtmright.gif) bottom center no-repeat; } /* green 1 panel */

/* paragraph etc styles for inside panel tables */
td.gap             { width: 5px; }
td.right           { background: url(/schema/gifs/tableright.gif) right top repeat-y; }
/* headers */
table.threepanel td.header    { width: 148px; vertical-align: top; padding: 0 0 10px 0; font-size: 15px; color: #bababa; font-weight: bold;}
table.twopanel td.header      { width: 237px; vertical-align: top; padding: 0 0 10px 0; font-size: 15px; color: #bababa; font-weight: bold;}
table.onepanel td.header      { width: 507px; vertical-align: top; padding: 0 0 10px 0; font-size: 15px; color: #bababa; font-weight: bold;}
table.onepanelgreen td.header { width: 507px; vertical-align: top; padding: 0 0 10px 0; font-size: 15px; color: #bababa; font-weight: bold;}

/* content */
table.threepanel td.content    { font-size: 0.7em; vertical-align: top; width: 148px; padding: 0; margin: 0; }
table.twopanel td.content      { font-size: 0.7em; vertical-align: top; width: 237px; padding: 0; margin: 0; }
table.onepanel td.content      { font-size: 0.7em; vertical-align: top; width: 507px; padding: 0; margin: 0; }
table.onepanelgreen td.content { font-size: 0.7em; vertical-align: top; width: 507px; padding: 0; margin: 0; }

/* lists */
table.threepanel ul.green, table.twopanel ul.green, table.onepanel ul.green, table.onepanelgreen ul
                               { margin: 0; padding: 0 0 0 16px; }
table.threepanel li, table.twopanel li, table.onepanel li, table.onepanelgreem li
                               { margin: 0; padding: 0;}


/* span classes */

span.nearblack      { color: #444444; }
span.nearblacklarge { color: #444444; font-size: 15px; font-weight: bold;}
span.orangelarge    { color: #FF7011; font-size: 15px; font-weight: bold;}
span.sup            { font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 7px; vertical-align: super; /* Superscript */ }
span.sub            { font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 7px; vertical-align: sub;  /* Subscript */ }
span.header         { font-size: 15px; color: #bababa; font-weight: bold; }
span.packageprice   { font-size: 15px; font-weight: bold; color: #FF8400; }
span.left           { float: left; }
span.right          { float: right;}

/* Images */

/* Styles for positioning images within the banner */

#banner img.bannerbottomright { position: absolute; right: 0; bottom: 0; }
#banner img.bannerbottomleft  { position: absolute; left: 0; bottom: 0; }
#banner img.bannertopleft     { position: absolute; left: 0; top: 0; }
#banner img.bannertopright    { position: absolute; right: 0; top: 0; }

/* Standard image styles */

IMG                      { border: 0; margin: 0; padding: 0;}
#content img             { border: 1px solid #ffae00;}
IMG.floatright           { float: right; margin-left: 5px; }
IMG.floatleft            { float: left; }
IMG.floatrightwithmargin { float: right;
 margin: 3px 0 10px 10px;
}
IMG.floatleftwithmargin  { float: left;
 margin: 3px 16px 10px 0px;
}
IMG.noborder             { border-width: 0; }
IMG.border               { border: 1px solid #2D90B0;}
img.rollover             { /* Rollover */ }

img.view                 { border: 1px solid #999999; }


/* Standard paragraph styles */
P         { font-size: 70%; color: black; padding: 0; margin: 0 0 10px 0; line-height: 1.3em;}
p.clear   { clear: both;}

P.indent1 { margin-left: 1em; }
P.indent2 { margin-left: 2em; }
P.indent3 { margin-left: 3em; }
P.indent4 { margin-left: 4em; }
P.center  { text-align: center; }
P.right   { text-align: right; }

p.header1, h1 { font-size: 1em; font-weight: bold; color: #FF8400; }
p.header2, h2 { font-size: 0.8em; font-weight: bold; color: #FF8400; }
p.header3, h3 { font-size: 0.75em; font-weight: bold; color: black;}

p.header1red, h1.red { font-size: 1em; font-weight: bold; color: #ffffff; background: url(/schema/gifs/redh1bg.gif) top center no-repeat;
                          padding: 5px 20px 5px 20px; }
p.header1orange, h1.orange { font-size: 1em; font-weight: bold; color: #ffffff; background: url(/schema/gifs/orangeh1bg.gif) top center no-repeat;
                          padding: 5px 20px 5px 20px; }
p.header1green, h1.green { font-size: 1em; font-weight: bold; color: #ffffff; background: url(/schema/gifs/greenh1bg.gif) top center no-repeat;
                          padding: 5px 20px 5px 20px; }
p.header1blue, h1.blue { font-size: 1em; font-weight: bold; color: #ffffff; background: url(/schema/gifs/blueh1bg.gif) top center no-repeat;
                          padding: 5px 20px 5px 20px; }


/* form styles */

form { font-size: 100%; }

/* links */
a                 { color: #FF8400; font-weight: bold; }
a:hover           { color: #afb72e; }
a.current         { color: #afb72e; font-weight: bold; }
a.red             { color: #FF3600; text-decoration: underline; font-weight: normal; background: url(/schema/gifs/redlinkbg.gif) top left repeat-x; font-size: 0.7em; }
a.nostyle         { text-decoration: none; color: inherit; font-size: inherit; }
a.nostyle:hover   { text-decoration: none; color: inherit; font-size: inherit; }
a.greenlink       { color: #afb72e; font-weight: bold; text-decoration: none;  }
a.greenlink:hover { text-decoration: underline; }
a.add             { width: 110px; color: #afb72e; font-weight: bold; text-decoration: none; background-color: #fff5db; border: 1px solid #ffae00; padding: 5px; text-align:center;}
a.add:hover       { text-decoration: underline; }
a.view            {  }
a.more            { color: #535353; background: url(/schema/gifs/amorebg.gif) right center no-repeat; text-decoration: none; padding-right: 13px;}
a.redarrow { color: #C4361A; text-decoration: none; background: url(/schema/gifs/aredarrowbg.gif) center right no-repeat; padding-right: 16px; /* Red Arrow Link */}
a.orangearrow { color: #C5681B; text-decoration: none; background: url(/schema/gifs/aorangearrowbg.gif) center right no-repeat; padding-right: 16px; /* Orange Arrow Link */ }
a.greenarrrow { color: #515D39; text-decoration: none; background: url(/schema/gifs/agreenarrowbg.gif) center right no-repeat; padding-right: 16px; /* Green Arrow Link */ }
a.bluearrow { color: #0960A2; text-decoration: none; background: url(/schema/gifs/abluearrowbg.gif) center right no-repeat; padding-right: 16px; /* Blue Arrow Link */ }

/* online help link style */
a.online_help { text-decoration: none; background: url(/schema/gifs/onlinehelpbg.gif) center top no-repeat; display: block; text-align: center;
                height: 81px; padding-top: 18px; clear: left; color: #ED9207; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.online_help:hover { color: #ED9207; }

/* skip nav link style */
a.hidden { position: absolute; left: -999em; }

A.name {
  color: inherit;
  text-decoration: none;
}

A.name:hover {
  color: inherit;
  text-decoration: none;
}


/* Lists */

ol.norm   { /* Ordered list */ }
ul.orange { color: black; margin: 5px 15px 0 15px; padding: 0; list-style-type: disc; list-style-image: url(/schema/gifs/orangebullet.gif); }
ul.green  { color: black; margin: 5px 15px 0 15px; padding: 0; list-style-type: disc; list-style-image: url(/schema/gifs/greenbullet.gif); }


/* banner style to keep banner in correct position vertically */
#banner p { margin: 0; }

/* div style for list.phtm */
div.templates { float: left; width: 160px; text-align: center; margin: 0 0 0 3px; padding: 0 0 10px 0; display: inline; }

/* table styles for new list.phtm */
table.list {
  width: 500px;
  background-color: #fff5db;
  border: 1px solid #ffae00;
  padding: 10px;
}

td.product {
}

td.product a {
  color: #000000;
  text-decoration: none;
  background: url(/schema/gifs/info.gif) right center no-repeat;
  padding-right: 20px;
  height: 15px;
  line-height: 15px;
  white-space: nowrap;
}

td.product a:hover {
  text-decoration: underline;
}

td.price {
  width: 65px;
  text-align: right;
  color: #FF8400;
  font-weight: bold;
  font-size: 0.8em;
}

td.add {
  width: 125px;
  text-align: right;
  line-height: 35px;
  height: 35px;
}

td.linedtitle { border-bottom: 1px solid #999999;}

p.setup_cost {
  font-weight: bold;
  font-size: 110%;
}

p.monthly_cost {
  font-weight: bold;
  font-size: 110%;  
}

span.price {
  color: #FF8400;
  font-size: 110%;
}


#leftnav form { margin: 10px 0 0 40px;}