body
{
    font-family: Arial, "Trebuchet MS", Verdana, 'MS Sans-Serif';
    color: #666;
    font-size: 80%;
    text-align: center;
    letter-spacing: 0.1px;
    line-height: 18px;
    margin: 0px;
    padding:0;
}
#overlayfrm 
{
    width:450px;
}

#outerHolder,
#videocenter,
.playclipcenter
{
    background: url(/images/brand/bg.gif);
    background-repeat: repeat-y;
    width: 1001px;
    margin: 0 auto;
    text-align: left;
}
#container
{
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 25px;
}

.stripebg
{
    background: url(/images/brand/stripe.gif) repeat-x;
    background-color: #fff;
}

.logo
{
    float: left;
    margin: 0 0 0 10px;
}

img
{
    border: 0px;
}

a
{
    color: #333;
    text-decoration: underline;
}

a:hover
{
    color: #333;
    text-decoration: none;
}
a:active, a:focus {
	outline: 0 !important;
}
a{
-moz-outline-style:none;
}

.clr,
.clrZ
{
   clear:both;  
}
.clrZ
{
   line-height:0;
   height:0;
}

.topBanner
{
    float: right;
    width:470px;
    height:60px;
    margin-top: 0px;
}

/** to control scrolling channel div **/

#channelsBar
{
    clear:both;
    background: url(/images/brand/channelbar-bg.gif);
    background-repeat: repeat-x;
    height: 100px;
    padding: 12px 0 0 0;
    margin: 12px 0 0 0;
    float:left;
    width:921px;
    border-top: solid 1px #e5e5e5;
    
    width:931px;
    padding-left:10px;
    float:left;
}
#channelsBar a
{
    margin-right:15px;
}
#channelsBar .button{
    float:left;
    margin-top: 22px;
    width: 35px;
    text-align:center;
}
#channelScroll{
    float:left;
    margin: 0 0 0 10px;
    width:840px;
}
#scrollInside{
    float:left;
    margin:0px;
}

#footer
{
    clear:both;
    border-top: 1px #ececec solid;
    text-align: center;
    padding-top: 3px;
    font-size:90%;
    color: #fff;
}
#footer ul
{
    margin:0;
    padding:0;
}
#footer ul li 
{
    padding-right: 10px;
    display:inline;
    list-style: none;
    font-size: 95%;
}
#footer ul li a
{
    text-decoration: underline;
    color: #333;
}
#footer ul li a:hover
{
    text-decoration:none;
}
#footCurve
{
    background: red;
}

#sitebase{
    min-height: 30px;
    height: auto !important;
    height: 30px;
    background: #fff url(/images/site-base.gif) no-repeat bottom left;
    margin-left:3px;
}

p.nopad
{
    padding:0;
    margin:0;
}

#skyscraper_ad
{
    position:absolute;
    margin-top: 156px !important; margin-top: 159px;
    margin-left: 998px !important;
}
.floatright{float:right;}
.floatleft{float:left;}

/*** BOXES ***/

ul.boxesLarge, 
ul.boxesMed, 
ul.boxesSml
{
    margin: 0;
    padding: 0;   
    float:left; 
    width:100%;
    font-size: 80%;
}
ul.boxesSml  
{
    margin-bottom: 12px;
}
ul.boxesLarge a, 
ul.boxesMed a, 
ul.boxesSml a
{
    font-size: 110%;
}
ul.boxesLarge li,
ul.boxesMed li,
ul.boxesSml li
{
    float:left; 
    list-style:none;
    margin: 0 10px 12px 0;
    padding: 0;
    width:183px;
}
ul.boxesLarge li {width: 355px;}
ul.boxesSml li {width:115px;}

/* boxpane */

