@charset "utf-8";
/* CSS Document */

/* -------------------------------- */
/* Font Definitions                 */
/* -------------------------------- */
@font-face {
	font-family: "HelveticaNeueThCn";
	src: url('/Library/fonts/HelveticaNeueLTStd-ThCn.otf') format('opentype');
}
@font-face {
	font-family: "HelveticaNeueLtCn";
	src: url('/Library/fonts/HelveticaNeueLTStd-LtCn.otf') format('opentype');
}
@font-face {
	font-family: "HelveticaNeueLtCnO";
	src: url('/Library/fonts/HelveticaNeueLTStd-LtCnO.otf') format('opentype');
}
@font-face {
	font-family: "Helvetica LT Std Cond";
	src: url('/Library/fonts/HelveticaLTStd-BoldCond.otf') format('opentype');
}
@font-face {
	font-family: "HelveticaNeueLt Std Med";
	src: url('/Library/fonts/HelveticaNeueLTStd-Hv.otf') format('opentype');
}
@font-face {
	font-family: "HelveticaNeueBdCn";
	src: url('/Library/fonts/HelveticaNeueLTStd-Hv.otf') format('opentype');
}

.clearGraphic {
	clear: both
}

a {
	color: darkblue;
	outline: none;
	/* overflow: hidden; */
	text-decoration: none
}
a:hover {
	text-decoration: underline;
}
blurbtext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-align: left
}
body {
	background-color: #91a8d1;
	background-position: top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}
footer {
	padding: 1em;
	clear: both;
	margin-top: 1em;
}
form {
	margin: 0;
	padding: 0
}
h1 {
	font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0;
	padding-top: 0
}
h2 {
	font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 3px;
	padding-top: 0
}

.issueSearchHeader {
font-size:2em;
color: #626777}

h3 {
	font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h4 {
	font-family: "Helvetica LT Std Cond", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin: 3px
}
img, object, embed, video {
	max-width: 100%;
	border: 0px;
	-o-transition: all 0.5s ease 0;
	-moz-transition: all 0.5s ease 0;
	-webkit-transition: all 0.5s ease 0;
	transition: all 0.5s ease 0;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
	border: 0px;
}
label {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-bottom:0;
	vertical-align: baseline
}
li {
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-left: 0px;
	margin-left: -0.5em;
	list-style-type: square;
	line-height: 130%;
	font-size: 0.9em;
}
p {
	line-height: 125%;
	margin-bottom: 0.9em;
	margin-top: 0;
	padding-top: 0
}
small {
	font-family: "HelveticaNeueLtCnO", Helvetica, Arial;
	font-size: 0.70em;
}
ul {
	margin-top: 0px;
	padding-top: 0px
}

.alignTop {
vertical-align:top}


.black_overlay {
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity=70);
}
.white_content {
	display: block;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 29.5em;
	padding: 16px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 16px solid darkgray;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}
.ActivitySubhead {
	padding-left: 0.4em;
	padding-right: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.4em;
	padding-bottom: 0em;
	height: 2.2em;
background: rgb(154,186,227); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(154,186,227,1) 0%, rgba(235,242,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(154,186,227,1)), color-stop(100%,rgba(235,242,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abae3', endColorstr='#ebf2fa',GradientType=1 ); /* IE6-9 */

}


.AddToWishList {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid CornflowerBlue;
	padding-left:1em; padding-right:1em; padding-top:0.5em; padding-bottom:0.5em;
	line-height:280%;
	background-color: white;
	margin-bottom:1em;
}

.AddToWishList input {
line-height:100%}

#Banner a {
	color: #000066;
	text-decoration: none
}
#Banner li {
	display: inline;
	padding-right: .5em;
	text-align: right
}
#Banner ul {
	color: #000066;
	float: right;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: right;
	top: 88px;
	width: 100%
}
.ajax__fileupload_uploadbutton {
	font-size: 0.5em;
	background-color: whitesmoke;
	color: black;
}
#bottom-links {
	text-align: center;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	box-shadow: 0px 0px 0px #204675;
	-webkit-box-shadow: 0px 0px 0px #204675;
	-moz-box-shadow: 0px 0px 0px #204675;
	border: solid 0px #204675;
}
#bottom-links, ul#alphaStrip {
	margin-top: 1em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0;
	padding: 0px;
	text-align: center;
}
#bottom-links li, #alphaStrip li, #navHeaderLinks li {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}
#bottom-links a, #alphaStrip a {
	font-weight: bold;
	font-family: "HelveticaNeueMdCn", "HelveticaNeueW01-67MdCn 692710", Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.1em;
	color: silver;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 4px;
	margin: 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 0px 0px 0px #999;
}
#bottom-links a:hover, #alphaStrip a:hover {
	background: #EBEBEB;
	color: #191919;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0px 0px 0px #FFFFFF
}
.BuyButton {
	border: 1px solid;
	background-color: cornflower;
	font-size: 0.8em;
	padding: 0.5em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.caption {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	text-align: center
}
.centeredButtons {
	text-align: center
}
.clearImage {
	clear: both
}
.leftButtons {
	text-align: left
}
.dropLeftMargin {
	margin-left: -2em;
}
h2.dropLeftMargin {
	margin-top: 1em;
	margin-left:-1.65em;
}


 #MassMail   > input[type="text"] {
width:100%;
margin-bottom:0.5em;
}

