@charset "utf-8";
/* CSS Document */

/* Markup */
body { background: #7c83b9; padding:0; margin: 0; font-family: Arial, Helvetica, sans-serif; color:#333;  font-size: 12px; line-height: 18px; }
a, a:visited { color: #069; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
p { padding:0; margin:0 0 7px 0; line-height: 18px; }
img { border: none; }
h1 { padding: 0 0 5px 0; margin: 0; font-size: 22px; color: #333; line-height: 33px; font-weight: normal; }
h2 { padding: 0 0 5px 0; margin: 0; font-size: 20px; color: #333; line-height: normal; font-weight: normal; }
h3 { padding: 0 0 5px 0; margin: 0; font-size: 18px; color: #333; line-height: normal; font-weight: normal; }
h4 { padding: 0 0 2px 0; margin: 0; font-size: 16px; color: #333; line-height: normal; font-weight: normal; }
h5 { padding: 0 0 2px 0; margin: 0; font-size: 14px; color: #333; line-height: normal; font-weight: bold; }
h6 { padding: 0 0 2px 0; margin: 0; font-size: 12px; color: #333; line-height: normal; font-weight: bold; }
ul { margin: 0; padding: 0; list-style: disc; list-style-position: outside; }
ul.left li { float: left }
ul.nolist { list-style: none; }
ul.nolist.left li { float: left; }
ul.nolist.left.readmore li { line-height: 30px; padding-right: 10px; }
div.list.links.left ul { float: left; list-style: none; margin: 0 0 0 30px; padding: 0; }
div.list.links.left ul.first { margin-left: 10px; }
div.list.links.left ul li { background: url(images/bullet-dark.png) no-repeat left 5px; margin: 0; padding: 0 0 0 12px; }

/* Clear Floats */
.clearfloat { clear:both; height: 0; margin: 0; padding: 0; }
.clearfloat:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.floatleft { float: left; margin: 0; padding: 0; }
.floatright { float: right; margin: 0; padding: 0; }

/*** Template ***/

/* Header */
#wrapper { width:100%; margin: 0 auto; padding: 0 0 10px 0; background: #669 url(images/bg-pattern.png) repeat; overflow: hidden; }
#header-wrap { position: relative; width: 100%; padding: 0; overflow: hidden; }
.header { width: 960px; margin: 0 auto; padding: 0; background: #FFF; overflow: hidden; }
#logo-wrap { float: left; margin: 0; }
p#logo { margin: 5px 0 5px 0; padding: 0; }
p#slogan { margin: 0; padding: 0 0 5px 5px; line-height: 20px; font-style: italic; }
#search-wrap { position: relative; float: right; margin: 2px 0 0 0; overflow: hidden; }
.phone { width: 200px; float: right; margin-top: 10px; }
.phone p { text-align: center; font-size: 16px; line-height: normal; color: #069; }
.phone p a { color: #666; }
.phone p a:hover { color: #999; text-decoration: none; }
#search { clear: right; float: right ; margin: 0 10px 0 0; background: #FFF ; width:190px; height:24px; border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; }
#search-box { width:155px; padding:0 5px 0 5px; color:#333;  margin-top:3px; background:none; border: 0; float: left; }
.btn-search { padding-top:3px; float:right; padding-right:5px; }

/*** Navigation Bar ***/
#navbar-wrap { width: 962px; height:40px; margin: 0 auto; background: #336 url(images/nav-bg.png) repeat-x; }
#navbar { position: relative; z-index: 1000; }
#navbar ul { margin: 0; padding: 0; list-style: none; }
#navbar ul li { float: left; color: #666; font-size: 16px; list-style-image: none; padding: 0; margin: 0; }
#navbar ul li a, #navbar ul li a:visited { display: block; color: #FFF; cursor: pointer; font-size: 16px; font-weight: normal; line-height: 40px; padding: 0 20px; margin: 0; text-decoration: none; }
#navbar ul li a:hover { color: #DDD; text-decoration: none; }
#navbar ul li a.first { }
#navbar ul li.last { float: right; }
#navbar ul li.last:hover { }
#navbar ul.cart li { float: left; }
#navbar ul.cart li a, #navbar ul.cart li a:visited { display: block; padding: 0; margin: 0; }
#navbar ul.cart li a.link { padding: 0 5px 0 15px; }
#navbar ul.cart li a.cart { padding: 0 0 0 5px; }
#navbar ul.cart li a.cart:hover { color: #FFF !important; }
#navbar ul.cart li a.cart img { padding-top: 7px; padding-right: 15px; }

/* Level 1 Dropdown Menu Default Tabs */
#navbar ul li.dropmenu a, #navbar ul li.dropmenu a:visited { background: transparent url(images/down.png) no-repeat right 16px; }
#navbar ul li.dropmenu ul { display: none; position: absolute; top: 40; width: auto; background: #FFF; border: 1px solid #333; border-top: 0; margin: 0; padding: 0; opacity:0.97; filter:alpha(opacity=97); z-index: 1001; }
#navbar ul li.dropmenu ul li { float: none; position: relative; }
#navbar ul li.dropmenu ul li:hover { float: none; position: relative; background: #FFF; }
#navbar ul li.dropmenu ul li a, #navbar ul li.dropmenu ul a:visited { color: #333; display: block; text-align: left; font-size: 14px; line-height: 22px; margin: 0; padding: 0 20px 0 10px; background: none; }
#navbar ul li.dropmenu ul li a:hover { color: #000; background: #CCC; }

/* Level 2 Dropdown Menu Default Tabs */
#navbar ul li.dropmenu ul ul { display: none; position: absolute; left: 100%; top: 0; width: 190px; margin: -1px 0 0 0; }
#navbar ul li.dropmenu ul li.dropmenu2 { color: #FFF; }
#navbar ul li.dropmenu ul li.dropmenu2:hover { background: #FFF; color: #333; }
#navbar ul li.dropmenu ul li.dropmenu2 a { background: transparent url(http://www.rr-partyrentals.com/images/bullet-dropdown.png) no-repeat 8px; background-position: right; color: #FFF; }
#navbar ul li.dropmenu ul li.dropmenu2:hover a, #navbar ul li.dropmenu ul li.dropmenu2:hover a:visited { background: transparent url(http://www.rr-partyrentals.com/images/bullet-dark-dropdown.png) no-repeat 8px; background-position: right; color: #333; }
#navbar ul li.dropmenu ul li.dropmenu2:hover ul li a, #navbar ul li.dropmenu ul li.dropmenu2:hover ul li a:visited { background: none transparent; color: #FFF; }
#navbar ul li.dropmenu ul li.dropmenu2:hover ul li a:hover { color: #333; }

/* Level 1 Dropdown Menu Last Tab */
#navbar ul li.dropmenu-left { float: right; }
#navbar ul li.dropmenu-left ul { display: none; width: auto; position: absolute; top: 40; left: auto; right: 0; background: #0367a3; border: 1px solid #333; margin: 0; padding: 0; z-index: 1001; }
#navbar ul li.dropmenu-left a { padding: 0 0 0 20px; background: url(images/down.png) no-repeat left 16px; }
#navbar ul li.dropmenu-left ul li { float: none; position: relative; }
#navbar ul li.dropmenu-left ul li:hover { background: #FFF; }
#navbar ul li.dropmenu-left ul li a, #navbar ul li.dropmenu-left ul a:visited { display: block; text-align: right; font-size: 14px; line-height: 22px; margin: 0; padding: 0 10px 0 20px; background: none; }
#navbar ul li.dropmenu-left ul li a:hover { color: #333; }

/* Level 2 Dropdown Menu Last Tab */
#navbar ul li.dropmenu-left ul ul { display: none; position: absolute; right: 100%; top: 0; width: 190px; margin: -1px 0 0 0; }
#navbar ul li.dropmenu-left ul li.dropmenu2 { color: #FFF; }
#navbar ul li.dropmenu-left ul li.dropmenu2:hover { background: #FFF; color: #333; }
#navbar ul li.dropmenu-left ul li.dropmenu2 a { background: transparent url(http://www.rr-partyrentals.com/images/bullet-dropdown-left.png) no-repeat 8px; background-position: left; color: #FFF; }
#navbar ul li.dropmenu-left ul li.dropmenu2:hover a, #navbar ul li.dropmenu ul li.dropmenu2:hover a:visited { background: transparent url(http://www.rr-partyrentals.com/images/bullet-dark-dropdown-left.png) no-repeat 8px; background-position: left; color: #333; }
#navbar ul li.dropmenu-left ul li.dropmenu2:hover ul li a, #navbar ul li.dropmenu ul li.dropmenu2:hover ul li a:visited { background: none transparent; color: #FFF; }
#navbar ul li.dropmenu-left ul li.dropmenu2:hover ul li a:hover { color: #333; }

/* Display Dropdown Menus */
#navbar ul li:hover > ul { display: block; }
#navbar ul li ul li:hover > ul { display: block; }

/* Slideshow */
.slideshow-wrap { position: relative; width: 960px; margin: 0 auto; padding: 15px 0 10px 0; background: #FFF; overflow: hidden; }
.slideshow { position: relative; width: 930px; height:  300px; padding: 0; margin:  0 auto; background: #000; overflow: hidden; }

.slideshow-nav-wrap { position: absolute; bottom: 0; width: 300px; background: none transparent; height: 30px; margin: 0 auto; padding: 0; z-index: 1000; }
.slideshow-nav .pager { width: 200px; height: 25px; z-index: 50; padding: 3px 3px 0 5px; margin: 0 0 0 0; }
.slideshow-nav .pager a { background: url(images/btn.png) no-repeat; padding: 0 7px 10px 10px; margin: 0; }
.slideshow-nav .pager a:hover { text-decoration: none; }
.slideshow-nav .pager a.activeSlide { background: url(images/btn-selected.png) no-repeat; padding: 0 7px 10px 10px; margin: 0; }
.slideshow-nav .pager a:focus { outline: none; }
.slideshow-nav .nav { z-index: 50; }
.slideshow-nav .nav a, .slideshow-nav .nav a:visited { color: #036; font-weight: bold; font-size: 15px; }	
.slideshow-nav .nav a:hover { color: #333; text-decoration: underline; }
.slideshow-nav .nav a.next { padding: 0 10px 0 10px; border-left: 1px solid #999; }
.slideshow-nav .nav a.prev { padding: 0 10px 0 10px; }
.slideshow-nav p { color: #333; font-size: 13px; font-weight: bold; }

/* Landing pages */
#mainpage { width: 630px; margin: 0 !important; padding: 0 !important; }
#mainpage h1 { font-size: 22px !important; font-weight: normal !important; color: #333 !important; }
#mainpage h3 { font-size: 22px !important; font-weight: normal !important; color: #333 !important; padding: 0 0 10px 0 !important; }
#mainpage ul { list-style-position: outside; padding: 10px 0 10px 20px; }
#inner-content-wrap { clear: both; width: 960px; margin: 0 auto; padding: 10px 0; background: #FFF; overflow: hidden; }
#inner-content { clear: both; width: 930px; margin: 0 auto; padding: 0; background: url(images/bg-left-pane.png) repeat-y left top; overflow: hidden; }
#content { float:left; padding: 0; margin: 0 0 0 20px; width: 645px; background: none transparent; }
#content p { margin: 0 0 8px 0; padding: 0; }
.directions { margin: 0 0 0 5px; overflow: hidden; }
.directions p { margin: 0; padding: 0; line-height: 12px; }
.location { float: left; width: 260px; margin: 0; padding: 0; }
.location p { font-size: 14px; line-height: 18px; }
.hours { margin: 0; padding: 0; }
.map { margin: 0 0 0 5px; }
.map iframe { border: 1px solid #666; }

span.Text-ContentHead { font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:24px; color: #333; }
p.Text-CategoryHead { margin: 0 0 10px 0; padding: 0; }
.Text-ContentHead { font-weight: bold; }

#left-pane { width:260px; float:left; padding: 0; margin: 0; color: #FFF; background: none transparent; }
#left-pane p { margin:0; padding: 0; color: #666; }
#left-pane ul li { list-style-image: none; color: #666; }
.left-pane-contact { margin: 10px 0 0 10px; }
.cat-title { font-size:16px; font-weight:bold; color:#FFF; padding: 0; text-align:center; line-height:40px; background: none transparent; margin: 0; border-bottom: 1px solid #FFF; }
td.cattitle { background: #E9F1EA !important; border-right: 1px solid #CCC !important; }
td.cattitle font { color: #333; }
.catagories { width: 260px; padding: 0; margin: 0; }
.catagories ul { margin: 0 0 0 5px; padding: 0; }
.catagories li { border-bottom: 1px #CCC solid; color:#000; margin: 0; padding: 0; list-style: none; background:url(images/bullet.png) 5px 11px no-repeat; }
.catagories li:last-child { border-bottom: none; }
.catagories li a { color: #FFF; display: block; text-decoration:none; text-transform: uppercase; padding: 6px 5px 6px 18px; font-size: 13px; font-weight: bold;}
.catagories li a:hover { color:#FFF; }
.catagories li:hover { background: #8282b1 url(images/bullet.png) 5px 11px no-repeat;}  

/* Home page panels */
#panels-wrap { position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden; background: none transparent; }
#panels { position: relative; overflow: hidden; width: 960px; margin: 0 auto; padding: 0 0 10px 0; background: #FFF; }
#panels .panel.nobox { float: left; background: none; border: none; min-height: inherit; padding: 0; margin: 0; }
#panels .panel { float: left; width: 278px; background: #FFF; margin: 5px 0 0 15px; padding: 7px 10px 5px 10px; border: 1px solid #666; overflow: hidden; }
.panel.shadow { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 0px 6px #666; -moz-box-shadow: 0px 0px 6px #666; box-shadow: 0px 0px 6px #666; }

/* Pre footer */
#pre-footer { width: 900px; margin: 35px auto 0 auto; padding: 20px; background: #F8F8F8; overflow: hidden; }
#pre-footer { border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#pre-footer h1 { color: #333; padding: 0 0 10px 0; margin: 0; }
#pre-footer h1 a { color: #333; text-decoration: none !important; }
#pre-footer h1 a:hover { color: #0077c0; }
#pre-footer h1 a:visited { color: #333; }
#pre-footer a { color: #0077c0; text-decoration: none; }
#pre-footer a:hover { color: #000; text-decoration: underline; }
#pre-footer a:visited { color: #0077c0; }

div.welcome { float: left; width: 500px; }
div.welcome p { margin: 0 0 5px 0; padding: 0; }
div.storefront { float: right; }
div.storefront p { margin: 0; padding: 0; }
div.storefront p img { border: 1px solid #666; }

#services-wrap { position: relative; clear: both; width: 960px; margin: 0 auto; background: #FFF; padding: 5px 0 15px 0; overflow: hidden; }
#services-wrap { -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.services { width: 908px; margin: 0 auto; padding: 15px 10px 15px 10px; background: #FFF; border: 1px solid #666; overflow: hidden; }
.services { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; box-shadow: 0px 0px 6px #333; }
.services h1 { color: #FFF; padding: 0 0 20px 15px; }
div.footer-links { float: left; margin: 0 0 0 50px; padding: 0; border-left: 1px dotted #CCC; } /* Adjust here */
div.footer-links.first { margin-left: 10px; border-left: none; }
.service { padding: 0 0 15px 0; overflow: hidden; }
.service h2 { color: #666; font-size: 18px; font-weight: normal; margin: 0; padding: 0 0 5px 10px; }
.service h2 a { color: #666; text-decoration: none; font-size: 18px; }
.service h2 a:hover { color: #333; }
.service { width: 930px; float: left; }
.service p { color: #666; margin: 0; padding: 0 15px 5px 15px; font-size: 14px; line-height: 24px; }
.service ul { margin: 0; padding: 0 0 0 10px; list-style: none; }
.service ul li { list-style-image: none; }
.service ul li a { color: #666; text-decoration: none; }
.service ul li a:hover { color: #333; text-decoration: underline; }
.service ul li a:visited { color: #666; }
ul.social { float: left; margin: 0 10px 0 0; padding: 0; list-style: none; border-left: none; }
ul.social li { list-style-image: none; }
ul.social li a { display: block; }
ul.social li img { margin-top: 5px; }

.cities-wrap { width: 100%; margin: 0 auto; background: none transparent; padding: 10px 0 0 0; border-top: 1px solid #99C; }
.cities { width: 900px; margin: 0 auto; padding: 0; min-height: 32px;}
.cities p { color: #666; font-size: 12px; height: 15px; text-align: center; margin: 0; }

.faqs { margin-left:15px; }
.faqs  ul { margin-left:15px; }
.faqs  ul li { margin-left:15px; }
.faqs  ul li a { margin-left:15px; }

#footer { clear:both; width: 100%; font-family: Arial; font-size: 12px; padding:10px 0 10px 0; color:#FFF; font-weight: normal; line-height: 16px; background: #0077c0; }
#footer a { color: #FFF; text-decoration: none; padding: 0; font-weight: normal; }
#footer a:hover { color:#FFF; text-decoration: underline; }
.footer-phones { float: left; padding: 0 0 3px 0; }
.footer-phones p { line-height: 12px; color: #333; padding: 0 0 5px 10px; margin: 0; font-size: 1.1em; font-family: Tahoma, Geneva, sans-serif; }

#copy-wrap { clear: both; width: 100%; overflow: hidden; padding: 0; background: none transparent; }
.copy { clear: both; padding: 10px 10px 0 10px; font-size:11px; width:930px; margin: 0 auto; color: #FFF; overflow: hidden; }

.menus { margin: 0; padding: 0; }
.menus li { font: normal 16px Arial; overflow: hidden; list-style: none; padding: 0; margin: 0; display: inline; border: 0; }
.menus li a { color: #DC2901; line-height: 34px; text-decoration: none; font-weight: normal; padding: 10px 8px; }
.menus li a:hover,.menus li a.hover { color: #000!important; }
.menus li a.selected { color: #000!important; background: url(http://www.rr-partyrentals.com/images/nav-hov.jpg) no-repeat center; }

#center-content { background: #F0EEEF; border-bottom: 1px #ccc solid; padding: 10px 0; }
#margin-bot { margin-bottom: 0; }
#main-content { width: 960px; margin: 0 auto; padding:15px 0; }

.div-service { border: 1px #ccc solid; padding: 5px; line-height: 16px; margin-bottom: 5px; background: #FFFFFF; }
.div-service p { padding: 0 0 5px 0; margin: 0; font-size: 12px; }

.equipment-left { float: left; width: 70%; }
.equipment-right { float: right; width: 30%; }
.equipment-right img { float: right; clear: right; margin: 0 0 20px 0; }

td.cattitle { background: #005c9f; }
td.cattitle:last-child { border-right: 1px solid #000; }

ul.CommentBlock { list-style-position: outside; width: 600px; padding: 10px 0 10px 20px; }
ul.CommentBlock li { list-style-image: none; list-style: disc; line-height: 18px; }
table.InventoryTable { margin: 10px 0 0 0; padding: 0; border-collapse: collapse; width: 630px; }
table.InventoryTable tbody { border: 1px solid #CCC; }

p.image-bar { margin: 20px 0 0 0 !important; }
p.image-bar img { margin: 0 7px 0 0; border: 1px solid #000; }

/* Misc */
.attention { color: red; }
.center { text-align: center; }
p.large { font-size: 14px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; }

.multicolcell .wrap1 { float: none !important; text-align: center !important; }
.multicolheading { text-align: center !important; width: 165px !important; padding-top: 3px !important; }
.multicoldescr { text-align: center !important; width: 140px !important; }
img.thumbnailimgtall { width: auto; max-width: 120px; height: auto; max-height: 100px; }
img.thumbnailimg { width: auto; max-width: 120px; height: auto; max-height: 100px; }