ul.boxesLarge li .boxpane,
ul.boxesMed li .boxpane,
ul.boxesSml li .boxpane
{
   background-image: url('/images/brand/boxtop_med.gif');
   background-repeat: no-repeat;
   padding: 8px 8px 0 8px;
   width: 170px;
   float: left;
}
ul.boxesLarge li .boxpane
{
   width: 340px;
   background-image: url('/images/brand/boxtop_large.gif');
   height: 150px;
}
ul.boxesSml li .boxpane
{
   width: 98px;
   background-image: url('/images/brand/boxtop_sml.gif');
   height: 200px;
}

/* boxbase */

ul.boxesLarge li .boxbase,
ul.boxesMed li .boxbase,
ul.boxesSml li .boxbase
{
   float:left;
   background-image: url('/images/brand/boxbase_med.gif');
   background-repeat: no-repeat;
   background-position: left bottom;
   height:14px;
   width:183px;
}
ul.boxesLarge li .boxbase
{
   width: 355px;
   background-image: url('/images/brand/boxbase_large.gif');
   color:#93CD55;
   text-align: center;
   padding: 0 0 4px 0;
}
ul.boxesSml li .boxbase
{
   width: 115px;
   background-image: url('/images/brand/boxbase_sml.gif');
   color:#93CD55;
   text-align: center;
   padding: 0 0 4px 0;
}
ul.boxesLarge li .boxbase a
{
   color:#3E3E3E; 
}
ul.boxesSml li .boxbase a
{
   color:#3E3E3E; 
}


ul.boxesLarge li .boxpane p,
ul.boxesMed li .boxpane p,
ul.boxesSml li .boxpane p
{
    margin: 0;
    padding: 4px 0 4px 0;
}
ul.boxesLarge li .boxpane img.main,
ul.boxesMed li .boxpane img.main,
ul.boxesSml li .boxpane img.main,
#LatestClipsPane a img.mainimg
{
   padding:1px;
   border:solid 1px #CBCBCB;
}
ul.boxesLarge li .boxpane a:hover img.main,
ul.boxesMed li .boxpane a:hover img.main,
ul.boxesSml li .boxpane a:hover img.main,
#LatestClipsPane a:hover img.mainimg 
{
   padding:1px;
   border:solid 1px #88B03C;
}
ul.boxesLarge li .boxpane .left
{
    float:left;
    width: 110px;  
    font-size: 110%;
}
ul.boxesLarge li .boxpane .right
{
    float:left;
    width: 210px; 
    font-size: 110%;
}
ul.boxesLarge li .boxpane .right h2
{padding-bottom: 6px;}

img.mainThumb
{
   padding:1px;
   border:solid 1px #CBCBCB;
}
a:hover img.mainThumb
{
   border:solid 1px #88B03C;
}




/************************************************************** SEARCH BOX */

.searchboxHolder
{
    border:solid 1px #D1D1D1;
    border-top:solid 0px #D1D1D1;
    float:left;
    width:471px;
    margin-left: 1px !important; margin-left: 0px;
}
.searchboxHolder .colOne
{
    float:left;
    min-height:60px; 
    height:auto !important; 
    height:60px; 
    width:348px;
    padding:6px 0 2px 2px;
    background-image: url('/images/brand/search_bg.gif'); 
    background-repeat:no-repeat; 
    background-position: left center;
}
.searchboxHolder .colOne .searchcomic,
.searchboxHolder .colOne .searchtags
{
   float:left;
   width:255px;
   padding: 4px 0 0 8px; 
   padding-left:80px;
}
.searchboxHolder .colOne .searchtags
{
    width: 145px;
    margin-left:0;
   padding-left:0;
}

.searchboxHolder .colTwo
{
    float:right;
    width:114px;
    padding:2px !important; padding:2px 2px 0 2px;
    border-left:solid 1px #D1D1D1;
}
.searchboxHolder h2
{
 font-family:Trebuchet MS;
 font-size:110%;
 margin:0; 
 padding:0;
}

.searchboxHolder .colTwo input 
{
    float:left;
    padding:0;
    margin:0;
    width:114px;
    height:66px;
}
.searchboxHolder .colOne .comic .txtFull,
.searchboxHolder .colOne .tags .txtFull
{
    font-size:80%;
}

