/*takes the "row" higher on
shortcode ultimate add this
to the shortcode css"su-row-takeup" 
no period at the beginning */
.su-row-takeup 
{
  margin-top: -10px;
  margin-bottom: auto;
  margin-left: auto;
  max-width: 930px;
  margin-right: auto;
}


/* the row that we put the page writing in*/
.su-row-pages
{
  margin-bottom: auto;
  margin-left: auto;
  max-width: 930px;
  margin-right: auto;
}

/*deletes the extra space beside 
the full screen sliders in pages*/
div.entrytext{
  padding: 0;
}

/*controls the student phone pricing table*/
  .wppt_features li {
padding: 8px 15px !important;
border-bottom: 2px solid #636466 !important;
font-size: 11px !important;
list-style-type: none !important;
list-style: none !important;
margin: 0 !important;
height: 25px; 
text-align: center !important;
font-family: 'verdana';

}


.wppt_description {
display: block;
background: #FFFFFF !important;
vertical-align: middle !important;
height: 60px;
border-bottom: 2px solid #00BDF2;
padding: 15px 15px 0 15px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
font-size: 17px;
}

/*end of controls the student phone pricing table*/

/*******************************************************WP E-Commerce****************************************************/
	
	/*the image galery on product page*/
        div.ad-gallery .ad-image-wrapper {
  	border: none !important;}
	/*end of the image galery on product page*/

	/*lightbox picture buttons*/
	#cboxPrevious {
        top: 0;
        }
        
        #cboxNext {
        top: 0;
        }
        
        #cboxCurrent {
        top: 0;
        }
        
        #cboxClose {
        top: 0;
        }
        /*end oflightbox picture buttons*/


	/*price*/
	.single_product_display .wpsc_product_price p, #content .single_product_display .wpsc_product_price p {
	margin-left: auto;
	font-weight: bold;
	color: #404040;
	font-size: medium;
	font-family: 'Expletus Sans';
	border-bottom: 1px solid #47c8f5;
	padding: 5px;
	}
	/*end of price*/

	/*add to cart button*/
	.single_product_display form.product_form input, #content .single_product_display form.product_form input {
        position: inherit;
        }
	/*end of add to cart button*/

	/*put the contents in the middle and gives max width*/
	.single_product_display {
        margin-bottom: 20px;
        padding: 10px;
        position: relative;
        max-width: 930px;
        margin: 0 auto;
        }
	/*end of put the contents in the middle and gives max width*/

	/*grid gallery box*/
	.product_grid_display .product_grid_item {
	 width: auto;
	}

        .product_grid_display .product_grid_item img.product_image {
        background-color: rgba(255, 255, 255, 0);
        }

        #grid_view_products_page_container img {
        margin: 0;
        padding: 0;
        border: none;
        }

	div.product_grid_display .wpsc_buy_button, #content .product_grid_display .wpsc_buy_button {
          background: -webkit-gradient( linear, left bottom, left top, color-stop(0.76, rgb(0, 189, 242)), color-stop(1, rgb(0, 189, 242)) );
          background: -moz-linear-gradient( center bottom, rgb(73,166,192) 76%, rgb(125,195,215) 100% );
          background-color: #00BDF2;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border: 0;
          text-shadow: none;
          padding: 5px;
          }

        div.product_grid_display .grid_product_info, #content .product_grid_display .grid_product_info {
        color: #00BDF2;
        }



	div.product_grid_display h2.prodtitle a:link, 
	#content div.product_grid_display h2.prodtitle a:link, 
	div.product_grid_display h2.prodtitle a:visited, #content 
	div.product_grid_display h2.prodtitle a:visited {
	color: #636466;
	}
	/*end of grid gallery box*/

	/*products page container*/
	div.grid_view_products_page_container, #content #grid_view_products_page_container, #content #list_view_products_page_container {
        max-width: 980px !important;
        margin: 0 auto !important;
        }
	
	#grid_view_products_page_container, #content #grid_view_products_page_container, #content #list_view_products_page_container {
	max-width: 980px !important;
        margin: 0 auto !important;
          }
	/*end of products page container*/
/*******************************************************End of WP E-Commerce****************************************************/







/*******************************************************WooCommerce****************************************************/
/*put the contents in the middle and gives max width*/
.woocommerce #content div.product, .woocommerce div.product, .woocommerce-page #content div.product, .woocommerce-page div.product {
max-width: 930px;
margin: 0 auto;
}


.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
margin: 0 auto;
max-width: 930px;
}

/*end of put the contents in the middle and gives max width*/



/*deletes the breadcrumbs*/
.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
display: none;
}
/*puts the list description in the middle*/
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
margin-left: 10%;
}


/*puts the tuggle list view option menu in the middle*/
.gridlist-toggle {
max-width: 930px;
margin: 0 auto;
margin-bottom: 3%;
}	

/*deletes the box around the product*/
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
box-shadow: none;
-webkit-box-shadow: none;

}

