.moduletable_red, .moduletable_yellow,.moduletable_green,.blog-featured .item {
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.18);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.18);
}

.moduletable_red h3, .moduletable_yellow h3, .moduletable_green h3{
	font-weight: 400;
	font-size: 130%;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	text-align: center;
	position:relative;
}

.moduletable_red h3 span, .moduletable_yellow h3 span, .moduletable_green h3 span {
	position: absolute;
	top: 65%;
	width: 100%;
	left: 0px;
	z-index: 99;
}



.moduletable_red .module-content, .moduletable_yellow .module-content, .moduletable_green .module-content,.blog-featured .item .item-handler {
	padding: 20px;
	-moz-transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	-o-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	transition-duration:0.4s;
	-webkit-transition-property:all;
	-ms-transition-property:all;
	-o-transition-property:all;
	-moz-transition-property:all;
	transition-property:all;
	position: relative;
	clear: both;
}

.moduletable_red .button, .moduletable_yellow .button, .moduletable_green .button, .blog-featured .item .item-handler .button {
	background-color: transparent !important;
	border-width: 2px;
	border-style: none;
	
}





.moduletable_red, .moduletable_yellow, .moduletable_green, .moduletable_neutral, .blog-featured .item {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
}
.moduletable_red .module-content, .moduletable_yellow .module-content, .moduletable_green .module-content, .moduletable_neutral .module-content,.blog-featured .item {
    background: none repeat scroll 0 0 #ffffff;
    color: #525252;
}
.moduletable_red .module-content, .moduletable_neutral .module-content,.blog-featured .item .item-handler {
    clear: both;
    /* padding: 20px; */
	padding:61px 0 11px;
	/* margin-top:20px; */
	margin-top:28px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-collapse: collapse;
	border-top-left-radius:0.8em;
	border-top-right-radius:0.8em;
    position: relative;
    transition-duration: 0.4s;
    transition-property: all;
}
.moduletable_yellow .module-content  {
    clear: both;
    /* padding: 20px; */
	padding:0 0 11px 0;
	/* margin-top:20px; */
	margin-top:0px;
    border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-collapse: collapse;
	position: relative;
    transition-duration: 0.4s;
    transition-property: all;
}
.moduletable_green .module-content  {
    clear: both;
    /* padding: 20px; */
	padding:0px 0 61px 11px;
	/* margin-top:20px; */
	margin-top:0px;
    border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-collapse: collapse;
	border-bottom-left-radius:0.8em;
	border-bottom-right-radius:0.8em;
	position: relative;
    transition-duration: 0.4s;
    transition-property: all;
}
.moduletable_red h3, .moduletable_yellow h3, .moduletable_green h3, .moduletable_neutral h3, .blog-featured .item:hover a {
    color: #ffffff;
}
.moduletable_red .module-content, .moduletable_yellow .module-content, .moduletable_green .module-content, .moduletable_neutral .module-content, .blog-featured .item {
    background: none repeat scroll 0 0 #ffffff;
    color: #525252;
}
.moduletable_red .button, .moduletable_yellow .button, .moduletable_green .button, .moduletable_neutral .button, .blog-featured .item .button {
    border-color: #5c5c5c;
    color: #5c5c5c !important;
}
.moduletable_red:hover .module-content, .blog-featured .item:hover .item-handler {
    background-color: #FF2A2A;
	background-color: #000;
    color: #000;
}
.moduletable_yellow:hover .module-content, .blog-featured .item:hover .item-handler {
    background-color: #E9E202;
	background-color: #000;
    color: #000;
}
.moduletable_green:hover .module-content, .blog-featured .item:hover .item-handler {
    background-color: #36D22E;
	background-color: #000;
    color: #000;
}
.moduletable_neutral:hover .module-content, .blog-featured .item:hover .item-handler {
    background-color: #CCC;
    color: #ffffff;
}
.moduletable_red:hover .button, .moduletable_yellow:hover .button, .moduletable_green:hover .button, .moduletable_neutral:hover .button, .blog-featured .item:hover .button {
    border-color: #ffffff;
    color: #ffffff !important;
}
.moduletable_red .button:hover, .moduletable_red button:hover, .moduletable_red a.button:hover {
 /*   background-color: #BF2A25 !important; */
    color: #ffffff !important;
}
.moduletable_yellow .button:hover, .moduletable_yellow button:hover, .moduletable_yellow a.button:hover {
/*    background-color: #E1DA02 !important; */
    color: #ffffff !important;
}
.moduletable_green.button:hover, .moduletable_green button:hover, .moduletable_green a.button:hover {
/*    background-color: #50984C !important; */
    color: #ffffff !important;
}
.moduletable_neutral .button:hover, .moduletable_neutral button:hover, .moduletable_neutral a.button:hover {
    background-color: #CACACA !important;
    color: #ffffff !important;
}
.moduletable_style3 .button, .blog-featured .item .item-handler .button {
    background-color: transparent !important;
    border-style: solid;
    border-width: 2px;
}
.button, button, a.button, dt.tabs.closed:hover, dt.tabs.closed:hover h3 a, .closemenu, .highlight-button, #LoginForm .btn-group > .dropdown-menu, #LoginForm .btn-group > .dropdown-menu a, ul#navp a:hover, nav#main li.active a, body.section-slideshow #navp li.slideshow a, body.section-top1 #navp li.top1 a, body.section-top2 #navp li.top2 a, body.section-top3 #navp li.top3 a, body.section-content #navp li.content a, body.section-bottom1 #navp li.bottom1 a, body.section-footer #navp li.footer a {
    background-color: #4781a8 !important;
    color: #ffffff !important;
}
.button, button, a.button, .browse-view p a.product-details, a.addtocart-button.moduleItemReadMore, input.addtocart-button, a.ask-a-question, .highlight-button, .vm-button-correct, span.quantity-controls input.quantity-plus, span.quantity-controls input.quantity-minus, a.details {
    border-radius: 0 !important;
    border-width: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-family: "Open sans" !important;
    font-size: 100%;
    font-weight: 400 !important;
    padding: 9px 18px;
    text-decoration: none;
    transition-duration: 0.2s;
    transition-property: background-color, border-color !important;
    vertical-align: middle;
}
#story-footer {
    background-color: #F2F2F2 !important;
    color: #000 !important;
}
.noshow {
	display:none !important;
	}
