BODY {
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  margin: 0px;
}


body, html {
  height: 100%;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}


BODY,table {
  font-size: 13px;
  color: #454545;
}


BODY.strip {
  background-image:url(images/benday3.jpg);
}

BODY.editorial {
  color: #666666;
}


.table800 {
	width: 1000px;
}

.table1200 {
	width: 1100px;
}

/*
table.table800 TD {
	vertical-align:top;	
}
 */


.table550 {
	width: 700px;
	min-height: 40px;
}

.table600 {
	width: 700px;
}

.table620 {
	width: 620px;
}

.table656 {
	width: 710px;
	margin-left: 5px;
	margin-right: 5px;
}

.maincell {

}


.tableresults td {
	vertical-align: middle;
}

/* new results display
td.bordered {
	border-style: solid;
	border-width: 1px;
}

.cg td.bordered {
	background-color: #FFCC66;
}

.editorial td.bordered {
	background-color:  RGBA(153,153,153, .5);
}

.strip td.bordered {
	background-color: #FF3300;
}

.strip td.bordered table, .strip td.bordered table a{
	color: #FFF !important;
}

*/

td.bordered .resultstext {
	font-size: 10px;
}

table.resultstext {
	max-width: 450px;
	margin-right: auto;
	margin-left: auto;
}

.tableresults img.imageresults {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.highlight {
  color: #669999;
}

.editorial .highlight {
  color: #454545;
}

.strip .highlight {
  color: #009999;
}




TABLE.headera, TR.headera, TD.headera {
  background: #ffcc66;
}

.strip TABLE.headera, .strip TR.headera, .strip TD.headera {
  background: #ffcc66;
  color: #000000;
  height: 20px;
}

TD.sidebar {
  width: 180px;
}

TABLE.sidebartable {
  width: 100%;
  text-align: center;
}


TABLE.sidebartable {
  color: #ffffff;
}

TABLE.sidebartable a, TABLE.sidebartable a:link, TABLE.sidebartable a:visited {
  color: #ffffff;
}

.editorial TABLE.headera, .editorial TR.headera, .editorial TD.headera {
  color: #000000;
  background: #999999;
  height: 20px;
}


.editorial TD.sidebar {
	background: #ff3300;
}

.cg TD.sidebar {
	background: #ff6633;
}

.strip TD.sidebar {
	background: #ff3300;
}


TR.headerb, TD.headerb, .cg TR.headerb, .cg TD.headerb {
  background: #ff6633;
  color: #ffffff;
}

.editorial TR.headerb, .editorial TD.headerb {
  color: #ffffff;
  background: #3366CC;
}

.strip TR.headerb, .strip TD.headerb {
  color: #000000;
  background: #ff3300;
}



TR.headerc, TD.headerc {
  background: #6666ff;
  color: #ffffff;
}

.editorial TR.headerc, .editorial TD.headerc {
  background: #ff3300;
  color: #ffffff;
}

.strip TR.headerc, .strip TD.headerc {
  background: #009999;
  color: #FFFFFF;
}




TR.headerd, TD.headerd {
  background: #99CC33;
  color: #ffffff;
}

.editorial TR.headerd, .editorial TD.headerd {
  background: #FF3300;
  color: #ffffff;
}

.strip TR.headerd, .strip TD.headerd {
  background: #81A835;
  color: #FFFFFF;
}


TR.headere, TD.headere {
  background: #6666ff;
  color: #ffffff;
}

.editorial TR.headere, .editorial TD.headere {
  background: #6666ff;
  color: #ffffff;
}

.strip TR.headere, .strip TD.headere {
  background: #FF3300;
  color: #FFFFFF;
}


.lightfont {
	color: #FFFFFF;
}




table.strip {
  margin: auto;
  background-color: white;
}


.licensing, .licensing-type {
	font-size: 11px;
}

.licensing h3 {
	font-size: 13px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.licensing-type h3 {
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.licensing ul {
	list-style: none;
	padding-left: 20px;
}

.licensing-type li {
	line-height: 20px;
	margin-top: 10px;
	list-style-type: none;
}


.licensing h2 {
	font-size: 15px;
	color: #3366CC;
}

#similar_box {font-family:Verdana; font-size: 11px;}

.editorial A:link {color: #333333;}
.editorial A:visited {color: #333333;}
.editorial A:hover { color: #333333; }


.strip A:link {color: #666666;}
.strip A:visited {color: #666666;}
.strip A:hover { color: #666666; }

.clean A:link {text-decoration: none; color: #000000;}
.clean A:visited {text-decoration: none; color: #000000;}
.clean A:hover { color: #0000FF; text-decoration: underline; }

.nav A:link {text-decoration: none; color: #FFFFFF;}
.nav A:visited {text-decoration: none; color: #FFFFFF;}
.nav A:hover { color: #FFFFFF; text-decoration: underline; }

P.normal {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

TD.error {
  color: #FF0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

TD.header {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: right;
}

TD.header_optional {
  color: #669966;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: right;
}

TD.header_required {
  color: #FF6633;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: right;
}

TD.normal {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

TD.section {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: bold;
}

TD.small_required {
  color: #FF6633;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

.share_box
	{
	text-align: center;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	}

.share_box td
	{
	text-align: center;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	}

.share_box ul
{
	margin-left: -30px;
}

.share_box li
{
	padding-right: 10px;
	width: auto;
	display: inline;
	white-space: nowrap;
}


.popup_hide
{
	display: none;
}

.popup_show
{
	display: block;
	position: relative;
	border: solid black 1px;
	padding: 5px;
	margin: 10px auto;
	background-color: rgb(255,255,225);
	text-align: center;
	width: 400px;
	line-height: 2em;
}

#share_open
{
	text-decoration: underline;
	cursor: pointer;
}

#share_close
{
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
}


#subjectpage h3 {
	color: #6633FF;
	font-size: 12px;
}


#subjectlistheader{
	text-align: center;
}


#searchresults {
	width: 620px;
	font-size: 14px;
	padding-left: 0px;
}

#searchresults li {
	list-style: none;
	clear: both;
	padding-top: 40px;
}

#searchresults img {
	width: 280px;
}

.searchresultstext {
	width: 320px;
	float: right;
}

#searchresults h3 {
	margin-bottom: 0px;
}

#searchresults h2 {
	font-size: 15px;
	margin: 0px;
}



/*
 iPhone (640px wide)
*/


BODY#subjectpage-mobile {
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}


#subjectpage-mobile h3 {
	color: #6633FF;
	font-size: 14px;
}

#subjectpage-mobile #footer {
	background: #000000;
}

#subjectpage-mobile #subjectlisting {
	font-size: 17px;
	color: #6633FF;
	line-height: 30px;	
}


#subjectpage-toptable{
	width: 640px;
}


#subjectpage-maintable-iphone {
	clear: both;
	width: 640px;
}

#subjectpage-maintable-iphone td {
	width: 640px;
	overflow: hidden;
}

#logo-iphone {
	background: #99cc33;
	width: 152px;
	float: left;
}


#logo-iphone img {
	margin: auto;
}

#orangenavbar-iphone {
	background: #ffcc66;
	float: right;
	width: 476px;
	height: 174px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 36px;
	padding-left: 6px;
	padding-right: 6px;
}

#orangenavbar-iphone li {
	list-style: none;
	margin-left: 0px;
}

#orangenavbar-iphone ul {
	list-style: none;
	margin-top: 0px;
}