/* overflow:hidden causes the float to its left to take up space */
#issueDetails {
overflow:hidden}

#publisherBrowse label, #genreBrowse label, #eraBrowse label {
font-weight:bold;
padding-top:0.5em;
font-size:1em }

#publisherBrowse a, #genreBrowse a, #eraBrowse a {
color:black;  }

.issueSearchCopies {
padding:0.25em;
font-size:0.9em;
}

.issueSearchIssueNum {
font-size:1.2em;
}

.issueInfo {
margin-top:0.25em;
}

#issueSpread li, #publisherBrowse li , #genreBrowse li, #eraBrowse li{
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	padding-bottom: 1em;
}

#issueSpread li {
	width: 11em;
}


#titleSpread li, li.titleSpreadTitle {
	display: inline-block;
	padding-right: 1em;
	text-align: center;
	padding-bottom: 1em;
	width: 12.15em;
	margin-right:0.25em;
	margin-left:0.25em;
	vertical-align:bottom;
}


.titleHeader {font-weight:bold; font-size:1em}
.publisherYears {font-weight: normal; font-size:0.8em}

#publisherBrowse li {
	margin-right:0.5em;
	margin-left:0.5em;
	padding-right: 0.0em;
	vertical-align:top;
	width:8em;
}

ul#spiffPromos {
	list-style-type: none;
	width: 100%;
	padding:0;
	margin:0;

}

#spiffPromos li {
	display:inline-block;
	width:25%;
	margin-left:-4px;
	padding:0;
}

#spiffPromos li:first-child {
margin-left:0;
}

#BriefStoreHeader {
margin-bottom:1em;
clear:both;
width:100%;
}

#adPromos {
	background-color:white;
	background-position: top;
	background-repeat: repeat-x;
padding-top:0.5em;
padding-bottom:0.5em;
}

#freeShipAd {
padding-bottom:0.5em;
}

#genreBrowse li {
	margin-right:0.0em;
	margin-left:0.0em;
	padding-right: 0.5em;
	width:9em;
	vertical-align:top;
}

#eraBrowse li {
	width:23.5em;
	}
	
.alignTop {
vertical-align:top}

#issueSpread ul {
	list-style-type: none;
	width: 100%;
}

#titleSpread ul {
	padding:0;
	list-style-type: none;
	width: 100%;
}

#publisherBrowse ul, #genreBrowse ul {
	margin-left:-3em;
}
#eraBrowse ul {
margin-left:-2.5em;
}

#ListFilter {
	text-align: left;
}
#ListFilter .formfield, #ListFilter .formfield-required {
	font-size: .7em
}
.storeBanner {
	margin-left: -1em;
	margin-right: -1em;
	margin-top: -1em;
}

.storeLogo {
float:left;
padding-right:1em;
margin-bottom:0em;
}

.EnterMyStore {
padding-top:1em;
padding-bottom:1em;
}

.IDjumpToIssue {
float:right}

