﻿/*
G5 Search Marketing Copyright 2009
Local Search Marketing - Local Internet Advertising
*/

/* reset - don't modify */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
p, img {padding:0;margin:0;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

/* GLOBAL SETTINGS */
/* -------------------- */

h1,h2,h3,h4,h5,h6, h2.contact{
  color: #66843A; 
  font:normal 100% arial,helvetica,sans-serif;
  padding-bottom:.5em;
}
h1 {font-size: 170%;}
h2, h2.contact {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 120%;}
h5 {font-size: 100%;}
h6 {font-size: 80%;}


h1, h1.contact {
  font-size: 22px;
	width: 330px;
	color: #66843A;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 42px;
	background: url(/images/leaf.gif) no-repeat 0px 1px;
}
h1.home {
  font-size:20px; 
  color:white; 
  width:600px;
  padding:0;
  background:none;
}
div.twoColumn h1 {width:550px;}

h4 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0;
	margin: 0px 0px 12px 0px;
}
h5 {
	font-size: 15px;
	line-height: 19px;
	margin: 0px 0px 20px 0px;
	padding: 0;
	color: #5A742C;
	font-weight: normal;
}
h4.category {
  font-size: 14px;
	line-height: 15px;
	margin: 0px 0px 2px 0px;
	padding: 0;
	color: #5A742C;
	font-weight: bold;
}

a {color:#003138;text-decoration:none;}
a:hover {text-decoration:underline;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

p {
  line-height: 18px;
  margin: 0px 0px 20px 0px;
}
.green {color:#66843A;}
.grnBold {
	color: #5A742C;
	font-weight: bold;
}
.h5 {
  font-size: 15px;
	line-height: 19px;
	margin: 0px 0px 20px 0px;
	padding: 0;
	color: #5A742C;
	font-weight: normal;
}
a.leaf-icon {
  padding-left:40px;
  height:30px;
  background:url(/images/leaf_icon_off.gif) no-repeat;
  display:block;
}
a.leaf-icon:hover {background:url(/images/leaf_icon.gif) no-repeat;}

body {
  background:#457326;
  font:normal 13px arial,helvetica,sans-serif;
}

#whopper {
  position:relative;
  width:940px;
  margin:0 auto;
  padding:0;
}

#header {
  position:relative;
  width:940px;
  z-index:900;
}
#header #tagline {
  position:absolute;
  top:10px;
  right:0px;
  width:265px;
  height:41px;
  text-indent:-9999px;
  background:url(/images/tagline.gif) no-repeat;
  z-index:900;
}
#header div.cola, #header div.colb {padding-top:40px;}
#header div.cola {
  position:relative;
  float:left;
  width:494px;
  z-index:100;
}
#header div.colb {
  position:relative;
  float:right;
  width:446px;
  z-index:100;
}
#section {
  float:left;
  width:249px;
  height:190px;
  text-indent:-9999px;
}
.corporate #section {background:url(/images/pgtitle_about.jpg) no-repeat;}
.store #section {background:url(/images/pgtitle_communities.jpg) no-repeat;}

#logo {
  float:left;
}
#header-nav {
  position:relative;
  width:446px;
  height:41px;
  list-style:none;
  z-index:100;
}
#header-nav li {
  float:left;
  list-style:none;
  width:224px;
  height:41px;
}
#header-nav li.about {width:222px;}
#header-nav li a {
  width:224px;
  height:41px;
  display:block;
  background:url(/images/header_nav_sprite.gif) no-repeat;
  text-indent:-9999px;
}
#header-nav li.communities a {background-position: 0 -41px;}
#header-nav li.communities a:hover {background-position:0 0;}
#header-nav li.about a {width:222px; background-position:-224px -41px;}
#header-nav li.about a:hover {background-position:-224px -0px;}
.corporate #header-nav li.about a {background-position:-224px 0;}
.store #header-nav li.communities a {background-position:0 0 ;}

#middle {
  position:relative;
  width:940px; 
  padding:0;
  background:url(/images/bg.gif) repeat-y;
  clear:both;
}
body.home #middle {background:none;}

body.store #middle {background:url(/images/bg_store_3col.gif) repeat-y;}

body.store #middle.twoColumn {background:url(/images/bg_store_2col.gif) repeat-y;}


#footer {
  width:940px;
  clear:both;
  padding-bottom:20px;
  text-align:center;
}


/***** Home Page *****/
#home-top {
  position:relative;
  width:940px;
  padding-top:40px;
  z-index:10;
}
#home-top div.col1 {
  position:relative;
  float:left;
  width:247px;
  height:423px;
  background:yellow;
  margin:0;
}