#searchbox {
	font-size: 1.3em;
	margin-top: 9px;
	width: 370px;
}

input.submit {
	margin-left: 6px;
	width:40px;
	height:40x;
	display:inline;
	overflow:hidden;
	text-indent:-999px; /* To remove any default text on the button*/
	line-height:40px; /* required for safari */
	background:url(images/search-icon-32.png) no-repeat 0 0; /* This will display the search icon by default */
	cursor:pointer; /* Hand cursor for the normal state */
	border:none;
	padding:0;
}



/*
input.submit:hover{
	background-position: 0 -16px; /* This will display the dark search icon on hover */
}

input.submit:active{
	background-position: 0 -32px; /* And finally, this is the one that shows the loader */
	cursor:wait; /* Shows the wait cursor on click */
}
*/

#subjectheader h3 {
	font-size: 20px;
	color: #6666ff;
	margin-bottom: 0px;
}

#subjectheader {
	clear: both;
	font-size: 14px;
	color: #ff6633;
	text-align: center;
	margin-bottom: 10px;
}

#slide-image-iphone {
	width: 640px;
	height: auto;
}


#slidetext {
	text-align: center;
	font-size: 21px;
	font-style: italic;
}




/* iPad */


#subjectpage-maintable-ipad {
	clear: both;
	width: 1024px;
}

#subjectpage-maintable-ipad td {
	width: 1024px;
	overflow: hidden;
}

#logo-ipad {
	background: #99cc33;
	width: 152px;
	float: left;
}


#logo-ipad img {
	margin: auto;
}

#orangenavbar-ipad {
	background: #ffcc66;
	float: right;
	width: 860px;
	height: 174px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 36px;
	padding-left: 6px;
	padding-right: 6px;
}

#orangenavbar-ipad li {
	list-style: none;
	margin-left: 0px;
}

#orangenavbar-ipad ul {
	list-style: none;
	margin-top: 0px;
}

#slide-image-ipad {
	width: 1024px;
	height: auto;
}

.table-ipad {
	width: 1024px;
}


.slider-endbox-iphone {
	padding-top: 30px;
	font-size: 1.6em;
	text-align: center;
}