#StoreFields input, select, #AccountFields input, select, #ContactInfoFields input, select, #PasswordFields input, select {
	margin-bottom: 0.7em;
	font-size: 1em;
}
#StoreFields label, #AccountFields label, #ContactInfoFields label, #PasswordFields label {
	font-weight: normal;
	padding-right: 0.3em;
	float: left;
	width: 10em;
	text-align: right;
	font-size: 1em;
	padding-top: 0.2em;
	font-family: "Helvetica LT Std Cond"
}

.StoreHomeFreeShipping {
padding-top:1em;
padding-bottom:1em;
}

#MsgFields label {
	font-weight: normal;
	padding-right: 0.3em;
	float: left;
	width: 5em;
	padding-bottom:0.7em;
	text-align: right;
	font-size: 0.9em;
	font-family: "Helvetica LT Std Cond"
}
#MsgFields input, textarea {
	font-size: 0.9em;
	width:100%;
	clear:right;
	font-family: "Helvetica LT Std Cond"
}
#browseGrouper {
	border: solid 1px #999999;
}
#browseGrouper label {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}
#browseGrouper td {
	padding-right: 10px;
	padding-top: 11px
}
#browseGrouper tr {
	line-height: 130%;
	text-align: center
}
.flatbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
 *display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .3em 2em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em
}
.flatbutton:hover {
	text-decoration: none
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
 *display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .3em 2em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 13px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 12px;
	padding: .2em 1em .275em;
}
/* color styles 
---------------------------------------------- */

input[type=radio] {
	margin-right: .5em;
	margin-top:0;
	vertical-align:middle;
}
input[type=checkbox] {
	margin-right: .2em;
	margin-top:0;
	margin-bottom:2px;
	vertical-align:middle;
}
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: white;
	background: #014680;
}
.blue:visited {
	color: #d9eef7;
}
/* paleblue */
.paleblue {
	color: #393f41;
	border: solid 1px #68d4fd;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0ffff), to(#b4e4f6));
	background: -moz-linear-gradient(top, #f0ffff, #b4e4f6);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ffff', endColorstr='#b4e4f6');
}
.paleblue:hover {
	background: #007ead;
	color: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.paleblue:active {
	color: white;
	background: #014680;
}
.paleblue:visited {
	color: #393f41;
}
/* disabled */
.disabled {
	color: #404040;
	border: solid 1px #e0e0e0;
	background: whitesmoke;
}
.disabled:visited {
	color: #606060;
}
/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top, #6b9d28, #436b0c);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
.issueSpreadCondition {
	padding: 0.25em;
}

.issueSearchCopies {
padding:0.25em;
font-size:.9em;
}

#left-content {
	margin-right:17.3em;
}

.StoreSetupIcon {
width:100%;
text-align:left;

}
.StoreSetupIcon img {
padding-top:1em;
padding-bottom:1em;
padding-right:0.5em;
padding-left:0.5em;
}

.mainLogo {
	height: auto;
	width: auto\9; /* ie8 */
}
.mainContent {
	margin: 1em;
}
#mainLogoArea {
	text-align:center;
	padding:0.5em 0.5em 0 0.5em;
}

#navHeaderLinks {
	margin:0;
	padding:0 0 0.5em 0;
	text-align: center;
}
#navHeaderLinks li {
	padding-right: 0em;
	font-size: 0.9em;
	font-weight: bold;
}
#navHeaderLinks a {
	color: darkblue;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#navHeaderLinks a:hover {
	background-color: #000066;
	color: darkblue
}
#navtoolbarNew li {
	padding-right: 0.5em;
	font-size: 0.9em;
}
#navtoolbarNew a {
	color: white;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1 px solid white;
}
#navtoolbarNew a:hover, #navtoolbarNew a.selNavbarTab:hover {
	background-color: ghostwhite;
	color: #101010;
	text-decoration: none;
}
#subnavbar ul {
	list-style-type: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	padding-right: 0;
	height: 1.3em;
	margin: 0px;
}
#navtoolbarNew a.selNavbarTab {
	color: #bcdff9;
	border-color: #bcdff9;
}
#subnavbar {
	width: 100%;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0 ); /* IE6-9 */
}
#subnavbar li {
	display: inline;
	padding-right: .5em;
	text-align: left;
}
#userStatus {
	padding:0em;
}
.contentWrapper {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	text-align: left;
}

