/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color:#E8E8E8; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}
a img { text-decoration:none; border:none; }
label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

.green { color:#33CC00; }
.red { color:#FF0000; }

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:800px; background-color:#FFFFFF; margin:auto; text-align:left }
#page #headerSpacer{ background-color:#E8E8E8; height:40px }
#page #header{ background-color:#E8E8E8; position:relative; } 
#page #header #logo{
	z-index:90;
	width: 349 px; /* width of your logo image */
	height: 23 px; /* height of your logo image */
	background: #E8E8E8 url(http://www.pinnaclearmor.com/themes/pinnacle/images/logo.png) top left no-repeat;
	margin-top:-15px;
	text-indent: -100em;
	margin-bottom:-9px;
	}
#page #header #logo a{ /* customize_header_logo */color:#FFF; /* customize_header_logo */ text-decoration:none;}
#page #header #logo p{ background-color:#E8E8E8; display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }

#page #header #headerNav{ background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/hnav_bg.png) no-repeat top; position: absolute; height: 29px; top: 24px; right: 0px; z-index:3; width:100%; overflow:visible;}
#page #header #headerNav ul.nav-header{ list-style:none; margin:0 0 0 10px;; padding:0px; width:auto; z-index:2; overflow:visible; float: left}
#page #header #headerNav ul.nav-header li{ float:left; padding:2px 0px; margin-bottom: 0; color:#999; font-size:1em; margin-top:0px }
#page #header #headerNav ul.nav-header li a,#page #header #headerNav ul.nav-header li a:hover{ display:block; padding:0 12px 0 12px; height: 24px; line-height:24px; text-decoration:none; color:#FFF; }
#page #header #headerNav ul.nav-header li a:hover{ background-color:#3F84B5; }
#page #header #headerNav ul.nav-header li.nav-selected a{ background-color:#01385d; }
#page #header #headerNav div.searchBar { line-height:26px; }
#page #header #headerNav div.searchBar h3 { display:none; }
#page #header #headerNav div.searchBar input.box { background:#5f9cc8; border: 1px solid #005999; color:#FFF; height:18px; padding:3px; line-height:24px; vertical-align:middle; }
#page #header #headerNav div.searchBar button.btn { background:#5f9cc8; border: 1px solid #005999; color:#FFF; height:24px; padding:0 4px 0 4px; vertical-align:middle; }
 
#page #header #header-area #headerSubNav { background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/hnav_sub.png) repeat-x bottom; position: absolute; display:block; top: 53px; right: 0px; height:auto; width:100%; overflow:visible; z-index:15; }
#page #headerSubNav.edit { background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/hnav_sub.png) repeat-x bottom; }
#page #headerSubNav ul{ list-style:none; margin:0px; padding:0px; width:auto; z-index:10; overflow:visible; float: right}
#page #headerSubNav ul li{float:left; margin: 0px; color:#999; font-size:12px; height:27px; }
#page #headerSubNav ul li a,#page #headerSubNav ul li a:hover{ display:block; padding:0 8px 0 8px; height: 24px; line-height:24px; text-decoration:none; color:#FFF; }
#page #header #headerSubNav ul li a:hover{ background-color:#999999; color:#333333; }
#page #header #header-area #headerSubNav ul li.nav-selected a{ background-color:#333333; }

#page #header #header-area{ border:1px solid #3F84B5; margin-top: 27px; margin-bottom: 10px; }
#page #header #header-area #header-area-inside{}
#page #header #header-area img { display: block}
#page .divider{padding-top: 12px; background: url(http://www.pinnaclearmor.com/themes/pinnacle/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }

#page #central{ background-color:#FFF; clear:both; margin-top:-12px;  } 
#page #central #body p { text-align:justify; padding:5px; }
#page .no-sidebar { background-image: none !important}
/* #page #central.central-left { background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/nav_sidebar_left_bg.gif) repeat-y center !important; } */
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body { padding:10px !important; float:right}
 
#page #central #body{ float:left; width:77%; padding-right:28px; padding-left: 5px !important; padding-right: 0px !important }
#page .no-sidebar #body{ float: none !important; width: auto !important; }
#page #central #sidebar{ float:right; width:20%; overflow:hidden }
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ background: #005999 url(http://www.pinnaclearmor.com/themes/pinnacle/images/vnav_bg.png) no-repeat top left; display:block; list-style:none; padding:10px 0 10px 0; margin:-6px 0 0 0; font-size:1em; }
#page #central #sidebar ul.nav li{ text-indent:5px; line-height:30px; border-bottom:1px solid #004182; }
#page #central #sidebar ul.nav a{ display:block; height:30px; vertical-align:middle; text-decoration:none; color:#FFF }
#page #central #sidebar ul.nav a:hover{ background-color:#3F84B5; }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold; background-color:#01385d; }
#page #central #sidebar ul.nav ul{ background:none; margin:0px; padding:0px;}
#page #central #sidebar ul.nav ul li{ text-indent:20px; border-bottom:1px solid #01385d;  }
#page #central #sidebar ul.nav ul a:hover{ background-color:#3F84B5; }
#page #central #sidebar ul.nav ul a.nav-selected { font-weight: bold; background-color:#01385d; }

/* #page #central.navLeft{ background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/nav_sidebar_left_bg.gif) repeat-y center; } */
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer_top{ background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/footer_bg.png) repeat-y top; padding:5px; clear:both; color:#FFF; font-size:10px }
#page #footer_top a{ text-decoration:none }
#page #footer_top span.sign-in { margin-left: 20px; display:none; }
#page #footer_top span.powered-by { float:right; display:none; }

#page #footer_bottom { background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/ft_bottom.png) repeat-x bottom; padding:5px; margin-bottom:5px; clear:both; color:#FFF; font-size:10px }
#page #footer_bottom a{ text-decoration:none; }
#page #footer_bottom h2, #page #footer_bottom p { margin:0; padding:0; }
#page #footer_bottom div.left { display:block; float:left; margin-right:10px; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px }
.pagination{ text-align:center; color:#bbb; padding-top:4px }
.pagination .pageRight{ width:20%; float:right; text-align:right }
.pagination .pageLeft{ width:20%; float:left; text-align:left }

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */
table.approvedDealer { width:100%; }
table.approvedDealer th { padding:2px 5px 2px 0; }
table.approvedDealer caption { display:none; }

/* customize breadcrumb */
.breadcrumb{ position:relative; height:30px; width:100%; background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/footer_bg.png) repeat-y top;  }
.breadcrumb ul{position:relative; margin:0; padding:0; height:30px;  }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px; display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url(http://www.pinnaclearmor.com/themes/pinnacle/images/breadcrumbspacer.gif) 100% -60px no-repeat; padding:0 17px 0 15px; }
.breadcrumb ul li a:hover {text-decoration:underline; color:rbg(255,255,255);}
.breadcrumb ul li a.active{background:none; color:rgb(255,255,255); font-weight:bold; }
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .bc_left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; }
.breadcrumb .bc_right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; }

