/* 
    Document   : hart_style
    Created on : May 9, 2011, 3:30:32 PM
    Author     : Owner
    Description:
        Purpose of the stylesheet follows.
*/

BODY {
height:100%;
font : 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
color : #000;
margin-top : 0;
background-color : #fff;
text-align : center;
line-height : 21px;
}

.title {
font-family : Arial;
font-size : 15px;
font-weight : bold;
color : #33458b;
}
td.top {
height:17px;
font-size : 12px;
width : 100%;
padding : 8px;
margin : auto;
text-align : center;
color : blue;
}
h1,h2,h3,h4{
color:black;
font-weight:normal;
}

ul{
list-style: url("/images/dot.gif");
line-height : 14px;
}
#art{
margin-top:5px;

}
a{
color:#0a50a1;
text-decoration: none;
}
a:hover{
text-decoration:underline;
}
a:visited{
color:#0a50a1;
text-decoration: none;
}
ol{
line-height : 14px;
}
td.main {
text-align:left;padding-right:10px;
}
td.side_nav {
width : 188px;
background-image : url("/images/nav_bg.gif");
background-repeat:repeat-y;
}
td.side_nav_pub {
width : 250px;
background-image : url("/images/nav_bg.gif");
background-repeat:repeat-y;
background-position:right;
}
td.right {
width : 180px;
font-size : 10px;
text-align : center;
}
td.rightfoot {
width : 180px;
font-size : 10px;
text-align : left;
}

.subtitle {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #325883;
text-align : left;
}
.titlesm {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
margin-left : 4px;
text-align : left;
}
.detail {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
margin-left : 10px;
text-align : left;
}
.sub {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #33458b;
margin-right : 12px;
text-align : right;
}
.pricing {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #33458b;
margin-right : 12px;
text-align : left;
width : 300px;
}

.navigation{
width:180px; 
text-align: left;
margin-left:10px;
margin-top:10px;
padding-bottom:5px;
}

#navback{
width:200px;
padding-top:3px;
padding-bottom:3px;
background:#f3f3f3;
border:1px solid #dfdfdf;
}

#navbusiness{
color:black;
font-size:14px;
padding-top:5px;
}

.coursecatalog{
    color:black;font-family:times, times new roman, serif;text-align:center;font-weight:normal;font-size:16px;margin-bottom:10px;
}

.navigation div {
margin-bottom:3px;
text-align:left;
padding-bottom : 4px;
padding-left:8px;
margin-top:5px;
}


.navigation li{
margin-top:5px;
margin-left:-25px;
list-style: none;
}

.navigation ul{
list-style: none;
}

.main {
background-color : #fff;
text-align : center;
padding-left : 0;
padding-right : 0;
padding-top : 2px;
padding-bottom : 2px;
}


.content {
position : relative;
width : auto;
text-align : left;
min-width : 120px;
background-color : white;
padding-left : 5px;
padding-right : 10px;
padding-top : 0;
padding-bottom : 0px;
}
a.top:hover {
text-decoration : none;
color : blue;
}
a.top:hover {
text-decoration : none;
color : orange;
}
a.menu {
font-size : 12px;
padding-left : 0;
padding-right : 12px;
padding-top : 2px;
padding-bottom : 0;
text-decoration:none;
width : 160px;
margin : auto;
text-align : left;
color : blue;
}
a.menu:hover {
text-decoration : none;
color : orange;
}

