/* ---- RESET - Resets default browser CSS.  --------------- */
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

@import url(https://fonts.googleapis.com/css?family=Cantarell:700);


html {



  margin:0;



  padding:0;



  border:0;



}



body, object, iframe,



h1, h2, h3, h4, h5, h6, p, pre,



a, abbr, acronym, address, code,



del, dfn, img, q, dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td,



article, aside, dialog, figure, footer, header,



hgroup, nav, section {



  margin: 0;



  padding: 0;



  border: 0;



  font-size: 100%;



  font: inherit;



  vertical-align: baseline;



}

.itemBody span, .itemBody div {

  /* margin: 8px 0; */

font-size: 12px;

line-height: 16px;

}

article, aside, details, figcaption, figure, dialog,



footer, header, hgroup, menu, nav, section {



    display:block;



}



body {



  /* line-height: 1; */



}



table {



  border-collapse: arate;



  border-spacing: 0;



}



caption, th, td {



  text-align: left;



  font-weight: normal;



  float:none !important;



}



table, th, td {



  



}



blockquote:before, blockquote:after, q:before, q:after { content: ''; }



blockquote, q { quotes: "" ""; }



a img { border: none; }



:focus { outline: 0; }







/* END Reset */











/* ----------   LAYOUT   ---------------- */







html {}







body {}







#mainWrapper {



    display: inline;



    float: left;



    width: 100%;



}







.wideWrap {



    display: inline;



    float: left;



    width: 100%;



}







.wideWrap.top {}



.wideWrap.rowA { background-image: url("/web/templates/remnant_newspaper/images/greyHeader.jpg"); height: 50px;     margin: 0 5px 4px 0; position: absolute; top: 0; left: 0; }







.wideWrap.rowB { background-image: url("/web/templates/remnant_newspaper/images/blueHeader.jpg"); height: 90px; margin-top: 36px; }



.wideWrap.rowC { position: absolute;  top: 5px; left: 0px;}



.wideWrap.menu {







  margin-bottom: 15px; 







  background-image: url("/web/templates/remnant_newspaper/images/redNav.jpg");







  background-repeat: repeat-x;



  



  height: 41px;







  }







.wideWrap.breadcrumb {}



.wideWrap.mainrow {}



.wideWrap.rowD {}



.wideWrap.rowE {}



.wideWrap.rowF {}



.wideWrap.footer {}







#top {



    background: none repeat scroll 0 0 transparent;



    display: inline;



    float: left;











}







#topLeft {



  position: absolute;



  top: -9px;



  left: -28px;



}











#rowA, #rowB, #rowC, #rowD, #rowE, #rowF, #rowG {



    background: none repeat scroll 0 0 transparent;



    display: inline;



    float: left;



    width: 100%;



}







#rowA {}



#rowB {}



#rowC {margin-top: -13px;}



#rowD {}



#rowE {}



#rowF {}



#rowG {}







#rowA-1, #rowA-2, #rowA-3, #rowA-4,#rowB-1, #rowB-2, #rowB-3, #rowB-4, #rowC-1, #rowC-2, #rowC-3, #rowC-4, #rowD-1, #rowD-2, #rowD-3, #rowD-4, #rowE-1, #rowE-2, #rowE-3, #rowE-4, #rowF-1, #rowF-2, #rowF-3, #rowF-4, #rowG-1, #rowG-2, #rowG-3, #rowG-4, #footer {float:left;}







#rowA-1 {padding-left: 750px;}



#rowA-2 {

    padding-top: 4px;

  margin-top: 0px;

  margin-left: 547px;

}



#rowA-3 {}



#rowA-4 {}



#rowB-1 {}



#rowB-2 {}



#rowB-3 {}



#rowB-4 {}



#rowC-1 {

    margin: -46px 0 0 -28px;

}



#rowC-2 {}



#rowC-3 {}



#rowC-4 {}



#rowD-1 {}



#rowD-2 {}



#rowD-3 {}



#rowD-4 {}



#rowE-1 {}



