@charset "utf-8";
/* 	
	http://www.hostrocket.com
	Author:Michael Farrell
	5/1/2011
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; font-size:100%}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}

/* STRUCTURE */
html{height:100%;}
body{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; /* 12px --> 12 ÷ 16 = 0.75 */ line-height:1.666em; /* 20px --> 20 ÷ 12px = 1.666 */  background:#fff url(../images/bg_body4.jpg) repeat-x; color:#333; height:100%; min-width:960px;}
#container{min-height:100%; position:relative; overflow:hidden}
#header{height:90px; clear:both; color:#ccc; padding-top:10px; background:url(../images/header_space9.jpg) no-repeat top center; position:relative}
#content{clear:both; padding-bottom:270px; background:#fff; z-index:1}
#footer{background:#143647 url(../images/bg_footer.jpg) repeat-x; clear:both; color:#ccc; height:250px; position:absolute; bottom:0; width:100%; overflow:hidden;}
.container-12, .container-12-15{margin-left:auto; margin-right:auto; width:960px;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {display:inline; float:left; margin-left:15px; margin-right:15px;}
.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4, .push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8, .push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {position:relative;}
.grid-1 {width:50px;}
.grid-2 {width:130px;}
.grid-3 {width:210px;}
.grid-4 {width:290px;}
.grid-5 {width:370px;}
.grid-6 {width:450px;}
.grid-7 {width:530px;}
.grid-8 {width:610px;}
.grid-9 {width:690px;}
.grid-10 {width:770px;}
.grid-11 {width:850px;}
.grid-12 {width:930px;}
.prefix-1 {padding-left:80px;}
.prefix-2 {padding-left:160px;}
.prefix-3 {padding-left:240px;}
.prefix-4 {padding-left:320px;}
.prefix-5 {padding-left:400px;}
.prefix-6 {padding-left:480px;}
.prefix-7 {padding-left:560px;}
.prefix-8 {padding-left:640px;}
.prefix-9 {padding-left:720px;}
.prefix-10 {padding-left:800px;}
.prefix-11 {padding-left:880px;}
.suffix-1 {padding-right:80px;}
.suffix-2 {padding-right:160px;}
.suffix-3 {padding-right:240px;}
.suffix-4 {padding-right:320px;}
.suffix-5 {padding-right:400px;}
.suffix-6 {padding-right:480px;}
.suffix-7 {padding-right:560px;}
.suffix-8 {padding-right:640px;}
.suffix-9 {padding-right:720px;}
.suffix-10 {padding-right:800px;}
.suffix-11 {padding-right:880px;}
.push-1 {left:80px;}
.push-2 {left:160px;}
.push-3 {left:240px;}
.push-4 {left:320px;}
.push-5 {left:400px;}
.push-6 {left:480px;}
.push-7 {left:560px;}
.push-8 {left:640px;}
.push-9 {left:720px;}
.push-10 {left:800px;}
.push-11 {left:880px;}
.pull-1 {left:-80px;}
.pull-2 {left:-160px;}
.pull-3 {left:-240px;}
.pull-4 {left:-320px;}
.pull-5 {left:-400px;}
.pull-6 {left:-480px;}
.pull-7 {left:-560px;}
.pull-8 {left:-640px;}
.pull-9 {left:-720px;}
.pull-10 {left:-800px;}
.pull-11 {left:-880px;}

/*Tighter grid for home page: 15px Gutter */
.container-12-15 .grid-1, .container-12-15 .grid-2, .container-12-15 .grid-3, .container-12-15 .grid-4, .container-12-15 .grid-5, .container-12-15 .grid-6, .container-12-15 .grid-7, .container-12-15 .grid-8, .container-12-15 .grid-9, .container-12-15 .grid-10, .container-12-15 .grid-11, .container-12-15 .grid-12 {margin-left: 8px; margin-right: 7px;}

.container-12-15 .grid-1{width:65px;}
.container-12-15 .grid-2{width:145px;}
.container-12-15 .grid-3{width:225px;}
.container-12-15 .grid-4{width:305px;}
.container-12-15 .grid-5{width:385px;}
.container-12-15 .grid-6{width:465px;}
.container-12-15 .grid-7{width:545px;}
.container-12-15 .grid-8{width:625px;}
.container-12-15 .grid-9{width:705px;}
.container-12-15 .grid-10{width:785px;}
.container-12-15 .grid-11{width:865px;}
.container-12-15 .grid-12{width:945px;}

/* CLEAR FLOATS */
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after, .container-12:before, .container-12:after, .container-12-15:before, .container-12-15:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after, .container-12:after, .container-12-15:after{clear:both;}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix{zoom:1;}
.nomargin{margin:0}


/* TYPE */
h1, h2, h3, h4, h5, h6{margin-bottom:20px; font-weight:bold; color:#133748}
h1{font-size: 2em; /* 24px --> 24 ÷ 12 = 2 */ line-height: 1em; /* 24px --> 24 ÷ 24 = 1 */ font-weight:normal;}
h2{font-size: 1.666em; /* 20px --> 20 ÷ 12 = 1.666 */ line-height: 1.2em; /* 24px --> 24 ÷ 20 = 1.2 */ font-weight:normal}
h2 span{background:#eaf1e6; padding:3px 5px}
h3{font-size: 1.333em; /* 16px --> 16 ÷ 12 = 1.333 */ line-height: 1.5em /* 24px --> 24 ÷ 16 = 1.5 */}
h4, h5, h6{font-size: 1em; /* 12px --> 12 ÷ 12 = 1 */ line-height: 2em; /* 24px --> 24 ÷ 12 = 2 */}
p{margin-bottom:20px;}
ul, ol{margin-bottom:20px;}
ul{list-style:square outside; margin-left:14px}
ul ul, ol ol{margin:0 0 0 30px;}
ul li{margin-bottom:10px}
/*blockquote{margin:0 60px 0 45px; border-left:5px solid #ccc; padding-left:10px; text-indent:-0.4em;}*/
/*blockquote b{display:block; text-indent:0;}*/
a{color:#3399cc; text-decoration:none; cursor:pointer; outline:none}
a:hover{text-decoration:underline;}
a:active, a:focus{position:relative; top:1px;}
.read-more:after{content:"\00A0\000BB"; /* Insert a space then right angled-quote */}
strong, b{font-weight:bold}
sup{font-size:.5em; vertical-align:super; line-height:0; top:5px; position:relative}
blockquote{border:none; text-indent:0; margin:0; padding:0}
form{margin-bottom:20px}
hr{clear:both; display:block; overflow:hidden; border:none; border-top:1px solid #f1f1f1; margin:10px 0 30px 0; float:left; width:100%}


/* NAV */
#nav, #nav ul {padding: 0; margin-top: 0; margin-bottom:0; list-style: none; z-index:99;}
#nav li {float: left; margin:0 16px 0 0; display:inline;}

#nav li.omega{margin-right:0;}
#nav li ul {position: absolute; width: 205px; left: -9999em; background:#122e3b; -webkit-border-radius:5px; -webkit-border-top-left-radius:0; -moz-border-radius:5px; -moz-border-radius-topleft:0; border-radius:5px; border-top-left-radius:0; margin:0}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#nav li li {float:none; margin:0; padding:0; border-top:1px solid #314954; display:block}
#nav a {display:block; color:#ccc; text-decoration:none; outline:none; text-transform:uppercase; font-weight:bold; padding:1px 10px 2px 10px; text-shadow:0 2px 1px #272829;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:12px}
#nav a:hover, #nav li:hover a.drop{color:#fff; background:#122e3b; /*background:rgba(18,46,59, 0.9);*/}
#nav .active, #nav .active:hover{background:#365564; background:rgba(255,255,255, 0.2); color:#fff}
#nav li:hover a.drop{-webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; border-bottom-right-radius:0; padding-bottom:5px}
#nav li li a:hover{background:#253e4a}
#nav li li a:first-child, #nav li li:first-child{-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}
#nav li li a:last-child{-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#nav ul a{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding-top:6px; padding-bottom:6px}

/* BUTTTONS */
.button, input[type="submit"], button{outline:none; color:#fff; line-height:30px; height:30px; display:inline-block; padding:0 20px; border:1px solid #00699c; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; vertical-align: middle; cursor:pointer; vertical-align:top; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:0 -1px 1px #272829; -webkit-box-shadow: inset 0px 1px 0px #6aa7c5, 0px 1px 1px #999; -moz-box-shadow: inset 0px 1px 0px #6aa7c5, 0px 1px 1px #999; box-shadow: inset 0px 1px 0px #6aa7c5, 0px 1px 1px #999;
background:#1a85b8;
background: -moz-linear-gradient(top, #2F85AE 36%, #00699C 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#2F85AE), color-stop(66%,#00699C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2F85AE 36%,#00699C 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2F85AE 36%,#00699C 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #2F85AE 36%,#00699C 66%); /* IE10+ */
background: linear-gradient(top, #2F85AE 36%,#00699C 66%); /* W3C */
}

.button:hover, input[type="submit"]:hover, button:hover{
background:#005983;
background: -moz-linear-gradient(top, #006797 36%, #004e73 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#006797), color-stop(66%,#004e73)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #006797 36%,#004e73 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #006797 36%,#004e73 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #006797 36%,#004e73 66%); /* IE10+ */
background: linear-gradient(top, #006797 36%,#004e73 66%); /* W3C */	
}

.button.green{border:1px solid #4b7a2a;
-webkit-box-shadow: inset 0px 1px 0px #a5bd94, 0px 1px 1px #999; 
-moz-box-shadow: inset 0px 1px 0px #a5bd94, 0px 1px 1px #999; 
box-shadow: inset 0px 1px 0px #a5bd94, 0px 1px 1px #999;
background:#65a439;
background: -moz-linear-gradient(top, #739A58 36%, #4B7A2A 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#739A58), color-stop(66%,#4B7A2A)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #739A58 36%,#4B7A2A 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #739A58 36%,#4B7A2A 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #739A58 36%,#4B7A2A 66%); /* IE10+ */
background: linear-gradient(top, #739A58 36%,#4B7A2A 66%); /* W3C */
}

.button.green:hover{border-color:#365e1a;
-webkit-box-shadow: inset 0px 1px 0px #759b59, 0px 1px 1px #999; 
-moz-box-shadow: inset 0px 1px 0px #759b59, 0px 1px 1px #999; 
box-shadow: inset 0px 1px 0px #759b59, 0px 1px 1px #999;
background:#496c31;
background: -moz-linear-gradient(top, #5c7b46 36%, #3c6222 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#5c7b46), color-stop(66%,#3c6222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5c7b46 36%,#3c6222 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5c7b46 36%,#3c6222 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #5c7b46 36%,#3c6222 66%); /* IE10+ */
background: linear-gradient(top, #5c7b46 36%,#3c6222 66%); /* W3C */
}


.button.grey, input[type="reset"]{border:1px solid #909090;
-webkit-box-shadow: inset 0px 1px 0px #bcbcbc, 0px 1px 1px #999; 
-moz-box-shadow: inset 0px 1px 0px #bcbcbc, 0px 1px 1px #999; 
box-shadow: inset 0px 1px 0px #bcbcbc, 0px 1px 1px #999;
background:9d9d9d;
background: -moz-linear-gradient(top, #a4a4a4 36%, #808080 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#a4a4a4), color-stop(66%,#808080)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a4a4a4 36%,#808080 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a4a4a4 36%,#808080 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a4a4a4 36%,#808080 66%); /* IE10+ */
background: linear-gradient(top, #a4a4a4 36%,#808080 66%); /* W3C */}

.button.grey:hover, input[type="reset"]:hover{
	border:1px solid #909090;
-webkit-box-shadow: inset 0px 1px 0px #bcbcbc, 0px 1px 1px #999; 
-moz-box-shadow: inset 0px 1px 0px #bcbcbc, 0px 1px 1px #999; 
box-shadow: inset 0px 1px 0px #bcbcbc, 0px 1px 1px #999;
background:#66666;
background: -moz-linear-gradient(top, #838383 36%, #666666 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#838383), color-stop(66%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #838383 36%,#666666 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #838383 36%,#666666 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #838383 36%,#666666 66%); /* IE10+ */
background: linear-gradient(top, #838383 36%,#666666 66%); /* W3C */}

.button:hover{text-decoration:none;}
input.button{line-height:32px; height:32px; padding-bottom:1px; font-size:inherit}
.button.center{float:none; padding-left:50px; padding-right:50px}


/* GLOBALS */
.fade, .list-support a{background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* W3C */}


/* HEADER */
#home{background:url(../images/bg_body4.jpg) repeat-x;}
#home #content{background:#f5f6f7 url(../images/bg_home.png) repeat-x 0 292px;}
#logo{background:url(../images/logo_hr.png) no-repeat; display:block; text-indent:-9999px; overflow:hidden; height:30px; margin-top:8px; margin-bottom:16px; outline:none;}
#phone-support{font-size:18px; font-weight:bold; font-style:italic; color:#fff; text-decoration:none; outline:none; text-align:justify; display:block}
#phone-support span{font-size:12px; color:#3399cc; font-style:normal; background:url(../images/icon_phone_support.png) no-repeat left center; display:block; padding-left:25px; text-transform:uppercase;}
#welcome_box{text-align:right; font-weight:bold}
#logout{color:#ab3c3c}
#welcome_box span{color:#999; margin:0 5px; color:#607781}
#login{background:url(../images/icon_lock.png) no-repeat 0 2px; padding-left:14px;}

/* CONTENT */
#section-title{background:#edece7 url(../images/bg_section.png) repeat-x bottom; height:100px; margin-bottom:42px;}
#section-title h1{color:#a7a59b; font-weight:normal; line-height:100px; float:left; text-shadow: 0px 1px 0px #ffffff; margin:0; font-size:30px}
#section-title ul{float:right;}
#section-title li{list-style:none; display:inline; margin-left:18px; line-height:100px}
#section-title a{color:#817e75; text-transform:uppercase; font-weight:bold; padding:3px 10px; text-decoration:none; text-shadow: 0px 1px 0px #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#section-title a:hover{background:#dad9d3; text-shadow:none; }
#section-title .active, #section-title .active:hover{background:#fafaf9;}

/* SIDEBAR */
#sidebar{background:url(../images/bg_dotted_vert.gif) repeat-y 0 0; padding-left:30px;}
#sidebar h4{font-size:12px; font-weight:bold; text-transform:uppercase; color:#9c9c9c; margin-bottom:10px}
#sidebar .side:last-child{background:none;}
.side{background:url(../images/bg_dotted_hor.gif) repeat-x bottom; padding:20px 0}
.side p:last-child{margin-bottom:0}
#sidebar a{font-weight:bold}
.phone p{font-size:28px; font-style:italic;}
#hours{background:#f1f7f9; padding:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#hours ul{list-style:none; margin-left:0; margin:0}
#hours li{border-top:1px solid #fff; padding:6px 0; margin:0;}
#hours span{float:right}
#hours h4{background:url(../images/icon_clock.png) no-repeat 0 4px; padding-left:24px}
.toll-free{background:#eaf5fa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px; margin-bottom:20px}
.toll-free p{margin-bottom:0}

#shared-servers a, #ded-servers a, #reseller-servers a{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 1px 1px #99a7ae; -moz-box-shadow:0px 1px 1px #99a7ae; box-shadow:0px 1px 1px #99a7ae; display:block; height:40px; padding:15px 20px; position:relative; text-shadow: 0px -1px 0px #444; font-weight:normal;}
#shared-servers a:hover, #ded-servers a:hover, #reseller-servers a:hover{text-decoration:none;}
#shared-servers strong, #ded-servers strong, #reseller-servers strong {display:block; font-size:15px; color:#fff;}

#shared-servers a{background:#256585; 
background: -moz-linear-gradient(top, #3590bd 0%, #256585 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3590bd), color-stop(100%,#256585)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3590bd 0%,#256585 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3590bd 0%,#256585 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3590bd 0%,#256585 100%); /* IE10+ */
background: linear-gradient(top, #3590bd 0%,#256585 100%); /* W3C */ 
color:#d4e2e9;}
#shared-servers img{position:absolute; bottom:0; right:0;}

#ded-servers a{background:#517438;
background: -moz-linear-gradient(top, #73a550 0%, #517438 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73a550), color-stop(100%,#517438)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #73a550 0%,#517438 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #73a550 0%,#517438 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #73a550 0%,#517438 100%); /* IE10+ */
background: linear-gradient(top, #73a550 0%,#517438 100%); /* W3C */
color:#dee6d8;}
#ded-servers img{position:absolute; bottom:0; right:8px;}

#reseller-servers a{background:#883e16;
background: -moz-linear-gradient(top, #c2581f 0%, #883e16 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2581f), color-stop(100%,#883e16)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c2581f 0%,#883e16 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c2581f 0%,#883e16 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c2581f 0%,#883e16 100%); /* IE10+ */
background: linear-gradient(top, #c2581f 0%,#883e16 100%); /* W3C */
color:#eadad1;}
#reseller-servers img{position:absolute; bottom:3px; right:-10px;}

/* FORMS */
input[type="text"], input[type="password"], input[type="email"]{padding:6px 3px; width:250px; border:1px solid #7f9db9 }
select {width:258px; padding:6px 3px}
textarea{width:100%; padding:6px 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {border:1px solid #3399cc}
label{padding:5px 0;}
label span{color:red}
fieldset{margin:0 0 30px 0;}
legend{font-size:16px; font-weight:bold; margin-bottom:15px}
form p{overflow:hidden; margin-bottom:10px}
form ul{margin:0 0 10px 0}
form li{list-style:none; margin-left:0; width:50%; float:left}
#design-quote label{width:190px; display:block; float:left;}
#design-quote input[type="text"], #design-quote input[type="checkbox"] {float:left;}

/* FOOTER */
#footer-wrap{background:url(../images/footer_space7.jpg) no-repeat top center; height:150px; padding:50px 0;}
#footer ul{list-style:none; padding-top:1px; margin-left:0; background:url(../images/transparent_line1.png) repeat-x top center;}
#footer li{padding:2px 0 3px 0; background:url(../images/transparent_line2.png) repeat-x bottom center; margin:0 0 2px 0}
#footer h4{margin-bottom:5px; color:#fff;}
#footer a{color:#ccc; text-decoration:none}
#footer a:hover{color:#3399cc}
#footer #need-help{text-align:right; display:block; color:#3399cc; font-style:normal; font-weight:bold; text-transform:uppercase; text-decoration:none}
#need-help span{color:#fff; font-size:1.5em; font-style:italic}
#legal{font-size:11px; text-align:right; color:#627a85}
#footer #legal a{color:#798e98}
#footer #legal a:hover{color:#3399cc;}
#logo-foot{background:url(../images/logo_hr_foot.png) no-repeat; display:block; text-indent:-9999px; height:30px; outline:none}

/* DOTBLOCK POPUP */
.dotblock-popup-container{background:#000; margin-top:60px; border:2px solid #000}
#dotblock-popup, #dotblock-popup2, #dotblock-popup3 {background:#333 url(../images/bg_dotblock_popup.jpg) no-repeat top center; color:#fff; display:none;}
#dotblock-popup .message, #dotblock-popup2 .message, #dotblock-popup3 .message{height:254px; padding:78px 36px 0 36px; font-size:14px; color:#ccc; line-height:22px}
#dotblock-popup ul, #dotblock-popup2 ul, #dotblock-popup3 ul{margin:0; padding:0}
#dotblock-popup li, #dotblock-popup2 li, #dotblock-popup3 li{background:url(../images/check.png) no-repeat 0 4px; padding-left:20px; list-style:none; color:#fff; font-weight:bold; font-size:12px; line-height:20px}
.dotblock-popup-container .ui-dialog-titlebar{display:none;}
.dotblock-popup-container .ui-dialog-buttonset{background:#000; padding:16px 36px; border-top:#999}
.ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: .30;}
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa;  opacity: .30;}
.dotblock-popup-container .button, .dotblock-popup-container button{height:40px; line-height:40px}
.dotblock-popup-container .cancel, .dotblock-popup-container button:first-child{margin-right:40px; -webkit-box-shadow: inset 0px 1px 0px #646464, 0px 1px 1px #000; 
-moz-box-shadow: inset 0px 1px 0px #646464, 0px 1px 1px #000; 
box-shadow: inset 0px 1px 0px #646464, 0px 1px 1px #000;
border:1px solid #333;
background:#333;
background: -moz-linear-gradient(top, #505050 36%, #333333 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#505050), color-stop(66%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505050 36%,#333333 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505050 36%,#333333 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #505050 36%,#333333 66%); /* IE10+ */
background: linear-gradient(top, #505050 36%,#333333 66%); /* W3C */ }
.dotblock-popup-container .continue, .dotblock-popup-container button{-webkit-box-shadow: inset 0px 1px 0px #d36a6f, 0px 1px 1px #000; 
-moz-box-shadow: inset 0px 1px 0px #d36a6f, 0px 1px 1px #000; 
box-shadow: inset 0px 1px 0px #d36a6f, 0px 1px 1px #000;
border:1px solid #861619;
background:#861619;
background: -moz-linear-gradient(top, #C91D23 36%, #861619 66%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#C91D23), color-stop(66%,#861619)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #C91D23 36%,#861619 66%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #C91D23 36%,#861619 66%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #C91D23 36%,#861619 66%); /* IE10+ */
background: linear-gradient(top, #C91D23 36%,#861619 66%); /* W3C */}