/* Tnt Security Services */
/* Main.css
--------------------------------------- */
/* Created January 8, 2007 */
/* Modified March 6, 2007
--------------------------------------- */

/* General
--------------------------------------- */

.left
{
    float: left;
    margin: 15px 15px 15px 0;
}

.right
{
    float: right;
    margin: 15px 0 15px 15px;
}

.small
{
    font-size: smaller;
    line-height: 1.3em;
}

.hide
{
    display: none;
}

blockquote
{
    border-left-style: dotted;
    border-left-width: 1px;
    padding-left: 1em;
    display: block;
}

dt
{
    margin-top: .5em;
    font-weight: bold;
}

dd
{
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 1em;
}

p
{
    margin: .5em auto;
}

li
{
    margin-bottom: 1em;
}

strong
{
    font-weight: bold;
}

img
{
    border: 0;
}


/* Structure and Layout
--------------------------------------- */

body
{
    background: #252123 url(images/bg_tile.gif) repeat-x left top;
    line-height: 1.4em;
    color: #666063;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100.01%;
    margin: 0;
    padding: 0;
    text-align: center;
}

#frame, #footer .content
{
    text-align: left;
    margin: 0 auto;
    width: 786px;
    padding: 0;
}

#wrapper
{
    background: url(images/frame_tile.gif) repeat-y left top;
    clear: both;
}

.inside #wrapper
{
    background-image: url(images/frame_tile_inside.gif);
}

.oneCol #wrapper
{
    background-image: url(images/frame_tile_oneCol.gif);
}

#header
{
    background: url(images/header_bg.jpg) no-repeat right 8px;
    padding-bottom: 20px;
}

#header .content
{
    position: absolute;
    left: -9999px;
}

#header h1
{
    margin: 0 0 0 12px;
    text-indent: -9999px;
    background: url(images/tnt_security_services.gif) no-repeat left top;
    width: 201px;
    height: 214px;
}

#header h1 a
{
    display: block;
    height: 214px;
    text-decoration: none;
}

#container
{
    background: url(images/container_bg.gif) no-repeat left top;
}

.inside #container
{
    background-image: url(images/container_bg_inside.gif);
    padding-bottom: 25px;
}

.oneCol #container
{
    background-image: url(images/container_bg_oneCol.gif);
}

#mainCol
{
    float: right;
    display: inline;
    width: 573px;
    padding: 18px 0 18px 6px;
    font-size: 80%;
    line-height: 1.4em;
}

.oneCol #mainCol
{
    width: 763px;
}

#subCol
{
    float: left;
    display: inline;
    width: 190px;
    background: url(images/left_nav.jpg) no-repeat left top;
    margin-left: 16px;
    text-align: center;
    height: auto !important;
    height: 382px;
    min-height: 382px;
    font-size: 80%;
}

.noMenu #subCol
{
    background: none;
    padding-top: 1em;
}

#extraCol, .oneCol #subCol
{
    display: none;
}


#footer
{
    background: url(images/footer_tile.gif) repeat-x left top;
    text-align: center;
    font-size: 70%;
}

#footer .content
{
    padding: 115px 0 20px 197px;
    width: 589px;
    height: 250px;
    background: #CFC;
}

/* Links
--------------------------------------- */

a, a:link, a:visited
{
    color: #f6ce14;
    text-decoration: none;
    font-weight: bold;
}

a:visited
{
    color: #FFF;
    text-decoration: none;
}

.inside a, .inside a:link, .inside a:visited
{
    color: #000;
}

.inside a:visited
{
    color: #333;
}

a:hover, a:active
{
    text-decoration: underline;
}

div.picture a
{
    color: #FFF;
}



/* Navigation
--------------------------------------- */

.nav
{
    margin: 0;
    padding: 0;
}


.nav li
{
    display: inline;
    list-style: none;
}

#header .nav
{
    float: left;
    border-right: 1px solid #363132;
    border-left: 1px solid #000;
    background: url(images/nav_tile.gif) repeat-x left top;
    margin-top: 10px;
    font-size: 77%;
    font-family: "Trebuchet MS" , verdana, arial, helvetica, sans-serif;
    margin-left: 15px !important;
    margin-left: 8px; /* 	margin-left: 206px !important; 	margin-left: 103px; 	*/
    display: inline;
}

#header .nav a
{
    height: 42px;
    line-height: 42px;
    padding: 0 1.25em;
    margin: 0;
    text-transform: uppercase;
    color: #FFF;
    border-left: 1px solid #363132;
    border-right: 1px solid #000;
    background: url(images/nav_tile.gif) repeat-x left top;
    float: left;
}

#header .nav a:hover, #header .nav a.selected
{
    background-position: left -43px;
    text-decoration: none;
    color: #FFF;
}

#FlashNav
{
    text-align: center;
    width: 100%;
    margin-left: 30px;
}
#FlashNav .nav
{
    border-right: 1px solid #363132;
    border-left: 1px solid #000;
    background: url(images/nav_tile.gif) repeat-x left top;
    margin-top: 0px;
    font-size: 85%;
    font-family: "Trebuchet MS" , verdana, arial, helvetica, sans-serif;
    margin-left: 15px !important;
    margin-left: 8px; /* 	margin-left: 206px !important; 	margin-left: 103px; 	*/
    display: inline;
    text-align: center;
}

