﻿/*

Theme Name: Screen Room Store

Theme URI: Screen Room Store

Description: WP theme made only for Screen Room Store

Version: 1.0

Author: Screen Room Store

Tags:

*/



* {  zoom:1; margin:0; padding:0; }

.cufon-loading body { visibility:hidden; }

html { background: none; }

body {  background:url("images/internal-page.jpg") no-repeat scroll 50% 0 transparent; color: #4d4d4d; font-family:Verdana, Geneva, sans-serif; font-size: 13px;  line-height: 17px;  }

.home  { background:url("images/home-bg.jpg") no-repeat scroll 50% 0  transparent; /*-344px*/ }

#page {  background: none ; }



table { border-collapse:collapse; }

p { margin: 0 0 15px;  }

a { color:#f5911e; text-decoration:none; }

a:hover { text-decoration:underline; }

.clearBoth { clear:both; }

.alignleft { float:left; margin:0 15px 0 0; }

.alignright { float:right; margin:0 0 0 10px; }

.aligncenter { text-align:center; display:block; }

.wrapper {   position:relative;margin: 0 auto; width: 955px;   }

.style-list  { padding:0; margin:0 0 15px; }

.style-list  li { background: url("images/list.png") no-repeat scroll 0 50% transparent;  padding: 0 0 0 25px; margin:0 0 5px; list-style-type:none; }

ul, ol  { padding:0;  margin: 0 0 15px;}

ul li {      list-style-type: disc;  margin: 1px 0 1px 14px;  }

ol li {  list-style-type: lower-alpha;  margin: 8px 0 8px 14px; }

strong {font-weight:bold;}



#header {     min-width: 955px; position: relative; z-index: 3; background: url("images/header.jpg") repeat-x scroll 0 100% transparent; height: 93px; }

	.home #header { height: 436px;	 }

	#header #header-wrap { background: url("images/header-wrap.jpg") no-repeat scroll 50% 100% transparent; height: 100%; }

	#header .wrapper {  height: 100%;   }

	#header .logo a {  background: url("images/logo.png") no-repeat scroll 0 0 transparent;display: block; height: 67px; outline: medium none; position: absolute;  text-indent: -99999px;  bottom: 12px; width: 286px;  z-index: 9999; }

	#header .header-contact { background: url("images/contact-number.png") no-repeat scroll 0 0 transparent;bottom: -39px;color: #FFFFFF; font-size: 23px; height: 19px; left: 15px; padding: 10px; position: absolute; text-align: center;  width: 188px;}

	#header .header-contact h3 { display:none; }

	#header #main-menu { bottom: 27px; position: absolute; right: 10px; }

	#header #menu-header { }

	#header .menu { margin: 0; padding: 10px 0; float:left; width:100%; }

	#header .menu > li { margin: 0;  float: left; list-style-type: none; }

	#header .menu > li.first-item {  }

	#header .menu > li.last-item { border:none;  }

	#header .menu > li > a { color: #fff; display: block; font-size: 15px;   padding:0 15px ; text-align: left; text-shadow: none; text-transform: uppercase;}

	#header .menu > li > a:hover , #body .menu > .sfHover > a, #body .menu > .current-menu-item > a { color:#f5911e!important; text-decoration:none; }

	#header .sub-menu {    top: 54px  !important; }

	#header .sub-menu li { }

	#header .sub-menu li a { text-transform: uppercase;  font-size: 14px; text-align:center;   background:url("images/dropdown.png") repeat scroll 0 0 transparent; color: #06242f ;  display: block ; padding: 11px 15px ;  }

	#header .sub-menu li a:hover, #header .sub-menu .current_page_item a  { text-decoration:none; color: #fff; background:#011f1d; }

#banner { margin: 0 0 5px; height:266px; }

	#banner .wrapper { }

	#banner .slider { }

	#banner #slider { }



#body {     min-width: 955px; overflow: hidden;   background: none ;   position: relative; }

	#body .wrapper { height: 100%;  }

	#body .wrapper-nt {background: url("images/page-container.jpg") repeat-x scroll 0 35px #F9F9F9;  }

	#body .wrapper-two {   background: url("images/page-container-side.jpg") repeat-y scroll 665px 35px transparent; }



	#body #container {/* background: url("images/page-container-middle.jpg") no-repeat scroll 665px -151px transparent;*/ height: 100%; padding: 50px 0 131px; }

	#body #container.two-page-content {  background: url("images/page-container-middle.jpg") no-repeat scroll 665px -151px transparent;  }

	#body #container.home-content { background: none repeat scroll 0 0 transparent; padding: 0;  min-height: 654px; }

	#body .container-content { padding: 30px 20px 20px; float: left; min-height: 420px; }
	#body .container-content.woo { }

	#body .two-page-content .container-content { width: 630px; }

	#body .post-container { }



	#body #training-videos {  }

	#body #training-videos #training-vid-list { float: left; margin:0 10px 25px 0; position: relative; }

	#body #training-videos #training-vid-list a { }

	#body #training-videos #training-vid-list a img { border: 5px solid #ddd; height: auto; width: 180px;}

	#body #training-videos #training-vid-list a span { background: url("images/play.png") no-repeat scroll 0 0 transparent; display: block;   height: 64px;left: 64px; opacity: 0.3; filter:alpha(opacity=30); position: absolute; top: 42px; width: 61px; z-index: 99;}

	#body #training-videos #training-vid-list a:hover span  {  opacity: 1; filter:alpha(opacity=100); }

	#body #training-videos .vid-two { margin:0 18px 5px!important; }
	#body #training-videos a h3 { font-size: 14px; margin: 5px 0 0; }

	#body #home-video-link { background: url("images/guy-img.png") no-repeat scroll 0 0 transparent; bottom: 1px; height: 461px;  position: absolute; right: -117px; text-indent: -99999px; width: 518px; }

	#body #home-video-link:hover {  background: url("images/guy-img-hover.png") no-repeat scroll 0 0 transparent; }

	#sidebar { float: right; width: 278px; }

	#sidebar ul { }

	#sidebar ul ul{ margin:0 0 0 15px !important; }

	#sidebar ul li { list-style-type:none; margin: 0 0 8px;  }

	#sidebar a { text-decoration:none; color:#004478; }

	#sidebar a:hover { text-decoration:none; }

	#sidebar strong { font-size:14px; color:#101010;  }

	#sidebar .widget-container {  padding: 0 20px 40px 20px;  /*background: url("images/page-container.jpg") repeat-x scroll 0 100% #F9F9F9; */overflow: hidden;   }

	#sidebar .widget-container header h3 { width: 251px; background:url("images/header-wrap.jpg") no-repeat scroll 50% 7% transparent; color: #FFFFFF; font-size: 16px; margin: 0 0 15px -20px; padding: 14px; text-shadow: 1px 1px #555555; text-transform: uppercase; }



	#sidebar .widget_sp_image header, #sidebar .widget_nav_menu header { display:none; }

	#sidebar .widget_nav_menu  ul { }

	#sidebar .widget_nav_menu  ul li {  padding-left: 10px; border-left:1px solid #c48414; }

	#sidebar .widget_sp_image {   padding: 10px 10px 3px;  }
	#sidebar .woocommerce-product-search input[type=search] {		margin-bottom: 5px;	}	#sidebar .woocommerce-product-search label {		display: none;	}	#sidebar .woocommerce-product-search input[type=submit],
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
		font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
	}


	.wp-paginate li {  margin: 0; }

	.wp-paginate .current {  background: none repeat scroll 0 0 #9FC206!important;  border: 1px solid #9FC206!important; }


.page-template-shop-one-column-page #body .container-content {
	float: none;
}


h1,h2, h3, h4, h5, h6 { margin:0 0 15px; font-weight:bold; }

h1 {  color: #666666; font-size:22px; margin:0 0 15px;  }

h2, h2 a { color: #4e4e4d; font-size: 15px; text-transform:uppercase; }

h3 {  color: #000; font-size:18px; }



#footer-extra {     min-width: 955px;  background: url("images/footer-orange.jpg") repeat-x scroll 0 100% transparent; margin: -106px 0 0;position: relative; background: url("images/footer-orange.jpg") repeat-x scroll 50%  height: 100%; transparent;    height: 376px; }

	#footer-extra #footer-extra-wrap { background: url("images/footer-extra.png") no-repeat scroll 50% 0 transparent;  height: 100%; }

	#footer-extra .jcarousel-container { position: absolute !important;top: 257px; width: 660px !important; }

	#footer-extra .jcarousel-container .jcarousel-item img { width:156px; height:90px;  border: 2px solid #FFFFFF; }

	#footer-extra .jcarousel-container .jcarousel-item span { background: url("images/play.png") no-repeat scroll 0 0 transparent; display: block;

    height: 64px;left: 51px; opacity: 0.3; filter:alpha(opacity=30); position: absolute; top: 16px; width: 61px; z-index: 99;}

	#footer-extra .jcarousel-container .jcarousel-item a:hover span {  opacity: 1; filter:alpha(opacity=100); }

	#footer-extra #video-link {  height: 375px; position: absolute; right: -19px; text-indent: -99999px; top: 1px;  width: 179px; }

	#footer-extra #video-link { background: url("images/footer-guy-img.png") no-repeat scroll 0 0 transparent;bottom: 1px; height: 376px; position: absolute;
    right: 0; text-indent: -99999px; top: 0; width: 300px; }

	#footer-extra #video-link:hover {  background: url("images/footer-guy-img-hover.png") no-repeat scroll 0 0 transparent; }

	#header-test { }


#footer {     min-width: 955px; background: none repeat scroll 0 0 #000000; font-size: 12px; height: 170px;   }

	#footer .wrapper {  height: 100%;  }

	#footer .footer-left { left: 0; position: absolute; top: 23px; }

	#footer #footer-main-menu { position: relative; top: 51px;   }

	#footer #footer-main-menu  ul { margin:0; }

	#footer #footer-main-menu li {margin: 0;  float: left; list-style-type: none;  }

	#footer #footer-main-menu li a { color: #FFFFFF; font-size: 15px; padding: 0 10px; }



	#footer .footer-right { right: 0; position: absolute; top: 5px; }

	#footer #footer-widget { top: 47px; position: absolute; right: 0; }

	#footer #footer-widget a { margin: 0 0 0 5px; display:inline-block; text-indent:-99999px; outline:none; }

	#footer #footer-widget a#fb { position: relative; top: 11px; background:url(images/fb.jpg) no-repeat; width:29px; height:30px; }

	#footer #footer-widget a#tw { position: relative; top: 11px; background:url(images/tw.jpg) no-repeat; width:29px; height:30px; }

	#footer #footer-widget a#f-logo { background:url(images/flogo.jpg) no-repeat; width:181px; height:44px; }

	#footer #copyright { font-size: 14px; position: relative; color:#7d7d7d; top: 120px; }

	#footer #copyright a { color:#7d7d7d; }



/**************button*************/

#sidebar .reserver-your-spot, #footer .footer-top .left a { text-indent:-99999px; outline:none; display:block; border:none; }

/**************button*************/



/************OPACITY******************/

#footer #footer-widget a:hover, #header .logo a:hover { opacity:0.8; filter:alpha(opacity=80); }

/************OPACITY******************/



/***********CSS 3 Rounded Border************/



/**********Rounded***************/



/**********CSS 3 Box Shadow***************/

* { box-shadow: none!important; -moz-box-shadow: none!important; -ms-box-shadow:none!important; -o-box-shadow: none!important; -webkit-box-shadow: none!important;  }

/**********CSS 3 Box Shadow***************/



/************CSS 3 Transition******************/

a.none { -moz-transition:color 0.75s, background 0.5s,opacity 0.5s, border 0.5s; -o-transition:color 0.75s, background 0.5s,opacity 0.5s, border 0.5s; -webkit-transition:color 0.75s, background 0.5s,opacity 0.5s, border 0.5s; transition:color 0.75s, background 0.5s,opacity 0.5s, border 0.5s;  }

/************CSS 3 Transition******************/



/************GRAVITY FORM*************/


.gform_wrapper .top_label .gfield_label { font-weight:normal!important; }
.gfield { margin:0; }


/************GRAVITY FORM*************/

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt,.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit], button {	border-style: none; background-color: #F28000!important; border-color: #B0630A!important; padding: 7px 18px!important;	color: #fff!important; border-radius: 3px;}
.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {  color: #F28000!important; font-size: 21px!important; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { height: 270px!important; }
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { height: 128px!important; }
.products li h3 {  height: 47px; }
.woocommerce div.product form.cart .button,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	height: 34px!important;
}

.woocommerce form .input-text,.woocommerce div.product form.cart .variations select,#sidebar .woocommerce-product-search input[type=search],.woocommerce .woocommerce-ordering select,.comment-form input[type=text], .comment-form input[type=email], .comment-form textarea,.gform_wrapper input[type="text"], .gform_wrapper textarea, .gform_wrapper select {	padding: 8px 12px;	font-family: inherit;	font-size: 100%;	display: block;	width: 100%;	border: 1px solid rgba(0,0,0,.15);	-webkit-box-sizing: border-box;	box-sizing: border-box;}.woocommerce form textarea.input-text {	height: 120px!important;}.select2-container--default .select2-selection--single {	border: 1px solid rgba(0,0,0,.15)!important;	border-radius: 0!important;	height: 36px!important;}.select2-container--default .select2-selection--single .select2-selection__rendered {	line-height: 32px!important;}.select2-container--default .select2-selection--single .select2-selection__arrow b {	margin-top: 2px!important;}.select2-results__option {	list-style: none!important;	margin: 0!important;}#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {	list-style: none!important;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: inline!important;
}
 
ul#mycarousel li {
    list-style: none;
    margin: 1px 0 1px 20px;
} 

.woocommerce a.button.extrusions_button, 
.woocommerce div.product form.cart a.button.extrusions_button {
    padding: .618em;
    text-align: center; 
    height: auto !important; 
} 
.woocommerce-variation-price {
    margin-bottom: 1rem;
}