/* #content-handler {                           only for now! no spaces for the landing page
    padding-bottom: 40px;
    padding-top: 40px;
    z-index: 1;
}*/
#content-handler {
    padding-bottom: 35px;
    padding-top: 0px;
    z-index: 1;
}
body, #sbox-overlay {
	 /* background-color: #000 !important;  */
	background: #000 url(../images/bg1.jpg) repeat-x!important; 
	/* color: #5c5c5c; */
	color: #fff !important;
}
.autoimage {
    
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
a, a:hover, .moduletable_menu ul.menu li ul li a:hover {
 /*   color: #878787 !important; */
	color: #000 !important;
}
/* Get rid of that stupid floating menu */
#top-handler.tiny #menu, #top-handler.tiny #top-quick-nav, #top-handler.tiny #search-position {
    display: none;
}
#menu .menu-nav > li > a:hover, .menu-nav > li.sfHover > a, .menu-nav > li.active > a, a#menupanel:hover, #top-quick-nav a:hover {
    color: #2d2d2d !important;
}
.moduletable_red .module-content {
  background-attachment:scroll;
  background-color:#000;
  background-image:none;
  background-position:0 0;
  background-repeat:repeat repeat;
 /* color:firebrick!important; */
}
.moduletable_yellow .module-content {
  background-attachment:scroll;
  background-color:#000;
  background-image:none;
  background-position:0 0;
  background-repeat:repeat repeat;
 /* color:yellow!important; */
}
.moduletable_green .module-content {
  background-attachment:scroll;
  background-color:#000;
  background-image:none;
  background-position:0 0;
  background-repeat:repeat repeat;
 /* color:green!important; */
}
.fa fa-circle-thin fa-stack-2x   a, a:hover {
color:#000 !important;}
#footer-line.row-fluid div#foo-left-right div.span12 div.custom p span.fa-stack.fa-3x a {color:#000 !important;}

#footer {
    margin: 0px auto -20px;
    padding: 5px 0 1px;
}
#footer #footer-line {
    /* padding: 10px 0; */
	    padding: 0px 0;
}
#tab-modules {
    padding: 20px 0;
}
#top-handler #sn-position #h1 {
    font-weight: 500;
    line-height: 100%;
}
.border1 {
border: 1px solid #F6F6F6;
border-radius:10px; }
.blog-featured {
    padding: 0px 0;
}
.border2 {
border: 1px solid transparent;
border-radius:10px; 
width}