a.menu:visited {
color:blue; 
}
a.main {
font-size : 12px;
text-decoration : none;
width : 100%;
background-color : #fff;
padding : 9px;
margin : auto;
text-align : center;
color : #333;
font-variant : small-caps;
}
a.main:hover {
text-decoration : none;
color : #ccc;
background-color : #fff;
}
a.news {
font-size : 10px;
padding-left : 0px;
padding-right : 0;
padding-top : 2px;
padding-bottom : 4px;
text-decoration : none;
width : 100%;
margin : auto;
text-align : left;
color : blue;
}
a.news:hover {
text-decoration : none;
color : blue;
}
a.news:visited {
font-size : 10px;
text-decoration : none;
color : blue;
}
a.newsB {
font-size : 10px;
font-weight : bold;
padding-left : 0px;
padding-right : 0;
padding-top : 2px;
padding-bottom : 4px;
text-decoration : none;
width : 100%;
margin : auto;
text-align : left;
color : #FBB117;
}
a.newsB:hover {
text-decoration : none;
color : #ccc;
}
a.newsB:visited {
font-size : 10px;
text-decoration : none;
color : blue;
}
a.newsR {
font-size : 10px;
font-weight : bold;
padding-left : 0px;
padding-right : 0;
padding-top : 2px;
padding-bottom : 4px;
text-decoration : none;
width : 100%;
margin : auto;
text-align : left;
color :#FF0000;
}
a.newsR:hover {
text-decoration : none;
color : #ccc;
}
a.newsR:visited {
font-size : 10px;
text-decoration : none;
color : blue;
}
a.newsOr {
font-size : 10px;
font-weight : bold;
padding-left : 0px;
padding-right : 0;
padding-top : 2px;
padding-bottom : 4px;
text-decoration : none;
width : 100%;
margin : auto;
text-align : left;
color :black;
}
a.newsOr:hover {
text-decoration : none;
color : #ccc;
}
a.newsG {
padding-left : 0px;
padding-right : 0;
padding-top : 2px;
padding-bottom : 4px;
text-decoration : none;
width : 100%;
margin : auto;
text-align : left;
color :#667C26;
}
a.newsG:hover {
text-decoration : none;
color : #ccc;
}
.newsGHightlighted{
    color:yellow;
}

.bodytxt {
font-family : Arial;
font-size : 12px;
color : #575758;
}
.footer {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #cccccc;
}
.newstitel {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
padding-left : 5px;
padding-right : 0;
padding-top : 15px;
padding-bottom : 5px;
color : #325883;
}
.banner {
background-image : url("images/Sidebanner.gif");
background-color : #ccccff;
}
.YesScript { display:none; }
.jsOn .YesScript { display:block; }
.myBox
{

    background-color: #659EC7;
    border: 0px solid #ffffff;
}
.myBorder
{

    background-color: #ffffff;
    border: 1px solid #659EC7;
}
.classdisp{
background-image : url("/images/rdot.gif");
background-repeat: no-repeat;
}

.publict{
width:572px;
margin:0px;
}

.publict td{
color:blue;
border-bottom:1px dotted orange;
margin:0px;
}

.publict th{
color:blue;
background:yellow;
border-bottom:1px dotted #f0f0f0;
margin:0px;
}

.publict tr{
height:60px;
}

.publicdiv{
background:blue;color:yellow;text-align:center;padding:2px;margin-top:20px;
}

div.submitB input { background:url(/images/search.png) no-repeat; cursor:pointer; float:right;width: 150px; height: 28px; border: none; color:yellow; font-size:16px; }

div.submitClass img {float:right;border: none;}

#courseinformation{
margin-left:250px;
min-height:1350px;
}

#courseinformation strong{
margin-left:-50px;
margin-bottom:5px;
display:inline-block;
font-weight: bold;
}

.navbaritems{
display:block;
float:left;
padding-left:10px;padding-right:10px;height:34px;padding-top:10px;text-align:center;border-right:1px solid white;
}

.publicreg{
width:100px;
border:none;
}

#weteach{
display:block;float:left;margin-left:5px;color:#ffe000;margin-top:10px;
}

.community{
text-align: center;width:210px;display:inline-block;
}

.community a{
text-decoration:none;
}

.center{
width:967px;margin-left:auto;margin-right:auto;
}

.clients{
padding-bottom:10px;color:gray;height:100px;
}

.clients div{
width:160px;
color:black;
font-weight:normal;
float:left;
height:100px;
margin-left:20px;
}


.clients a{
font-size:13px;margin-left:400px;font-weight:normal;
}

.clients span{
font-size:11px;display:block;
}

div.mod-rounded div.box-t1 { background: url(/images/module_rounded_white_corners.png) 0 0 no-repeat; }



div.mod-rounded div.box-t2 {

	padding: 0px 10px 0px 10px;

	background: url(/images/module_rounded_white_corners.png) 100% -15px no-repeat;

}