.findScope label{
padding-top:1em;
}

	margin: 0;
	padding: 7px 10px;
	vertical-align: middle;
}
.Headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold
}
.LetterBrowse {
	font-size: 1em;
	font-weight: bold;
	color: darkgray;
}
.LetterBrowse a {
	padding: 0.1em 0.3em;
	text-align: center;
	color: darkgray;
	text-decoration: none
}
.LetterBrowse a:hover {
	color: blue;
}
#LoginPage a {
	font-weight: normal;
	color: #0000AA;
	font-size: 0.8em;
}

#LoginPanes {
	display: inline-block;
	padding: 0;
}

#LoginPanes h2 {
padding-bottom:1em;
}

#LoginPage ul {
	margin-left: 1em;
}

#LoginPage input {
line-height: normal;
}

#LoginPage li {
	width: 24em;
	display: inline-block;
	vertical-align: top;
	font-size:14px;
}

#LoginPage {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #333;
}

#LoginPage label {
	margin-bottom:5px;
	font-size: 14px;
	line-height: 1.42857;
}

li#ReturningUsers {
width:28em;
	padding-right: 6em;
	margin-bottom:2em;
}
/* ---------------Menu Navigation ------------------------ */
#mainNav {
	display: inline;
	float: none;
	text-align: left;
}

#menu-bar2 {
text-align:center;
margin-top:-0px;
margin-bottom:0;
line-height:100%;
}

#topMenuIcon {
    display:  none;
    padding: 0px;
}
.toggleMenu {
    display:  none;
    padding: 0px;
}

.form-control.naturalWidth {
width: auto;
}

.nav {
    list-style: none;
     *zoom: 1;
}

.nav:before, .nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
ul.nav {
    list-style: none;
	margin:0;
	padding:0;
	display:inline-block;
	text-align:center;
	line-height:100%;
}
.nav a {
    padding: 6px 15px;
	font-size:1.2em;
}

.nav a:hover {
	color:black;
	background:whitesmoke;
	text-decoration:none;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;}

	.nav a:visited {color:darkblue}

.nav > li > ul > li a:hover {
background:lightgray;
text-decoration:none;

}

.nav > li > ul > li  {
width:20em;
font-size:1em;
font-weight:normal;
text-align:left;
}
.nav li {
    position: relative;
	padding:0; 
	margin:0;
	list-style:none;
}
.nav > li {
    float: left;
}
.nav > li > a {
    display: block;
	padding:6px 15px;
}
.nav li  ul {
    position: absolute;
    left: -9999px;	
	border: solid 1px #B4B4B4;
	padding:0;
	margin:0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 3px #222222;
	-moz-box-shadow: 2px 2px 3px #222222;
	box-shadow: 2px 2px 3px #222222;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: whitesmoke;
    position: relative;
    z-index:100;
    border-top: solid 1px white;
	color: #424242 !important;
}
.nav li li li a {
    background:whitesmoke;
    z-index:200;
    width:10em;
}







#newsPreviews li {
list-style:none; 
display: inline}
ul#newsPreviews  {
margin:0; padding:0;}



ul#newsList  {
margin:0; padding:0;}

#newsList {
font-size:1.2em;
}

#newsPreviews h1, #newsPreviews h2 {
	margin-top: 0;
	padding-top: 0px;
	margin-bottom: 0;
padding-bottom:0;
	line-height: 1.05
}
#newsPreviews h1 {
	font-size: 1.4em
}
#newsPreviews h3 {
	font-size: 0.9em;
	font-style: italic;
	color: darkgray
}
#newsPreviews p {
	margin-top: 0;
	padding-top: 0px;
	line-height: 1.2
}
#newsPreviews .left-graphic {
	padding-top: 0.2em;
	padding-bottom: 0.2em
}
#topStory td > .left-graphic {
padding-top 1em
}
#newsPreviews {
	padding-top: 1em
}

.PageWrapper {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #333333;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #333333;
	border-top: 1px solid #333333;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 780px
}
.PlainHeader {
	background-image: url(/images/store_banner_m.jpg);
	background-repeat: repeat-x;
	clear: both;
	text-align: left
}
.QandAQuestion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold
}

