body { background: url(../_images/design/body-bg.png) repeat-x #FFFFFF; background-color: #FFFFFF; margin: 0 0 0 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
p { margin: 0; padding: 0 0 0 0; line-height: 180%; }
p, td { font-size: 11px; }

/* --------------------- General Items --------------------- */
.l{ float: left; }
.r{ float: right; }
.clear { clear: both; width: 100%; height: 1px; font-size: 1px; }
.nomargin { margin: 0; }
form { margin: 0; }
img { border: none; }
.align-middle { vertical-align: middle; }

ul li { list-style-type: none; list-style: none; margin: 6px 0 6px 0; }
ul.list { margin: 8px 0 8px -30px; line-height: 140%; }
ul.list li { padding: 0 4px 4px 15px; background: url(../_images/icons/bullet.gif) no-repeat top left; }

a { color: #0099FF; }
a:hover { color: #FF9900; }

.blue { color: #438CFB;}
.purple { color: #CE1FC6;}
.turkwise { color: #1ECBD9;}
.green { color: #02B414;}
.orange { color: #FE6601;}

.capitalize { text-transform: capitalize; }

.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s74 { width:74px; }
.s80 { width:80px; }
.s82 { width:82px; }
.s90 { width:90px; }
.s98 { width:98px; }
.s100 { width:100px; }
.s115 { width:115px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s240 { width:240px; }
.s267 { width:267px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s300 { width:300px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s380 { width:380px; }
.s400 { width:400px; }
.s430 { width:430px; }
.s440 { width:440px; }
.s470 { width:470px; }
.s490 { width:490px; }
.s500 { width:500px; }
.s510 { width:510px; }
.s520 { width:520px; }
.s546 { width:546px; }
.s600 { width:600px; }
.s700 { width:700px; }
.s750 { width:750px; }

.s25pc { width:25%;}
.s30pc { width:30%;}
.s33pc { width:33%;}
.s35pc { width:35%;}
.s40pc { width:40%;}
.s50pc { width:50%;}
.s60pc { width:60%;}
.s65pc { width:65%;}
.s70pc { width:70%;}
.s80pc { width:80%;}
.s100pc { width:100%;}


/* --------------------- Design Layout --------------------- */
#wrapall { width: 779px; margin: 0 auto; padding: 0; text-align: left; height: auto; overflow: hidden; }
#mainwrapper { border: 0; padding: 0; margin: 0; height: auto; }

#banner { overflow: hidden; }
#topnav { float: right; padding: 0 0 0 0;  width: 500px; }
#topnav ul { text-align: right; padding: 32px 0 20px 0; margin: 0; }
#topnav li { display: inline; padding: 0 10px 0 10px; }
#topnav li.last { padding: 0 0 0 10px; }
#topnav li a { padding: 32px 0 12px 10px; margin: 0 0 0 0; background: url(../_images/design/topnav-listicon.gif) no-repeat; background-position: 0 0; color: #BDC1CA; text-decoration: none; font-weight: bold;}
#topnav li a:hover { color: #FF6501; }
#logo { float: left; padding: 17px 0 0 0; }
#time { float: right; width: 500px; text-align: right;  }
#time .time2 { color: #1870F8; font-weight: bold;}

#navbar { margin: 5px 0 0 0; }
#mainnav-leftend { float: left; }
#mainnav-rightend { float: right; }
#mainnav { background: url(../_images/design/mainnav-bg.png) repeat-x; }
#mainnav ul { text-align: center; padding: 8px 0 12px 0; margin: 0; }
#mainnav li { display: inline; padding: 0 0 0 5px; }
#mainnav li a { padding: 8px 0 12px 10px; margin: 0 0 0 0; background: url(../_images/design/mainnav-seperator.png) no-repeat; background-position: 0 0; color: #FFFFFF; text-decoration: none; font-weight: bold;}
#mainnav li a.first { padding: 8px 0 12px 0; background: none; }
#mainnav li a.last { padding: 8px 5px 12px 10px; }
#mainnav li a:hover { text-decoration: underline; }

#banner-image { margin: 0; padding: 0; }

#searchbar { margin: 1px 0 0 0; }
#searchbar-leftend { float: left; }
#searchbar-rightend { float: right; }
#searchbar-content { background: url(../_images/design/searchbar-bg.png) repeat-x; height: 64px; }
#searchbar-content .formline1 { width: 280px; padding: 8px 2px 4px 14px; }
#searchbar-content .formline2 { width: 280px; padding: 2px 2px 4px 18px; }
#searchbar-content .textbox { width: 100px; padding: 2px 2px 2px 4px; border: solid 1px #333333; font-size: 11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#searchbar-content .selectbox {
	width: 180px;
	padding: 1px 2px;
	border: solid 1px #333333;
	font-size: 11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-variant: small-caps;
}
#searchbar-content .searchbutton { float: right; padding: 18px 480px 0 0; }

#footernav { margin: 0 0 0 0; background: url(../_images/design/footernav-bg.png) repeat-x;}
#footernav-leftend { float: left; margin: 0; padding: 0; }
#footernav-rightend { float: right; margin: 0; padding: 0;}
#footernav-content { background: url(../_images/design/footernav-bg.png) repeat-x; height: 30px; }
#footernav-content ul { text-align: center; padding: 8px 0 12px 0; margin: 0; }
#footernav-content li { display: inline; padding: 0 0 0 5px; }
#footernav-content li a { padding: 8px 0 12px 10px; margin: 0 0 0 0; background: url(../_images/design/footernav-seperator.png) no-repeat; background-position: 0 0; color: #FFFFFF; text-decoration: none; font-weight: bold;}
#footernav-content li a.first { padding: 8px 0 12px 0; background: none; }
#footernav-content li a.last { padding: 8px 5px 12px 10px; }
#footernav-content li a:hover { text-decoration: underline; }

#footer { text-align: center; padding: 10px 0 0 0;}
#footer ul { text-align: center; padding: 2px 0 12px 0; margin: 0; }
#footer li { display: inline; padding: 0 0 0 5px; }
#footer li a { padding: 4px 0 12px 10px; margin: 0 0 0 0; background: url(../_images/design/footer-seperator.png) no-repeat; background-position: 0 9px; color: #1870F8; text-decoration: none; font-weight: bold;}
#footer li a.first { padding: 4px 0 12px 0; background: none; }
#footer li a.last { padding: 4px 5px 12px 10px; }
#footer li a:hover { text-decoration: underline; }

#content { background: url(../_images/design/content-bg.png) repeat; overflow: hidden; padding: 0 0 8px 0; }
#content #home-main { width: 579px; float: left; }
#content #home-sidebar { width: 190px; float: right; }
#content .box { border: 1px solid #C3CAD4; margin: 8px 0 0 10px; float: left; background: url(../_images/design/box-bg.png) repeat-x #FFFFFF; }
#content .box2 { border: 1px solid #C3CAD4; margin: 8px 0 0 10px; float: left; background: url(../_images/design/box-bg.png) repeat-x #FFFFFF; width: 756px;}
#content h3 { font-size: 11px; font-weight: bold; color: #666E79; padding: 7px 0 6px 10px; margin: 0; }
#content .boxcontent { padding: 7px; }
#content .boxicon { float: left; padding: 4px 5px 5px 5px; }
#content #page-main { width: 100%; float: left; }

#box-directory ul { margin: 8px 0 8px -40px; line-height: 160%; }
#box-directory ul li { padding: 0 4px 4px 15px; text-transform: capitalize; }
#box-directory ul li a.main { color: #438CFB; text-decoration: none; }
#box-directory ul li a.sub { color: #333333; text-decoration: none; }
#box-directory ul li a:hover { text-decoration: underline; }

.subcategories { line-height: 180%; }