.border3 {
border-top: 5px solid #F6F6F6;
border-bottom: 5px solid #F6F6F6;
border-left: 15px solid #F6F6F6;
border-right: 15px solid #F6F6F6;
border-radius:10px; 
padding-left:20px;}

.moduletable .module-content, .category-view .row, .featured-view .row, .latest-view .row, .topten-view .row, .browse-view .row {
    padding: 0;}
.btn-red {
    background-color: #FF2A2A;
 /*   background-image: linear-gradient(to bottom, #62c462, #51a351); */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] {
    background-color: #FF0000;
    color: #fff;
}
.btn-red:active, .btn-red.active {
}
.btn-yellow {
    background-color: #E9E102;
 /*   background-image: linear-gradient(to bottom, #62c462, #51a351); */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .btn-yellow.disabled, .btn-yellow[disabled] {
    background-color: #FFD400;
    color: #fff;
}
.btn-yellow:active, .btn-yellow.active {
}
.btn-green {
    background-color: #51A351;
 /*   background-image: linear-gradient(to bottom, #62c462, #51a351); */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] {
    background-color: #188E00;
    color: #fff;
}
.btn-green:active, .btn-green.active {
}
.custom_red p, .custom_yellow p, .custom_green p {
margin-bottom:0px;}
.moduletable_border3 {
    border-color: #f6f6f6;
    border-radius: 10px;
    border-style: solid;
    border-width: 5px 20px;
    margin-left: 211px;
    max-width: 448px;
}

.menu-nav, .menu-nav * {
    list-style: outside none none;
    margin: 0;
    padding: 2 15px;
}
.moduletable, .moduletable_text, .moduletable_style1, .moduletable_style2, .browse-view .row, .moduletable_menu {
    height: 100%;
    margin-bottom: 35px;
}
#top-long {
    padding: 20px 0 0px;
}
/* button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    left: 63%;
    position: absolute;
} */
@media (max-width: 1199px) {
.moduletable_border3 {
    border-color: #f6f6f6;
    border-radius: 10px;
    border-style: solid;
    border-width: 5px 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 448px;
}}
@media (min-width: 768px) and (max-width: 979px) { 

	body {
		font-size: 75% !important;
	}
}
@media (min-width: 320px) and (max-width: 767px) { 

	body {
		font-size: 65% !important;
	}
}
@media (min-width: 630px) and (max-width: 842px) { 	
#sn-position #h1 {
    color: #5c5c5c;
    font-size: 28px!important;
    text-align: center;
    top: 0;
    white-space: pre;
    width: 100%;
}
}
@media (min-width: 365px) and (max-width: 629px) {
#sn-position #h1 {
    color: #5c5c5c;
    font-size: 16px!important;
    text-align: center;
    top: 0;
    white-space: pre;
    width: 100%;
}
}
@media (min-width: 300px) and (max-width: 364px) {
#sn-position #h1 {
    color: #5c5c5c;
    font-size: 14px!important;
    text-align: center;
    top: 0;
    white-space: pre;
    width: 100%;
}
}
@media (min-width: 520px) and (max-width: 800px) {
#footer {
    margin: 0 auto -20px;
    padding: 5px 0 1px;
	font-size: 80%!important;
}}
@media (min-width: 520px) and (max-width: 800px) {
#footer {
    margin: 0 auto -20px;
    padding: 5px 0 1px;
	font-size: 70%!important;
}}
@media (min-width: 450px) and (max-width: 519px) {
#footer {
    margin: 0 auto -20px;
    padding: 5px 0 1px;
	font-size: 70%!important;
}}
@media (min-width: 330px) and (max-width: 449px) {
#footer {
    margin: 0 auto -20px;
    padding: 5px 0 1px;
	font-size: 50%!important;
}}
@media (max-width: 329px) {
#footer {
    margin: 0 auto -20px;
    padding: 5px 0 1px;
	font-size: 40%!important;
}}
/* test for the hovering parts */
@media (max-width: 1024px) {
#big_screen {
	display:none;
}}
@media (max-width: 1199px) {
#onlinesupport a {
	margin-top:5px;
}}
@media (min-width: 1025px) {
#small_screen {
	display:none;
}}
.fsj_faqs_faqs a {color:#fff!important;}
.media div.media-body h4.media-heading a 
	{color:#fff!important;
	text-align: center;}