/* CSS Document */

* {margin:0; padding:0; font-size:100%;}

body{ background: url(../_img/background_x.jpg) #ffffff top repeat-x; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0 auto;}
#wrapper{ background: url(../_img/flash_bg.jpg) no-repeat top; top:86px; margin:0px auto; text-align:center; }
#container{ width:1000px; margin: 0px auto; text-align:left;  }

img {vertical-align:top;}
a img { border:0;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
html, input, textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.4em;color: #666666;}
.textBox{ }
input, select { vertical-align:middle; font-weight:normal;}
a {color:#717171;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */
.link {background:url(../_img/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}
h1 {font-size:16px; color: #2A5CAC; letter-spacing:1px; font-weight:normal;}
h2 {font-size:14px; color: #3681CA; letter-spacing:1px; font-weight:normal;}
h3 {color:#006699; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:0px; padding:0px 0px 0px 0px;}
h4{ margin:5px 0px 5px 10px;}
cite {font-style:normal;}

.captchaImg{ border:1px solid #666666; margin:2px 0px 2px 0px;}

/* ============================= header ====================== */
.headerWrapper{ height:106px;}
.headerLeft{ float:left;}
.headerRight{ float:right; width: 427px; }
.logo{ margin: 10px 0px 0px 10px;}
.topNavBox{ background:url(../_img/top_nav_bg.jpg) no-repeat; height:25px; color:#ffffff; padding:2px 0px 0px 70px;}
.topNavBox a{ text-decoration:none; font-weight:bold; color:#FFFFFF; }
.topNavBox a:hover{color:#2A5CAC;} 

.menuWrapper{ background:url(../_img/menu_bg.jpg) repeat-x; height: 33px; padding:0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;  line-height: 1.4em;}
.menuItem{}
.menuItem a{}
.menuItem a:hover{}
.menuItemActive{}
.menuOn{ background:url(../_img/menu_on_bg.jpg) repeat-x;}
.menuSep{ vertical-align:middle; width:2px;}
.homeBullet{ vertical-align:middle;}
.errorCode{ color:#FF0000; padding:10px;}

.tableBar{margin: 0px 0px 8px 0px;}
.contentWrapper{ background:url(../_img/content_bg.jpg) repeat-x #DFF0F8; padding:10px;}
.contentLeft{ float:left; width:624px;}
.colLeftTop{ background:url(../_img/col_left_top.jpg) no-repeat; height:9px; font-size:0px; line-height:0px;}
.colLeftMid{ background:#FFFFFF;}
.colLeftBot{background:url(../_img/col_left_bot.gif) no-repeat; height:9px; font-size:0px; line-height:0px;}
.contentRight{ float:right; width:340px;}
.colRightTop{background:url(../_img/col_right_top.jpg) no-repeat; height:9px; font-size:0px; line-height:0px;}
.colRightMid{background:#FFFFFF;}
.colRightBot{background:url(../_img/col_right_bot.gif) no-repeat; height:9px; font-size:0px; line-height:0px;}

.columnContent{ padding:0px 10px 0px 10px;}
.columnContent a{ text-decoration:none; color:#3C83AD;}
.columnContent a:hover{ color:#2A5CAC;}

.rightBoxWrapper{}
.rightBoxTop{ background:url(../_img/side_box_top.jpg) no-repeat; height:8px;font-size:0px; line-height:0px; }
.rightBoxMid{ background:url(../_img/side_box_bg.jpg) repeat-y;}
.rightBoxBot{ background:url(../_img/side_box_bot.jpg) no-repeat; height:7px;font-size:0px; line-height:0px; }
.rightBoxContent{ padding:0px 10px 0px 10px;}
.rightBoxHeader{ text-align:center; margin:auto;}

.testimonialHeader{ border-bottom:1px solid #CCCCCC; margin:10px 0px 5px 0px;}
.testimonialBox{ padding:8px 0px 8px 16px; background:url(../_img/bullet2.gif) no-repeat; border-bottom:1px solid #DFF0F8;}
.testimonialSep{ background:#DFF0F8; height:1px; line-height:0px; font-size:0px;}

.bulletList{ width:140px; border: 0px solid #666666; float:left;}
.bulletImg{vertical-align:middle; margin:0px 5px 0px 0px;}
.bulletBox{margin: 10px 10px 10px 10px;}

ul{list-style-image: url(../_img/bullet.gif);list-style-position: inside; width:100px;}

.midBoxTop{ background:url(../_img/col_left_top.gif) no-repeat; height:9px; font-size:0px; line-height:0px;}

.rightImage{ margin: 0px 0px 10px 0px; }
.spacerImage{ margin: 0px 0px 0px 0px;}
.spacerBox{ font-size:0px; height:10px; padding:0px; margin:0px; line-height:0px;}
.midImage{ margin: 10px 0px 10px 0px;}
.featureImg{ float:left; border:1px solid #333333; margin:0px 10px 10px 0px;}
.largeImg{ border:0px solid #333333; margin:0px 0px 0px 0px;}

.bookTable{ background:url(../_img/book_new.jpg) no-repeat;}
.bookTable td{ padding:3px;}

.orderTable{}
.orderTable td{ padding:5px;}

.footerWrapper{ background:url(../_img/footer_bg.jpg) no-repeat; height:119px;}
.footerContainer{ text-align:center; margin:auto; color: #2A5CAC; padding:20px 0px 0px 0px; font-size:12px;}
.footerContainer a{ text-decoration:none; color:#FFFFFF;}
.footerContainer a:hover{ color: #2A5CAC;}
.address{ color:#C7E4F3; font-size:11px;}

.motionLink{font-size:11px; padding:0px 0px 0px 0px; color:#FFFFFF;}
.motionLink a{color:#FFFFFF; padding:0px;}
.motionLink a:hover{color: #0099FF;}


/* dropdown */

.chromestyle{
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
/* background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 1px 0; /*     top                  */
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #2A5CAC;
padding: 0px 58px 8px 58px; /* third is placement of top dropdown box*/
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.chromestyle ul li a:hover{
/*background: #FFFFFF center center repeat-x;  THEME CHANGE HERE*/
color: #ffffff;  /* */
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0; left:0;
border: 1px solid  #2A5CAC; /*border around dropdown box*/
border-bottom-width: 0; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
line-height:20px;
z-index:100;
background-color: #53ABD6;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px; /* padding between side of dropdown box and text*/
border-bottom: 1px solid #2A5CAC; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #2A5CAC;
}
/* end dropdown */