/************************************************************** END SEARCH BOX */



/************************************************************** START NAV */

/*** Main navigation **/
#topNav
{
    float: right;
    text-align: right;
    margin: 0;
    padding: 0;
    width: 950px;
}
#topNav ul
{
    margin: 0;
    padding: 0;
    float: right;
}
#topNav ul li
{
      float:left;
      background:url(/images/brand/topnav_left.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 8px;
      list-style-type: none;
}
#topNav ul li a
{
      float:left;
      display:block;
      background:#B1C924 url(/images/brand/topnav_right.gif) no-repeat right top;
      height: 18px;
      padding:7px 14px 6px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      white-space: nowrap;
      font-size: 90%;
}
#topNav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topNav a {float:none;}
/* End IE5-Mac hack */
#topNav a:hover {
text-decoration: underline;
}
/*** Main navigation ends **/

.userNav
{
    border: 0;
    width:951px;
    clear:both;
    background-repeat: repeat-x;
    background-position: left top;
    background-color:#3f3f3f;
    background: url(/images/nav/usernav_bg.gif) top left repeat-x;
}
.userNavStrip{
    width:950px;
    background: url(/images/nav/usernav_top_corner.gif) top left no-repeat;
}
.userNavDate{
    width: 165px;
    float: left;
    color: #fff;
    padding: 7px 5px 7px 10px;
}
.userNavItems{
    width: 765px;
    padding: 0 0 0 5px;
    float: right;
    color: #fff;
    text-align: right;
}
.userNavItems ul{
    margin: 0;
    padding: 0;
    float: right;
}
.userNavItems ul.list{
    margin-top:7px;  
}
.userNavItems ul li{
    display: inline;
    list-style: none;
    color: #666666;
    font-size:90%;
}
.userNavItems ul li a{
    color: #fff;
    font-size:110%;
    padding:0 3px 0 3px;
    text-decoration:none;
}
.userNavItems ul li a.upimg
{
    padding-right:0;
    color: #fff;
    background: #3c3a3b url(/images/brand/btn_imgup_bg.gif) bottom right no-repeat;
    display: block;
    height: 24px;
    width: 120px;
    padding: 5px 0 0 17px;
    font-weight: bold;
    font-size: 97%;
    margin-top: 1px;
    text-align: left;
}
.userNavItems ul li a:hover{
    text-decoration:underline;
    color: #87B33A;
}
.userNavItems ul li a.on{
    color: #87B33A;
}
.userNavItems #loginHolder{
    margin-top:5px;  
    width: 625px;
    height: 25px;
    float: right;
}
.userNavItems #loginHolder .loginSubmit{
    font-size: 90%;
    cursor: pointer;
}
.navreplace{
    float:left;
    background-color:#5A5A5A;
    height: 25px; 
    width:469px;
    margin-bottom:13px;
}
.navreplace h1#nav{
    margin:0;
    padding:4px 0 0 10px;
    font-weight:bold; 
    font-family:Trebuchet MS;
    font-size:100%;
    color:#fff;
}

/********** sub navigation styles *******/

.chartNavRowOne
{
    font-size: 12px;
}

.chartNavRowTwo
{
    background-color: #5A5A5A;
    font-size: 12px;
}

.chartNavRowOne ul,
.chartNavRowTwo ul
{
    text-indent: 0px;
    margin:0;
    padding:0;
    width: 470px;
    background-color:#fff;
}

.chartNavRowTwo ul
{
    border: 0;
    margin: 0;
}

.chartNavRowOne ul li,
.chartNavRowTwo ul li
{
    margin: 0 auto;
    list-style: none;
    display: inline;
}

.chartNavRowOne ul li a
{
    color: #fff;
    float:left;
    width: 114px;
    height: 18px;
    text-align: center;
    margin: 0 1px -1px 0px;
    background:url('/images/nav/nav-row1-bg.gif') repeat-x;
    border: solid 1px #d6d3d6;
    border-bottom: 0;
    text-decoration: none;
    font-size: 90%;
}