#rowE-2 {}



#rowE-3 {}



#rowE-4 {}



#rowF-1 {}



#rowF-2 {}



#rowF-3 {}



#rowF-4 {}



#rowG-1 {}



#rowG-2 {}



#rowG-3 {}



#rowG-4 {}







#footer {



width: 100%



}







#NavWrapper {



    display: inline;



    float: left;



    margin: 0 0 5px;



    padding-bottom: 0;



    width: 1000px;



  position:absolute;



  top: -0px;



  }







#Nav {



    float: left;



    padding: 9px 0;



  width: 100%;

}







ul.menu {



    margin-left: 0;

  

  margin-top: 5px;



}







ul.menu li {



    background: none repeat scroll 0 0 transparent;



    float: left;



    list-style: none outside none;



    margin: 0 3px 0 3px;



    padding: 0;



}







ul.menu a {



  font-family: 'Fjalla One', sans-serif; 



  color: #FFF; 



  font-size: 18px;



  text-decoration: none







}







ul li.active a {







  text-decoration: underline;



}







li a {



  

}







ul.menu li.active {







  /*text-decoration: underline; */



}















ul.menusideMenu {



    color: #666666;



    font-size: 20px;



    line-height: 25px;



    margin-left: 23px;



  text-decoration:  none;



  padding-left: 5px;



}











#breadcrumb {



    background: none repeat scroll 0 0 transparent;



    display: inline;



    float: left;



    width: 100%;



}







.breadcrumbs {



    font-size: 12px;



    font-style: italic;



    margin-left: 10px;



}







#breadcrumbLeft {



    background: none repeat scroll 0 0 transparent;



    float: left;



}







#breadcrumbRight {



    background: none repeat scroll 0 0 transparent;



    float: right;



    text-align: right;



}







#mainrow {}







#left-col {



  float: left;







}







#left-col-cont {



}







#left-col-cont .moduletable {



  margin-bottom: 5px;



  border: thin solid;

  

  width: 238px;



}







#main-col {



    background: none repeat scroll 0 0 transparent;



    float: left;



}











#main-col-cont {



    background: none repeat scroll 0 0 transparent;



    padding: 10px;

  

  margin: -20px -5px 0 0;



}







#right-col {



  float: right;

  margin-top: 0px;

  width: 25%;



}







#right-col-cont .moduletable {



  border: thin solid;



  padding-bottom: 30px;



  margin-bottom: 20px;



}







#right-col-cont {



}







#adverttop {



    margin: 11px 0px 5px 0px;

}







#advertBottom {



    margin: 10px 0 0;



}







#footWrapper{







    background-image: url("/web/templates/remnant_newspaper/images/blueFooter.jpg");







    display: inline;







    float: left;







    width: 100%;



  background-color: #0c2a5c;

  

  background-repeat: repeat-x;







}











#debugRow { 



    display: inline;



    float: left;



}







#topLeft, #topRight {







}











#breadcrumb {



}







.cols-1 {



    display: block;



    float: none !important;



    margin: 0 !important;



}



.cols-2 .column-1 {



    float: left;



    width: 46%;



}



.cols-2 .column-2 {



    float: right;



    margin: 0;



    width: 46%;



}



.cols-3 .column-1 {



    float: left;



    margin-right: 4%;



    padding: 0 5px;



    width: 29%;



}



.cols-3 .column-2 {



    float: left;



    margin-left: 0;



    padding: 0 5px;



    width: 29%;



}



.cols-3 .column-3 {



    float: right;



    padding: 0 5px;



    width: 29%;



}



.items-row {



    margin-bottom: 10px !important;



    overflow: hidden;



}



.column-1, .column-2, .column-3 {



    padding: 10px 5px;



}



.column-2 {



    margin-left: 40%;



    width: 55%;



}



.column-3 {



    width: 30%;



}















/* END LAYOUT */  



  







/* ----------   TYPOGRAPHY  ---------------- */







