/* CSS Document */

body { margin: 0px; background: url(images/top.gif) repeat-x; font-family: arial, sans-serif; font-size: 1em; }
h1, h2, h3, h4, h5, h6,  form { padding: 0; margin: 0; font-weight: 100; }

#site { width: 800px; margin: 0 auto; position: relative; }

h1 { height: 128px; position: relative; }
h1 strong { display: block; position: absolute; width: 265px; height: 128px; background: url(images/ezecom-logo.gif) no-repeat 0 67px; text-indent: -9999px; }
h1 em { display: block; position: absolute; width: 347px; height: 128px; right: 0; background: url(images/telephone.gif) no-repeat 0 54px; text-indent: -9999px; }

h2 { color: #f25e00; width: 100%; font-size: 1.5em; margin: 20px 0 0 0; line-height: 1; font-family: Times New Roman, arial, sans-serif;    }
h2.big { font-size: 2em; line-height: 36px; margin: 10px 0; }

h3 { color: #555; font-size: 1.15em; clear: left;  }

q { display: block; text-align: right; margin: 8px 10px 0 0; color: #999; font-size: 0.8em; }

img { display: block; }

p { line-height: 1.6; color: #444; font-size: 0.8em; margin: 10px 0; font-family: verdana, sans-serif; }

a.toc { color: #777; display: block; width: 124px; height: 41px; border: 1px #ccc solid; border-bottom: none; padding: 19px 12px; line-height: 20px; background: #f0f0f0; text-decoration: none; font-size: 1.05em }
  
.sliderwrapper { width: 650px; height: 321px; float: left; display: inline; border-top: 6px #408399 solid; position: relative; }  
.sliderwrapper .contentdiv { visibility: hidden; overflow: hidden; background: #fff; position: absolute; width: 649px; height: 319px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; }
.sliderwrapper .contentdiv div { padding: 20px 100px 30px 20px; opacity: 0.85; filter: alpha(opacity=85); }
.contentdiv h3 { margin: 0; padding: 7px 0; font-size: 1.9em; font-weight: 100; background: #fff; line-height: 41px; display: inline; color: #222; }
.contentdiv p { margin: 20px 0 0 0; padding: 8px 0; line-height: 26px; display: inline; color: #000; font-size: 1.05em; background: #fff; font-family: arial, sans-serif; }
.contentdiv em { font-style: normal; color: #d00; font-size: 1em; }
.contentdiv a { color: green; }
.pagination { width: 150px; height: 320px; float: left; border-top: 6px #408399 solid; border-bottom: 1px #ccc solid; }
.pagination a:hover { background: #f9f9f9; color: red; }
.pagination a.selected { background: #fff; color: #f25e00; border-right: none;  }

ul { font-size: 0.8em; margin-bottom: 14px; }
ul li { line-height: 1.4; margin-bottom: 8px; color: #666; font-family: verdana, sans-serif; }

ul.menu { padding: 0; margin: 0; position: absolute; top: 12px; right: 0; font-weight: 700; color: #fff; list-style: none; border-right: 1px dotted #a2cfdd; }
ul.menu li { float: left; margin: 0; padding: 0 16px; border-left: 1px dotted #a2cfdd; line-height: 23px; height: 24px; }
ul.menu li a { color: #fff; text-decoration: none; }
 
p.tagline { background: url(images/gred.gif) repeat-x bottom; display: block; height: 53px; clear: both; border-top: 5px #408399 solid; line-height: 1.45; font-size: 0.95em; padding: 10px 20px 4px 20px; margin: 0; color: #000; font-family: arial, sans-serif; }

p.ftr { clear: both; display: block; background: #2c5b6a; margin: 25px 0; padding: 0 12px; line-height: 25px; height: 26px; font-size: 0.65em; font-weight: 700; color: #a2cfdd; }
p.ftr a {color: #fff;}

#content label { width: 200px; float: left; text-align: right; line-height: 28px;height: 26px; padding: 2px 5px 0 0; font-size: 13px; color: #666; font-weight: bold;  }
#content .inputs { float: left; width: 400px; text-align: left; line-height: 26px; padding: 2px 0 0 0; height: 1%;   } 
.inputs em { font-size: 16px; color: #2a5fa3; }
.inputs input { font-family: Verdana, sans-serif; font-size: 13px; color: #666; width: 300px; padding: 2px 0 2px 3px; border: 1px solid #2a5fa3; }
.inputs input.x2 { color: #666; width: 61px; padding: 4px 0 0 4px; border: 0; margin: 4px 0 0 0 ; }
.inputs select { font-family: Verdana, sans-serif; font-size: 13px; color: #666; width: 304px; border: 1px solid #2a5fa3; margin: 2px 0 1px 0; }
.inputs textarea { font-family: Verdana, sans-serif; font-size: 13px; width: 296px; color: #666; height: 100px; padding: 3px; border: 1px solid #2a5fa3; }
#content div div.regbutton { padding: 0 0 0 205px; margin: 10px 0 0 0; width: 320px; font-size: 10px; }
#content div div.regbutton input { width: 170px; font-size: 16px; margin: 5px 0 0 0; }

.grid { width: 250px; float: left; font-size: 0.85em; margin-top: 10px; }
.gridmid { margin-left: 25px; margin-right: 25px; }
.grid img { }
.grid .social { width: 230px; height: 42px; padding: 20px 0; }
.grid .social strong { display: block; font-size: 0.8em; font-family: Verdana, sans-serif; color: #888; }
.grid .social img { border: none; display: inline; margin: 5px 4px 0 0; }