.chartNavRowOne ul li.four a
{
    width: 116px;
}

.chartNavRowOne ul li a:hover
{
    text-decoration:none;
    color: #fff;
    background: #635d5a url('/images/nav/nav-row1-bg-hover.gif') repeat-x;
}

.chartNavRowOne ul li a.active, .chartNavRowOne ul li a.active:hover
{
    color: #000;
    background-image: none;
    background-color: #fff;
}

.chartNavRowTwo ul li.zero a,
.chartNavRowTwo ul li.one a,
.chartNavRowTwo ul li.two a,
.chartNavRowTwo ul li.three a,
.chartNavRowTwo ul li.four a,
.chartNavRowTwo ul li.zero input,
.chartNavRowTwo ul li.one input,
.chartNavRowTwo ul li.two input,
.chartNavRowTwo ul li.three input,
.chartNavRowTwo ul li.four input
{
    float:left;
    width: 93px;
    height: 30px;
    margin:0;
    padding:0 1px 0 0;
}
.chartNavRowTwo ul li.zero input,
.chartNavRowTwo ul li.one input,
.chartNavRowTwo ul li.two input,
.chartNavRowTwo ul li.three input,
.chartNavRowTwo ul li.four input
{
    height: 29px;
}
.chartNavRowTwo ul li.two a
{width: 93px;}
.chartNavRowTwo ul li.three a
{width: 93px;}
.chartNavRowTwo ul li.four a
{width: 93px;}


/************************************************************** END NAV */


/* =Listings Top Navigation
-------------------------------------------------------------------------*/

#listingsNav
{
    background: #4f4d4e url(/images/listings/bg_listings_nav.gif) bottom left repeat-x; 
    color: #fff; 
    height: 30px;
    line-height: 30px; 
    padding: 0;
}
#listingsNav p{margin: 0; padding: 0;}
#listingsNav p.left{float: left; padding-left: 10px;background: url(/images/listings/bg_listings_nav_left.gif) bottom left no-repeat; height: 30px;}
#listingsNav p.right{float: right; padding-right: 10px;background: url(/images/listings/bg_listings_nav_right.gif) bottom right no-repeat;}
#listingsNav a{color: #fff;text-decoration: none;}
#listingsNav a:hover{text-decoration: underline;}
#listingsNav span.divide{color: #99cbfe; font-size: 90%;}
#listingsNav label{float: left;font-weight: bold; height: 30px; line-height: 30px;}
#listingsNav select{float: left;width: 145px;margin-top: 4px; margin-left: 10px;}
#listingsNav .submit{border: 0; background: url(/images/listings/btn_go.gif) top left no-repeat; height: 23px; width: 24px; margin: 3px 0 0 10px; padding: 0; color: #fff;float: left;cursor: pointer;}

/************************************************************** START FORMS */

.userNavItems label
{
    margin-left: 6px;
}

.loginBox
{
    width: 120px;
    background-color: #ececec;
    border: 1px #333333 solid;
    font-size: 90%;
    margin-top:1px;
}

.loginSubmit
{
    background: url('/images/brand/button_login_bg.gif');
    border: 0;
    color: #fff;
    margin:0; 
    width:47px;  
    height: 20px;
    font-family: "Trebuchet MS", Arial; 
}

.inputSearch
{
    width: 135px;
    background-color: #fff;
    border: 1px #94CB56 solid;
}

/****  BUTTON STYLING ***/
    
.btn{
  background-image: url('/images/brand/button_bg.gif');
  color: #434343;
  border:solid 1px #BEBEBE;
  padding:2px 1px 1px 1px !important;
  font-weight:bold;
  margin:2px 0 2px 0; 
  width:auto !important;  
  vertical-align: top; 
  font-family: "Trebuchet MS", Arial;  
}
    
/****  FORM STYLING ***/

