/*
Theme Name: Outofstylethebook
*/
@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg_chip.jpg);
	background-repeat: repeat;
}
#wrapper {
	margin: 0px auto;
	width: 990px;
	padding: 0px;
	background-image: url(images/global_bg_sliver.png);
	background-repeat: repeat-y;
}
#siteContainer {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 960px;
	clear: both;
	background-color: #FFFFFF;
}
#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px;
	width: 960px;
	clear: both;
}
#left-order {
    float: left;
    margin-left: 30px;
    width: 380px;
}
#right-order {
    color: #4d4d4d;
    font-family: Arial,"Arial Black",sans-serif;
    float: left;
    line-height: 24px;
    font-size: 16px;
    margin-top: 30px;
    width: 500px;
}
#right-order p {
    color: #4d4d4d;
    font-family: Arial,"Arial Black",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
    margin: 0;
    padding: 6px 0 0 9px;
}
#navBarGlobal{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 960px;
	clear: both;
	float: left;
	background: url(images/nav_bar_sliver.jpg) repeat-x;	
}
#navBar {
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 740px;
	float: left;
	font-size: 21px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
}
.top-order {
    padding: 0 30px;
}
.post-format {
    padding: 20px 30px;
}
.title-post {
    font-size: 26px;
    font-weight: bold;
}
#navBar ul {
    list-style: outside none none;
    margin: 0;
    padding: 10px 0 0;
    width: 960px;
}
#navBar ul li{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
#navBar ul li a:active, #navBar a:link, #navBar a:visited{
	color: #4D4D4D;
	border: none;
	text-decoration:none;
}
#navBar ul li a:hover{
	color: #C70076;
	border: none;
	text-decoration:none;
}
#navBarFB {
	margin: 11px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	width: 30px;
	float: left;
}
#navBarFB a img {	
	border: none;
}
#pageTitleArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 70px;
	width: 960px;
	clear: both;
}
#pageTitleImage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 70px;
	width: 700px;
	float: left;
}
#pageHeader {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px;
	width: 960px;
	clear: both;
	border-bottom-color: #DCCCAC;
	border-bottom-width: medium;
	border-bottom-style: solid;
}
#lowerTitleArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 960px;
	clear: both;
	background: url(images/lower_title_sliver.jpg) repeat-x;
}
#lowerTitleArea p {
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 42px;
	font-size: 27px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
}
#footerArea {
	margin: 0px 0px 0px 0px;
	padding: 0 20px;
	height: auto;
	width: 920px;
	clear: both;
	background: url(images/footer_bg.jpg) repeat;
	border-top-color: #DCCCAC;
	border-top-width: medium;
	border-top-style: solid;
	border-bottom-color: #DCCCAC;
	border-bottom-width: medium;
	border-bottom-style: solid;
}
.left-footer {
    float: left;
    width: 50%;
}
.right-footer {
    float: right;
    width: 50%;
}
#footerSpacer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100px;
	width: 336px;
	float: left;
}
#footerImage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100px;
	width: 100px;
	float: left;
}
#footerImage img {
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
}
#footerInfo {
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 80px;
	width: 200px;
	float: left;
}
#footerInfo p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	font-size: 12px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 15px;
}
#footerInfo a:active, #footerInfo a:link, #footerInfo a:visited{
	color: #3153FF;
	border: none;
	text-decoration:none;
}
#footerInfo a:hover{
	color: #3153FF;
	border: none;
	text-decoration: underline;
}
#footerCopy {
	margin-top:12px ;
	padding: 0px 0px 0px 0px;
	height: 100px;
	width: 200px;
	float: right;
} 
#footerCopy p {
	margin:0;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	float: right;
} 
#divider {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 18px;
	width: 960px;
	clear: both;
	border-top-color: #DCCCAC;
	border-top-width: medium;
	border-top-style: solid;
	border-bottom-color: #DCCCAC;
	border-bottom-width: medium;
	border-bottom-style: solid;
}
#shadow {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	width: 960px;
	clear: both;
	background: url(images/oos_shadow_bottom.gif) no-repeat;
}
#spacer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 960px;
	clear: both;
}
#spacerSmall {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 5px;
	width: 960px;
	clear: both;
}
#spacerBig {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 390px;
	width: 900px;
	clear: both;
}
.sub-menu {
    background: none repeat scroll 0 0 #feedc2;
    border: medium none;
    border-radius: 5px;
    padding: 0;
    position: absolute;
}
.ddshadow.toplevelshadow {
    display: none !important;
}
#navBar ul li ul li {
	padding:0;
}
#navBar ul li ul li a {
	padding:0 10px;
}
#navBar ul li ul {
	padding:10px 0;
}
.title_style{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;	
}
.title_style_big{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 18px;
}
.title_style_bigger{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 21px;
}
.underline{
	text-decoration: underline;		
}
.italicsor {
	font-style: italic;
}
.oosRed {
	color: #C70076;
}
.clear {
	clear:both;
}
#bookDescriptionMod {
	margin: 0px 0px 0px 0px;
	padding: 0 0 20px 0;
	height: auto;
	width: 960px;
	border-bottom-color: #DCCCAC;
	border-bottom-width: medium;
	border-bottom-style: solid;
	clear: both;
}
#bookDescriptionImage1 {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 240px;
	float: left;
}
#bookDescriptionImage1 a img {
	border: none;
}
#bookDescriptionImage2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 240px;
	float: left;
}
#bookDescriptionImage2 a img {
	border: none;
}
#bookDescriptionMiddle {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 440px;
    font-family: Arial, "Arial Black", sans-serif;
}
#bookDescriptionMiddleTop {
    clear: both;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 440px;
}
#bookDescriptionMiddleTop img {
    text-align: center;
    width: 250px;
}
#bookDescriptionMiddleTop p {
	font-size: 23px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #4D4D4D;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 6px;
	line-height: 30px;
}
#bookDescriptionMiddleMiddle {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 440px;
	clear: both;
	color: #4d4d4d;
	font-size: 16px;
}
#bookDescriptionMiddleMiddle p {
	font-size: 18px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	line-height: 24px;
}
#bookDescriptionMiddleBottom {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 440px;
	clear: both;
	color: #4d4d4d;
	font-size: 15px;
}
#bookDescriptionMiddleBottom p {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px;
	font-size: 16px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 21px;
}
#bookDescriptionMiddleBottom ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-family: Arial, "Arial Black", sans-serif;
	 font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 21px;
}
#bookDescriptionMiddleMiddle img {
    height: auto;
    vertical-align: middle;
    width: 115px;
}
#adModMain {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 270px;
	width: 960px;
	clear: both;
}
#adModInd{
	margin: 10px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	height: 260px;
	width: 230px;
	float: left;
}
#adModInd a img {
	border: none;
}
@charset "utf-8";

#excerptsThumbModArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 260px;
	width: 960px;
	clear: both;
}
#excerptsThumbModAreaTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px;
	width: 960px;
	clear: both;
}
#excerptsThumbModAreaBottom {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 960px;
	clear: both;
}
#excerptsTopSpacer1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px;
	width: 90px;
	float: left;
}
#excerptsTopSpacer2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px;
	width: 195px;
	float: left;
}
#excerptsThumbMod {
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 175px;
	width: 150px;
	float: left;
}
#excerptsThumbMod a img {
	border: none;
}
#excerptsDashMod {
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 175px;
	width: 60px;
	float: left;
	background: url(images/excerpts_dash.jpg) no-repeat;
}
#excerptsBottomSpacer1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 60px;
	float: left;
}
#excerptsBottomSpacer2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 165px;
	float: left;
}
#excerptsTextMod {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 210px;
	float: left;
}
#excerptsThumbMod p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 21px;
	text-align: center;
}
#orderArea{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height:	270px;
	clear: both;
}
#orderAreaSpacer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 85px;
	height: 270px;
	float: left;
}
#orderAreaMod{
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 360px;
	height: 200px;
	float: left;
}
#orderAreaMod a img {
	border: none;
}
#orderAreaModR{
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 360px;
	height: 200px;
	float: left;
	background: url(images/ingram_order_2.jpg);
}
#orderAreaModR a img {
	border: none;
}
#orderAreaModRImage{
	margin: 85px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 194px;
	height: 94px;
	float: left;
}
#orderAreaModRText{
	margin: 95px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 140px;
	height: 84px;
	float: left;
}
#orderAreaModRText p {
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 15px;
}
#orderAreaDash{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 70px;
	height: 240px;
	float: left;
}
#orderInfoArea {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 380px;
	clear: both;
}
#orderInfoImage {
	margin: 0px 0px 0px 136px;
	padding: 0px 0px 0px 0px;
	width: 270px;
	height: 370px;
	float: left;
        color: #4d4d4d;
}
#orderInfoText {
    color: #4d4d4d;
    float: left;
    font-family: Arial, "Arial Black", sans-serif;
    height: 330px;
    line-height: 26px;
    margin: 20px 0 0;
    padding: 0;
    width: 520px;
}
#orderInfoText p {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 9px;
	font-size: 16px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 21px;
}
#orderQuoteArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height:	100px;
	clear: both;
}
#orderQuoteArea p {
	font-size: 21px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #4D4D4D;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
	text-align: center;
}
#aboutPageHeader {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 300px;
	width: 960px;
	border-top-color: #DCCCAC;
	border-top-width: medium;
	border-top-style: solid;
	border-bottom-color: #DCCCAC;
	border-bottom-width: medium;
	border-bottom-style: solid;
	clear: both;	
}
#aboutPageHeaderLeft {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 300px;
	width: 649px;
	float: left;	
}
#aboutPageHeaderRight {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 300px;
	width: 311px;
	float: left;
	background: url(images/about_header_2.jpg) no-repeat;
}
#aboutPageHeaderRight a:active, #aboutPageHeaderRight a:link, #aboutPageHeaderRight a:visited{
	color: #4d4d4d;
	border: none;
	text-decoration:none;
}
#aboutPageHeaderRight a:hover{
	color: #C70076;
	border: none;
	text-decoration:none;
}
#questionMod{
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	height: 95px;
	width: 275px;
	clear: both;
}
#questionText{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 50px;
	width: 311px;
	clear: both;
}
#questionText p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 75px;
	font-family: Arial, "Arial Black", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	color: 4d4d4d;
}
#questionBottom{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 150px;
	width: 311px;
	clear: both;
}
#questionBottom p {
	margin: 0px 0px 0px 0px;
	padding: 96px 0px 0px 75px;
	font-family: Arial, "Arial Black", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	color: 4d4d4d;
}
#whoQ1Mod{
	margin: 0px 0px 0px 39px;
	padding: 0px 0px 0px 0px;
	height: 75px;
	width: 500px;
	clear: both;
}
#whyQMod{
	margin: 21px 0px 0px 39px;
	padding: 0px 0px 0px 0px;
	height: 100px;
	width: 600px;
	clear: both;
}
#questionsAnsweredField{
	margin: 21px 0px 0px 130px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 700px;
	clear: both;
	font-family: Arial, "Arial Black", sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	text-align: justify;
}
#questionsAnsweredTextLeft{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 300px;
	float: left;
}
#questionsAnsweredTextRight{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 600px;
	float: left;
}
#questionsAnsweredPicLeft{
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 100px;
	float: left;
	display: inline;
	overflow: hidden;
}
#questionsAnsweredPicRight{
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	height: 130px;
	width: 100px;
	float: right;
	display: inline;
	overflow: hidden;
}
#top_spacer {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 21px;
	width: 200px;
	clear: both;
	float: right;
	line-height: 0px;
}
#top_spacer p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, "Arial Black", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 0px;
}
#top_spacer a:active, #top_spacer a:link, #top_spacer a:visited {
	color: #999;
	border: none;
	text-decoration:none;
}
#top_spacer a:hover {
	color: #C70076;
	border: none;
	text-decoration:none;
}
#QA4modArea{
	margin: 15px 0px 0px 230px;
	padding: 0px;
	width: 500px;
	height: 130px;
	clear: both;
}
#QApicMod{
	margin: 0px 0px 0px 18px;
	padding: 0px;
	width: 100px;
	height: 130px;
	float: left;
	display: inline;
	overflow: hidden;
}
.title-post > a {
    color: #000;
    text-decoration: none;
}
#lowerTitleAreaTestMod {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 600px;
	float: left;
	background: url(images/lower_title_sliver.jpg) repeat-x;
}
#lowerTitleAreaTestMod p {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 42px;
	font-size: 27px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
}
#lowerTitleAreaTestImage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 165px;
	float: left;
}
#lowerTitleAreaTestModQ {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 300px;
	float: left;
	background: url(images/lower_title_sliver.jpg) repeat-x;
}
#lowerTitleAreaTestModQ p {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 3px;
	font-size: 30px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
}
#quoteArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: auto;
}
#quoteTitle {
	margin: 21px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 30px;
}
#quoteTitle p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 24px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #333;
}
#quoteMod {
	margin: 0px 0px 0px 80px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: auto;
	clear: bloth;
	list-style-image: url(images/test_dash.jpg);
}
#quoteMod ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #333;
	line-height: 24px;
}
#quoteAuthorMod {
	margin: 0px 0px 0px 80px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: auto;
	clear: bloth;
	text-align: right;
}
#quoteAuthorMod p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-family: Arial, "Arial Black", sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #333;
}
.it_mobile_menu li {
    margin: 0;
}
.it_mobile_menu li a {
    border-bottom: 1px solid #e2e0e0;
    font-size: 12px;
    margin: 0 !important;
    text-decoration: none;
    text-shadow: none;
    text-transform: capitalize;
}
.it_mobile_menu li:last-child a {
    border-bottom: medium none;
    padding-bottom: 15px;
}
.it_mobile_menu li a:hover {
    color: #2565ac;
}
.it_mobile_menu > li.current_page_item > a {
    color: #2565ac;
}
#mobile_menu {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #e2e0e0 !important;
    border-radius: 0 0 10px 10px;
    display: none;
    left: -1px;
    margin-bottom: 500px !important;
    padding: 0 0 20px;
    top: 42px !important;
    width: 214px !important;
}
.it_mobile_menu a {
    color: #3b3b3b;
    display: block;
    padding-bottom: 7px;
    padding-left: 15px !important;
    padding-top: 7px;
}
.it_mobile_menu {
    display: none;
    left: 3px;
    position: absolute;
    text-align: left;
    top: 46px !important;
    z-index: 1000;
}
.it_mobile_menu ul {
    border-bottom: 1px solid #e2e0e0;
    display: block !important;
    visibility: visible !important;
}
.it_mobile_menu ul li a {
    margin-left: 12px !important;
    padding-bottom: 4px !important;
    padding-top: 12px !important;
}
.it_mobile_menu ul li:last-child a {
    padding-bottom: 10px !important;
}
.it_mobile_menu ul a {
    border-bottom: medium none;
}
.mobile_nav {
    color: #3b3b3b;
    display: none;
    font-size: 12px;
    font-weight: bold;
    margin-left: 63px;
    margin-top: 4px;
    padding: 15px 22px 11px 46px;
    position: relative;
    text-transform: uppercase;
}
.mobile_nav:before, .mobile_nav:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 2px;
}
.mobile_nav:before {
    left: 0;
}
.mobile_nav:after {
    right: 0;
}
.mobile_nav:hover {
    color: #3b3b3b;
    text-decoration: none;
}
.mobile_nav > span {
    background: url("images/responsive_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
    left: 19px;
    position: absolute;
    top: 19px;
    transition: all 0.5s ease-in-out 0s;
    width: 15px;
}
.mobile_nav.opened > span {
    transform: rotate(-180deg);
}
#bookDescriptionMiddleTop img {
    width: 440px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#left-order {
		float: left;
		margin-left: 30px;
		width: 250px;
	}
	#left-order img {
		width:100%;
		height:auto;
	}
	#right-order {
		float: left;
		font-size: 19px;
		font-weight: bold;
		margin-top: 30px;
		width: 390px;
		margin-left: 15px;
	}
	.top-order img {
		height: auto;
		margin: 0 10px;
		width: 180px;
	}
	#wrapper {
		width:708px;
		background-image: url("images/708/global_bg_sliver.png");
	}
	#siteContainer {
		width: 688px;
		margin: 0 0 0 10px;
	}

	#spacer {
		width: 688px;
	}
	#header {
		height: 155px;
		width: 688px;
	}
	#header > img {
		height: auto;
		width: 100%;
	}
	#navBarGlobal {
		width: 688px;
	}
	#navBar {
		margin: 0 0 0 10px;
		width: 630px;
	}
	#navBar ul li {
		padding: 0 0 0 7px;
	}
	#bookDescriptionMod {
		width: 688px;
	}
	#bookDescriptionImage1 {
		width: 140px;
	}
	#bookDescriptionImage1 > img {
		height: auto;
		width: 100%;
	}
	#bookDescriptionMiddle {
		width: 588px;
	}
	#bookDescriptionMiddleTop {
		width: 588px;
	}
	#bookDescriptionMiddleTop p {
		font-size: 20px;
	}
	#bookDescriptionMiddleMiddle {
		width: 588px;
	}
	#bookDescriptionMiddleMiddle p {
		font-size: 17px;
	}
	#bookDescriptionMiddleBottom {
		width: 588px;
	}
	#bookDescriptionMiddleBottom p {
		font-size: 13px;
	}
	#bookDescriptionImage2 {
		width: 140px;
	}
	#bookDescriptionImage2 img {
		height: auto;
		width: 100%;
	}
	#bookDescriptionMiddleMiddle img {
		height: auto;
		vertical-align: middle;
		width: 150px;
	}
	#adModMain {
		width: 688px;
	}
	#adModInd {
		float: left;
		height: 260px;
		margin: 10px 0 0 8px;
		padding: 0;
		text-align: center;
		width: 336px;
	}
	#footerArea {
		width: 648px;
	}
	#footerSpacer {
		width: 188px;
	}
	#spacerSmall {
		clear: both;
		height: 5px;
		margin: 0;
		padding: 0;
		width: 688px;
	}
	#pageTitleArea {
		width: 688px;
	}
	#pageTitleImage {
		width: 688px;
	}
	#pageTitleImage > img {
		height: auto;
		width: 100%;
	}
	#aboutPageHeader {
		width: 688px;
	}
	#aboutPageHeaderLeft {
		height: 318px;
		width: 688px;
	}
	#aboutPageHeaderLeft > img {
		height: auto;
		width: 100%;
	}
	#aboutPageHeaderRight {
		display: none;
	}
	#lowerTitleArea {
		width: 688px;
	}
	#questionsAnsweredField {
		margin: 21px 0 0 10px;
		width:667px;
	}
	#QA4modArea {
		margin: 15px 0 0 107px;
	}
	#top_spacer {
		width: 64px;
	}
	#divider {
		width: 688px;
	}
	#pageHeader {
		height: 143px;
		width: 688px;
	}
	#pageHeader > img {
		height: auto;
		width: 100%;
	}
	#excerptsThumbModArea {
		height: 260px;
		width: 688px;
	}
	#excerptsThumbModAreaTop {
		height: 153px;
		width: 688px;
	}
	#excerptsTopSpacer1 {
		height: 153px;
		width: 42px;
	}
	#excerptsThumbMod {
		height: 145px;
		width: 110px;
	}
	#excerptsThumbMod a img {
		border: medium none;
		height: auto;
		width: 100%;
	}

	#excerptsDashMod {
		background: url("images/excerpts_dash.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
		height: 145px;
		width: 52px;
	}
	#excerptsBottomSpacer1 {
		height: 60px;
		width: 40px;
	}

	#excerptsThumbModAreaBottom {
		height: 60px;
		width: 688px;
	}
	#excerptsTextMod {
		height: 60px;
		width: 152px;
	}

	#excerptsTextMod p {
		font-size: 15px;
	}
	#excerptsTopSpacer2 {
		height: 165px;
		width: 130px;
	}
	#excerptsBottomSpacer2 {
		height: 60px;
		width: 118px;
	}
	#quoteArea {
		width: 688px;
	}
	#quoteTitle {
		width: 688px;
	}
	#quoteMod {
		margin: 0 0 0 15px;
		width: 660px;
	}
	#quoteAuthorMod {
		margin: 0 0 0 15px;
		width: 660px;
	}
	#orderArea {
		width: 688px;
	}
	#orderAreaSpacer {
		float: left;
		height: 270px;
		width: 15px;
	}
	#orderAreaMod {
		margin: 35px 0 0;
		width: 290px;
	}
	#orderAreaMod img {
		height: auto;
		width: 100%;
	}
	#orderAreaModR {
		background: url("images/ingram_order_2.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
		float: left;
		height: 163px;
		width: 290px;
	}
	#orderAreaModRImage img {
		height: auto;
		width: 100%;
	}
	#orderAreaModRText {
		height: 84px;
		margin: 84px 0 0;
		width: 125px;
	}
	#orderAreaModRImage {
		margin: 81px 0 0 20px;
		width: 133px;
	}
	#orderInfoArea {
		width: 688px;
	}

	#orderInfoImage {
		margin: 0 0 0 15px;
		width: 200px;
	}
	#orderInfoImage > img {
		height: auto;
		width: 100%;
	}
	#orderInfoText {
		width: 466px;
	}
	#orderInfoText p {
		font-size: 15px;
	}

	#orderQuoteArea {
		width: 688px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	#left-order {
		float: none;
		margin: 0;
		padding: 0 10px;
		width: 366px;
	}
	#left-order img {
		width:100%;
		height:auto;
	}
	#right-order {
		float: none;
		font-size: 19px;
		padding: 0 10px;
		width: 366px;
		margin-left:0px;
	}
	.sub-menu {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: medium none;
		border-radius: inherit;
		padding: 0;
		position: inherit;
	}
	#wrapper {
		width:400px;
		background-image: url("images/400/global_bg_sliver.png");
	}
	#siteContainer {
		margin: 0 0 0 7px;
		width: 387px;
	}

	#spacer {
		width: 387px;
	}
	#header {
		height: 82px;
		width: 387px;
	}
	#header > img {
		height: auto;
		width: 100%;
	}
	#navBarGlobal {
		width: 387px;
	}
	#navBar {
		margin: 0 0 0 5px;
		width: 338px;
	}
	#navBar ul li {
		padding: 0 0 0 5px;
	}
	#navBar ul li a:active, #navBar a:link, #navBar a:visited {
		font-size: 14px;
	}
	#bookDescriptionMod {
		width: 387px;
	}
	#bookDescriptionImage1 {
		text-align: center;
		width: 100%;
	}
	#bookDescriptionMiddle {
		padding: 0 10px;
		width: 367px;
	}
	#bookDescriptionMiddleTop {
		width: 100%;
	}
	#bookDescriptionMiddleTop p {
		font-size: 19px;
	}
	#bookDescriptionMiddleMiddle {
		width: 100%;
	}
	#bookDescriptionMiddleMiddle p {
		font-size: 17px;
	}
	#bookDescriptionMiddleMiddle img {
		height: auto;
		vertical-align: middle;
		width: 120px;
	}
	#bookDescriptionMiddleBottom {
		width: 100%;
	}
	#bookDescriptionMiddleBottom p {
		font-size: 13px;
	}
	#bookDescriptionImage2 {
		text-align:center;
		width: 100%;
	}
	#adModMain {
		width: 387px;
	}
	#adModInd {
		text-align: center;
		width: 100%;
	}
	#footerArea {
		width: 347px;
	}
	.left-footer,.right-footer{width:347px;}
	#footerSpacer {
		display: none;
	}
	#footerInfo {
		width: 187px;
	}
	#footerCopy {
	
	}
	#spacerSmall {
		width: 387px;
	}
	#pageTitleArea {
		height: 42px;
		width: 387px;
	}
	#pageTitleImage {
		height: 42px;
		width: 387px;
	}
	#pageTitleImage > img {
		height: auto;
		width: 100%;
	}
	#aboutPageHeader {
		height: 179px;
		width: 387px;
	}
	#aboutPageHeaderLeft {
		height: 182px;
		width: 387px;
	}
	#aboutPageHeaderLeft > img {
		height: auto;
		width: 100%;
	}
	#aboutPageHeaderRight {
		display: none;
	}
	#lowerTitleArea {
		height: 60px;
		width: 387px;
	}
	#whoQ1Mod {
		height: 75px;
		margin:0;
		width: 387px;
	}
	#whoQ1Mod > img {
		height: auto;
		width: 100%;
	}
	#questionsAnsweredField {
		margin: 21px 0 0 5px;
		text-align: left;
		width: 376px;
	}
	#QA4modArea {
		margin: 15px 0 0 5px;
		width: 369px;
	}
	#QApicMod {
		margin: 0 0 0 70px;
	}
	#divider {
		width: 387px;
	}
	#whyQMod {
		margin: 21px 0 0;
		width: 383px;
	}
	#whyQMod > img {
		height: auto;
		width: 100%;
	}
	#pageHeader > img {
		height: auto;
		width: 100%;
	}
	#pageHeader {
		height: 81px;
		width: 387px;
	}
	#excerptsThumbModArea {
		height: auto;
		width: 387px;
	}
	#excerptsThumbModAreaTop {
		height: auto;
		width: 387px;
	}
	#excerptsTopSpacer1,#excerptsTopSpacer2 {
		display: none;
	}
	#excerptsThumbMod {
		float: none;
		height: 210px;
		text-align: center;
		width: 100%;
	}
	#excerptsDashMod {
		background: url("images/arrow-down.jpg") no-repeat scroll center rgba(0, 0, 0, 0);
		float: none;
		height: 60px;
		width: 100%;
	}
	#lowerTitleArea p {
		font-size: 18px;
		padding: 19px 0 0 42px;
	}
	#quoteArea {
		height: auto;
		width: 387px;
	}
	#quoteTitle {
		height: 57px;
		width: 387px;
	}
	#quoteMod {
		margin: 0 10px 0 0;
		width: 378px;
	}
	#quoteAuthorMod {
		margin: 0 10px 0 0;
		width: 378px;
	}
	#orderArea {
		height: auto;
		width: 387px;
	}
	#orderAreaSpacer {
		display: none;
	}
	#orderAreaMod {
		float: none;
		width: 100%;
		text-align: center;
	}
	#orderAreaDash {
		background: url("images/arrow-down.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
		float: none;
		height: 65px;
		width: 100%;
	}
	#orderAreaDash img {
		display:none;
	}
	#orderAreaModR {
		background: url("images/ingram_order_2.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
		float: none;
		height: 216px;
		width: 100%;
	}

	#orderAreaModRImage {
		margin: 94px 0 0 20px;
	}
	#orderAreaModRText {
		margin: 114px 0 0;
	}
	#orderInfoArea {
		height: auto;
		width: 387px;
	}
	#orderInfoImage {
		float: none;
		margin:0;
		height: auto;
		text-align: center;
		width: 100%;
	}
	#orderInfoText {
		float:none;
		height: auto;
		width: 100%;
	}
	#orderInfoText p {
		font-size: 14px;
	}
	#orderQuoteArea {
		height: auto;
		width: 100%;
	}

	#orderQuoteArea p {
		font-size: 14px;
		font-weight: bold;
	}
	#mobile_menu {
		width: 245px !important;
	}
	.mobile_nav {
		display: inline-block;
		text-shadow: 1px 1px 0 #fff;
	}
	ul.ddsmoothmenu {
		display: none;
	}
	#navBar ul li {
		display: block;
	}
}
@media only screen and (max-width: 480px) , screen and (max-device-width: 480px) { 
	#left-order {
		float: none;
		margin: 0;
		padding: 0 5px;
		width: 260px;
	}
	#left-order img {
		width:100%;
		height:auto;
	}
	#right-order {
		float: none;
		font-size: 16px;
		padding: 0 5px;
		width: 260px;
		margin-left:0px;
	}
	#wrapper {
		width:280px;
		background-image: url("images/280/global_bg_sliver.png");
	}
	#siteContainer {
		margin: 0 0 0 5px;
		width: 270px;
	}
	#spacer {
		width: 270px;
	}
	#header {
		height: 60px;
		width: 270px;
	}

	#header > img {
		height: auto;
		width: 100%;
	}
	#navBarGlobal {
		width: 270px;
	}
	#navBar {
		margin: 0;
		padding: 0;
		width: 236px;
	}
	#bookDescriptionMod {
		clear: both;
		height: auto;
		width: 270px;
	}
	#bookDescriptionImage1 {
		float: none;
		text-align: center;
		width: 270px;
		margin:0;
	}
	#bookDescriptionMiddle {
		float: none;
		height: auto;
		width: 260px;
		padding:0 5px;
	}
	#bookDescriptionMiddleTop {
		clear: both;
		height: auto;
		width: 260px;
	}
	#bookDescriptionMiddleTop p {
		font-size: 14px;
	}
	#bookDescriptionMiddleMiddle {
		clear: both;
		height: auto;
		width: 260px;
	}
	#bookDescriptionMiddleMiddle p {
		font-size: 12px;
	}
	#bookDescriptionMiddleBottom {
		clear: both;
		height: auto;
		width: 260px;
	}
	#bookDescriptionMiddleBottom p {
		font-size: 11px;
	}
	#bookDescriptionMiddleMiddle img {
		height: auto;
		vertical-align: middle;
		width: 100%;
	}
	#bookDescriptionImage2 {
		float: none;
		height: auto;
		text-align: center;
		width: 270px;
	}
	#adModMain {
		clear: both;
		height: auto;
		width: 270px;
	}
	#adModInd {
		float: none;
		height: auto;
		margin:10px 0 0;
		text-align: center;
		width: 270px;
	}
	#footerArea {
		width: 260px;
		padding:0 5px;
	}
	.left-footer,.right-footer{width:260px;}
	#footerSpacer {
		display: none;
	}
	#footerInfo {
		width: 160px;
	}
	#footerCopy {
		display: none;
	}
	#footerInfo p {
		font-size: 10px;
	}
	#spacerSmall {
		width: 270px;
	}
	#pageTitleArea {
		clear: both;
		height: auto;
		width: 270px;
	}
	#pageTitleImage {
		height: auto;
		width: 270px;
	}
	#pageTitleImage > img {
		height: auto;
		width: 100%;
	}
	#aboutPageHeader {
		height: auto;
		width: 270px;
	}
	#aboutPageHeaderLeft {
		height: 124px;
		width: 100%;
	}
	#aboutPageHeaderLeft > img {
		height: auto;
		width: 100%;
	}
	#aboutPageHeaderRight {
		display: none;
	}
	#lowerTitleArea {
		height: 60px;
		width: 270px;
	}
	#lowerTitleArea p {
		font-size: 15px;
		padding: 20px 0 0 10px;
		font-weight: bold;
	}
	#whoQ1Mod {
		height: 50px;
		width: 270px;
		margin:0;
	}
	#whoQ1Mod > img {
		height: auto;
		width: 100%;
	}
	#questionsAnsweredField {
		line-height: 18px;
		margin: 21px 0 0 5px;
		text-align: left;
		width: 260px;
	}
	#questionsAnsweredPicRight {
		display: block;
		float: none;
		text-align: center;
		width: 100%;
		 margin: 0;
	}
	#questionsAnsweredField {
		font-size: 12px;
		text-align: left;
	}
	#questionsAnsweredPicLeft {
		display: block;
		float: none;
		text-align: center;
		 margin: 0;
		width: 100%;
	}
	#QA4modArea {
		margin: 5px;
		width: 260px;
	}
	#top_spacer {
		text-align: center;
		width: 100%;
	}
	#divider {
		width: 270px;
	}
	#whyQMod {
		height: 58px;
		width: 270px;
		margin:0;
	}
	#whyQMod > img {
		height: auto;
		width: 100%;
	}
	#pageHeader {
		border-bottom: medium solid #dcccac;
		clear: both;
		height: 56px;
		margin: 0;
		padding: 0;
		width: 270px;
	}
	#pageHeader > img {
		height: auto;
		width: 100%;
	}
	#excerptsThumbModArea {
		height: auto;
		width: 270px;
	}

	#excerptsThumbModAreaTop {
		height: auto;
		width: 270px;
	}
	#excerptsThumbMod {
		float: none;
		height: auto;
		text-align: center;
		width: 100%;
	}
	#excerptsDashMod {
		background: url("images/arrow-down.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
		float: none;
		height: 60px;
		width: 100%;
	}
	#excerptsTopSpacer1, #excerptsTopSpacer2 {
		display: none;
	}
	#quoteArea {
		height: auto;
		width: 270px;
	}
	#quoteTitle {
		height: 35px;
		width: 270px;
	}
	#quoteMod {
		margin: 0 10px 0 0;
		width: 260px;
	}
	#quoteAuthorMod {
		margin: 0 10px 0 0;
		width: 260px;
	}
	#quoteAuthorMod p,#quoteMod ul li {
		font-size:12px;
	}
	#quoteTitle p {
		font-size:18px;
	}
	#orderArea {
		clear: both;
		height: auto;
		margin: 0;
		padding: 0;
		width: 270px;
	}
	#orderAreaMod {
		height: auto;
		float:none;
		margin: 35px 0 0;
		width: 100%;
	}
	#orderAreaMod a img {
		height: auto;
		width: 100%;
	}
	#orderAreaSpacer {
		display:none;
	}
	#orderAreaModR {
		background: url("images/ingram_order_2.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
		height: 150px;
		width: 100%;
	}
	#orderAreaModRImage {
		height: 94px;
		margin: 69px 0 0 20px;
		width: 121px;
	}
	#orderAreaModR a img {
		height: auto;
		width: 100%;
	}
	#orderAreaModRText {
		margin: 74px 0 0;
		width: 111px;
	}
	#orderAreaDash {
		background: url("images/arrow-down.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
		float: none;
		height: 65px;
		width: 100%;
	}
	#orderAreaDash img {
		display: none;
	}
	#navBar ul {
		padding: 9px 0 0;
	}
	#navBar ul li {
		padding: 0 0 0 5px;
	}
	#orderInfoArea {
		height: auto;
		margin: 15px 0 0;
		width: 270px;
	}
	#orderInfoImage {
		float: none;
		height: 370px;
		width: 270px;
		margin:0;
	}
	#orderInfoText {
		float: none;
		height: auto;
		margin: 0 5px;
		width: 260px;
	}
	#orderInfoText p {
		font-size: 10px;
	}
	#orderQuoteArea {
		height: auto;
		width: 270px;
	}
	#orderQuoteArea p {
		font-size: 10px;
		font-weight: bold;
		line-height: 14px;
	}
	.mobile_nav {
		display: inline-block;
		text-shadow: 1px 1px 0 #fff;
		color: #3b3b3b;
		font-size: 12px;
		font-weight: bold;
		margin-left: 13px;
		margin-top: 4px;
		padding: 15px 22px 11px 46px;
		position: relative;
		text-transform: uppercase;
	}
	#navBar ul li {
		display: block;
	}
	ul.ddsmoothmenu {
		display: none;
	}
	.top-order img {
		height: auto;
		margin: 0;
		width: 100%;
	}
	.sub-menu {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: medium none;
		border-radius: inherit;
		padding: 0;
		position: inherit;
	}
	.top-order {
		padding: 0 10px;
	}
	.post-format {
		padding:0 10px;
	}
	.title-post {
		font-size: 18px;
		font-weight: bold;
	}
}
#navBar ul li:last-child {margin : 0;padding : 0}