/* Start Tabs */ 
#tabs {
float:left;
width:100%;
background:transparent;
font-size:93%;
line-height:normal;
margin-left:1px;
}
#tabs ul {
margin:0;
padding:10px 10px 0 1px;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
background:url(tab_left.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url(tab_right.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#ccc;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
}
#tabs a:hover, #tabs a:focus {
background-position:0% -42px;
}
#tabs a:hover span, #tabs span a:focus {
background-position:100% -42px;
}
#tabs a:hover span, #tabs a#activetab span    { background-position:100% -42px;color: #FFF; }
#tabs a:link#activetab, #tabs a:visited#activetab, #tabs a:hover    { background-position: 0% -42px; color:#fff; }	
ul.subnav {list-style:none; padding:20px 0 10px 0; border-bottom:1px solid #666; margin:0 10px 0 0;}
ul.subnav li {display:inline; margin-left:20px;}
ul.subnav li a:link, ul.subnav li a:visited {text-align:center; color:#0166F6; text-decoration:none;padding:3px 0;}
ul.subnav li a:hover {text-align:center;color: #66CC00; border-top:1px dashed #999;border-bottom:1px dashed #999; padding: 3px 0;}
 ul.subnav li a#active {text-align:center;color: #66CC00; border-top:1px dashed #999;border-bottom:1px dashed #999; padding: 3px 0;}
 ul.subnav {text-indent:-56px; margin-left:10px;}
ul.bottom {border-bottom:none; border-top:1px solid #666; padding-top: 60px;}
/* rounded boxes */
.mbox
	{
	position: relative;
	float:left;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 320px;				/* <-- use this for a set width */
	background-color: #303030;
	display:inline;
	}
.mbox2
	{
	position: relative;
	float:right;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 300px;				/* <-- use this for a set width */
	background-color: #303030;
	display:inline;
	}	
.fourhundred {width:400px;}	
/* \*/
* html .tlc, * html .trc {height: 1%;}
/* */ 	
.sig {padding-top:10px;font-weight:bold; color:#f3f3f3; }
.bcontent
	{
	padding:3em;
	}

.bcontent h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
.bcontent 
	{
	color:#ccc;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
	
.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	height: 1%;
	}

.bb .tlc
	{
	background-image:url(tlc.gif);
	background-position: 0% 0%;
	}

.bb .trc
	{
	background-image:url(trc.gif);
	background-position: 100% 0%;
	}
	
.bb .blc
	{
	background-image:url(blc.gif);
	background-position: 0% 100%;
	}

.bb .brc
	{
	background-image:url(brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-color: #1c1c1c;
	background-image:url(l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}		
h1,h2,h3,h4,h5,h6 {font-family:'Helvetica, Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif; color:#f3f3f3;}
h1 {font-weight:normal;font-size:18px;margin:20px 2px 12px 0}
h2 {font-size:15px;margin:20px 2px 12px 0;}
h3 {font-size:12px;margin:20px 2px 10px 0;}
h4 {font-size:11px;margin:20px 2px 10px 0;}
h5 {font-size:11px;}
h6 {font-size:11px;}
body, * {padding:0; margin:0; }
body {background:#1C1C1C url(bg3.gif); margin-bottom:300px; font:79%/1.3em 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;text-align:center;}
/* xdiv#bg {background:url(bodybg2.jpg) left bottom  no-repeat} */
div#wrapper {text-align:left; width:980px; margin:0 auto; position:relative;}
div#outer {position:relative; width:980px; margin:0 auto; padding-top:20px; text-align:left; }
/* Body text color set here */
div#content {text-align:left; width:980px; background: url(content_bg.gif) repeat-y center; color:#BCC8C6; position:relative; padding-bottom:24px}
div#content_top { clear:both;line-height:5px; background:transparent; }
div#footer {width:980px; height:6px; background: url(footer_bg.gif) no-repeat; }
table {margin:30px 0 0 0; width:80%;}
td {vertical-align:top; padding-left:10px;}
#ftextright {float:right; color:#777; text-align:right; margin:0;padding-top:10px;}
#ftextleft {display:none; float:left; color:#777; text-align:left; margin:0;padding-top:10px;padding-left:4px;}
#ftextleft a:link, #ftextleft a:visited {color:#888;}
#topright {position:absolute; z-index:100;font-size:90%; top: 134px; right:0px; background: none; color:white; width:100px; height:14px;}
#topright h4 {padding:0; margin:0; }
#topright a:link, #topright a:visited {color:#4DC3DD; }
.floatLeft {float:left;}
.floatRight {float:right;} 
img.floatRight {float:right; margin:4px 0 10px 20px;}
img.floatLeft {float:left;}
img.floatRight, img.floatLeft  {border:2px solid #555;}
#mlogo {background: url(magnetsigns_logo3.gif) no-repeat; width:348px; height:89px; margin-bottom:12px;}
#sayit {position:absolute; top:80px; right:0px; width:203px}
div#bodytext {padding:4px 24px 20px 24px;text-align:left;line-height:1.4em;}
div#bodytext p {margin: 0.5em 0.3em 1.4em 0.7em;}
div#bodytext ul, div#bodytext ol {padding-left:3em; margin-top:16px; line-height:1.4em; color:#ccc;}
ul.additional {list-style:none;}
div#bodytext ul li, div#bodytext ol li {margin-bottom:1em;}
div#bodytext strong, div#bodytext b {color:#f9f9f9;}
input.btn {font-size:1.1em; margin-top:1em; font-family:arial;padding:3px 0;background: #C41E12; color:#fff;  border-color:#C4443C} 
.facts {background:#444; border:1px solid #555; border-collapse:collapse; width:99%}
.facts td {border-bottom:1px solid #555;}
.facts th {border:none; text-align:left; background:#222; }
.facts th, .facts td {padding: 3px 4px;}
.facts2 th {text-align:right; background:#555; color:#111; white-space:nowrap}
table.lists {border-collapse:collapse; background:#444; width:95%;}
table.lists th {padding:3px 5px; background:#222; }
table.lists td {padding:1em 5px;}
table.lists td.first { border-right:1px solid #333; width:48%}
table.lists td.second {padding-left:5em;}
.fr {float:left; font-size:110%; width:200px; height:160px; border:1px solid #000; background: #111; padding:20px 10px 10px 10px; margin:5px;}
.fr a {font-size:90%;}
.alt {background: #222;}
div.imageboxr {float:right; text-align:left; font-size:80%; line-height:1.3em; margin-left:10px; }
.div300 {width:300px;}
.tf 
{
  background:#ebebeb url(textfield-bg.gif) repeat-x scroll 0pt 1px;
  border:1px solid #CDCDCD;
  padding:4px; 
}
.tf:focus 
{
  background:#f3f1e4 url(textfield-focus-bg.gif) repeat-x scroll 0pt 1px;
}

/*
        Google Map Page
*/

.clear_left: { clear:left; }
.clear_right: { clear:right; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }

div.lm { 
	background: #FFFCCC;
        margin  : 0 auto;
        padding : 0;
        height  : 48px;
        width   : 48px;
        color   : #222;
        background : #303030 url('ajax-loader.gif') center no-repeat;
}

.current { 
	font-size: .8em; 
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	background: #99B3CC;
	border-right: none;
}

.smalltext { font-size: .8em; }
.small { width: 600px; height: 400px; }
.medium { width: 799px; height: 600px; }
.large { width: 1200px; height: 800px; }
.hidden { display: none; }
.show {	display: block; }

#map_scroll_bar {
	max-height: 578px;
	overflow: scroll; 
	direction: rtl;
	width: 140px;
}
#map_container {
	direction: ltr;
	margin: 0;
	padding: 0;
	width: 123px;
}

#loading {
	margin     : 0;
        padding    : 0;
        height     : 49em;
        width      : 98%;
        position   : absolute;
        left       : 0;
        top        : 9em;
        background : #303030 url('ajax-loader.gif') center 2em no-repeat;
        visibility : visible;
}
#loading_h {
	margin     : 0;
        padding    : 0;
        height     : 49em;
        width      : 98%;
        position   : absolute;
        left       : 0;
        top        : 9em;
        background : transparent;
        visibility : hidden;
}

#side_bar { 
	background: #89A1B8 url('ls_top.jpg') top left no-repeat;
        margin: 20px 0 0 0;
	padding: 22px 0 0;
	width: 140px; 
        float:left; display:inline;
}
#side_bar ul { 
	background: #fff;
	margin: 0; 
	padding: 0; 
}
#side_bar ul ul {
	margin: 0;
	padding: 0;
	padding-top: 7px;
	background: #DDE2FF url('ls_undershadow.jpg') top left no-repeat;
	border: none;
}
#side_bar ul ul li a {
	color: blue;
	font-size: 0.9em;
}

#map_container ul li a
{
	width: 102px;
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-right: 1px solid #888;
}

#map_container a {
	padding: 5px 0 5px 15px;
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	display: block;
	border-right: 1px solid #888;
}
#map_container ul a {
	padding: 5px 0 5px 12px;
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	color: #454877;
}

#map_container ul a img {
	padding: 5px 5px 0 0;
	margin: 0;
}

#map_container a:hover{
	text-decoration: underline;
}

#map_container ul a#ho {
	padding: 0; 
	margin: 0;
	background: #fff;
	color: blue;
	font-size: 1em;
	border: none;
}

#ul_head_office li {
	font-size: 0.9em;
	padding: 3px 0 0 5px;
}
.arrow_right_white { background: url('arrow_right_white.gif') 2px 8px no-repeat; }
.arrow_right_black { background: #C4D1E7 url('arrow_right_black.gif') 2px 8px no-repeat; }
.arrow_down_white { background: url('arrow_down_white.gif') 2px 8px no-repeat; }
.arrow_down_black { background: #C4D1E7 url('arrow_down_black.gif') 2px 8px no-repeat; }

.locations {
	position: relative;
	float: left;
	margin: 10px;
	padding: 0;
	width: 150px;
}

#empty, #s, #m, #l { 
	font-weight: bold; 
	text-decoration: none;
	font-size: .8em;
	padding: 5px; 
	margin: 0;
}
#empty:hover, #s:hover, #m:hover, #l:hover { text-decoration: underline; }

a.active_map { 
	text-decoration: none;
	color: #fff;
	background: #99B3CC;
}
a.inactive_map {
	color: blue;
}

#bubble { 
	width: 140px;
	font-size: 0.8em;
	font-family: Helvetica;
        color: #444;
}

#bubblezoom {
	position: absolute;
	bottom: 0;
	right: -4px;
	background: #eee;
	border: 1px solid #888; x#ABABAB;
	padding: 5px;
}

#bubblezoom a {
	margin-left: 5px;
	text-decoration: none;
	color: blue;
	font-size: 0.8em;
}
#bubblezoom a:hover { text-decoration: underline; }

#top_left {
	position: absolute;
	height: 4px;
	width: 4px;
	top: -1px;
	left: -1px;
	background: #fff url("zoom_corners.gif") top left;
}
#top_right {
	position: absolute;
	height: 4px;
	width: 4px;
	top: -1px;
	right: -1px;
	background: #fff url("zoom_corners.gif") top right;
}
#bottom_left {
	position: absolute;
	height: 4px;
	width: 4px;
	bottom: -1px;
	left: -1px;
	background: #fff url("zoom_corners.gif") bottom left;
}
#bottom_right {
	position: absolute;
	height: 4px;
	width: 4px;
	bottom: -1px;
	right: -1px;
	background: #fff url("zoom_corners.gif") bottom right;
}
#map {
        float:left; display:inline; width:792px; margin: 0;
}

