﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin:0;
	padding:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

#alert{background:#F4F4F4 url(images/bg_alert.gif) no-repeat;height:41px;line-height:41px;margin:0 auto;padding-left:40px;text-align:left;width:880px;}
#button{float:left;margin:160px 0 0 20px;}
#content{background:url(images/bg_content.gif) repeat-y;margin:0 auto;padding:3px 0;text-align:left;width:960px;}
#content ol li,#subpage ol li{line-height:24px;}
#content ol,#subpage ol{list-style-type:decimal;margin:5px 0 10px 10px;}
#content_bot{background:url(images/bg_content_bot.gif) no-repeat;height:17px;margin:0 auto;width:960px;}
#content_left{float:left;padding:0 0 0 20px;text-align:left;width:580px;border: solid 0px;}
#content_right{float:right;font-size:11px;padding:0;text-align:left;width:337px;}
#content_right ul li,#content_left ul li,#subpage_right ul li,#subpage_left ul li{background:url(images/icons/bullet.gif) no-repeat 0 4px;line-height:24px;padding:0 0 0 20px;}
#content_right ul,#content_left ul,#subpage_right ul,#subpage_left ul{margin:5px 0 10px 10px;}
#content_right ul.arrow li,#content_left ul.arrow li,#subpage_right ul.arrow li,#subpage_left ul.arrow li{background:url(images/icons/green_arrow.gif) no-repeat 0 6px;line-height:24px;padding:0 0 0 20px;}
#content_right ul.arrow,#content_left ul.arrow,#subpage_right ul.arrow,#subpage_left ul.arrow{margin:5px 0 10px 10px;}
#content_top{background:url(images/bg_content_top.gif) no-repeat;height:17px;margin:0 auto;width:960px;}
#footerfront{font-size:11px;line-height:20px;margin:0 auto;padding:10px 0 20px;width:920px;}
#footerfront #copyright{float:left;}
#footerfront #footlinks{float:right;}
#footerfront #footlinks ul{list-style-type:none;margin:0;padding:0;}
#footerfront #footlinks ul li{float:left;padding:0 0 0 20px;}
#links{float:right;margin:40px 0 0;padding:0 20px 0 0;}
#mcafeesecure{float:right;margin-top:5px;padding:0 20px 0 0;text-align:right;}
.mcafeesecure{margin-bottom:15px;margin-right:20px;}
#logo{float:left;margin:0 0 0 20px;}
#navfront{background:url(images/bg_nav.gif) no-repeat;color:#FFF;font-size:14px;font-weight:bold;height:43px;line-height:43px;margin:0 auto 20px;padding:0 10px;text-align:left;width:940px;}
#navfront ul li{float:left;border solid 0px #ff0000;}
#navfront ul li a,#navfront ul li a:visited{color:#FFF;display:block;height:43px;text-align:center;text-decoration:none;idth:90px;solid 1px;}
#navfront ul li a.active,#navfront ul li a.active:visited,#navfront ul li a.active:hover{background:url(images/bg_nav_active.gif) repeat-x;color:#72aced;}
#navfront ul li a:hover{color:#72aced;}
#navfront ul li.order{float:right;text-transform:uppercase;}
#navfront ul li.order a,#navfront ul li.order a:visited,#navfront ul li.order a:hover{color:#FFF;width:155px;}
#promo{background:url(images/promo_bg.jpg) no-repeat;height:208px;margin:0 auto 20px;padding:20px;text-align:left;width:920px;}
#promotext{color:#cce8ff;float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:18px;}
#promotext .header{color:#FFF;font-size:26px;font-weight:bold;padding:0 0 10px;}
#promotext .list{padding:0 0 0 30px;}
#promotext p{line-height:28px;}
#right_padding{margin:0 auto;width:297px;}
#screenshot{float:right;padding:7px 0 0;}
#submenu ul{font-size:12px;margin:0 0 20px;padding:0;}
#submenu ul li{background:none;margin:0;padding:0;}
#submenu ul li a,#submenu ul li a:visited{color:#4f9eec;display:block;height:35px;line-height:35px;padding:0 0 0 25px;text-decoration:none;width:220px;}
#submenu ul li a.active,#submenu ul li a.active:visited,#submenu ul li a.active:hover{background:#FFF;border-bottom:1px solid #DDD;border-top:1px solid #DDD;color:#333;font-weight:bold;width:219px;}
#submenu ul li a:hover{color:#16b;}
#subpage{background:url(images/bg_subpage.gif) repeat-y;margin:0 auto;padding:3px 0;text-align:left;width:960px;}
#subpage_bot{background:url(images/bg_subpage_bot.gif) no-repeat;height:17px;margin:0 auto;width:960px;}
#subpage_left{float:left;padding:0 0 0 20px;text-align:left;width:675px;}
#subpage_padding{margin:0 auto;width:225px;}
#subpage_right{float:right;font-size:11px;padding:0;text-align:left;width:245px;}
#subpage_top{background:url(images/bg_subpage_top.gif) no-repeat;height:17px;margin:0 auto;width:960px;}
#top{height:100px;margin:0 auto;padding:10px 0 0;width:960px;}
.absmiddle{vertical-align:middle;}
.clear{clear:both;}
.darkgray{color:#333;}
.floatleft{float:left;padding:0 10px 0 0;}
.floatright{float:right;padding:0 0 0 10px;}
.right_links{font-size:14px;font-weight:bold;text-align:center;}
.spacer{background:#FFF url(images/bg_divider.gif) no-repeat;height:33px;margin:0 auto;width:563px;} /* #XXX 583 */
.twocol_1{float:left;width:48%;}
.twocol_2{float:right;width:48%;}
.twocol_3{float:right;width:60%;}


a,a:visited{color:#4f9eec;text-decoration:none;}
a.arrow{background:url(images/icons/blue_arrow.gif) right no-repeat;line-height:20px;padding:0 10px 0 0;}
a:hover{text-decoration:underline;}
body{background:#f4f4f4 url(images/bg_body.gif) repeat-x;}
body,td,th{color:#666;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
h1{color:#0f5aaf;font-size:24px;padding:0 0 10px;}
h2{color:#333;font-size:18px;font-weight:bold;padding:10px 0 2px;}
h3{color:#04254e;font-size:14px;font-weight:bold;padding:10px 0 2px;}
h3 a,h3 a:visited,h3 a:hover {color:#04254e;}
p{line-height:20px;padding:2px 0 5px;}
table.screenshots{margin:5px 0 15px;}
table.screenshots td{color:#16b;font-size:14px;font-weight:bold;padding:10px;}
table.screenshots td img{border:6px solid #cce8ff;}

/* Subpages */

#wrapper{
    width: 1000px;
    background:#f4f4f4 url(images/bg_body.gif) repeat-x;
    margin:0 auto;
}

.orderlink {
    padding-top: 10px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #cc0000;
}
.modulescols{float:left;width:33%;}

.partnerbox {
    width: 190px;
    background-color: #f3f3f3;
    border: 1px solid #EAEAEA;
    padding: 10px;
    text-align: center;
}
.partnerbox .logo {
    background-color: #ffffff;
    height: 100px;
    margin-bottom: 10px;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
}
img.partnerlogo {
	vertical-align: middle;
}

.servicescol1{float:left;width:15%;text-align:center;}
.servicescol2{float:right;width:85%;}

table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;padding:4px;text-align:left;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}

#scrollableImages div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#scrollableImages div.scrollableArea {
	position: relative;
	width: auto;
	height: 280px;
    padding: 1px;
    background-color: #efefef;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
#scrollableImages div.scrollableArea * {
    position: relative;
	float: left;
	margin: 0;
	padding: 0;
    padding-right: 10px;
}

.highlightpricingblock {
    background-color: #FCFBE7;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;padding:10px;text-align:center;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:bold;padding:10px;text-align:center;}

#fullwidth{background:url(images/bg_fullwidth.gif);margin:0 auto;padding:3px 0;text-align:left;width:960px;}
#fullwidth_main{float:left;padding:0 0 0 20px;text-align:left;width:920px;}
#fullwidth_bot{background:url(images/bg_fullwidth_bot.gif) no-repeat;height:17px;margin:0 auto;width:960px;}
#fullwidth_top{background:url(images/bg_fullwidth_top.gif) no-repeat;height:17px;margin:0 auto;width:960px;}

.screenshotwrapper {
    width: 200px;
    height: 135px;
    background-color: #f3f3f3;
    border: 1px solid #EAEAEA;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
img.screenshot {
	vertical-align: middle;
    border: 10px solid #fff;
    margin-bottom: 5px;
}

table.domaintable td{color:#ffffff;text-align:left;font-size:11px;font-weight:bold;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}


/* */
/* */
/* */
/* */



#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 4px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
ext-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #003366; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: grey; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #339933; /*Brown color theme*/ 
border-color: #339933; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #339933; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

/* buuton */
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('images/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
 