div.mod-rounded div.box-t3 {

	height: 9px;

	border-top: 1px solid #D2D2D2;

	background:#f3f3f3;

}



div.mod-rounded div.box-1 {



	border-left: 1px solid #D2D2D2;

	border-right: 1px solid #D2D2D2;

	background:#f3f3f3;

	overflow: hidden;
        text-align:left;
}

.topmenu{
background:#ffe000;margin-bottom:20px;text-align:center;
}


div.mod-rounded div.box-b1 { background: url(/images/module_rounded_white_corners.png) 0 -30px no-repeat; }



div.mod-rounded div.box-b2 {

	padding: 0px 10px 0px 10px;

	background: url(/images/module_rounded_white_corners.png) 100% -45px no-repeat;

}



div.mod-rounded div.box-b3 {

	height: 9px;

	border-bottom: 1px solid #D2D2D2;

	background:#f3f3f3;

}



div.mod-rounded span.header-3 {

	height: 30px;
	line-height: 27px;

}

.header{
font-size:15px;font-weight:normal;
}

#countries{
color:white;font-size:9px;text-align: right;
}

#countries a{
text-decoration:none;
}

.frontdes{
font-family:times, times new roman, serif;text-align:center;font-style:italic;color:gray;font-weight:normal;font-size:25px;
}

.frontdeslearn{
font-family:times, times new roman, serif;text-align:center;font-style:italic;color:gray;font-weight:normal;font-size:17px;margin-top: 10px;
}
.onosp{
    padding-left:80px;color:black;font-size:30px;padding-top:10px;
}
#frontlearn{
    padding-left:150px;padding-top: 30px;
}

#trainingbycity div{
margin-bottom:10px;
margin-left:20px;
}


.subtraining a{
color:red;
font-style:italic;
}

a.blog{
color:black;
text-decoration:none;
line-height : 25px;
}

#breadcrumb{
color:orange;
margin-bottom:10px;
}

#breadcrumb a{
color:blue;
text-decoration:none;
}

.storeimagesdisp{
margin-bottom:10px;
float:left;
width:150px;
height:360px;
text-align: center;
position:relative;
border:1px dotted gray;
}

.storeimagesdisp img{
    min-height: 200px;
}

.storeimagesdispf{
margin-bottom:10px;
float:left;
width:140px;
height:500px;
text-align: center;
position:relative;
border:1px dotted gray;
}

.storeimages img{
box-shadow: 1px 1px 4px 1px #333;
width:80px;
min-height: 120px;
max-height: 120px;
}

.storeimages a{
text-decoration: none;
}

.storeimages{
text-align: center;
margin-bottom:10px;
max-height: 150px;
min-height: 150px;
max-width:150px;
margin-top:10px;
display:inline;
padding:5px;
}

#frontstoreimages div{
    display:inline;
}

#frontstoreimages img{
    box-shadow: 1px 1px 4px 1px #333;
    width:50px;
    min-height: 75px;
    max-height: 75px;
}


#bloglist{
padding:0px;
padding-left:15px;
line-height : 18px;
}


.pricelisting{
    font-size:13px;
    color:red;
    font-weight: 600;
}

.MSRP{
font-weight:100;color:black;
text-decoration:line-through;
}

#cartinfo{
background-image:url('/images/cart.gif');background-size:35px;background-repeat:no-repeat;color:#0a50a1;
height:40px;width:40px;text-align: center;font-size:13px;padding-top:0px;display:inline-block;
}

#cartadded{
color:black;text-align:left;font-size:16px;display:none;
}

#cartaddedinfo{
padding-top:5px;margin-left:20px;
}

.product{
background:lightblue;
width:250px;
height:60px;
text-align: center;
border:1px solid blue;
border-radius:15px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
margin-top:-50px;
}
.product div{
margin-top:5px;
}