div.f_gallery { text-align:left; padding: 5px; background: url(http://www.pinnaclearmor.com/themes/pinnacle/images/f_gallery.jpg) no-repeat; display: block; width: 375px; height:150px !important; margin-bottom:5px !important; overflow:hidden !important; }
div.f_gallery img { padding-right:5px; }
div.f_gallery p { padding:0; margin:0; text-indent:0; }
div.f_gallery a.hidden { display:none; }

ol.steps {
	margin: 20px 0;
	padding: 0 0 0 35px;
	border: 1px solid #DFDFDF;
	background: url(http://www.pinnaclearmor.com/themes/pinnacle/images/ul_bg_repeat.gif) repeat-y;
}
ol.steps li {
	margin: 0;
	padding: 2px 15px;
	color:#336699;
	font-weight:bold;
	font-size: 1em;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	background: #FFFFFF;
}
ol.steps li h2 {
	font-size: 1.1em;
	color:#336699;
}
ol.steps li p {
	margin:0; padding:0;
	color:#666666;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.6em;
}
ol.steps li.first { border-top: 1px solid #DFDFDF; }
ol.steps li.last {	border-bottom: none; }
ol.steps li.hover {	background:#FFFFFF url(http://www.pinnaclearmor.com/themes/pinnacle/images/ul_bg.gif) repeat-x top left; }

#transport div.item { clear:both; }
#transport div.item img { margin-right:5px; float:left; border:1px solid #000; }
#transport h2 { clear:both; padding-top:10px; }
#transport div.item h3 { padding:0; margin:0; font-size:1.1em; margin-bottom:10px; }
#transport div.item ul.desc  { margin:0; padding:0; width:190px; float:left; margin-left:10px; list-style:none; clear:right; }
#transport div.item ul.desc li { 
	font-size:.9em !important; 
	margin:0; 
	line-height:1.1em;  
	padding-left: 10px;
	background-image: url(http://www.pinnaclearmor.com/themes/pinnacle/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
} 
.ui-tabs .ui-tabs-panel { padding:1em; }
.tonyNextPrevious_previousLink a, .tonyNextPrevious_nextLink a { font-weight:bold; font-size:1.3em; padding:5px; }

#smalltab .ui-tabs .ui-tabs-nav { font-size: .95em; }
#smalltab2 .ui-tabs .ui-tabs-nav { font-size: .85em; }
/* Table Styles */
table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                   : 1 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
thead th,
tbody th
{
	background            : #FFF url(http://www.pinnaclearmor.com/themes/pinnacle/images/th_bck.gif) repeat-x;
 	color                 : #666;  
	padding               : 5px 10px;
  	border-left           : 1px solid #CCC;
	font-weight			  : bold;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : center;
  font-weight           : bold;
}
tbody tr td
{
	padding             : 4px 4px;
  	color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(http://www.pinnaclearmor.com/themes/pinnacle/images/tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
  padding               : 4px;
  background            : #FFF url(http://www.pinnaclearmor.com/themes/pinnacle/images/foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}
table.noborder, table.noborder td, table.noborder th, table.text, table.text td, table.text th { border:0; }
table.noborder tr:hover td, table.noborder tr:hover th, table.noborder tr:hover, table.text tr:hover td, table.text tr:hover th, table.text tr:hover { background:none; }
table.caption { margin: 0 auto; }
table.caption td { font-size:.9em; text-align:left; }
table.caption th { font-size:1em; text-align:center; }
a img { border:0; text-decoration:none; }

table.chart {  border-collapse:collapse !important; border-spacing:0; }
table.chart td, th { padding:1px !important; font-size:.75em !important; text-align:center;  }
table.chart th { font-weight:bold; }
table.chart td.product { font-weight:bold; text-align:center; }
table.chart td.comments { text-align:left; padding:2px; }
table.chart tbody td { cursor:pointer; }
table.chart tbody td ul { list-style:none; padding:0; margin:0; text-align: left; }
table.chart tfoot td { font-weight:400; text-align:left; }
table.chart tfoot td ul { list-style:none; padding:0; margin:0; text-indent:0; }
table.chart tbody td.pdf { text-align:center; }
table.chart tbody td.pdf a { text-decoration:none; }