/*
TETRIX Blue: #00739c;
TETRIX Blue Hover: #0890c1;
TETRIX Dark Gray: #999999;
*/

body {
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
}


a {color: #00739c;}
a img {border:0px solid #fff;}

h1, h2,h3, h4, h5
{
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    margin:0 auto auto auto;
}

h1 {font-size:24px; margin-bottom:10px;}

.lpTitleHide {display:none;}

sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: 0.5ex;
}


.clear {clear:both;}

.message {text-align:center; color:Red; font-weight:bold; margin:10px 0 2px 0; clear:both;}

a.commonButton,a:hover.commonButton { text-decoration:none;}

.commonButton 
{
    background-color:#F4F4F4;
    border:1px solid #BBBBBB;
    border-radius: 6px 6px 6px 6px;
    text-transform:uppercase;
    font-size:12px;
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    font-weight:bold;
    padding:4px 8px 4px 8px;
    color:#034E68;
    white-space: nowrap;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
   }
   
 
.commonButton.green 
{
    color:#fff;
    background-color:#F4F4F4;
    border:1px solid #489E46;
    background: #4cd05b; /* Old browsers */
    background: -moz-linear-gradient(top,  #4cd05b 0%, #199841 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cd05b), color-stop(100%,#199841)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4cd05b 0%,#199841 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4cd05b 0%,#199841 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4cd05b 0%,#199841 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4cd05b 0%,#199841 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cd05b', endColorstr='#199841',GradientType=0 ); /* IE6-9 */

}
span.RadButton_MetroTouch.RadButton.rbDisabled, span.RadButton_MetroTouch.RadButton.rbDisabled .rbDecorated {background-color:#4cd05b !important;}

.commonButton.orange 
{
    color:#fff;
    background-color:#FF9900;
    border:1px solid #E0931F;
    background: #FF9900; /* Old browsers */
    background: -moz-linear-gradient(top,  #F7B756 0%, #FF9900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7B756), color-stop(100%,#FF9900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #F7B756 0%,#FF9900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F7B756 0%,#FF9900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F7B756 0%,#FF9900 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #F7B756 0%,#FF9900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7B756', endColorstr='#FF9900',GradientType=0 ); /* IE6-9 */

}

.cartPopUpLink, .digitalcartPopUpLink { cursor:inherit;}

.container {}
.subContainer {width:1030px; margin:0 auto 0 auto; text-align:left; padding:0 0 0 10px;}

.main {min-height:150px;}
* html .main { height:150px; }

.showLeftNav {width:1030px;}
.showLeftNav .main {width:780px; float:right; padding:0;}
.showLeftNav .leftNav {width:230px; float:left;}
.showLeftNav .rightNav {display:none;}

.hideLeftNav .main {width:1030px; float:none; padding:0 0 0 0;}
.hideLeftNav .leftNav, .hideLeftNav .rightNav {display:none;}

.showLeftNav.showRightNav .rightNav {width:22%; float:right; display:block;min-height:10px;}
.hideLeftNav.showRightNav .rightNav {width:19%; float:right; display:block;min-height:10px;}
.showLeftNav.showRightNav .mainContent {float:left; width:74%;}
.hideLeftNav.showRightNav .mainContent {float:left; width:78%;}

/*.main {background-color:Green;}
.mainContent {background-color:yellow;}
.leftNav {background-color:Red;}
.rightNav {background-color:Blue;}*/

.rightNav h3 {padding:8px; border:1px solid #ccc; border-bottom:0px solid #fff; color:#666;}
.rightNav .section {margin-bottom:30px; border:1px solid #ccc; border-top:0px solid #fff; padding:0 10px 10px 10px; text-align:center; color:#666;}
.rightNav .gridView .product, .rightNav .gridView .project, .rightNav .vidListItem {padding:15px 0;}
.rightNav .gridView .product .thumbnail, .rightNav .gridView .project .thumbnail, .rightNav .vidListItem .vidImage {padding:0 0 8px 0;}
.rightNav .vidListItem .vidImage img {border:1px solid #ccc;}
.rightNav .viewAll {margin:8px 0;}
.rightNav img {max-width:70%;}

.rightNav a {text-decoration:none; font-weight:bold;}
.rightNav a:hover {text-decoration:underline;}

.footer {clear:both;}

/*.level_path {
    margin: 10px 0 8px;
    padding: 2px 2px 4px 4px;
    font-size:12px;
}
*/
.level_path {
    margin: 0 0 5px 0;
    padding: 2px 25px 4px 25px;
    font-size:12px;
}


.level_path .ex {position:relative; top:4px; display:inline-block; margin:0 0 0 2px; width:18px; height:16px; background:#fff url("/skins/PitscoIS/default/images/icon_delete_xNEW.gif") top right no-repeat;}
.level_path .ex span {display:none;}

/*.level_path .lPathItem {display:block; height:30px; float:left; margin:0 8px 0 0;}
.level_path .lPathItem .lPathLeft {display:block; float:left; width:6px; height:30px; background:#fff url("/skins/PitscoIS/default/images/lPathLeft.gif") top left no-repeat;}
.level_path .lPathItem .lPathMid {display:block; float:left; height:25px; padding-top:5px; background:#fff url("/skins/PitscoIS/default/images/lPathMid.gif") top left repeat-x;}
.level_path .lPathItem .lPathRight {display:block; float:right; width:6px; height:30px; background:#fff url("/skins/PitscoIS/default/images/lPathRight.gif") top left no-repeat;}
*/


.leftNav h2 
{
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    margin: 0;
    padding: 5px 0 0 10px; background-color:#C7CFD7;
}



.IBleftBtn a {background:#fff url("/skins/PitscoIS/default/images/imagebrowserarrows.gif") -10px 0px no-repeat !important;}
.IBrightBtn a {background:#fff url("/skins/PitscoIS/default/images/imagebrowserarrows.gif") 0 0 no-repeat !important;}
.IBleftBtn a.noclick {background:#fff url("/skins/PitscoIS/default/images/imagebrowserarrows.gif") -30px 0px no-repeat !important;}
.IBrightBtn a.noclick {background:#fff url("/skins/PitscoIS/default/images/imagebrowserarrows.gif") -20px 0px no-repeat !important;}

.TelerikModalOverlay {z-index:999999 !important;}
.RadWindow {z-index:9999909 !important;}

.copyright {padding:10px; text-align:center;}


.featureProject {width:230px; text-align:center; margin-top:10px;}
.featureProject a {display:block; width:206px; height:353px; text-align:center; background:#fff url('/sharedimages/widget/TetrixBuildOfTheMonthBgrnd.jpg') top center no-repeat;}
.featureProject .imgHolderContainer {display:inline-block; margin-top:165px; height:150px;}
.featureProject .imgHolder {display:table-cell; vertical-align:middle; text-align:center; height:150px;}
.featureProject .imgHolder img {width:150px; max-height:150px;}
.featureProject span {display:none;}



.stButton .facebook {
    background-image: url("/sharedimages/icons/st-facebook-16.gif") !important;}

.stButton .googleplus {
    background-image: url("/sharedimages/icons/st-googleplus-16.gif") !important;}
 
.stButton .linkedin {
    background-image: url("/sharedimages/icons/st-linkedin-16.gif") !important;}
  
.stButton .twitter {
    background-image: url("/sharedimages/icons/st-twitter-16.gif") !important;}

.stButton .pinterest {
    background-image: url("/sharedimages/icons/st-pinterest-16.gif") !important;}

/* START LANDING PAGE STYLES (Added 3/20/2015)-----------------------------------------------------*/

.TX_LP_container{padding:0 150px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; background:url('/sharedimages/landingpages/widgets/WRO_bowling_ball_and_pin.jpg') bottom right no-repeat;}
.TX_LP_container h1{clear:both; font-size:36px; line-height:1.15em; margin-bottom:26px; color:#333;}
.TX_LP_container h2{clear:both; font-size:26px; text-transform:uppercase; letter-spacing:-1px; line-height:140%; margin:26px 0 14px 0; color:#015a7a;}
.TX_LP_container h3{clear:both; font-size:16px; color:orange;}
.TX_LP_container p{font-size:1em; line-height:140%; margin-bottom: 14px;}

.TX_inline_img {
	float:left;
	margin: 0 20px 10px 0;
}
.TX_pane1{float:left; }
.TX_pane2{float:left; }


.TX_LP_column {
	clear:both;
	width:860px;;
	margin: 0 20px 20px 0;
	padding:0 0 10px 0;
}

.TX_LP_lastcol {margin-right:0;}
.TX_LP_ctrcol{float:none; margin:0 auto 0 auto; position:relative; top:-35px; box-shadow:1px 2px 2px #999;}
.TX_LP_container ul{float:right; margin:0 20px 0 10px; width:415px; padding:10px 0 0 20px; list-style:none;}
.TX_LP_container li{margin:0 10px 10px 0; padding:0 0 3px 30px; font-size:.87em; background:url('/sharedimages/landingpages/bullet-tetrix.png') no-repeat;}
.TX_LP_bullet_P{background:url('/sharedimages/landingpages/bullet-prime.png') no-repeat;}
.TX_LP_bullet_M{background:url('/sharedimages/landingpages/bullet-max.png') no-repeat;}


.TX_small_img_box{float:right; margin:17px 0 10px 10px; width:150px; height:130px;}
.TX_small_img_box img{border:1px solid #666;}

/* END LANDING PAGE STYLES ------------------------------------------------------------------------*/