.frontclasses{
background:#dadcd1;
width:570px;
height:550px;
text-align: left;
color:black;
margin-top:20px;
}
.frontclasses a{
text-decoration: none;
color:black;
}
.frontclasses div{
float:left;width:280px;font-size:11px;
}
.frontclasses h2{
font-size:14px;margin-left:10px;
}
.frontclasses ul{
margin-left:25px;
}
.frontclasses li{
margin-bottom:5px;
}
#coursecatalog{
background:black;color:white;padding:5px;font-size:12px;
}
#testimonials{
    color:#4F4F4F;
    font-style: italic;
    margin-top:30px;
}
#testimonials div{
margin-top:10px;
}
#testimonials span{
display:block;
text-align: right;
color:black;
margin-top:5px;
}
#totalinfo{
text-align:left;
margin-left:400px;
border-top:1px solid black;
margin-top:20px;
padding-left:50px;
}

.emptycnt{
text-align:left;
}

.bookinfo{
text-align:left;
margin-bottom:40px;
width:600px;
border-bottom:1px solid orange;
padding-bottom:10px;
font-size:40px;
color:orange;
font-weight: normal;
font-style:italic;
}

#cartcontainer{
border:1px solid gray;
}

.storeitems{
font-size:12px;
background:#0a50a1;
color:white;
padding:5px;
text-align:left;
}
.storeitems span{
width:85px;
display:inline-block;
text-align:center;
}
.storeitems a{
color:yellow;
}

.storeitemstitle{
width:400px;
display:inline-block;
text-align:center;
}

.storeitemsheaders{
font-weight: bold;
}

#storeinfo{
margin-bottom:5px;color:gray;font-size:9px;margin-left:50px;
}
#storeinfo a{
text-decoration: none;font-size:11px;
}

#discountinfo{
text-align:left;
margin-top:5px;
}


#checkoutalign{
text-align:right;margin-top:10px;
}

#shippingctdinfo{
text-align:left;
margin-left:400px;
}

#addtocartconfirm{
text-align:left;
}

a.blogtopics{
text-decoration: none;
font-size:12px;
text-align: left;
}

.deepest {
text-align: left;
}

.storedisp{
float:left;height:360px;border:1px dotted black;position:relative;width:140px;
}

.storefrontdisp{
float:left;height:320px;border:1px dotted black;position:relative;width:120px;
}

.storealign{
text-align:right;position:absolute;top:80%;
}

.storefrontalign{
text-align:right;position:absolute;top:70%;
}

.storefrontalign table{
    font-size:10px;
}
.storetop{
text-align:left;
}

#pricelistingfront{
    font-size:10px;
    color:red;
    font-weight: bold;
}

.storetop h1{
font-size:25px;
font-weight:normal;
}

.storecartinfo {
float:right;margin-right:80px;
}

.booktitle{
margin-top:10px;
height: 65px;
overflow:hidden;
}
.booktitle a{
color:blue;
font-size:11px;
line-height: 11px;
}

#cartposition{
padding-left:95px;
}

#cartpositionfront{
width:40px;display:inline;
}

#pubtraining{
    text-align: center;
}

#freshpress{
background: url('/images/fresh.png') no-repeat;height:100px;padding-top:20px;text-align: left;
}

#freshpress ul{
margin-left:-10px;
}

#videocont{
color:red; margin-top:20px;
}

#bottomyellow{
background:#ffe000;height:2px;
}

#bottomcenter{
background:#0a50a1;text-align:center;min-height: 90px;
}

#bottomwidth{
width:967px;margin-left:auto;margin-right:auto;
}

#copyright{
color:white;margin-top:10px;margin-bottom:50px;font-size:12px;
}

#topnavigation{
background:url('/images/topnavbar.gif') no-repeat;height:34px;text-align:left;padding-left:15px;position:relative;
}

#topnavigation a{
color:white;
}

#contactinfo{
text-align:left;height:100px;
}

#telephone{
font-size:20px;color:#0a50a1;text-align: center;margin-top:10px;
}

#telephonecall{
font-size:15px;color:#0a50a1;text-align: center;
}

#searchinput{
position:absolute;top:7px;left:685px;border:0;width:260px;
}

#searchselect{
position:absolute;top:7px;left:875px;border:0;width:75px;
}

#havefunright{
width:160px;margin-left:20px;
}

#havefunleft{
width:160px;margin-left:15px;
}

.imgright{
float:right;
}

.imgleft{
float:left;
}

.partnerlogo{
margin-top:10px;
font-size:11px;
margin-left:40px;
}