/*puts sorting little bit inner*/
.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {
margin-left: -8%;
}


          /*puts the grid list button and description in the middle*/
          
          .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
          text-align: center;
          }
          
          
          .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
          text-align: center;
          }
          
          
          .woocommerce a.button{
          font-size: 100%;
          margin: 0;
          line-height: 1em;
          cursor: pointer;
          position: relative;
          font-family: inherit;
          text-decoration: none;
          overflow: visible;
          padding: 3px 10px;
          font-weight: normal;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          left: auto;
          text-shadow: none;
          color: none;
          text-shadow: none;
          border: 1px solid #00BDF2;
          background: #00BDF2;
          background: none;
          background: none;
          background: none;
          background: none;
          white-space: nowrap;
          display: block;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          max-width: 80px;
          text-align: center;
          margin: 0 auto;
          }
          
          
          /* end of puts the grid list button and description in the middle*/



            /*corrects the size of add to cart button on the single product page*/
            .woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button {
            padding: 5px;
            font-size: 90%;
            max-width: 190px;
            }



             /*makes the price before sale darker in single product page*/
            .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del {
            font-size: 0.67em;
            color: #636466;
            }

		/*makes the price before sale more visiblw in listing page*/
		.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
                font-size: 11px;
                color: #636466;
                margin: -2px 0 0 0;
                }

		/*check out page button sizing*/
		.woocommerce input.button, .woocommerce-page input.button, .woocommerce-page #content input.button {
                font-size: 90%;
                width: 250px;
                }




		
                  /* Changes the colors for empty cart top*/
                  
                  .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
                      background-color: #00BDF2;
                  }
                  
                  
                  .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
                      border-top: 3px solid #00BDF2;
                  }


		/*fixes the cupon code shrinking issue*/
		.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
                  width: 100px;
                  }
/*******************************************************End of WooCommerce****************************************************/







/*******************************************************Changes to tamplate****************************************************/
/*changes the BG color
of header in pages*/
h1.page-title
{
background-color: #ffffff;
}

/*Underline under "My Account" in the menu*/
.smallbusiness-main-menu-login a {
border-bottom: 2px #00BDF2 solid;
//padding-bottom:0px;
}

/*Featured box border changes*/
.featured-box, .featured-box-first {
  border-radius: 0;
  border-top: solid 2px #00BDF2;
  border-bottom: inset 2px #636466;
  height: inherit;
}

#footer{
  background: #636466;
  border-top: 4px solid #00BDF2;
}


#creditline {
font-size: 13px;
padding: 0px 50px 0px;
text-align: center;
background: #00BDF2;
border-top: 1px solid #FFFFFF;
border-top-style: groove;
}


#container {
-webkit-box-shadow: none;
box-shadow: none;
}


#smallbusiness-main-menu a {
color: #00BDF2;
}

#smallbusiness-main-menu .current-menu-item > a, #smallbusiness-main-menu .current-menu-ancestor > a, #smallbusiness-main-menu .current_page_item > a, #smallbusiness-main-menu .current_page_ancestor > a {
background: #00BDF2;
}

/*******************************************************Changes to tamplate****************************************************/




/*		Button
---------------------------------------------------------------*/

div.su-button {
	display: inline-block !important;
	text-align: left;
	text-decoration: none !important;
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	transition: all .2s;
	-o-transition: all .2s;
	-ie-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
}
div.su-button-wide {
	display: block !important;
	margin: 1em 0;
}
div.su-button-center { text-align: center; }
/*		Table
---------------------------------------------------------------*/

/*----------------Changes to Shortcode ultimate---------*/
/*-We put here because it loads faster than putting them
inside the shortcode ultimate. However, some of these did not
respond and we put them back to the setting of shortcode ultimate.
So theese plus the ones in there work together.*/


/**To change the tables*/
div.su-table table {
	width: 100% !important;
	margin: 0 0 1.5em 0 !important;
	border-collapse: collapse !important;
	font-size: 1em !important;
	border: 1px solid #ccc !important;
}
div.su-table th {
	text-align: center !important;
	padding: 1em !important;
	font-size: 1em !important;
	font-weight: normal !important;
	color: #333 !important;
	border: 1px solid #ccc !important;
	background: #f0f0f0 !important;
}
div.su-table td {
	padding: 0.5em 1em !important;
	border: 1px solid #ccc !important;
	background: #fff !important;
}
div.su-table .su-even td { background: #f7f7f7  !important }
/** To Change the Design of Tabs*/
div.su-tabs {
	margin: -10px 0 1.5em 0;
	padding: 0px;
	background: #fff;
}
/** To Change the Design of Tabs*/
div.su-tabs-nav span {
margin-left: -5px;
border-bottom: 3px #636466 solid;
color: #000000;
font-family: 'lato';
margin-top: 10px;
font-size: 15px;
text-transform: uppercase;
}

div.su-tabs-nav span.su-tabs-current {
font-size: 15px;
transition-duration: 0.5s;
color: #000000;
font-family: 'lato';
border-bottom: 3px #00BDF2 solid;
text-transform: uppercase;
}

div.su-tabs-pane {
padding: 15px;
padding-left: 10px;
padding-right: 40px;
}

/** this is fo changing the style of the spoiler/accordion*/

/**To change the distance of the
contenct to the left*/
div.su-spoiler-style-default > .su-spoiler-content {
padding: 1px 0 1em 27px;
}

/**To change the distance between
the accordions and to the top and left*/
div.su-spoiler {
margin-bottom: -15px;
margin-left: -10px;
}


/**To change the the color of spoiler title*/
div.su-spoiler-title {
color: #000000;
cursor: help;
font-size: 14px;
font-family: 'lato';
text-transform: uppercase;
font-weight: normal;
padding-bottom:17px;
}



/** end of changes to the style of the spoiler/accordion*/

/*To change the lightbox only**/
div.su-lightbox-content {
	position: relative;
	margin: 0 auto;
	border-radius:	5px;
}
/* to keep the close button from moving*/
div.mfp-close-btn-in .mfp-close {
  color: #333333; 
  position: absolute;
}
/*end of changes to lightbox**/


/** this is for changing some looks in the calculated field form IF THE LABEL "cfform" IS ADDED*/

/*To make the labe bold**/

.cfform label {
  font-weight: bold;
}

.cfform label .r {color:#fff;}
  
  /*end of changes to some looks in the calculated field form IF THE LABEL "cfform" IS ADDED**/