.lbl,
.lblSml,
.lblMed,
.lblvSml,
.lblsmlfont{
    font-family: "Trebuchet MS", Arial;
    width: 100px;  
    float:left;
    margin:4px 0 0 0;
    font-weight:bold;
    padding:2px 0 2px 0;
}
.lblvSml{
    width: 80px; 
} 
.lblSml{
    width: 130px; 
} 
.comic .lbl
{
    width: 80px; 
    padding:0;
    margin:0;
}
.lblMed{
    width: 180px; 
} 
.lblsmlfont
{
    font-size:1px;
}
.lblChk
{
    font-size: 80%;
}
    
.txtSmallest,
.txtSmall,
.txtMedium,
.txtMediumLarge,
.txtLarge,
.ddlSmall,
.ddlMedium,
.ddlLarge,
.txtFull,
.txtAreaSmall,
.txtAreaMedium,
.txtAreaLarge,
.txtAreaLarger
{
    width: 40%;
    border: 1px #A4A4A4 solid;
    background-color: #FBFBFB;
    margin: 2px 0 5px 0;
    padding: 1px;
    vertical-align: top;
    font-family: "Trebuchet MS", Arial;  
    font-size:100%;
 } 
.txtFull
{
    width: 85%;
    font-size:90%;
}
.txtSmallest
{
    width: 10%;
} 
.ddlSmall,
.txtSmall,
.txtAreaSmall
{
    width: 15%;
}
.txtAreaLarge
{
    height: 60px;
}
.txtAreaLarger
{
    height: 200px;
}
.ddlSmall{width:16%;}
 
.ddlMedium,
.txtMedium,
.txtAreaMedium
{
    width: 35%;
} 
.ddlMedium{width:36%;} 

.ddlLarge,
.txtLarge,
.txtAreaLarge,
.txtAreaLarger
{
    width: 70%;
}
.txtMediumLarge
{
    width: 50%;
}
.ddlLarge{width:71%;} 


.upload_div
{
    position:absolute;
    margin-top: 300px !important; 
    margin-left: 486px !important;
}
.upload_div .btn
{
}

.main h2.upload
{
    height:31px !important;height:37px;
    padding:0;
    margin:0;
}
.main .upOne
{
    height:76px;
}
.main .upTwo
{
    height:106px;
    width:20px;
}
.main .upThree
{
    height:66px;
}
.main .upFour
{
    height:40px;
}
.main .upOne p,
.main .upFour p {
    padding:0;
    margin:0;
}
.main .upThree .btn
{
    margin-left:16px;
}

.val_holder
{
    font-size: 110%;
    color: #0151AA;
}


/************************************************************** END FORMS */



/* headings */

.clipTitle h1,
.clipTitle h2 {font-size:100%; display:inline; font-weight:normal;}

/* end headings */








/*****************************************
== GLOBAL COMMENTS STYLING 
*****************************************/
#comments_control{
    float:left;
    width: 100%;
}
#comments_control .msgInfo{
    color: #80c241;
    font-size: 90%;
}
#comments_control .msgWarning{
    color: red;
    font-size: 90%;
}
#comments_control .txtAreaLarge{
    width: 95%;
}
#comments_control h2, 
#comments_control h3{
    font-size:120%;
    color:#333;
    padding:0;
}
#comments_control #case{
    float:left;
    width: 90%;
    padding: 12px 4%;
}
#comments_control ul,
#comments_control ul li{
    float:left;
    width: 100%;
    margin:0;
    padding:0;
    list-style:none;
    font-size: 95%;
    clear:both;
}
#comments_control ul li {
    margin: 2px 0 16px 0;
    background-image: url('/images/brand/dotted_base.gif');
    background-repeat: repeat-x;
}
#comments_control ul li .user{
    float:left;
    width:100%;
    font-weight: bold;
    color:#333;
}
#comments_control ul li .user span{
    color:#b5b5b6;
    font-weight: normal;
}
#comments_control ul li .comment{
    padding: 4px 0 8px 0;
    float:left;
    width:100%;
}
#comments_control .paging .page a{
    padding: 1px 2px;
}
#comments_control .paging .page a.on{
    background-color:#80c241;
    color: #fff;
    text-decoration:none;
}    
#comments_control p.none{
    color: #b5b5b6;
} 