#side_bar, #map {
        margin-top:12px;
}
a:link, a:visited {color:#0166F6; text-decoration:none;}
a:hover {color:#66CC00; text-decoration:underline}
div#mapwrap ul, div#mapwrap ol {padding-left:0; line-height:normal;}
div.clientwrapper {background:#fff; padding:15px; border-top:20px solid #99FF00; border-bottom:10px solid #ff9900; margin:12px 2px;}
div.clientwrapper h1, div.clientwrapper h2, div.clientwrapper h3 {color:#222; padding:10px; margin:4px; padding-top:26px; border-bottom:1px dashed #666; }
#ff td {white-space:nowrap;}
td {vertical-align:top;}
#graybox, {background:#222; width:97% border:4px solid #444; text-align:left; }
.graybox  {background:#222; width:97%; border: 4px solid #444; padding-left:1em}
.gray2 {background:#222;}
#homeboxwrapper {margin-top:26px; color:#222;}
#homebox1 {position:relative;float:left; padding:30px 10px 10px 10px; width:255px; height:200px; border:1px solid #666; margin-left:28px; background:#fff url(homepageboxes-bg.jpg) repeat-x bottom; }
#homebox2 {font-size:90%;position:relative;float:left; padding:30px 10px 10px 10px; width:255px;height:200px; border:1px solid #666; margin-left:24px;background:#fff url(homepageboxes-bg.jpg) repeat-x bottom;} 
#homebox3 {font-size:90%;position:relative;float:left; padding:30px 10px 10px 10px; width:255px;height:200px; border:1px solid #666; margin-left:24px;background:#fff url(homepageboxes-bg.jpg) repeat-x bottom;}
.u {position:absolute; top:0px; left:0px; padding:3px; background:#BBB; width:260px; height:18x; font-size:13px; font-weight:bold; padding-left:12px;}
#homebox1, #homebox2, #homebox3 {font-size:90%; line-height:1.4em;}
#ug{background:#66CC00; color:#fff;}
#uy {background:#FFFF00; color:olive;}
#ur {background:#FF0000; color: #fff;}
#homebox1 a, #homebox2 a, #homebox3 a {color:green;}
.bottombtn {position:absolute; bottom:0px; left:10px;}
table.products {border-collapse:collapse; width:950px; font-size:99%;  }
table td {vertical-align:middle;}
td.productcol {padding:0; margin:0; background:#ccc; width:300px;vertical-align:middle; text-align:center;}
table.products .top {background:#ccc url(productcoltop.gif) no-repeat top left; }
table.products table { width:100%;}
table.products .bottom {background:#ccc url(productcolbottom.gif) no-repeat bottom left;}
table.aw {border-collapse:collapse; width:850px; font-size:99%;  }
.redtext {
	color: #FF3333;
	font-weight: bold;
}
.smalltext {font-size: 10px;}
a img {border:none;}
#homepagesignsizes {text-align:right; color:#fff; margin-right:20px;}
#homepagesignsizes a {margin-left:10px;}
a.rollover1 { display: block; width: 138px; height: 27px; background: url(rent-sign-btn.gif) 0 0 no-repeat; text-decoration: none;}
a.rollover2 { display: block; width: 138px; height: 27px; background: url(buy-franchise-btn.gif) 0 0 no-repeat; text-decoration: none;}
a.rollover3 { display: block; width: 138px; height: 27px; background: url(learn-about-btn.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.rollover1, a:hover.rollover2, a:hover.rollover3 { background-position: 0 -27px;}
.youtubevideos {background:#888; padding:10px 10px 10px 24px; border-top:20px solid #bbb; border-bottom:10px solid #bbb; margin:20px 10px;}
.test1 {background:#fff; padding: 14px; color:#111; border-top:20px solid #ccc; border-bottom:10px solid #ccc; margin-top:10px;}
.test1 *, .test1 li, .test1 p, .test1 li b {color:#111;}
div#bodytext .test1 ol li strong {color:#000;}
div#bodytext .test1 a, div#bodytext .test1 a:visited {color:#336699;}
div#bodytext .test1 a:hover {color:maroon}
.tablepadding td {padding:6px 0; vertical-align:top;}
.tablepadding td p, .tablepadding td ol {padding:0; margin:0;}
.col1 {float:left; width:40%; margin-left:10px;}
.col2 {float:left; width:55%; margin-left:10px;}
.colwrapper { background:#222; padding:10px; border-top:10px solid #000;margin-top:10px;}
.colwrapper2 { background:#222; padding:10px; border-top:10px solid #ff9900; margin-top:10px; }
#bodytext .colwrapper strong, #bodytext .colwrapper2 strong {color:#FF9900}
.colwrapper img,.colwrapper2 img {border:2px solid #999;}
div.clientwrapper img {border:none; }
.colwrapper li {color:#fff;}
.colwrapper ul {list-style-type:square;}
input {padding-top:1.5em;}
#frmFranchising {padding-left:2em;}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	background-color:transparent; 
}

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;
	line-height:25px;
}
.sIFR-hasFlash h4.whitebg {
	visibility: hidden;
	line-height:24px;
	border-bottom:1px dashed #666;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height:20px;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	line-height:18px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	line-height:15px;
}
td span {font-family:"courier";}
#welcome-m {padding-left:10px; padding-top:5px;}
p#welcome-m span {text-indent:-4000px;}
ul.arrow
{
list-style-type: none;
padding: 0;
margin: 0;
}

ul.arrow li
{
background-image: url(/css/arrow_right.png);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1.6em;

}
div#af table {background:#222; width:700px; padding:10px}
div#af form td input {padding-left:1px;}
td.heading {font-size:18px; font-weight:bold; line-height:1.4em; color:#fff;}
td.heading_small p {padding:2px; margin:0; font-size:14px; line-height:1.4em; color:#fff; border-bottom:1px solid #eee;}
.message {border: 5px solid rgb(191, 191, 194); margin: 1em 0pt; padding: 12px; background: #F90 none repeat scroll 0% 0%;
color:#000;}
.aw2  {background:#2a1e1d; width:855px; border: 4px solid #444; margin:20px 0 20px 20px; padding:40px 15px 15px 15px}
.aw2 {font-size:120%; color:#FFF; line-height:1.7em;}
.aw1 td {padding:3px; margin:0; vertical-align:top; text-align:left;} 
.aw1  {background:#2a291d; width:864px; border: 4px solid #444; margin:20px 0 20px 0px; padding: 0 10px 30px 10px;}
.whitebg {background:#fff; color:#111;}
#my_video {margin-left:10px}
a.downloadpdf { display: block; width: 138px; height: 27px; background: url(downloadbrochure.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.downloadpdf { background-position: 0 -27px;}
.pdfbrochure {position:relative}
.pdfbrochure a {position:absolute; top:40px; right:80px;}