body {



  color: #333333;



  font-size: 14px; 



  /* line-height:18px; */



  font-family:Arial, Helvetica, sans-serif;



}







a {



  text-decoration: none;



  color: #2e58a8;







}







a:hover {



  text-decoration: underline;



}







.catItemTitle a {



  color: #5d190e;



}











.readmore a {



    text-decoration: underline;



}







p {



  margin: 8px 0;



  font-size:16px;



  line-height:16px;



}











p, #footer {



  margin: 8px 0;



  font-size:12px;



  line-height:16px;



}







h1, .componentheading {



    color: #444444;



    font-size: 48px;



    letter-spacing: -3px;



    line-height: 56px;



}







h1, .leading {



    color: #000000;



  font-family: 'Roboto Condensed', sans-serif;



    font-size: 48px;



    letter-spacing: 0px;



    line-height: 56px;







}







h1, .trailing {



    color: #027ac3;



    font-size: 36px;



    letter-spacing: 0px;



    line-height: 56px;



  font-family: 'Roboto Condensed', sans-serif;



}







h2, .contentheading, h2 a {



    /* font-size: 36px;



    line-height: 44px;



  */



}







h3,.moduletable h3 {



    color: #444444;



    font-size: 24px;



    line-height: 32px;



}







.moduletable h3 {



    padding: 0 5px 0 5px;



  background-image: url("https://remnantnewspaper.com/web/templates/remnant_newspaper/images/redNav.jpg");



    color: #FFFFFF;



    font-size: 24px;



    line-height: 32px;



}







h4 {



    color: #444444;



    font-size: 18px;



    



    line-height: 24px;



    margin-bottom: 5px;



}







h5 {color: #ffffff;background: #333333;padding: 2px 0 2px 4px}



h6 {color: #ffffff;background: #999999;padding: 2px 0 2px 4px}







.breadcrumbs {font-size: 12px;font-style: italic; margin-left: 0;}







/* END TYPOGRAPHY */











/* ----------   MISC ELEMENTS ---------------- */







label {



    



    min-width: 75px;



}







ul {



    margin-left: 14px;



}







ul.actions {



    margin-left: 0;



}



  



ul.actions li {



    display: inline;



    list-style: none outside none;



    padding: 0;



}







 #system-message dd.error ul {



    margin-left: 0;



  background-position: 5px 40%;



}







th {



    padding: 3px;



}







caption, th, td {



    padding: 2px 10px 2px 2px;



    text-align: left;



}







thead tr {



    background: none repeat scroll 0 0 #EEEEEE;



}











fieldset.filters {margin: 10px 0;}







div.current {



    border: 1px solid #CCCCCC;



    clear: both;



    padding: 10px;



}







dl.tabs dt {



    background: none repeat scroll 0 0 #F0F0F0;



    border-left: 1px solid #CCCCCC;



    border-right: 1px solid #CCCCCC;



    border-top: 1px solid #CCCCCC;



    color: #666666;



    float: left;



    margin-right: 3px;



    padding: 4px 10px;



}







dl.tabs dt.open {



    background: none repeat scroll 0 0 #F9F9F9;



    border-bottom: 1px solid #F9F9F9;



    color: #000000;



    z-index: 100;



}







div#sliders.pane-sliders div.panel h3#basic-details.title {



    padding: 2px 5px;



}











div.pane-slider {



    padding: 10px;



}







.panel {



    border: 1px solid;



    margin-top: -1px;



}











.contentpane {



  margin:10px;



}







/* END MISC ELEMENTS */











/* ----------   DEVELOPER  ---------------- */











.moduletable.greybox {



    background: none repeat scroll 0 0 #dddddd;



    color: #FFFFFF;



    height: 100%;



    padding: 5px;



    width: auto;



}







.custom.greybox {



  padding: 5px;



  min-height: 140px;







}







.custom.greybox p {



    color: #666666;



    line-height: 18px;



    margin: 0;



}







.greybox2 {



    background: none repeat scroll 0 0 #DDDDDD;



    color: #FFFFFF;



    height: auto;



    padding: 0 3px;



    width: auto;



}