/*****************************************
== Player Comments Styles
*****************************************/
#clickformore{
    float:left;
    width:250px;
    margin: 0 0 6px 0;
    padding: 0;
}
#pl_m_items{
    float:left;
    width:385px;
    clear:both;
    text-align:left;
    background: transparent url(/images/brand/stripe.gif) repeat-x;
    background-color: #fff;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
    color: #333;
}
#pl_m_items p{
    padding: 4px 0;
    margin:0;
}
#pl_m_items a{
    color: #666;
}
#pl_m_items #comments_control h2{
    color: #85B03C !important;
}
#pl_m_items_on, 
#pl_m_items_off {
    text-decoration: underline;
}
#pl_m_items_on:hover, 
#pl_m_items_off:hover {
    text-decoration: none;
}
#pl_m_items #commentsHold{
    width: 365px;
    border: solid 1px  #e5e5e5;
    background-color:#fff;
    margin: 10px 5px;
    font-size: 110%;
}

#clickformore a.main_new
{
}
#clickformore a span
{
    float: left;
    width: 250px;
}

#comiccomments #comments_control #case h2,
#comiccomments #comments_control #case h3
{
    margin: 0 !important;
    padding: 0 !important;
    color: #333 !important;
    width: auto !important;
}








/*****************************************
== STORE LINKING STYLES
*****************************************/

/*== Store Link - Also Bought */

#alsobought_list h2{
    font-size: 110%;
    color: #373737 !important;
    background-image: url('/images/player/bg_label.gif');
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 6px 0;
    margin: 0 0 4px 0;
}
#alsobought_list{
    float:left;
    width:370px;
    margin: 0 0 0 2px;
}
#alsobought_list ul,
#alsobought_list ul li{
    float:left;
    margin:0;
    padding:0;
    list-style: none;
}
#alsobought_list ul{
    width:99%;
}
#alsobought_list ul li{
    margin:4px 1px;
    width: 99%;
    height: 99%;
    background-color: #fff;
}
#alsobought_list ul li a.img{
    float:left;
    height:auto;
    width:71px;
    text-align:center;
    border:solid 1px #5B5B5B;
    margin: 0 5px 0 0;
}
#alsobought_list ul li a img{
    text-align:center;
}
#alsobought_list ul li a{
    color: #93C957;
    font-weight: bold;
}

/*== Store Link - Random Product */

#prodlist_rand{
    float:left;
    width:260px;
    border:solid 1px #e5e5e5;
    background-color:#fff;
    padding: 10px 12px;
}
#prodlist_rand ul,
#prodlist_rand ul li{
    float:left;
    margin:0;
    padding:0;
    list-style: none;
}
#prodlist_rand ul{
    
    margin-left:10px;
}
#prodlist_rand p{
    margin-top: 6px;
}
#prodlist_rand ul li{
    margin:0 1px;
    text-align: center;
    width: 71px;
    height: 71px;
    background-color: #fff;
}

/*== Store Link - Comic */

#latest_comic ul,
#latest_comic ul li{
    float:left !important;
    margin:0;
    padding:0;
    list-style: none;
}
#latest_comic ul{
    width:150px !important;
}
#latest_comic ul{
    padding: 0 0 18px 0 !important;
}
#latest_comic ul li{
    margin:0 1px 2px 0 !important;
    width: 180px !important;
    background-color: #fff;
    font-weight:bold;
    font-size:90% !important;
}
#latest_comic ul li a.img{
    float:left !important;
    text-align: center;
    height: 71px;
    width:71px;
}

/*****************************************
== Independent Styles
*****************************************/

.floatLeft{float: left;}
.floatRight{float: right;}