#home-top div.col2 {
  position:relative;
  float:left;
  width:247px;
  height:423px;
  background:red;
  margin:0;
}
#home-top div.col3 {
  position:relative;
  float:left;
  width:446px;
  height:423px;
  background:white;
  margin:0; 
  z-index:1;
}
#home-nav {
  list-style:none;
  margin:0;
  padding:0;
  width:247px;
  background:yellow;
  height:423px;
  overflow:hidden;
}
#home-nav li.logo {
  width:247px;
  height:266px;
  background:url(/images/home_logo.gif) no-repeat;
  text-indent:-9999px;
}
#home-nav li a {
  width:247px;
  height:79px;
  background:url(/images/home_nav_sprite.gif) no-repeat;
  text-indent:-9999px;
  display:block;
}
#home-nav li a:hover {width:247px; height:79px;}
#home-nav li.communities a {background-position:0 0;}
#home-nav li.communities a:hover {background-position: -247px 0;}
#home-nav li.about a {height:78px; background-position: 0 -79px;}
#home-nav li.about a:hover {background-position: -247px -79px;}

#home-btm {
  position:relative;
  clear:both;
  width:940px;
  height:136px;
}
#home-btm div.col1 {
  width:247px;
  float:left;
  height:136px;
}
#home-btm div.col1 a {
  display:block;
  width:247px;
  height:136px;
  text-indent:-9999px;
  background:url(/images/home_promo_sprite.gif) no-repeat;
}
#home-btm div.col1 a:hover {background-position: -247px 0;}
#home-btm div.col2 {
  width:603px;
  padding:25px 45px 0 45px;
  float:left;
  background:#769d26;
  height:111px;
}

/***** Corporate Pages *****/
#middle div.cola {
  position:relative;
  float:left;
  width:249px;
  min-height:200px;
}
#middle div.colb {
  position:relative;
  float:left;
  width:418px;
  background:#fff;
  padding:30px 25px 10px 25px;
  overflow:hidden;
}
#middle div.colc {
  position:relative;
  float:left;
  width:223px;
}


/***** STORE PAGES *****/
.store #middle.threeColumn div.cola, .store #middle.twoColumn div.cola {
  position:relative;
  float:left;
  width:249px;
}
.store #middle.threeColumn div.colb {
  position:relative;
  float:left;
  width:418px;
  background:#fff;
  padding:30px 25px;
}
.store #middle.threeColumn div.colc {
  position:relative;
  float:left;
  width:223px;
}
.store #middle.twoColumn div.colb {
  position:relative;
  float:left;
  width:641px;
  background:#fff;
  padding:30px 25px;
}

#facility-title {
  width:249px;
  height:97px;
  text-indent:-9999px;
}
.greenwood #facility-title {background:url(/images/comm_greenwoodtitle.gif) no-repeat;}
.tustin #facility-title {background:url(/images/comm_tustintitle.gif) no-repeat;}

/***** =main-nav *****/
#main-nav {
  position:relative;
  clear:both;
  height:39px;
  background:#003138;
  list-style:none;
  padding-left:225px;
}
#main-nav li {
  position:relative;
  float:left;
  list-style:none;
}
#main-nav li a {
  height:39px;
  display:block;
  text-indent:-9999px;
  background:url(/images/main_nav_sprite.gif) no-repeat;
}
#main-nav li.intro a {width:99px;}
#main-nav li.intro a:hover, body.intro #main-nav li.intro a {background-position:0 -39px;}
#main-nav li.principles a {width:137px; background-position:-99px 0;}
#main-nav li.principles a:hover, body.principles #main-nav li.principles a {background-position:-99px -39px;}
#main-nav li.team a {width:161px; background-position:-236px 0;}
#main-nav li.team a:hover, body.team #main-nav li.team a {background-position:-236px -39px;}
#main-nav li.contact a {width:92px; background-position:-397px 0;}
#main-nav li.contact a:hover, body.contact #main-nav li.contact a {background-position:-397px -39px;}

.store #main-nav li a {background:url(/images/locations_nav_sprite.gif) no-repeat;}
#main-nav li.locations a {width:144px;}
#main-nav li.locations a:hover, body.locations #main-nav li.locations a {background-position:0 -39px;}
#main-nav li.tustin a {width:157px; background-position:-144px 0;}
#main-nav li.tustin a:hover, body.tustin #main-nav li.tustin a {background-position:-144px -39px;}
#main-nav li.greenwood a {width:235px; background-position:-301px 0;}
#main-nav li.greenwood a:hover, body.greenwood #main-nav li.greenwood a {background-position:-301px -39px;}