.greybox2 p {



    color: #666666;



    margin: 0;



    padding: 0;



}







p.righleftheight {height: 206px; }







.moduletablegreybox {



    background: none repeat scroll 0 0 #DDDDDD;



    min-height: 140px;



    padding: 5px;



    width: auto;



}







.moduletablegreybox p {



    color: #666666;



    line-height: 18px;



    margin: 0;



    padding: 5px;



}







.rowWrap {



  position: relative;



}







.phone {



  font-family: 'Archivo Narrow', sans-serif;



  font-size: 30px;



}











.moduletableimageSlider {



    left: 170px;



    position: absolute;



    top: 270px;



}











#headSliderFrame {



    left: 160px;



    position: absolute;



    top: 260px;



  z-index:200;



}







div.itemBackToTop {display:none !important }











#footerArea {



    float: left;



    margin-left: 540px;



    margin-top: 15px;



}











.wideWrap.rowD {



   



}







.wideWrap.rowD h2 {



   font-size: 18px;



}



.wideWrap.rowE h2 {



   font-size: 30px;



}





.menusideBar {



  list-style-type: none;



  



}







.separator {



  font-size: 14px;



  font-weight: bold;

  

  line-height: 20px;



}







.moduletable li{



  



}







.moduletable a{



  text-decoration: none;

  



}







.moduletable a:hover{



  text-decoration: underline;



}







body.fs1 {



  font-size: 10px;



}







body.fs2{



  font-size: 11px;



}







body.fs3{



  font-size: 12px;



}







body.fs4{



  font-size: 13px;



}







body.fs5{



  font-size: 14px;



}







body.fs6{



  font-size: 15px;



}







.custom {



  padding: 5px 5px 5px 5px;



}







.latestItemView {



  border: solid thin #cccccc;



  padding: 5px;



  margin-bottom: 5px;



}







.latestItemTitle {



  font-size: 28px;

  margin-right: 10px;

  margin-bottom: 5px;

  width: 400px;



}





.latestItemTitleList h2 {



  font-size: 24px;



}



.menusideBar {

  margin-top: 10px;

}



#subscribeBox {

   border: 2px solid #EBEBEB;

    border-radius: 10px 10px 10px 10px;

    font-family: Arial,Helvetica,sans-serif;

    left: 595px;

    padding: 3px;

    position: absolute;

    text-align: right;

    top: -10px;

  margin: 0;



}



#signupBox {

  border: thin solid;

  padding: 5px 10px;

   margin-left: -5px;

}



#signupBox a:hover {

  text-decoration: underline;

}



#logo {

  height: 0px;

}



.close {

    background-image: url("/web/players/images/close.png");

  position:absolute;

  top:-30px;

  display:block;

  right:-30px; 

  width:35px;

  height:35px;

  cursor:pointer;

}



.overlay {

  display: none;

}



a.player {     

  display:block;

  width:575px;

  height: 380px;

}

tr.oddRow td {

  background-color:#CCC;

  vertical-align: middle;

}



tr.evenRow td {

vertical-align: middle;  

}

.title {

  font-size:14px;

  font-weight: bold;

  text-align: left;

}



.date {

  font-size:9px;

  color:#999;

  font-weight: normal;

}





.moduletableSearch {

    float: right;

    margin: 0 -195px 0 0;

    width: 195px;

}



.moduletableFooterMenu {

    border: thin dotted #949494;

    color: #BFBFBF;

    padding: 5px;

    width: 200px;

  margin-left: 25px;

  margin-top: 25px;

  float:left;

}



.moduletableFooterMenu a{

  color: #7f7f7f;

  padding-left: 10px;

}



.moduletableFooterMenu h3 {

  color:#CCC;

}



#Nav li + li {

    background-image: url("../images/separator.png");

    background-position: left top;

    background-repeat: no-repeat;

    background-size: contain;

    color: #FFFFFF;

    margin: 0;

    padding: 0 3px 0 11px;

}





