﻿/** General **/
html,body {
   height: 100%;
}
body {
   overflow: auto;
   overflow-y:scroll;
   overflow-x:auto;
   
}

.page-wrapper {
   /*margin: 0 auto;
   width: 960px;
   height: auto !important;
   height: 100%;
   min-height: 100%;
   cursor: default;*/
   height: 100%;
   /*overflow: hidden*/
}

.page-container {
   height: auto !important;
   height: 100%;
   min-height: 100%;
   position: relative;
   margin-bottom: -86px;
}

.ui-wrapper {
	width: 100%;
	cursor:default;
}

.ui-module {
	margin: 0px auto;
	width: 960px;
	/*background-color: #F0F;*/
}

.clr {
	clear: both;
}

.clr-footer {
   clear: both;
   height: 126px;
}

/** Header **/

.ui-header {
   height: 134px;
}
#footer {
   z-index: 10000;
}

/** Logo **/
.ui-logo {
   padding-left: 72px;
	margin: 10px 0 0 40px;
	width: 223px;
	float: left;
}


/** Navigation **/
.ui-main-nav {
   margin: 57px 33px 0 0;
	float: right;
}
.ui-main-nav li {
	float: left;
	display: inline;
}

.testimonial {
   margin-right: 35px;
   margin-top: 30px;
   float: right;
   width: 415px;
}

/** Content **/
.ui-content {
   /*height: 100%;*/
   margin-top: 56px;
}

.two_column {
	margin: 0px 0px 0px 0px;
}

.column {
   /*margin: 0px 40px 0px 90px;*/
   /*width: 35%;*/
}

.col-left {
   margin-left: 90px;
   width: 45%;
}
.col-right {
   margin-right: 40px;
   width: 35%;
}

.left  {   
   float: left;
}

.right {
   float: right;
}

.column img { 
   float: right;
}


/** Footer **/
.ui-footer {
   height: 86px;
}

.imagination {
   background: url(../../assets/common/jquery-ui-slider.png) 0 -80px no-repeat;
   width: 680px;
   height: 20px;
   margin-bottom: 10px;
}

.slider-wrapper {
   margin: 0 auto;
   padding-top: 10px;
   width: 860px;
}

.slider-bg {
   background: url(../../assets/common/jquery-ui-slider.png) 0 -58px no-repeat;
   height: 21px;
   width: 680px;
   padding-left: 180px;
}

.video-wrapper {
   background: #000;
   border: 4px solid #00B1DB; /*#db0087;*/
   width: 310px;
   height: 243px;
   margin: 0 0 10px 0;
}

.address-details {
   margin-top: 15px;
}



/** Store-Location Tabs ( Radio Buttons ) **/
.postal-tab-wrapper {
   height: 21px;
   margin-bottom: 20px;
   clear: both;
}

postal-tab-wrapper span {
   text-decoration: none;
   cursor: pointer;
}

.postal-tabs {
   float: left;
   padding-top: 2px;
}
.postal-tab {
   display: inline;
}
.postal-tab-label span {
   font-family: Arial, Verdana, Sans-Serif;
   font-size: 1em;
   padding: 0 14px 0 5px;
}

.postal-code-field {
   float: left;
   display: none;
}

.postal-code-input.error, .postal-radius-input.error {
   border: 1px solid #F00;
   background: #FFE0E0;
}

.postal-code-input {
   width: 60px;
   height: 18px;
   margin-right: 10px;
}

.postal-radius-input {
   width: 40px;
   height: 18px;
   margin-right: 10px;
}

.submit_button {
   background: transparent url(../../assets/common/submit-sprite.png) no-repeat;
   width: 40px;
   height: 20px;
   cursor: pointer;
   border: medium none;
}
.submit_button:hover {
   background-position: -45px 0;
}

div-footer-wrapper {
   margin: 0 auto;
   padding-top: 10px;
   width: 860px;
}
div.footer-nav {
   padding-left: 80px;
   display: inline;
}
div.footer-nav li {
   list-style: none outside none;
   padding: 0 10px;
   float: left;
}
div.footer-nav li a{
   font-size: 1.0em;
   color: #FFF;
   cursor: pointer;
   text-decoration: none;
}
div.footer-nav li a:hover{
   cursor: pointer;
   text-decoration: underline;
}
div.footer-nav li a span {
   font-size: 1.0em;
   color: #FFF;
}

div.footer-copy {
   float: right;
   padding-right: 80px;
}
div.footer-copy p {
   font-size: 1.0em;
   color: #FFF;
}