#store-nav ul {
  width:249px;
  list-style:none;
}
#store-nav ul li {
  width:249px;
  list-style:none;
}
#store-nav ul li a {
  width:249px;
  height:38px;
  display:block;
  background:url(/images/nav_community.gif) no-repeat;
  text-indent:-9999px;
}
#store-nav ul li.intro a {height:51px; background-position:0 0;}
#store-nav ul li.intro a:hover, #store-nav li.intro.on a {background-position:-249px 0;}
#store-nav ul li.features a {background-position:0 -51px}
#store-nav ul li.features a:hover, #store-nav li.features.on a {background-position:-249px -51px;}
#store-nav ul li.floor a {height: 39px; background-position:0 -89px}
#store-nav ul li.floor a:hover, #store-nav li.floor.on a {background-position:-249px -89px;}
#store-nav ul li.site a {background-position:0 -128px;}
#store-nav ul li.site a:hover, #store-nav li.site.on a {background-position:-249px -128px;}
#store-nav ul li.gallery a {height:39px; background-position:0 -166px;}
#store-nav ul li.gallery a:hover, #store-nav li.gallery.on a {background-position:-249px -166px;}
#store-nav ul li.map a {background-position:0 -207px;}
#store-nav ul li.map a:hover, #store-nav li.map.on a {background-position:-249px -207px;}
#store-nav ul li.visit a {background-position:0 -245px;}
#store-nav ul li.visit a:hover, #store-nav li.visit.on a {background-position:-249px -245px;}
#store-nav ul li.testimonials a {background-position:0 -282px;}
#store-nav ul li.testimonials a:hover, #store-nav li.testimonials.on a {background-position:-249px -282px;}
#store-nav ul li.contact a {height:47px; background-position:0 -320px;}
#store-nav ul li.contact a:hover, #store-nav li.contact.on a {background-position:-249px -320px;}

/***** =CCP *****/
#ccp {
  width:200px;
  padding-left:20px;
}
#ccp ul {
  width:200px;
  list-style:none;
}
#ccp ul li {
  width:200px;
  height:30px;
  list-style:none;
  padding-bottom:10px;
}
#ccp ul li a {
  width:200px;
  height:30px;
  display:block;
  background:url(/images/ccp_sprite.gif) no-repeat;
  text-indent:-9999px;
}
#ccp ul li.brochure a {background-position:0 0}
#ccp ul li.brochure a:hover {background-position:-200px 0px;}
#ccp ul li.tour a {background-position:0 -30px;}
#ccp ul li.tour a:hover {background-position:-200px -30px;}
#ccp ul li.video a {background-position:0 -60px;}
#ccp ul li.video a:hover {background-position:-200px -60px;}
#ccp ul li.phone {
  padding:10px 0 20px 0;
  font:bold 21px arial,helvetica,sans-serif;
  text-indent:0px;
  text-align:center;
	line-height: 18px;
	color: #003138;
}
#ccp ul li.checklist a {
  height:50px;
  background:url(/images/moving_checklist_sprite.gif) no-repeat;
}
#ccp ul li.checklist a:hover {background-position:0 -50px;}

/* =Photo Gallery */
div#photo-gallery {
position: relative;
width:620px;
margin:10px;
}
div#photo-gallery li {
float:left;
padding:0 25px 15px 0;
list-style:none;
}
div#photo-gallery li img {
width:75px;
height:75px;
padding:3px;
border: 1px solid #9d6c10;
}

/***** =map *****/
div#map h2 {display: none;}
div#map {padding: 0 0 30px 0;}
#flashmap {
    margin:0;
    width: 418px;
    height: 277px;
    top: 0px;
    left: 0px;
}

#p_col1_bottom {
  padding-top:20px;
  text-align:center;
}


/***** =features *****/
#p_features ul {
	margin: 0px 0px 14px 0px;
	padding: 0px;
	list-style:disc;
}

#p_features ul li {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	font-size: 13px;
	list-style:disc;
}
form.cmxform input.custom {
  font-size: 12px;
	padding: 2px 1px 2px 1px;
	border: 1px solid #D0D0D0;
	float:right;
	width:280px;
	margin-bottom:8px;
}
form.cmxform label.custom, form.cmxform label.full-width {
  clear:both;
  float:left;
  display:block;
  margin-right:10px;
  padding:3px 0;
  line-height:16px;
  vertical-align:middle;
}
form.cmxform label.full-width {
  width:418px;
}
form.cmxform textarea.custom {
  font-size:12px;
  padding: 2px 1px 2px 1px;
  border: 1px solid #D0D0D0;
  margin-bottom:8px;
  width:280px;
  float:right;
}
form.cmxform select.custom {
  clear:both;
  margin-bottom:8px;
  display:block;
}
form.cmxform fieldset ol li {clear:both; padding:0;}