.SectionHeader h1 {
	margin-bottom: 10px;
	margin-top: 15px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top: 5px
}
.SectionHeader h2 {
	background-image: url(/images/Tab-Header.png);
	background-position: left;
	background-repeat: no-repeat;
	color: #FFF;
	margin-bottom: 0;
	padding-bottom: 0.1em;
	padding-left: 10px;
	font-size: 1.8em;
	padding-top: 0.5em;
}
.SectionHeader h2 a {
	color: #FF0
}

.SellerData {padding-top:1em}

.SmallSubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: normal;
	font-weight: bold
}
.SmallSubheadPlain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal
}
.StatusMessage {
	background-color: #FFFFCC;
	clear: both;
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	text-align: center;
	width: 100%
}
.SuperHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold
}

#topBannerAd {
height:95px;
}
#topBannerAdWrap {
height:95px;
margin-bottom:1em;
overflow:hidden;
}
.XFindBottomGroup {
	border-top: solid 1px #B0C4DE;
	margin-top: 5px;
	padding: 10px 5px;
	width: 714px
}
.XFindTopGroup {
	padding: 5px;
	width: 714px
}


.autocomplete_completionListElement li {
list-style:none;
font-size:1em;
margin-bottom:0.3em;
margin-top:0.3em;
color:#202020;
}