.slider-endbox-ipad {
	padding-top: 30px;
	font-size: 2em;
	text-align: center;
}


.home-cartoon-text-iphone {
	line-height: 40px;
	font-size: 1.2em;
	width: 640px;
}

.home-cartoon-text-ipad {
	line-height: 40px;
	font-size: 1.2em;
	padding-left: 24px;
	width: 1000px;
}

.home-cartoon-text-ipad h3, .home-cartoon-text-iphone h3 {
	font-size: 24px;
}



#slide-image-container-1
{
    position: relative;
}

.slide-image-1
{
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.slide-image-1.default
{
    display: block;
}


.extraleading {
	line-height: 1.5em;
}


.cg a
{
	color: #000000;
}

.purplefont
{
	color: #6633FF;
}




.cg H2
{
	color: #6633FF;
	size: 1.2em;
}

.editorial H2
{
	color: #3366CC;
	size: 1.2em;
}

.strip H2
{
	color: #009999;
	size: 1.2em;
}



.cg .secondaryfont
{
	color: #6633FF;
}

.editorial .secondaryfont
{
	color: #3366CC;
}

.strip .secondaryfont
{
	color: #009999;
}



.cg .tertiaryfont
{
	color: #ff6633;
}

.editorial .tertiaryfont
{
	color: #ff3300;
}

.strip .tertiaryfont
{
	color: #ff3300;
}




#subjectlisting a {
	color: #6633FF;
}

#subjectlisting {
	color: #6633FF;
	font-size: 12px;
	line-height: 22px;	
}



#about H3 {
	font-size: 1.3em;
	text-align: center;
}



.blackfont
{
	color: #000000;
}

.coolproducts
{
	color: #FFFFFF;
	font-size: 1.1em;
	background:#6666ff; 
	padding: 8px 40px;
}


.sidebartext
{
	color: #FFFFFF;
	font-size: 12px;
	padding: 0px 10px;
	text-align:center; 
}

.sidebartext a
{
	color: #FFFFFF;
}


.whitefont
{
	color: #ffffff;
}


/* 
 blue: #6666ff;
 light orange: #ffcc66
 dark orange: #ff6633

*/


