/*------------------------------------------------------------------
Default styles
------------------------------------------------------------------*/
body{background:#999 url('../images/body_background.png') top left;font:10pt Helvetica,Tahoma,Sans-serif;margin:0;padding:0;}
/*------------------------------------------------------------------
reset
------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,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;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h4,h5,h6{font-size:100%;font-weight:normal;}
h3{font-size:18px;color:#000000;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/*------------------------------------------------------------------
clearfix
------------------------------------------------------------------*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/*------------------------------------------------------------------
base styles
------------------------------------------------------------------*/
a{color:#a73232;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
/*------------------------------------------------------------------
container
------------------------------------------------------------------*/
#container{background-color:#fff;padding:20px;margin:0 auto;padding:20px;width:960px;-webkit-box-shadow:0px 0px 30px #000;-moz-box-shadow:0px 0px 30px #000;}
/*------------------------------------------------------------------
header
------------------------------------------------------------------*/
#header{color:#616161;min-height:100px;}
#header a{color:#616161;}
#logo{background-image:url('../images/safety_video_direct_logo.png');display:block;float:left;height:75px;text-indent:-9999px;width:261px;}
#header .tagline{clear:left;display:none;float:left;width:261px;}
/* search form */
#header form{background:url('../images/header_divider.png') top left no-repeat;float:left;margin-left:39px;padding:20px;position:relative;width:218px;}
#header form label{display:none;}
#header form .textbox{border:0px;background:url('../images/search_box.png') top left no-repeat;height:21px;padding:5px 40px 0 10px;width:168px;}
#header form #go{background-color:transparent;border:0px;cursor:pointer;display:block;height:26px;position:absolute;right:20px;top:20px;width:30px;}
#header form a{background:url('../images/gray_arrow.png') 0 3px no-repeat;float:right;font-size:.8em;margin:5px 10px 0 0;padding:0 0 0 10px;}
/* shipping */
#header #shipping{background:url('../images/header_divider.png') top left no-repeat;float:left;font-size:.8em;padding:20px;width:180px;}
#header #shipping b{background:url('../images/ups_icon.png') top left no-repeat;display:block;padding-left:30px;}
#header #shipping span{display:block;font-size:.9em;font-weight:normal;text-decoration:none;}
/* cart */
#header #cart{background:url('../images/header_divider.png') top left no-repeat;float:right;padding:20px;width:140px;}
#header #cart a{background:url('../images/cart_icon.png') top left no-repeat;display:block;font-size:.8em;height:31px;line-height:31px;padding-left:40px;}
/*------------------------------------------------------------------
nav
------------------------------------------------------------------*/
#nav{background:#010101 url('../images/nav_background.png') top left repeat-x;clear:both;height:95px;left:-20px;padding:0 20px;position:relative;width:960px;}
#nav ul{float:right;margin-top:10px;padding:0 10px;position:relative;z-index:20;width:720px;}
#nav ul li{float:left;margin-left:3px;}
#nav ul li:first-child{margin-left:0px;}
#nav ul li a{color:#ccc;display:block;font-size:1em;padding:8px 20px 12px;text-shadow:-1px -1px #000;}
#nav ul li a:hover{color:#fff;text-decoration:none;}
#nav ul li.active a{background-color:white;color:#333;text-shadow:none;}
/* phone */
#phone{background:url('../images/phone.png');float:left;height:25px;margin-top:20px;text-indent:-9999px;width:177px;}
/* browser specific / css3 (IE6 & 7 will have these added with js) */
#nav ul li.active a{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;}
/*------------------------------------------------------------------
content
------------------------------------------------------------------*/
#content{clear:both;margin-bottom:-90px;}
/* columns */
.twoColumns{position:relative;}
.twoColumns .column1{float:left;left:-20px;position:absolute;top:-23px;width:240px;}
.twoColumns .column2{background-color:#e8e8e8;border-radius:4px;float:right;min-height:825px;padding:20px;position:relative;top:-50px;width:700px;z-index:10;}
/* browser specific / css3 (IE6 & 7 will have these added with js) */
.twoColumns .column2{-moz-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow:0px 0px 30px #000;-webkit-box-shadow:0px 0px 30px #000;}
/*------------------------------------------------------------------
left sidebar (column1)
------------------------------------------------------------------*/
#browse{color:#fff;display:block;font-weight:bold;margin-bottom:6px;padding-left:20px;text-shadow:-1px -1px #671c1c;text-transform:uppercase;}
#browseLinks h3{background:#d0d0d0 url('../images/sidebar_background.png') bottom left repeat-x;border-top:2px solid #bababa;border-bottom:1px solid #bababa;font-size:.9em;font-weight:bold;text-transform:uppercase;position:relative;z-index:1;}
#browseLinks h3 a{color:#5a5555;display:block;padding:6px 20px;}
#browseLinks ul{line-height:1.5em;padding:10px 0;position:relative;z-index:100;}
#browseLinks ul a{color:#5a5555;display:block;font-size:.9em;font-weight:bold;padding:0px 10px 0 30px;}
/*------------------------------------------------------------------
standard container (the boxes in the main content area)
------------------------------------------------------------------*/
.standardContainer{background-color:#fff;border-radius:4px;border:1px solid #c7c7c7;margin-bottom:20px;}
.standardContainer h1,.standardContainer h2{background-color:#333;color:#fff;font-size:1em;font-weight:bold;padding:10px 20px;text-shadow:-1px -1px #000;text-transform:uppercase;}
.standardContainer .content{padding:10px 15px;}
/* .gray */
.gray h1,.gray h2{background:#71727d url('../images/gray_background.png') bottom left repeat-x;text-shadow:-1px -1px #3f3f46;}
/* .red */
.red h1,.red h2{background:#b13b3b url('../images/red_background.png') bottom left repeat-x;text-shadow:-1px -1px #671c1c;}
/* browser specific / css3 (IE6 & 7 will have these added with js) */
.standardContainer{-moz-border-radius:4px;-webkit-border-radius:4px;}
.gray h1,.gray h2,.red h1,.red h2{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;}
/*------------------------------------------------------------------
videos by topic
------------------------------------------------------------------*/
#videosByTopic .content{height:122px;padding:1px 20px;overflow:auto;}
#videosByTopic li{float:left;font-size:.9em;padding:3.0px 0;width:160px;}
#videosByTopic li a{color:#616161;display:block;}
/*------------------------------------------------------------------
industry specific
------------------------------------------------------------------*/
#industryVideos{background-color:#003366;border-radius:4px;color:#fff;line-height:1.2em;margin-bottom:20px;padding:15px 20px;position:relative;width:660px;}
#industryVideos h2{font-size:1.3em;margin-bottom:10px;width:400px;}
#industryVideos h2 strong{font-weight:bold;}
#industryVideos p{font-size:.9em;width:400px;}
/* select */
#selectIndustry{position:absolute;right:20px;top:20px;width:220px;}
#selectIndustry label{float:left;font-size:.9em;margin:5px 0 3px 5px;}
#selectIndustry select{float:left;width:100%;}
/* browser specific / css3 (IE6 & 7 will have these added with js) */
#industryVideos{-moz-border-radius:4px;-webkit-border-radius:4px;}
/*------------------------------------------------------------------
training packages - slider
------------------------------------------------------------------*/
/* slider nav */
#trainingPackages{color:#616161;}
#trainingPackages ul{background:url('../images/slider_nav_background.png') top right no-repeat;float:left;padding:0px 0;width:150px;}
#trainingPackages ul a{color:#616161;display:block;padding:5px 10px 3px 0;text-align:left;}
#trainingPackages ul li.active a{color:#a73232;cursor:default;font-weight:bold;}
#trainingPackages ul li.active a:hover{text-decoration:none;}
/* slider content */
#trainingPackages .content .sliderContent{float:right;width:490px;}
/* slider images */
#trainingPackages .images{float:right;width:234px;}
#trainingPackages img{border:2px solid #45464d;float:right;height:40px;width:62px;}
#trainingPackages .mainImage{height:144px;margin-left:12px;margin-bottom:12px;width:218px;}
#trainingPackages .secondaryImage2{margin:0 12px;}
/* slider copy */
#trainingPackages h3{font-size:1.5em;font-weight:bold;margin:0px 0;}
#trainingPackages h3 a{color:#a73232;}
#trainingPackages h6{font-size:1.1em;font-weight:bold;color:#003366;margin-bottom:10px;}
#trainingPackages p{line-height:1.5em;font-size:.9em;}
#trainingPackages ol li{float:left;display:block;width:250px;margin:2px 0;}
/* slider noImage */
#trainingPackages .noImages h3{float:left;width:472px;line-height:1.5em;}
#trainingPackages .noImages h3 a{color:#a73232;}
#trainingPackages .noImages h6{float:left;font-size:1.4em;margin-bottom:20px;width:472px;}
#trainingPackages .noImages p{float:left;line-height:1.5em;width:472px;}
#trainingPackages .noImages ol li{float:left;display:block;margin:2px 0;width:162px;}
#trainingPackages .noImages ol li a{color:#616161;display:block;}
/*------------------------------------------------------------------
other
------------------------------------------------------------------*/
#other{margin-bottom:0px;}
ul.threeColumn li{border:1px solid #c7c7c7;float:left;margin-left:18px;padding:5px 8px;width:191px;}
ul.threeColumn li:first-child{margin-left:0px;}
ul.threeColumn img{border:2px solid #45464d;height:120px;display:block;margin-bottom:3px;width:187px;}
ul.threeColumn strong{display:block;font-size:1.2em;text-align:center;}
/*------------------------------------------------------------------
footer
------------------------------------------------------------------*/
#footer{background-color:#45464d;color:#dddde4;bottom:-20px;padding:40px;position:relative;left:-20px;width:920px;}
#footer h2{clear:both;color:#fff;font-size:1.6em;left:40px;position:absolute;top:40px;width:760px;}
#footer p{font-size:.9em;line-height:1.5em;margin-top:50px;width:760px;}
#footer .images{position:absolute;right:30px;top:60px;width:200px;}
#footer .images img{display:block;float:right;margin-bottom:10px;}
/* bottom links */
#footer .links{background-color:#34363e;bottom:-40px;font-size:.8em;position:relative;left:-40px;padding:20px 40px;width:920px;}
#footer .links ul{text-align:center;}
#footer .links ul li{border-left:1px solid #dddde4;display:inline;padding:0 15px;}
#footer .links ul li:first-child{border-left:0px;}
#footer .links a{color:#dddde4;}
/*------------------------------------------------------------------
Styles added by SVD
------------------------------------------------------------------*/
#nav_topic ul{left:100%;width:250px;position:absolute;top:0px;background:#ccc;border:solid 1px #bbb;}
ul#nav_topic ul{display:none;}
ul#nav_topic li:hover ul ul,
ul#nav_topic li.onhover ul ul{display:none;}
ul#nav_topic li:hover ul,
ul#nav_topic li.onhover ul{display:block;}
ul#nav_topic ul li:hover ul,
ul#nav_topic ul li.onhover ul{display:block;}
#nav_topic a.x,#nav_topic a.x:visited{background:url(/images/expand.gif) no-repeat 220px 4px;}
#nav_topic a.x:hover,#nav_topic a.x:active{background:#ccc url(/images/contract.gif) no-repeat 220px 4px;}
.contentTable{width:702px;background-color:#fff;}
.contentTable ul,.contentTable ol{list-style-position:inside;margin:1em 0;}
.contentTable ul{list-style-type:disc;}
.contentTable ol{list-style-type:decimal;}
div.productPage{width:672px;padding:15px;}
div.productPage p{margin-top:10px;margin-bottom:10px;}
div.productPage h1{font-size:18px;font-weight:bold;margin-bottom:15px;}
div.productPage img#productImage{float:left;margin:0 15px 12px 0;}
div#productDescription{margin-bottom:15px;}
div#productDescription p{margin-bottom:1em;}
form#form1{margin:10px 0px 0px 0px;padding:0px 0px 0px 10px;}
form#form1 h3{font-weight:bold;}
form#form1 input{margin:5px 0px 0px 5px;}
table#search{border:solid 1px black;}
table#searchResults td{padding:5px 5px 5px 5px;}
table#addToCartForm{border:solid 1px #666;background-color:#f8f8f8;width:300px;margin-top:20px;margin-left:auto;margin-right:auto;text-align:center;}
table#addToCartForm th,table#addToCartForm td{padding:5px;}
div.productPage tr#addToCartHeader{background-color:#A73232;}
div.productPage tr#addToCartHeader th{font-weight:bold;font-size:14px;color:#fff;text-align:center;border-bottom:solid 1px #666;}
div.productPage td#addToOrder{border-top:solid 1px #666;}
div.productPage td#productPrice{font-weight:bold;font-size:14px;}
div.productPage td#productPrice br:first-child{display:none;}
div.column2 table td{padding:3px;}
input#destinationSubmit{margin-top:5px;}
p#destinationInstruction{margin-bottom:5px;}
div#column_right{background-color:white;}
div.staticPage{font-family:Arial,Helvetica,sans-serif;color:#000000;}
div.staticPage span.heading{color:#003366;font-weight:bold;font-size:16px;display:block;margin:0px 0px 10px 0px;}
div.staticPage span.heading span.headingLink{font-weight:normal;font-size:12px;}
div.staticPage p{margin:0px 0px 10px 0px;}
div.staticPage ul{list-style:disc;padding-left:2em;margin:0px 0px 10px 0px;}
p#leftNavSub{font-size:1.1em;font-weight:bold;color:#003366;text-align:center;margin:0em 5px;}
p#leftNavSub span{font-weight:bold;color:#990000;}