.autocomplete_completionListElement {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	height: 16.1em;
	list-style: none;
	overflow: auto;
	padding-left:0.5em;
}
.balloonCell {
	background-image: url(https://atomicavenue.com/images/salesbot-sliver.png);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px
}

.blueFade {
background: rgb(154,186,227); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(154,186,227,1) 0%, rgba(235,242,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(154,186,227,1)), color-stop(100%,rgba(235,242,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abae3', endColorstr='#ebf2fa',GradientType=1 ); /* IE6-9 */
}

.boxbody {
	background: #FFFFCC left bottom;
	border: 2px solid #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-align: left;
	width: 200px
}
.boxhead {
	background: url(/images/Gold_Sidebar_Top.jpg) no-repeat;
	height: 25px;
	margin: 0 0 0 1px;
	padding: 0 0 0 1px;
	position: relative;
	text-align: center;
	top: 15px;
	vertical-align: baseline;
	width: 200px
}
.boxhead h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 4px
}
.columnbox {
	border: 1px solid #000099;
	overflow: auto;
	padding: 15px
}
.columnist-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: oblique;
	font-weight: bold;
	margin: 0;
	padding: 0
}
.contact-line {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	padding-bottom: 9px;
}
.conditionalBreak {
	display: none
}
.conditionHeader {
background: rgb(154,186,227); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(154,186,227,1) 0%, rgba(235,242,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(154,186,227,1)), color-stop(100%,rgba(235,242,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(154,186,227,1) 0%,rgba(235,242,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abae3', endColorstr='#ebf2fa',GradientType=1 ); /* IE6-9 */
	color: #000000;
	width:100%;
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding:0.3em;
	font-weight: bold
}

.conditionHeader td {
padding:0.3em;
}

.contactLabel {width:10em}

.contact-line, .mobileContactLine {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	margin-top: 9px;
	text-decoration: none
}
.content {
	background-color: #F0FFFF;
	margin: 0 15px 15px;
	padding: 0;
	text-align: left;
	width: 400px
}

.content600 {
	background-color: #FFFFFF;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 3px;
	clear: right;
	float: left;
	margin: 15px 0;
	padding: 0 0 0 15px;
	text-align: left;
	width: 585px
}
.content800NoLogo {
	background-color: white;
	margin-top: 0;
	width:100%;
	margin-right: 1em;
	margin-left: 1em;
	padding:0px;
	text-align: left;
}

.content800 {
	background-color: white;
	margin-top: 0;
	width:100%;
	margin-right: 1em;
	margin-left: 1em;
	padding:0px;
	text-align: left;
	font-size:16px;
}

.control-left-label {
padding-top:12px;
font-weight:bold;
text-align:left}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	margin: 6px;
	text-align: center
}
.errorBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 15px
}
.errorBox li {
	clear: both;
	color: #990000;
	display: list-item;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

#FeaturedSpecials {
	text-align:center}
	
.formfield, textarea {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: .85em
}
.formfield-RArequired {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: bold;
	text-align: right
}
.formfield-label {
	font-size: .85em
}
.formfield-required {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: bold
}
.grid, .msgrid {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.gridQty , .gridQtyHeader {text-align:right;
	width:3em}
	

.gridCondition {width:5em}

.gridDollars {text-align:right}
.gridConditionLabel:after {content: "ition"; }

.gridStatus {width:6em}

.grid td, .msgrid td, #titleDetailTable td {

	padding:0.3em;
	}
	
.gridFixed {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.gridheader {
	background-color: #413b79;
	color: #ffffff;
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	line-height:2em;
}

.gridheader th {
padding:0.25em;
}

.gridheader a {
	color: #ffffff
}
.gridheaderBlack {
	background-color: #ffffff;
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold
}
.griditem {
border-top: 1px solid #EAEAEA;
	font-size: 0.9em;
	word-break: break-word;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	text-wrap: normal;
	vertical-align:top;
}

.griditem td {
	padding:0.3em;
	}
	
.gridSubtotal, .gridPrice {text-align:right;
	width:7em; }
	
.aaSalesGrid {width:240px}
	
.gridtitle {
	/* background-image: url(/images/High_Tech_Blue_Header.png); */
	font-family: Arial, Helvetica, sans-serif;
	height: 19px;
	width: 750px
}
.grouperbox {
	border: 1px solid #333399;
	padding: 1em;
	width: 100%;
}


.header {
	clear: both;
	margin: 0;
	padding: 0
}
.highlight {
	color: #990000;
	font-weight: bold
}
.highlightBlack {
	color: #000000;
	font-weight: bold
}
.imgButton {
	margin: 0;
	padding: 0;
	vertical-align: bottom
}
.imgNoBorderCenter {
	border: none;
	text-align: center
}

.issueGridRow {
border-top: 1px solid #EAEAEA;
font-size:1em;
}

.issueGridRow td {
padding:0.3em;
}

.issueMainGraphic {
	width: 252;
	height: 360;
	vertical-align: top;
	text-align: left;
}
.left-graphic {
	float: left;
	padding-bottom: 10px;
	padding-right: 15px
}
.left-graphic.tightBottom {
	padding-bottom: 0;
	margin-bottom: 0;
}

.leftMiddlePad {
padding-top:0.5em;
padding-bottom:0.5em;
padding-right:0.5em;
}

.left-graphic-tight {
	float: left;
	padding-bottom: 5px;
	padding-right: 10px
}
.mblue-modern-box-body {
	background-position: left top;
	border: 1px solid #000000;
	font-size: 0.8em;
	padding-left:1em;
	padding: 5px;
	text-align: left;
}

.mblue-modern-box-body  td{
padding:4px;
}

.mblueModernBoxHead h2 {
	background-image: url(/images/blue-modern-sidebar-top.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 4px 0 0 5px;
	text-align: left;
	text-transform: none;
	top: 15px;
	width: 225px
}
.mblueModernBoxHead h2 a {
	color: #FFFF00
}
.middleContent {
	margin: 0 185px 15px;
	padding: 0;
	text-align: left
}
.modern-box {
	border-color: #003366;
	border-style: solid;
	border-width: 0 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	margin-top: 0;
	overflow: hidden;
	padding: 0 2px 2px 5px
}
.modernboxHead h2 {
	background-image: url(/images/blue-modern-sidebar-top.gif);
	background-repeat: no-repeat;
	border: none;
	color: #FFFFFF;
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 1px 6px
}
.navbanner {
	background-repeat: no-repeat;
	height: 110px;
	position: relative;
	width: 100%
}
.navbar-link {
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold
}
.navtoolbar img {
	border: 0;
	margin: 0;
	padding: 0
}
.navtoolbar p {
	background-image: url(/images/Buttons/Toolbar-background_0.gif);
	background-repeat: repeat-x;
	height: 26px;
	margin-bottom: 0;
	padding-bottom: 0
}
.news-content {
	margin: 15px 0;
	padding: 0;
}
.news-head {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold
}
.news-tease {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	font-weight: bold
}
.newsbox {
	border: 1px solid #000099;
	padding: 1em
}

.newsboxTop {
padding-left: 1em;
padding-bottom:1em;
padding-right:1em;
}

.newsletter-link {
	color: #000099;
	text-decoration: none
}
.recommendation-list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold
}
.recommendation-list img {
	border: solid 1px
}
.right-graphic {
	float: right;
	margin-bottom: 12px;
	margin-left: 12px
}
.tightBottom {
	margin-bottom:0;
}
.right-sidebar {
	float: right;
	margin-left: 1em;
	margin-top: 0;
	padding-right: 0;
	width: 225px
}
#signinArea {
	float:right;
	text-align:right;
}


.searchArea {
	background-color: #e6e6fa;
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
}


#searchArea input[type="text"] {
	background: url('/images/navigation/search-dark-20.png') no-repeat 10px 6px #fcfcfc;
	border: 0 none;
	font-size: 0.9em;
	font-weight:bold;
	color: #202020;
	width: 30em;
	margin-top:1px;
	padding: 8px 15px 6px 35px;
	/* -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; */
	border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
#searchArea input[type="text"]:focus {
	/*background: url('/images/navigation/search-dark.png') no-repeat 10px 6px #fcfcfc; */
	width: 30em; 
	/* -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; */
}
.SectionBanner {
	/* background-image: url(/images/High_Tech_Blue_Header.png); */
	border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-top-right-radius: 20px;
	background-color:#bcdff9;
	background-position:right;
	background-repeat: no-repeat;
	
}
.SectionBanner h1 {
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 0;
	padding-top:0.25em;
	padding-bottom:0.25em;
	margin-left:0.3em;
	text-transform: capitalize
}

/*.searchbar {
	background-color: #DEE1F5;
	border-bottom-color: #CCCCCC;
	border-bottom-style: inset;
	border-bottom-width: 2px;
	margin-bottom: 15px;
	margin-top: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1px;
	text-align: left
}*/
.selected-navbar-link {
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none
}
.sidebar {
	float: left;
	margin: 0 0 15px 5px;
	width: 165px
}
.sidebar175 {
	float: left;
	margin-left: 10px;
	width: 150px
}

.smallerSubnav {
font-size:0.8em}

.smallformfield {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: .7em
}
.smallformfield-required {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold
}
.subnavigation {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize
}
.subnavigation h1 {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 24px
}
.subnavigation li {
	display: inline;
	margin-left: 0;
	margin-right: 0;
	padding: 0 5px 0 0
}

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

#TitleList {
	font-family: "Calibri", "Times New Roman", Times, serif;
	padding: 1em
}
#TitleList ul {
	padding: 0em;
}
#TitleList ul li {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0.2em;
	list-style: none
}
#TitleList br {
	clear: left
}
#TitleList li a {
	font-weight: normal;
	font-size: 0.8em;
	color: darkblue
}
#TitleList li a:hover {
	text-decoration: underline
}
#TitleList h1 {
	font-size: 1.5em;
	font-weight: bold
}
#TitleList h2 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	font-weight: bold
}
#TitleList hr {
	padding: 0px;
	margin: 0px;
}


