/* ### SERVERSPHERE.COM STYLESHEET rev3 8.17.2007 by DB ### */

/* HACKS AND FIXES  */
fieldset { position: relative; border: 1px solid #fff; padding: 0px 10px 10px; width:870px; margin: 20px auto; }
legend{ margin-top:-5px; top: -0.5em; margin-left: 10px; padding: 0px 10px; background: #000; font-weight : bold; border: 1px solid #fff; }

/* BASIC ELEMENTS  */
html { margin:0; padding:0; }
body { margin:0; padding:0; font: 9pt verdana,arial,sans-serif; background:#cdcdcd; }
h4 { margin:10px 0 0 0; padding:0; }
h5 { margin:0; padding-bottom:10px; font:bold 18px arial,verdana,sans-serif; color:#000; text-align:center; }
form { margin:0; padding:0; }
hr { height:1px; margin:10px 0 10px 0; padding:0; color:#CC6600; }
pre { margin:6px 0 0 0; padding:6px; border:1px solid #aaa; overflow:auto; }

.code { width:95%; font-size:8pt; padding:5px; border:2px solid #222; background:#000; color:#fff; overfow:auto; }

/* TEXT AND LINK CLASSES  */

.normal { font:1em arial,sans-serif; }
.normalBold { font:bold 1em arial,sans-serif; }

.small { font:.9em arial,sans-serif; }
.smallBold { font:bold .9em arial,sans-serif; }

.smaller { font:.8em arial,sans-serif; }
.smallerBold { font:bold .8em arial,sans-serif; }

a:link, a:visited, a:active { text-decoration: none; color: #000; }
a:hover { text-decoration:none; color: #CC6600; }

.red { color:#f44; }
a.red:link, a.red:visited, a.red:active { text-decoration: none; color: #f44; }
a.red:hover { text-decoration:underline; color: #000; }

.blue { color:#44f; }
a.blue:link, a.blue:visited, a.blue:active { text-decoration: none; color: #44f; }
a.blue:hover { text-decoration:underline; color: #000; }

.green { color:#4f4; }
.gray { color:#444; }

.warning { font:bold .9em tahoma,sans-serif; color:#500; }
.notice { font:bold 1em tahoma,sans-serif; color:#944; border:1px solid #944; padding:7px; }

a.underlinedlink:link, a.underlinedlink:visited, a.underlinedlink:active { text-decoration: underline; }
a.underlinedlink:hover { text-decoration:underline; color: #CC6600; }

.msgbox { font:bold 1.2em tahoma,sans-serif; margin:0 0 12px 0; padding:3px 8px; border:1px solid #aaa; background:#eee url('../images/msg_bg.gif') no-repeat; background-position:top right; cursor: pointer; cursor: hand; }

.permbox { font:bold 1.2em tahoma,sans-serif; margin:0 0 12px 0; padding:3px 8px; border:1px solid #aaa; background:#eee; }

.smallperm { font:bold .9em tahoma,sans-serif; margin-top:10px; padding:0; border:1px solid #aaa; background:#eee; }
.smallperm p { margin:0; padding:3px 3px; }

.alertbox { font:bold 1.2em tahoma,sans-serif; color:#fff; margin:0 0 12px 0; padding:3px 8px; border:1px solid #aaa; background:#922; }

.header { font:bold 1.2em verdana,arial,sans-serif; margin:0 0 12px 0; padding:3px 8px; border:1px solid #aaa; background:url('../images/topbg.gif') #eee; }
.header p { margin:0; padding:8px 0; line-height:1.2em; }

.small_header { font:bold .9em tahoma,sans-serif; color:#000; margin:0 0 5px 0; padding:2px 4px; background:#eee; text-transform:uppercase; text-align:center; border:1px solid #888; }

.article_header { font:bold 1.2em tahoma,sans-serif; color:#000; margin:0 0 5px 0; padding:2px 4px; background:#eee; text-transform:uppercase; text-align:center; border:1px solid #888; }

/* SITE SPECIFIC ELEMENTS  */

/* Top of Page Banner */
#banner { width:100%; height:75px; background:#fff url('../images/topbg.gif');  }
.bannerbox { width:995px; margin-left:auto; margin-right:auto; }
.banner1 { float:left; width:266px; height:75px; }
.banner1a { margin:0; padding:0; width:266px; height:53px; }
.banner1b { margin:0; padding:0; width:266px; height:22px; background:#dedede url('../images/banner_01b.gif'); }
.welcome { font-size:7pt; color:#000; padding:5px 0 0 50px; margin:0; }
.banner2 { float:left; width:79px; height:75px; }
.banner3 { float:left; width:511px; height:75px; background:url('../images/banner_midbg.gif') #fff; }
.banner4 { float:left; width:132px; height:75px; background:#fff; }
.banner5 { float:left; width:7px; height:75px; }
.bitbtn { height:8px; width:16px; border:0; padding-left:10px; }
.securebtn { border:0; height:9px; width:8px; padding-left:10px; padding-right:10px; }
.invoicebtn { font:10px arial,sans-serif; }

/* Topmost Menu Line */
#topmenu { width:100%; background:#aaa; }
.menubox { width:995px; margin:0 auto; padding:0; border-bottom:2px solid #ccc; border-right:1px solid #aaa; border-left:1px solid #aaa; }
#topmenu ul { padding:5px 3px 3px 3px; margin:0; white-space:nowrap; background:#cacaca url('../images/btnbg.gif'); color:#000; }
#topmenu ul li { display:inline; font-size:8pt; color:#aaa; text-decoration:none; border-right:1px solid #444; padding:0 6px; }
#topmenu ul li a { color:#000; }
#topmenu ul li a:hover{ text-decoration:none; color:#CC6600; }

/* Main Page Content Block Wraps Around Everything In Page Center Block */
.maincontent { width:995px; margin-left:auto; margin-right:auto; padding:10px 0; background:#fff url('../images/bg_btmrt.gif') no-repeat; background-position:bottom right; overflow:hidden; }

/* Content Divider Divs */
.leftside { float:left; width:750px; margin:0 0 0 5px; padding:0 5px 15px 5px; }
.rightside { float:right; width:210px; margin:0 5px 0 0; padding:0 3px 0 0; }
.fullpage { width:995px; margin:0 5px 0 5px; padding:0 5px 15px 5px; }
.left_half { width:48%; margin:0; padding:0; float:left; }
.right_half { width:48%; margin:0; padding:0; float:right; }

#memberbox ul { padding:0; margin:0; white-space:nowrap; color:#222; list-style-type: none; }
#memberbox ul li { padding:2px 5px; }
#memberbox ul li a { color:#222; text-decoration:underline; }
#memberbox ul li a:hover{ text-decoration:underline; color:#CC6600; }

/* Order Button */
.orderbtn {
width:150px;
height:20px;
font:bold 11px verdana,arial,sans-serif;
margin:3px 0 0 0;
padding:0 0 8px 0;
color:#000;
background-color:#E9ECF0;
border:1px solid;
border-top-color:#C3CCD6;
border-left-color:#C3CCD6;
border-right-color:#AAAAAA;
border-bottom-color:#AAAAAA;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffe9ecf0',EndColorStr='#ffffffff');
cursor: hand; cursor: pointer;
}

/* Second Order Button */
.order_now_btn {
font:bold 8pt verdana,arial,sans-serif;
margin:0;
padding:1px 3px;
color:#000;
background-color:#E9ECF0;
border:1px solid;
border-top-color:#C3CCD6;
border-left-color:#C3CCD6;
border-right-color:#AAAAAA;
border-bottom-color:#AAAAAA;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffe9ecf0',EndColorStr='#ffffffff');
cursor: hand; cursor: pointer;
}

.order_now_btn:hover{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;
   cursor: hand; cursor: pointer;
}

/* Pay Button */
.paybtn {
font:bold 11px verdana,arial,sans-serif;
margin:3px 0 0 0;
padding:0 0 8px 0;
color:#000;
background-color:#E9ECF0;
border:1px solid;
border-top-color:#C3CCD6;
border-left-color:#C3CCD6;
border-right-color:#AAAAAA;
border-bottom-color:#AAAAAA;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffe9ecf0',EndColorStr='#ffffffff');
text-align:center;
cursor: hand; cursor: pointer;
}

.orderbtnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;
   cursor: hand; cursor: pointer;
}

/* Second Order Button */
.simple_btn {
font:bold .9em verdana,arial,sans-serif;
margin:0;
padding:2px;
color:#000;
background-color:#E9ECF0;
border:1px solid;
border-top-color:#C3CCD6;
border-left-color:#C3CCD6;
border-right-color:#AAAAAA;
border-bottom-color:#999999;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffe9ecf0',EndColorStr='#ffffffff');
cursor: hand; cursor: pointer;
}

/* Right Or Left Side Small Boxes */
.smallbox { width:205px; margin-bottom:8px; padding:0 0 8px 0; font:11px tahoma,sans-serif; color:#222; background:#fff; border:1px solid #888; }
.smallbox h3 { margin:0 0 5px 0; padding:2px 4px; background:#eee; background-position:top left; font:bold 11px tahoma,sans-serif; color:#000; text-transform:uppercase; text-align:center; border-bottom:1px solid #ccc; }

/* Fieldsets */
.opset { width:95%; border:1px solid #888; background:#fff; }
.opset legend { padding:3px 8px 0 8px; font:bold 12px verdana, arial, sans-serif; color:#222; border-top:1px solid #888; border-left:1px solid #888; border-right:1px solid #888; background:#fff; }

.fixedset { height:140px; border:1px solid #C3CCD6; background:#fff url('../images/underbg.gif'); background-repeat: repeat-x; }
.fixedset input { margin-left:20px; }
.fixedset legend { font:bold 12px verdana, arial, sans-serif; color:#444; padding:4px; border-top:1px solid #C3CCD6; border-left:1px solid #C3CCD6; border-right:1px solid #C3CCD6; background:url('../images/underbg.gif'); background-repeat: repeat-x; }

.halfcontent { width:48%; padding:0; margin:0; float:left; font: 11px verdana,arial,sans-serif; color:#000; }

/* ======== RIGHT SIDE SHOPPING CART ========= */
#menubox { margin:0; padding:0; }
#menubox form { margin:0; padding:0; }
#cartTbl { width:100%; margin:0; padding:0; }
#cartTbl td { padding:2px; }
#cartTbl td.hdr { font-weight:bold; border:1px solid #ccc; background:url('../images/topbg.gif'); }
#cartTbl td.total { font-weight:bold; border:1px solid #ccc; padding-top:4px; background:url('../images/topbg.gif'); }
#cartTbl td.bottom-total { border-top:1px solid #ccc; }

/* ======== RIGHT SIDE ALERT BLOCK CONTENT ======== */
#alerts { padding:0 5px; }
.alert_head { padding:0 3px 0 5px; margin:2px 0 2px 0; }
.alert_date { padding:0 3px 0 0; margin:2px 0 3px 0; }
.alert_content { padding:0 3px 0 5px; margin:2px 0 2px 0; }
.alerthead { font:bold 11px verdana,arial,sans-serif; color:#822; padding:0; margin:0 0 3px 0; }
a.alerthead:link, a.alerthead:visited, a.alerthead:active { text-decoration:underline; }

/* ======== RIGHT SIDE NEWS BLOCK CONTENT ======== */
#news { padding:0 5px; }
.news_date { padding:0 3px 0 5px; margin:2px 0 2px 0; }
.news_head { padding:0 3px 0 5px; margin:2px 0 2px 0; }
.news_content { padding:0 3px 0 5px; margin:2px 0 2px 0; }
.newshead { font:bold 11px verdana,arial,sans-serif; color:#822; padding:0; margin:0 0 3px 0; }
a.newshead:link, a.newshead:visited, a.newshead:active { text-decoration:underline; }

/* ======== ORDER PAGES CONTENT ======== */
.summary_head { padding:0 3px 0 5px; margin:8px 0 2px 0; }
.order_table { border:1px solid #fff; width:100%; margin-bottom:10px; }
.order_table td { padding:4px; border:1px solid #ddd; }

/* ======== SERVICE PAGE CONTENT ======== */
.service_table { border:1px solid #fff; width:100%; margin-bottom:10px; margin-top:10px; }
.service_table td { padding:4px; border:1px solid #ddd; font-size:.9em; }

/* ======== ORDER BUTTON WITH RED HOVER BORDER ======== */
.srvrbtn { width:150px; height:20px; font:bold 11px verdana,arial,sans-serif; margin:3px 0 0 0; padding:0 0 8px 0; color:#000; background-color:#E9ECF0; border:1px solid; border-top-color:#C3CCD6; border-left-color:#C3CCD6; border-right-color:#AAAAAA; border-bottom-color:#AAAAAA; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffe9ecf0',EndColorStr='#ffffffff'); cursor: hand; cursor: pointer; }
.srvrbtnhov{ border-top-color:#c63; border-left-color:#c63; border-right-color:#930; border-bottom-color:#930; cursor: hand; cursor: pointer; }

/* ======== PAGE FOOTER CONTENT ======== */
#footer { width:995px; font:10px tahoma,sans-serif; color:#555; padding:5px 0; margin-left:auto; margin-right:auto; }

/* ======== INDEX PAGE ======== */
.topbox { width:515px; padding:3px; margin-bottom:10px; margin-left:auto; margin-right:auto; border:1px solid #444; overflow:auto; }
.headbox { padding:0; margin:0; }
.mainbox { padding:0; margin:0 0 10px 0; }
.containerbox { margin:0; padding:0; overflow:visible; text-align:center; }

.outerbox1 { float:left; width:180px; margin:0 6px 0 0; padding:0; font:11px tahoma,sans-serif; color:#222; background:#fff; border:1px solid #888; }
.outerbox2 { float:left; width:180px; margin:0 6px 0 0; padding:0; font:11px tahoma,sans-serif; color:#222; background:#fff; border:1px solid #888; }
.outerbox3 { float:left; width:180px; margin:0 6px 0 0; padding:0; font:11px tahoma,sans-serif; color:#222; background:#fff; border:1px solid #888; }
.outerbox4 { float:left; width:180px; margin:0; padding:0; font:11px tahoma,sans-serif; color:#222; background:#fff; border:1px solid #888; }

.boxhead { margin:0 0 5px 0; padding:2px 4px; background:#eee; background-position:top left; font:bold 11px tahoma,sans-serif; color:#000; text-transform:uppercase; text-align:center; border-bottom:1px solid #ccc; }

.innerbox { text-align:left; margin:0; padding: 5px 0 10px 8px; }
.innerp { margin:3px 0 0 8px; padding:0 0 0 5px; border-left:1px solid #aaa; }
.innerad { width:90%; text-align:center; padding-top:12px; padding-bottom:12px; margin:0; }


/* STANDARD STYLE ELEMENTS  */

.topline { position:absolute; left:-5000px; top:0; line-height:0; }
.cleared { clear:both; margin-bottom:10px; }
.pushright { text-align:right; }
.pushleft { text-align:left; }
.pushdown { vertical-align: bottom; }
.pushup { vertical-align: top; }
.centered { text-align:center; }
.tight { margin:0; padding:0; }
.nomargin { margin:0; }
.nopadding { padding:0; }
.padded { padding:5px; }
.smallbottom { margin-bottom:5px; }
.bigbottom { margin-bottom:15px; }
.hugebottom { margin-bottom:30px; }
.smalltop { margin-top:5px; }
.bigtop { margin-top:15px; }
.hugetop { margin-top:30px; }
.left2 { margin-left:2px; }
.left5 { margin-left:5px; }
.left10 { margin-left:10px; }
.left15 { margin-left:15px; }
.right2 { margin-right:2px; }
.right5 { margin-right:5px; }
.right10 { margin-right:10px; }
.right15 { margin-right:15px; }
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.leftpad5 { padding-left:5px; }
.leftpad10 { padding-left:10px; }
.leftpad15 { padding-left:15px; }
.rightpad2 { padding-right:2px }
.rightpad5 { padding-right:5px; }
.rightpad10 { padding-right:10px; }
.rightpad15 { padding-right:15px; }
.boxed { padding:4px; border:1px solid #222; }
.bordered { border:1px solid #666; }
.divline { clear:both; padding:5px; margin-bottom:8px; border-bottom:1px dashed #444; }
.hand, a.hand:hover, a.hand:link, a.hand:visited, a.hand:active {
    cursor: pointer;
    cursor: hand;
}