.search {

    margin-bottom: 20px;

    margin-left: 26px;

    margin-top: 20px;

}





.moduletable_support {

    float: left;

    height: 39px;

    margin: -9px 0 0 10px;

    padding: 0 15px;

}



.custom_support a{

    color: #FFFFFF;

    font-family: 'Fjalla One',sans-serif;

    font-size: 18px;

    text-decoration: none;

    text-transform: uppercase;

}





.moduletable {

    /* float: left; */

}



.moduleItemDateCreated {

    font-size: 10px;

}



.moduletable_News {

    border: thin solid #999999;

    padding: 10px;

  margin: 0 0 5px;

}



.moduletable_News > h3 {

    font-weight: bold;

    text-align: center;

}

.moduletable_login {

    border: thin solid #999999;

    padding: 0px;


}




.moduletable_login > h3 {

    font-weight: bold;

    text-align: center;

}

.moduletable_remnantUnderground > h3 {

    font-weight: bold;

    text-align: center;



}



.moduletable_remnantUnderground {

  border: thin solid #999999;

    padding: 10px;

  margin-bottom: 5px;

}



.moduletable_remnantUndergroundE {

  border: thin solid #999999;

    padding: 10px;

  margin: 0px 5px 5px 0px;

  min-height:125px;

}



.hd-date {

    color: #999999;

}



.moduletable_preview {

    margin: 0 0 4px 0px;

}







span.catItemImage img {

  width: 150px !important;

}





#left-col-cont .moduletable_cnn {

    border: thin solid;

    margin-bottom: 5px;

  margin-top: 5px;

    width: 238px;

}



.moduletable_remnantPreview{

  border: thin solid;

    margin: 0 0 5px;

    padding: 5px;

  

}



.moduletable_remnantPreview img {

  margin: 0 0 0 28px;

  border: thin solid;

}



dd {

  margin-bottom: 15px;

}







.moduletable_FetzenFliegen, .moduletable_traditional {

    border: thin solid #999999;

    padding: 10px;

}



.moduletable_A-CNN {

    border: thin solid #999999;

    margin: 5px 0 5px;

    padding: 10px;

}



.cdpetitions_poweredby {

  display:none;

}



.poweredby {display: none;}



.custom_adSite {padding: 5px; border: solid thin #999999;width: 480px; margin: 0 auto;}



.menu_storeMenu{

  margin: 5px;

  list-style-type: none;

}



a.product-details, a.details, div.details {

  background-position: 0 0;

  display: inline-block;

  padding: 3px 8px 1px;

  /*margin: 20px 0 0px -25px;  */

}



.featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .recent-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 {

  font-size: 14px;

  margin: 0 0 6px;

  padding: 0;

  min-height: 55px !important;

}



.productdetails-view .product-short-description {

margin: 0 0 15px;

padding: 0;

line-height: 16px;

}



.product-description {

  line-height: 16px;

}

._remnantUndergroundE a {

  font-size:14px;

  font-weight: bold;

}



div.k2ItemsBlock ul li.lastItem {

  text-align: left;

}



#pwebbox185_toggler {

  display: none;

}


.vmLoadingDiv .vmLoadingDivMsg { margin-left: 25%; font-size: 36px; font-weight: bold;}

.alert-message  {background-color: #00DA00; border-radius: 5px; padding: 10px;}
.alert-warning  {background-color: yellow; border-radius: 5px; padding: 10px;}
.close {margin-top: 1%; margin-right: 40px;}

.moduletable_cicMain {
	border: thin solid #999999;
	padding: 5px;
	margin: 3px 0;
	
}

.moduleCustomLink {
	padding-top: 5px;
}

.moduletable_showcaseLeft {
    border: thin solid #999999; 
    /* padding: 10px; */
    /* margin: 0px 5px 5px 0px; */
    min-height: 125px;
    height: 145px;
	    width: 468px;
}

#rowE-2 {
	width: 475px;
}

/* END DEVELOPER */