.subnavigation ul {
	list-style-type: none;
	margin: 4px 0 0;
	padding: 0
}
.tooltip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em
}
.tooltip h2 {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0
}
.tooltip h3 {
	font-family: "Trebuchet MS", "Franklin Gothic Medium", Impact, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0
}
.tooltip p {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 6px
}
.tooltip ul {
	margin-top: 0
}
.topHeader {
	background-image:url('/images/navigation/banner_background_strip.png');
}
.wrappingText {
	word-break: break-word;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	text-wrap: normal;
}
.writer-bio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic
}
.writerBio {
	border-color: #000000;
	border-top-style: solid;
	border-top-width: thin;
	clear: both;
	margin: 15px 0 0;
	padding-top: 5px
}

#topNextPrev {
clear:both; height:1.5em;}


/*-------------Bootstrap customizations --------------*/
#searchArea  li{
list-style-type:none;
margin-left:0em;
padding-right:0;
line-height:1em;
padding-top:0em;

}


	div.col-lg-8 {max-width:85%}
	
.carousel .item {-webkit-transition: opacity 1.25s; -moz-transition: opacity 1.25s; -ms-transition: opacity 1.25s; -o-transition: opacity 1.25s; transition: opacity 1.25s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}

/* Customizations here will screw up bootstrap's tooltips, but will preserve ours, provided
that our styles are loaded last */
.tooltip {
position:relative;
filter: alpha(opacity=100);
  opacity: 100;
} 