form.cmxform fieldset ol li.quote_text span.h5 {
	font-size: 15px;
	line-height: 19px;
	padding: 0px 0px 20px 0px;
	color: #5A742C;
	font-weight: normal;
	margin-bottom:15px;
}

#lead_message {
  width:300px;
  height:150px;
  clear:both;
  display:block;
  float:left;
}
#imageField {
  width:66px;
  height:45px;
  margin:0;
  padding:0;
  border:0;
  padding-left:20px;
  float:left;
}
li.quote_text {padding-bottom:20px;}

body dl.thanks_data {
    width: 390px;
    margin: 10px 0;
    padding: 0;
}

body dl.thanks_data dt {
    width: auto;
    float: left;
    white-space:normal;
	line-height: 1.7em;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #999;
    font-weight: bold;
}

body dl.thanks_data dd {
    margin: 0 0 0 0;
    padding: .5em;
	line-height: 1.7em;
    border-top: 1px solid #999;
}

.vcard {padding-bottom:20px;}

div#footerWrap {
    position: relative;
    width: 940px;
    font-size: 12px;
    padding: 20px 0 0 0;
    color:#fff;
    background:url(/images/disabilitylogo.gif) no-repeat;
    background-position:10px

}

div#footerWrap ul.firstLinks {
    width: 585px;
    margin:0 auto;
}
div#footerWrap ul.firstLinks li {
    /*display: inline;*/
    float:left;
}
div#footerWrap ul.firstLinks li.last a {border:none;}
div#footerWrap ul.firstLinks li a {
    color: #fff;
    font-size: 12px;
    border-right:1px solid #fff;
    margin:0;
    padding:0 8px;
}

div#footerWrap p.footerText {
    position: relative;
    clear:both;
    text-align:center;
    color: #fff;
    padding: 10px 0 0 0;
    line-height: 16px;
}
div#footerWrap p.share {
    position: absolute;
    right: 0px;
    top: 20px;
}

div#footerLinks {
    position: relative;
    width: 940px;
    margin:0;
    padding:0;
    line-height: 1.0em;
    clear: both;
    padding-top:20px;
}
div#footerLinks p {
    color: #fff;
    font-size: 10px;
    text-align: left;
}
div#footerLinks ul {
    width: 420px;
    margin:0 auto;
}
div#footerLinks ul li {
    float: left;
}
div#footerLinks ul li.last a {border: none;}
div#footerLinks ul li a {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding:0 8px;
    line-height: 12px;
    border-right:1px solid #fff;
}

div#footer-states {
    /*position: relative;
    padding: 10px 0 0 0;
    clear: left;*/
    display:none;
}

div#footer-stores {
    position: relative;
    clear: both;
    padding: 1px 0 0 0;
    text-align:center;
    margin:0 auto;
    width:940px;
}
p#copy {text-align:center;padding-left:370px;}

#footerLinks p a{color:#fff;}
#footerLinks p.footerBrand {
padding: 10px 0 0 0;
margin :0;
line-height: 17px;
clear:both;
text-align:center;
}
#footerLinks p.footerBrand a {font-size: 11px; color:#fff;}
#footerLinks p.footerBrand span img {
position: relative;
padding: 0 0 0 5px;
top: 5px;
}

/* New G5 Brand */
#brand {
	margin:10px auto 0px auto;
	display:block;
	width:213px;
	height:17px;
	text-indent:-9999px;
	background:url(/images/footer-brand.gif);
}
#brand:hover {background-position:0 -17px;}

/* sIRF styles */
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	/*visibility: hidden;*/
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	/*visibility: hidden;*/
}

/*.sIFR-hasFlash h5 {
	visibility: hidden;
}*/

.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
}

/***** =contact_form *****/
#contact_frame {
	border:0;
	margin:0;
}

/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(http://www.g5search.com/javascripts/ext/resources/images/gray/toolbar/bg.gif) repeat-x scroll left top;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

#inline-edit-tools a.edit{
  background-position: 0 2px;
  display: block;
  padding: 3px 0 2px 18px;
  color: #000;
  background-repeat: no-repeat;
  text-decoration: none;
  background-image: url(http://www.g5search.com/javascripts/ext/resources/images/default/shared/fam/page_edit.png) !important;
}

/* --------- /javascripts/shadowbox/skin/classic/skin.css --------- */ 
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/javascripts/shadowbox/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  /*height: 26px;*/
  height: 4em;  /* this can be just about any value because of the overflow, but the 2-4em ballpark looks best, IMO, and prevents overflow off the top of the viewport for captions up to three lines */
  overflow: visible;
}
#shadowbox_title_inner {
	position: absolute;
	bottom: 0;
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

#shadowbox_title {
  border: 0px solid;
} 

#shadowbox_info {
  border: 0px solid;
}