/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(https://www.thecomicstrips.com/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(https://www.thecomicstrips.com/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(https://www.thecomicstrips.com/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(https://www.thecomicstrips.com/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(https://www.thecomicstrips.com/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(https://www.thecomicstrips.com/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(https://www.thecomicstrips.com/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(https://www.thecomicstrips.com/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(https://www.thecomicstrips.com/images/border.png) 0 -29px repeat-x;}

    #cboxContent {
    	background:#eee; 
    	overflow:hidden;
    	padding: 20px;
    	
    }

        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(https://www.thecomicstrips.com/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(https://www.thecomicstrips.com/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(https://www.thecomicstrips.com/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(https://www.thecomicstrips.com/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(https://www.thecomicstrips.com/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}









td.prevnext a {
	display: block;
	bottom: 5px;
	position: relative;
	height: 27px;
	width: 26px;
	outline: 0;
	background: url(images/cs-portfolio.png) no-repeat;
}
td.prevnext .forward {
	right: 0px; 
	background-position: -24px top; 
}

td.prevnext .back { 
	left: 0px;
	background-position: left top; 
}

td.prevnext .forward a:hover, td.prevnext .forward a.hover { background-position: -24px -27px; }
td.prevnext .back a:hover, td.prevnext .back a.hover { background-position: left -27px; }





/* 
  SUBJECT PAGE
*/


table.flyout-buttons
{
	width: 700px;
	background-color: white;
	border-spacing: 4px;
}

.flyout-buttons TD
{
	text-align: center;
	padding: 8px;
	font-weight: bold;
	width: 200px;
	cursor: pointer;
}

.cg .flyout-buttons TD
{
	background-color: #FFCC66;
}

.strip .flyout-buttons TD
{
	background-color: #CCCCCC;
}

.editorial .flyout-buttons TD
{
	background-color: #999999;
}

.flyout-buttons TD img
{
	height: 12px;
	width: 12px;
	vertical-align: top;
}


/* 
.flyout-buttons TD a:after {
	content: url('images/downarrow.png');
	content: "\2207";
}
*/


#flyouts
{
	width: 700px;
}

#subjects-flyout
{
	position: absolute;
	z-index: 40;
	width: 691px;
	padding: 9px;
	margin-left: 4px;
	margin-right: 5px;
}

.cg #subjects-flyout
{
	background-color: #FFCC66;
}

.editorial #subjects-flyout
{
	background-color: #999999;
}

.strip #subjects-flyout
{
	background-color: #CCCCCC;
}


#subjects-background
{
	position: absolute;
	height: 10px;
	width: 195px;
	margin-left: 388px;
	margin-right: 0px;
	margin-top: -15px;
}


#property-flyout
{
	position: absolute;
	z-index: 20;
	width: 691px;
	padding: 9px;
	margin-left: 4px;
	margin-right: 5px;
}

.cg #property-flyout
{
	background-color: #FFCC66;
}

.editorial #property-flyout
{
	background-color: #999999;
}

.strip #property-flyout
{
	background-color: #CCCCCC;
}

#property-background
{
	position: absolute;
	height: 10px;
	width: 195px;
	margin-left: -9px;
	margin-right: 5px;
	margin-top: -15px;
}


#refine-flyout
{
	position: absolute;
	z-index: 10;
	width: 691px;
	padding: 9px;
	margin-left: 4px;
	margin-right: 5px;
}

.cg #refine-flyout
{
	background-color: #FFCC66;
}

.editorial #refine-flyout
{
	background-color: #999999;
}

.strip #refine-flyout
{
	background-color: #CCCCCC;
}

#refine-background
{
	position: absolute;
	height: 10px;
	width: 194px;
	margin-left: 190px;
	margin-right: 0px;
	margin-top: -15px;
}


.noshow
{
	background-color: #FFFFFF !important;
	cursor: auto !important;
}


input,keywordsearch
{
	font-size: 11px;
}


.overlay
{
	position: absolute;
	z-index: 40;
	width: 580px;
	padding: 2px;
	margin-left: 15px;
}



.cg .overlay
{
	background-color: #FFCC66;
}

.editorial .overlay
{
	background-color: #999999;
}

.strip .overlay
{
	background-color: #CCCCCC;
}

.editorial TD.footer, .editorial TD.footer A:link, .editorial TD.footer A:visited, .editorial TD.footer A:hover
{
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.editorial TD.footer .small, .editorial TD.footer .small A:link, .editorial TD.footer .small A:visited, .editorial TD.footer .small A:hover
{
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
}

.editorial TD.footer .small A:link, .editorial TD.footer .small A:visited, .editorial TD.footer .small A:hover
{
	color: #ff3300;
	font-weight: bold;
}


.strip TD.footer, .strip TD.footer A:link, .strip TD.footer A:visited, .strip TD.footer A:hover
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.strip TD.footer
{
	color: #009999;
}


.strip TD.footer A:link, .strip TD.footer A:visited, .strip TD.footer A:hover
{
	color: #000000;
}



.strip TD.footer .small, .strip TD.footer .small A:link, .strip TD.footer .small A:visited, .strip TD.footer .small A:hover
{
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
}

.strip TD.footer .small A:link, .strip TD.footer .small A:visited, .strip TD.footer .small A:hover
{
	color: #ff3300;
	font-weight: bold;
}


.cg TD.footer, .cg TD.footer A:link, .cg TD.footer A:visited, .cg TD.footer A:hover
{
	color: #CCCCCC;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.cg TD.footer
{
	color: #CCCCCC;
}

.cg TD.footer A:link, .cg TD.footer A:visited, .cg TD.footer A:hover
{
	color: #FF6633;
}


.cg TD.footer .small, .cg TD.footer .small A:link, .cg TD.footer .small A:visited, .cg TD.footer .small A:hover
{
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
}






.editorial table.headermenu, .editorial table.headermenu A:link, .editorial table.headermenu A:visited, .editorial table.headermenu A:hover
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.strip table.headermenu, .strip table.headermenu A:link, .strip table.headermenu A:visited, .strip table.headermenu A:hover
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cg table.headermenu, .cg table.headermenu A:link, .cg table.headermenu A:visited, .cg table.headermenu A:hover
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.overlay .sidebartext, .overlay .sidebartext a
{
	color: #000000;
	font-size: 7pt;
	padding: 2px 2px;
	text-decoration: none;
}


.headermenu form {
    height: 6px;
    float: left;
}

.headermenu input[type="submit"] {
    margin-right: 8px;
    margin-left: 5px;
}


/*
#storeflyouts
{
	width: 700px;
	height: 1000px;
	text-align: center;
}
*/

#products-flyout, #everything-flyout
{
	z-index: 40;
	width: 691px;
	padding: 9px;
	margin-left: 4px;
	margin-right: 5px;
	text-align: center;
}


/*
.product
{
	width: 50%;
	float: left;

}

.product .productimage 
{
	width: 300px;
	height: auto;
	display: inline-block;
}
*/

.productwide, .product
{
	width: 100%;

}

.productwide .productimage, .product .productimage 
{
	width: 100%;
}


.mainproduct img.productimage 
{
	max-width: 800px;
}

.small
{
	font-size: 11px;
	font-style: italic;
	margin-top: 20px;
}

.productprice
{
	font-size: 20px;
	font-weight: bold;
	margin: 20px;
}

.otherproducts
{
	clear: both;
}


#otherstuff {
	text-align: center;
}