.btn-primary {
padding: 5px 12px 6px 12px;
margin-top:1px}

.btn {padding:5px 12px 6px 12px;
	height: 33px;
}


/* ------------------*/
/* 970 px wide */
/*-------------------*/

@media all and (max-width:969px) {
	#publisherBrowse li {
	width:5.5em;
}

#genreBrowse li {
	width:6.5em;
}


}

/* ------------------*/
/* 800 px wide */
/* ------------------*/

@media all and (max-width:799px) {

	.right-sidebar {
		display:none;
	}

	#left-content {
		margin-right:0;
	}
	
	#searchArea input[type="text"] {
		width: 70%;
	}
	#searchArea input[type="text"]:focus {
		width: 70%;
	}

	.issueSearchHeader {
	font-size:1.4em}
	
}

/* ------------------*/
/* 768 px wide */
/* ------------------*/

@media all and (max-width:767px) {

}



/*-----------------*/
/* Sub-600 px wide */
/*------------------------*/
@media all and (max-width:599px) {




	#topMenuIcon  {
		display: inline;
		padding-top:1em;
		
	}
	
	.toggle-menu {
	display: inline-block;
	}

	#mainLogoArea {
	text-align:left;
	vertical-align:center;
	overflow:hidden;
	height:60px;}
	
	.IDjumpToIssue {
	float:none; clear:both;}
	
	.mainLogo {
	width:400px;
	margin-top:0em;
}
   .active {
        display: block;
    }
	ul.nav {
	display: block;
        width:100%}
	
    .nav > li {
        float: none;
		background:ghostwhite;
    }
	.nav a {
	color:black;
	}
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li  .parent {
        background-image: url("http://comicbase.com/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    
	
	.nav > li  > ul  a {
		background:whitesmoke;
	}
	
	
	.nav > li  > ul  > li {
		background:whitesmoke;
		width:100%;
	}
	
	.nav li li li a{
		width:100%;
		background:white;
	}
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	
	.AddToWishList {
	clear:both
	}
	
	#issueDetails {
	overflow:visible
	}

	.issueGridRating {
	display:none
	}
	
	.cartGridSubtotal, .gridSubtotal {
	display:none}
	
	.gridPrice {width:4.5em; }
	
	@media all and (max-width:969px) {
	#publisherBrowse li {
	width:4.5em;
}

#genreBrowse li {
	width:5.5em;
}
}



/*-- iPhone Landscape --*/

@media all and (max-width:480px) {
	.issueSearchHeader {
	font-size:1.2em}
	
	.packingListButton {
	display:none}
	
	#bottom-links {
	display:none;
	}

	#signinArea {float:none;
	width:100%;
	margin-bottom:1em;}
	
	div.col-lg-8 {max-width:100%}
	
	#searchArea {padding-bottom:0px}
	
	#searchArea input[type="text"] {
		width: 75%;
		display:inline-block;
	}
	
	#searchArea input[type="text"]:focus {
	}

		#topMenuIcon  {
		display: inline;
		padding-top:1em;
		
	}

	#mainLogoArea {
	text-align:left;
	vertical-align:center;
	height:40px;}
	
	.gridQty {text-align:right;
	width:2em}

.gridCondition {width:3em}
.gridConditionLabel:after {content: ""; }

	.mainLogo {
	width:250px;
	margin-top:0em;
}
.SectionBanner {
	background-image: none;
}

.mainContent {
	margin: 0.25em;
}


/*.contentWrapper {
	width: 480px;
} */
}


/*-- iPhone portrait --*/

@media all and (max-width:320px) {

.contentWrapper {
	width: 320px;
}
.mainContent {
	margin: 0.1em;
}


body {
font-size:13px}
}