#FlashNav .nav a
{
    height: 42px;
    line-height: 42px;
    padding: 0 1.25em;
    text-transform: uppercase;
    color: #FFF;
    border-left: 1px solid #363132;
    border-right: 1px solid #000;
    background: url(images/nav_tile.gif) repeat-x left top;
    float: left;
    text-align: center;
    margin-left: 0px;
}

#FlashNav .nav a:hover, #header .nav a.selected
{
    background-position: left -43px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}

#subCol .nav
{
    font-family: "Trebuchet MS" , verdana, arial, helvetica, sans-serif;
    margin-top: 25px;
    font-size: 105%;
    margin-bottom: 45px;
}

#subCol .nav a, #subCol .nav a:link, #subCol .nav a:visited
{
    color: #808080;
    display: block;
    height: 20px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 40px;
    background: url(images/button.gif) no-repeat center 10px;
    text-decoration: none;
}

#subCol .nav a:hover
{
    color: #000;
    background-position: center -88px;
    text-decoration: none;
}

#footer p
{
    margin-top: 0;
}

#footer .nav a
{
    color: #bbb;
    padding: 0 1em 0 0;
    text-decoration: none;
}

#footer .nav a:hover
{
    color: #eee;
    text-decoration: underline;
}


/* Headers
--------------------------------------- */

h1, h2, h3, h4, .inside #subCol h1, .inside #subCol h2, .inside #subCol h3, .inside #subCol h4
{
    margin: .55em auto .35em;
    line-height: 1.2em;
    font-family: "Trebuchet MS" , verdana, arial, helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFF;
}

.inside h1, .inside h2, .inside h4
{
    color: #000;
}

.inside h3
{
    color: #555;
}

h1
{
    font-size: 232%;
    font-weight: normal;
}

h2
{
    font-size: 182%;
    font-weight: normal;
}

h3
{
    font-size: 136%;
    font-weight: bold;
    color: #f6ce14;
}

h4
{
    font-size: 107%;
    font-weight: bold;
}



/* Content
--------------------------------------- */

#mainCol .monthly
{
    float: right;
    margin-top: 25px;
    margin-bottom: 1em;
}

#mainCol .video
{
    float: left;
    margin-bottom: 1em;
}

#subCol h2#care
{
    text-indent: -9999px;
    margin: 12px 0 0 0;
    background: url(images/customer_care_center.gif) no-repeat center top;
    width: 190px;
    height: 50px;
}

/*#bottom {
	background: url(images/left_bar_stub.gif) no-repeat left bottom;
	position: absolute;
	width: 223px;
	left: 0;
	bottom: 0;
	height: 56px;
	}

.inside #bottom {
	background-image: url(images/left_bar_stub_inside.gif);
	width: 786px;
	}

.oneCol #bottom {
	background-image: url(images/left_bar_stub_oneCol.gif);
	padding-bottom: 20px !important;
	padding-bottom: 62px;
	}*/

#footer .content
{
    background: url(images/left_bar_stub.gif) no-repeat left top;
}

.inside #footer .content
{
    background-image: url(images/left_bar_stub_inside.gif);
}

.oneCol #footer .content
{
    background-image: url(images/left_bar_stub_oneCol.gif);
}

h3#careNews
{
    background: url(images/phoneicons.jpg) no-repeat center top;
    width: 152px;
    height: 120px;
    text-indent: -9999px; /*float: left; 	display: inline; 	clear: both;*/
}

h3#careNews a
{
    display: block;
    height: 120px;
    text-decoration: none;
}

div.services
{
    clear: both;
    margin: 1em 0 0 0;
    color: #bbb;
}
div.services p
{
    vertical-align: middle;
    height: 60px;
}

div.services h3
{
    background: url(images/large_buttons.gif) no-repeat center center;
    float: left;
    width: 131px;
    color: #f6ce14;
    text-transform: uppercase;
    font-size: 120%;
    padding: 9px 10px;
    text-align: center;
}

div.services h3 a, div.services h3 a:link, div.services h3 a:visited
{
    color: #f6ce14;
    text-decoration: none;
    line-height: 1.5;
}

div.services h3 a:hover
{
    text-decoration: underline;
    color: #FFF;
}

#subCol .content
{
    padding: .5em 1em;
    line-height: 1.3em;
    color: #999;
    text-align: left;
    font-size: 95%;
}

#mainCol .content
{
    padding: 1em 2em;
    color: #CCC;
}

.inside #mainCol .content
{
    color: #000;
}

img.photo
{
    border: 8px solid #333;
}

/* Tables/Forms
--------------------------------------- */
table.formtable
{
    border: 1px solid #333;
    width: 100%;
    font-family: verdana;
    font-size: 8pt;
}

td.formlabel
{
    text-align: right;
    white-space: nowrap;
}

td.formvalue
{
    text-align: left;
    white-space: nowrap;
}

/* Clearing
--------------------------------------- */

#container:after, #header .nav:after, #mainCol:after, #bottom:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#container, #header .nav, #mainCol, #bottom
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html #container, * html #header .nav, * html #mainCol, * html #bottom
{
    height: 1%;
}
#container, #header .nav, #mainCol, #bottom
{
    display: block;
}

/* End hide from IE-mac */