@charset "utf-8";

/* Arnoff Moving & Storage CSS
Author: EW
Date created: 09.17.08
Red: #ee0700
Blue: #1b5199
Header blue: #2569b4
*/


/* Begin Photo Gallery */
#dtPhotos p { padding: 0 10px 10px 20px; }

/* End Photo Gallery */

/* Begin Accordian */
.accordionHeader { border: 1px solid #DED7C5; color: white; background: url(../images/nav_bg_arrow.jpg) repeat-x; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }

#master_content .accordionHeader a { color: #FFFFFF; background: none; text-decoration: none; }

#master_content .accordionHeader a:hover { background: none; text-decoration: underline; }

.accordionHeaderSelected { border: 1px solid #DED7C5; color: white; background: url(../images/nav_bg.jpg) repeat-x; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }

#master_content .accordionHeaderSelected a { color: #FFFFFF; background: none; text-decoration: none; }

#master_content .accordionHeaderSelected a:hover { background: none; text-decoration: underline; }

.accordionContent { background-color: #eee; padding:0px, 0px, 0px, 0px; border: solid #b7cee4 1px; vertical-align:top; border-top: none; }

/* End Accordian */




* { margin: 0; padding: 0; }

body { background: url(../images/background.png) repeat-x; background-color: #a0bfea; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#wrapper { margin: 0 auto; width: 814px; }

#clear { clear: both; }

/* Header */

#header { color: #ee0700; font-size: 11px; font-weight: bold; height: 85px; }

#header img { border:none; padding-left: 10px; }

#header img.reviews {margin:34px 0 0 10px; float:left; }

#header-in {float:right; padding: 10px 0 0 0; text-align: right; width:400px;}

#header-in a {font-size:11px;}

#header-in img { border:0; behavior: url(/iepngfix.htc); padding:0; margin:20px 20px 0 0; width:30px; height:30px; }

/* Menu */

#menu { }

#menu ul { height: 45px; }

#menu li { display: inline; float: left; list-style: none; padding: 8px 19px 8px 20px; }

#menu li:hover { background: url(../images/menu-ovr.png) repeat-x; color: #000; padding: 8px 19px 8px 20px; }

#menu li.ovr { background: url(../images/menu-ovr.png) repeat-x; color: #000; padding: 8px 19px 8px 20px; }

#menu li.last { padding: 8px 20px 8px 20px; }

#menu li.last-ovr { background: url(../images/menu-ovr.png) repeat-x; color: #000; padding: 8px 20px 8px 20px; }

#menu a { color: #fff; font-weight: normal; }

#menu a:hover { color: #000; }

/* Quote */

#quote { background: url(../images/quote-back.png); float: left; height: 201px; width: 290px; }

#quote-in { color: #fff; font-weight: bold; padding: 10px; }

#quote-in td { padding: 5px 8px 3px 0; }

#insidequote-in td { padding: 0 10px 0 0; white-space:nowrap; vertical-align:top; }

#insideEndquote-in td { padding: 0 0 0 0; white-space:nowrap; vertical-align:top; }

#quote-in .inputform { border: solid #999 1px; color: #333; font-size: 11px; height: 13px; padding: 3px 0 3px 5px; width: 90px; }

#quote-in h3 { /* White */ color: #fff; font-size: 24px; font-weight: normal; }

#quote-in .newh3 { /* White */ color: #fff; font-size: 24px; font-weight: normal; }

#insidequote-in .inputState { border: solid #999 1px; color: #333; font-size: 11px; height: 21px; padding: 0 0 0 5px; width: 50; text-align:left; }

#insidequote-in .inputZip { border: solid #999 1px; color: #333; font-size: 11px; height: 13px; padding: 3px 0 3px 5px; width: 50px; }

#quote-in .inputform2 { border: solid #999 1px; color: #333; font-size: 11px; height: 13px; padding: 3px 0 3px 5px; width: 140px; }

#quote-in .inputform3 { border: solid #999 1px; color: #333; font-size: 11px; height: 21px; padding: 0 0 0 5px; width: 145px; }

#quote-in .inputformLongDropdown { border: solid #999 1px; color: #333; font-size: 11px; height: 21px; padding: 0 0 0 5px; width: 150px; text-align:left; }

#quote-in .inputformPhone { border: solid #999 1px; color: #333; font-size: 11px; height: 13px; padding: 3px 0 3px 5px; width: 145px; }

#quote-in .inputformComment1 { border: solid #999 1px; color: #333; font-size: 11px; height: 41px; padding: 0 0 0 5px; width: 90px; }

#quote-in .inputformComment { border: solid #999 1px; color: #333; font-size: 11px; height: 41px; padding: 0 0 0 5px; width: 145px; }

.quote-top { font-size: 12px; font-weight: normal; padding: 5px 0 0 0; }

/* Main */

#crumbs { border-bottom: solid #e1e1e1 1px; font-size: 11px; margin: 0 0 10px 0; padding: 0 0 5px 0; }
#crumbs h1 { color: #333; font-size: 11px; font-weight: normal; }

#content { background-color: #fff; border-bottom: solid #899fbe 2px; border-left: solid #899fbe 2px; border-right: solid #899fbe 2px;}

#left { float: left; width: 520px; }

#right { float: left; width: 290px; }

#main { padding: 0 0 0 10px; width: 480px; }

htlm>body #main { padding: 0 0 0 10px; width: 485px; }

#main ul { padding: 0 0 10px 30px; }

#main li { color: #555; list-style: square; padding: 0 0 5px 0; }

#main ul li ul { padding: 10px 0 0px 30px; }

#main ul li ul a { color: #880400; }

#main ul li ul a:hover { color: #000; }

#main-table { background: #eee; border: solid #899fbe 1px; margin: 0 0 15px 0; width: 100%; }

#main-table td { border-bottom: solid #899fbe 1px; padding: 3px; }

#location { float: left; font-size: 11px; padding: 0 15px 10px 0; width: 220px; }

#location2 { float: left; font-size: 11px; padding: 0 15px 10px 0; }

#main .contactform { border: solid #8faac3 1px; color: #444; font-size: 11px; height: 13px; margin: 0 0 8px 0; padding: 3px 0 3px 5px; width: 210px; }

#main .contactform2 { border: solid #8faac3 1px; color: #444; font-size: 11px; height: 100px; margin: 0 0 8px 0; padding: 3px 0 3px 5px; width: 440px; }

#main .contactform3 { border: solid #8faac3 1px; color: #444; font-size: 11px; height: 21px; margin: 0 0 8px 0; padding: 0 0 0 5px; width: 450px; }

#main .contactform4 { border: solid #8faac3 1px; color: #444; font-size: 11px; height: 21px; margin: 0 0 8px 0; padding: 0 0 0 5px; width: 150px; }

#main table.outer-table { background-color: #eee; border: solid #b7cee4 1px; margin: 5px 0 0 0; width: 470px }

#main table.outer-table td { padding: 5px; }

#main label { color: #0c4d85; font-weight: bold; margin: 0 0 5px 0; }

/* Sidebar */

#sidebar { background: url(../images/sidebar-back.png) repeat-x; background-color: #e1e1e1; float: right; padding: 10px; width: 270px; }

html>body #sidebar { background: url(../images/sidebar-back.png) repeat-x; background-color: #e1e1e1; float: left; padding: 10px; width: 270px; }

#sidebar li { border-top: solid #d8d8d8 1px; font-size: 11px; list-style: none; padding: 10px 0 10px 0; }

#side-nav li { padding: 10px 0 10px 10px; }

#side-nav li:hover { background-color: #fff; padding: 10px 0 10px 10px; }

#side-nav li.ovr { background-color: #fff; color: #000; font-size: 12px; font-weight: bold; padding: 10px 0 10px 10px; }

/* Footer */

#footer { background: url(../images/footer-back.png) repeat-x; font-size: 11px; margin: 0 0 20px 0; padding: 20px 10px 0 10px; height: 65px; }

#footer a { color: #880400; font-size: 11px; font-weight: normal; }

/* Text Styles */
.grey { color: #000; }

p { line-height: 140%; padding: 0 0 15px 0; }

a { color: #1b5199; font-size: 12px; font-weight: bold; text-decoration: none; }

a:hover { color: #000; }

.big-blue { color: #2569b4; font-size: 24px; }

h1 { color: #c00; font-size: 22px; padding: 0 0 5px 0; }

h2 { /* Red */ color: #880400; font-size: 18px; padding: 0 0 10px 0; }

.h2 { /* Red */ color: #880400; font-size: 13px; padding: 0 0 10px 0; display:inline; }

h3 { /* White */ color: #fff; font-size: 24px; font-weight: normal; }

h4 { /* Italic red */ color: #880400; font-size: 18px; font-style: italic; }

.h4 { /* Italic red */ color: #880400; font-size: 18px; font-style: italic; }

h5 { /* Gray italic */ color: #444; font-size: 13px; font-style: italic; padding: 0 0 5px 0; }

.h5 { /* Gray italic */ color: #444; font-size: 13px; font-style: italic; padding: 0 0 5px 0; }

.med-gray { color: #444; font-size: 13px; font-style: italic; font-weight: bold; }

.quote-top { border-bottom: solid #fff 1px; border-top: solid #fff 1px; line-height: 160%; margin: 15px 0 0 0; padding: 20px 0 20px 0; font-style: italic; }

/* Image Styles */

.header-image { border: none; float: left; padding: 10px 0 0 0; }

.topper-image { float: left; }

.left-image { border: none; float: left; }

.right-image { border: none; float: right; }

.list-image { border: none; float: left; padding: 0px 20px 0px 0px; }

.quote-button { padding: 15px 0 0 30px; }

.onestepquote-button { padding: 10px 0 0 105px; }

.onestepquote-submit { }

.sidebar-image { border: none; float: left; padding: 0 0 10px 0; }

/*============4. d.City Slider========*/
#slider { width: 455px; height: 185px; float: left; background: #E4F4FC; }

#slider .navigation { width: 118px; background: #e3e5e7; float: left; height:265px; }

#main #slider ul.navigation { padding: 0px; }

#main #slider ul.navigation li { list-style-type: none; }

#slider .navigation li a { padding:12px 0 15px 10px; display: block; border-bottom: 1px solid #d9dcde; border-top: 1px solid #f0f2f5; width: 108px; font-weight: bold; list-style-type:none; }

#slider .navgation li a.active { border: none; }

#slider .navigation li a.selected { background: #e4f4fc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

img.scrollButtons { display: none; }

.scroll { width: 335px; height: 264px; float: left; background: #e4f4fc; overflow:hidden; position: relative; }

.scrollContainer { }

.scroll .panel { width: 305px; height: 233px; padding: 10px; }

.scroll .panel ul { clear: both; width: 100%; }

#main .scroll .panel li a { color: #c90000; line-height: 180%; background: url(/images/pin.gif) no-repeat left 3px; padding: 0 10px 6px 10px; list-style: none; }

.scroll .panel li a:hover { color: #13539F; }

.flt { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #D0D0D0; float:left; margin:0 10px 5px 0; padding:2px; }

#sidebar img.blog { border:none; padding-top:15px; }


/*============ Moving Supplies Page Styles ========*/

#moving-supplies {float:left; padding:0 10px; width:794px; margin:0 0 25px 0; min-height:600px; position:relative;}
#moving-supplies #moving-gloves {position:absolute; top:-50px; right:20px; z-index:100; border:0;}
#moving-supplies-intro {float:left; height:90px; width:794px;}
#moving-supplies-intro p {width:400px; margin:8px 0 0 0; line-height:160%;}
#numbered-boxes {float:right; margin:0 0 0 20px;}

/*---- Box Table Styles ----*/
#moving-boxes {float:left; width:790px; border-collapse:collapse; border:1px solid #ddd; border-width:0 0 1px 0;}
#moving-boxes h3 {font:bold 12px arial; color:#000; text-align:left; margin:0 0 3px 0;}
#moving-boxes p {font:normal 12px arial; color:#000; margin:0; padding:0; text-align:left; line-height:130%;}
#moving-boxes a.update {background: url("/images/bg-a-update.jpg") no-repeat scroll right center transparent; font-size: 0.9em; font-weight:normal; padding:0 14px 0 0; cursor:pointer;}
#moving-boxes a.clear  {background: url("/images/bg-a-clear.jpg") no-repeat scroll right center transparent; font-size: 0.9em; font-weight:normal; padding:0 14px 0 0; cursor:pointer;}
#moving-boxes td {border:1px solid #ddd; border-width:1px 0 0 0; padding:12px 8px; vertical-align:top;}
#moving-boxes div.total {height:11px;}
#moving-boxes div.total.example {color:#C00; height:11px;}
#moving-boxes tr.data {text-align:center; font-weight:bold;}
#moving-boxes img {float:left;}
#moving-boxes tr#headers {font:bold 12px arial; color:#2569b4; text-align:center;}
#moving-boxes td#box-type {width:100px; text-align:left;}
#moving-boxes td#box-description {width:350px;}
#moving-boxes td#box-dimensions {width:85px;}
#moving-boxes td#box-price {width:85px;}
#moving-boxes td#box-quantity {width:85px;}
#moving-boxes td#box-total {width:85px;}
.inputformquantity {border:solid #ccc 1px; color:#333; font-size: 11px; height:13px; padding:3px 0 3px 5px; width:40px; margin:0 0 5px 0; }

/*---- Price Estimate Table Styles ----*/
#price-estimate {float:right; width:350px; border:1px solid #f9d2a7; background:#FFFFCC; padding:10px 16px 12px; margin:0 4px 20px 0;}
#price-estimate-table {width:350px; border-collapse:collapse; border:0; font:bold 12px arial; color:#0d2ca0;}
#price-estimate-table td {height:50px; vertical-align:top; padding:5px 0 0 0;}
#price-estimate-table label {display:block; margin:0 0 3px 0;}
#price-estimate-table td.top {width:230px; height:8px;}
#price-estimate-table td.left {width:230px;}
#price-estimate-table td.left.top {width:230px;}
#price-estimate-table td.right {width:120px; text-align:right;}
#price-estimate-table span {color:#cc0000; display:block; padding:4px 0 0 0;}
#price-estimate-table span.small {font:normal 10px arial; display:inline; margin:0 0 0 10px;}
#price-estimate-table td.info-text {font:bold 12px arial; color:#CC0000; border-bottom:1px solid #f9d2a7; padding:5px 0 0 0; height:40px;}
.inputname {border:solid #ccc 1px; color:#333; font-size: 11px; height:13px; padding:3px 0 3px 5px; width:200px;}
.submit-button {padding:16px 0 0 0;}