.partnerlogo img{
float:left;
width:60px;
}

.ttag {
margin-left:20px;color:gray;
}

.ttag a{
color:blue;
text-decoration:none;
}

.pagetags{
margin-top:20px;
margin-bottom:10px;
color:gray;   
font-size:16px;
text-align: center;
}
.pagetagsquote{
margin-top:20px;
margin-bottom:50px;
color:black;   
font-size:20px;
}
.pagetags h1{
font-size:12px;
color:orange; 
margin-top:2px;
text-align:center;
}

.pagetags a{
    font-style:normal;
    text-decoration: none;
    margin-right:10px;    
}

.pagetags a:hover{
    color:#ff7e00;
}

.pagetags div#location{
border-bottom:1px solid lightgray;
width:700px;
margin-left:10px;
padding-bottom:10px; 
padding-top: 10px;
font-size:11px;
line-height: 13px;
background:#f3f3f3;
}

.pagetags div{
border-bottom:1px solid lightgray;
width:650px;
margin-left:10px;
padding-bottom:3px; 
}

.pagetags span{
font-style:normal;
}

.competition{
margin-top:15px;
}

.storebooks{
padding:10px;margin-bottom:10px;
}

.ifnt{
font-style:italic;text-align: center;padding-left:50px;padding-right:50px;
}

.consoptions{
    margin-left:20px;
}

.techinfo td{
    width:275px;text-align:center;font-weight:bold;color:gray;
}

.techinfo tr{
    height:50px;   
}

.centerimg{
    text-align: center;
}

#ourclients{
    color:gray;
    font-size:15px;
    text-align: right;
    border-top: 1px solid lightgray;
    width:620px;
    margin-top:30px;
    margin-bottom:20px;
}

#quote{
    font-size:11px;    
    border-top:1px solid orange;
    border-bottom:1px solid orange;
    padding:10px;
    text-align:center;
    margin:30px 30px 30px 0px;
}

#groups{
    font-size:11px;    
    padding:10px;
    text-align:center;
    margin:0px 30px 30px 0px;
}

#groups a{
    margin-left:20px;
}

.register{
    width:130px;
    float:right;
    margin-left:20px;
}
.registerq{
    width:130px;
    float:right;
}

.registersmall{
    border:0px;
    width:80px;
}

#coursedisp{
    display:inline;text-align:right;color:gray;
}

#coursedisp span{
    display:inline-block;
    width:140px;
}

.coursetitle{
    width:340px;
    text-align: left;
    display:inline-block;
}

.logos{
    text-align: right;
    margin-top:-75px;
}

.logos img{
    height:80px;
}

#publicclassestbl{
    width:700px;
    margin-bottom: 20px;
}

#publicclassestbl th{
    margin-bottom:5px;
    font-size:14px;
}

#publicclassestbl td{
     height:20px;
     background:#ededed;
     padding:5px;
}

#publicclassestbl thead{
     height:30px;
}

.pubclasseshead{
background:#ededed;
font-size:20px;
color:#0a50a1;
padding:5px;
margin-bottom:10px;
line-height: 30px;
}

.tdname{
    width:200px;
}

.tddate{
    width:250px;
}

.tdcost{
    width:150px;
}

.tdreg{
    width:100px;
}

.trainingquote{
    font-size:11px;
    color:gray;
    margin:15px;
    margin-top:30px;
}

.whereoffered{
    color:black;
    margin-top:0px;
}

.fntital{
    font-style:italic;
    font-weight: bold;
}

.blkinfo{
    color:black;
}

.nobord{
    border:0;
}

.blogtitles{
    font-size:16px;
    text-transform:capitalize;
    text-align: left;
    border-bottom:1px solid lightgray;
    margin-left:300px;
}

.bloginfo{
    text-align: center;
    margin-bottom:20px;
}

.bloginfo a{
    text-transform:capitalize;
    font-size:12px;
}

#outlinetable{
    min-height:1000px;
}

#calendarsmall{
    width:200px;    
    font-size:10px;
    margin-bottom: 9px;
}

.completelist{
    display:block;
    margin-bottom:10px;
}

.notemoteimg{
    width:50px;
}