/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }audio, canvas, video { display: inline-block; }audio:not([controls]) { display: none; height: 0; }[hidden] { display: none; }html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }body { margin: 0; }div { font-size: .99em; }a, a:focus, a:active, a:hover { outline: 0; }h1 { font-size: 2em; }abbr[title] { border-bottom: 1px dotted; }b, strong { font-weight: bold; }dfn { font-style: italic; }mark { background: #ff0; color: #000; }code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }q { quotes: "\201C" "\201D" "\2018" "\2019"; }small { font-size: 80%; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }img { border: 0; }svg:not(:root) { overflow: hidden; }figure { margin: 0; }fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }legend { border: 0; /* 1 */ padding: 0; /* 2 */ }button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }button, input { line-height: normal; }button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }button[disabled], input[disabled] { cursor: default; }input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }table { border-collapse: collapse; border-spacing: 0; }
html, body { font-size: 15px; line-height: 16pt; font-family: "myriad-pro", Arial; margin: 0; padding: 0; background: #111; color: #333; }

p { margin: 0; }
h1, h2, h3, h4 { margin: 0 !important; line-height: normal !important; }
h1 { font-size: 1.7em; font-weight: bold; letter-spacing: -1px; color: #fff; }
h2 { font-size: 1.5em; color: #cfcf00; font-weight: bold; padding: 5px 0 5px 0; }
h3 { font-size: 1.4em; font-weight: normal; color: #333; padding: 5px 0 0 0; }
h4 { font-size: 1em; color: #006600; font-weight: 600; font-style: italic; padding-top: 5px; }

hr { height: 0; border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #ccc; }

a { color: #a7a700; text-decoration: none; font-weight:600; }
a:hover { color: #cfcf00; text-decoration: none; }

.clear {clear: both; display: block; height: 0; width: 0; overflow: hidden; visibility: hidden; line-height: 0;}
.container {width: 1000px; margin: 0 auto;}

#pageTitle { padding-top: 20px; }
    #pageTitle h1 { color: #fff; font-size: 1.9em; font-style: italic; font-weight: 600; text-shadow: 1px 1px 5px #ffffff; }

.bgMain { background: #fff; }

/* HEADER */
.head { position: relative; z-index: 2000; }
.headerTop { background: url(../images/bgHeaderTop.jpg) repeat-x; height: 30px; }
    .navSecondary { display: inline-block; float: right; height: 30px; }
.headerMain { background: url(../images/bgHeaderMain.jpg) repeat-x; height: 80px; }
    #headerLogo { display: inline-block; float: left;  background: url(../images/headerLogo.png) no-repeat; height: 68px; width: 314px; margin: 8px 0 0 0; }
    #logoLinkTop { display: block; height: 68px; width: 314px; text-indent: -9999px; }
    .navPrimary { display: inline-block; float: right;  }

/* SLIDER */
.bgSlider { background: url(../images/bgSlider.jpg) repeat-x; height: 500px; }
.sliderImage { background: url(../images/sliderImage.png) no-repeat center; height: 500px; overflow: hidden; }
    /* MAIN HOME SLIDER STYLES */
    .sliderImage .title  
    {
        font-size: 2.4em; 
        font-weight: bold; 
        position: absolute; 
        z-index: 3; 
        left: 63%; 
        padding: 170px 0 0 0; 
    }
    .sliderImage .captionBox {}
    .sliderImage .caption 
    {
         background: none !important; 
         float: right; 
         text-align: left; 
         width: 37% !important; 
         margin: 160px 0 0 0; 
         color: #fff; 
         font-size: 1.3em; 
         border-left: 2px solid #609400; 
         padding: 70px 0 20px 20px !important;
         text-shadow: 1px 1px 5px #ffffff;
}
    .sliderImage .caption a { color: #fff; text-shadow: none; }
    .sliderImage .caption a:hover { text-decoration: underline; }
    .sliderImage .bx-pager { float: right; top: -22px; z-index: 3000;}
    .MediaGallery .bx-pager a.pager-link { padding-right: 5px !important; }

/* HOME PAGE CONTENT */
.bgIntro { background: url(../images/bgIntro.jpg) repeat-x; height: 130px; }
    .introBox { background: url(../images/introBox.png) no-repeat center; height: 143px; }
    .introText { color: #636363; font-size: 1.3em; font-weight: 600; padding: 20px 0; line-height: 1.5em;}
.contentHome { margin-top: 40px; }
    .splitL { width: 49%; margin-right: 1%; float: left; }
    .splitR { width: 49%; margin-left: 1%; float: right; }

/* CONTENT SLIDER/CAROUSEL - HOME PAGE */
.bgFeaturedContent { background: url(../images/bgFeatContent.png) no-repeat center; height: 264px; margin: 50px 0; }
.featuredContentWrap { padding: 25px 0 0; height: 210px; overflow: hidden; margin: 0 auto; width: 939px; }
    /* CONTENT SLIDER - MG STYLES */
    .featuredContentWrap .caption { color: #555 !important; }
    .featuredContentWrap .bx-prev, .featuredContentWrap .bx-next { top: 81px !important; }
    .featuredServices .col { padding: 20px 2%; width: 29.33%; }
    .featuredServices a  
    {
        color: #fff !important; font-weight: bold !important; padding: 4px 15px; border: 1px solid #353535; background: #7b7b7b; /* Old browsers */
        background: -moz-linear-gradient(top,  #7b7b7b 0%, #484848 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#484848)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #7b7b7b 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #7b7b7b 0%,#484848 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #7b7b7b 0%,#484848 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #7b7b7b 0%,#484848 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#484848',GradientType=0 ); /* IE6-9 */
    }
    .featuredServices a:hover 
    {
        background: #484848; /* Old browsers */
        background: -moz-linear-gradient(top,  #484848 0%, #7b7b7b 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#7b7b7b)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #484848 0%,#7b7b7b 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #484848 0%,#7b7b7b 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #484848 0%,#7b7b7b 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #484848 0%,#7b7b7b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#7b7b7b',GradientType=0 ); /* IE6-9 */
    }

/* CONTENT PAGE */
.bgTitleBar { background: url(../images/bgTitleBar.jpg) repeat-x; height: 73px; }
    .bgImageTitleBar { background: url(../images/bgImageTitleBar.png) no-repeat center; height: 88px; }
.sideBar { background: url(../images/bgSideBar.png) no-repeat top; min-height: 697px; width: 240px; float: left; }
    .sideNav { padding: 60px 20px 40px; }
.contentMain {}
    .contentR { float: right; width: 760px; }
    .contentPadding { padding: 60px 0 40px 20px; }

/* MEDIA GALLERY */
#_a6de1197fb6d4ab9b250e429d960018b .MediaGallery .mediaItem { margin: 0 35px 30px !important;} /* MEDIA GALLERY - /Our_Customers.aspx */

/* FOOTER */
.foot { background: url(../images/bgFooter.jpg) repeat; }
.footerTop { background: url(../images/bgFooterTop.png) repeat-x; min-height: 263px; }
    .col { width: 31.33%; padding: 20px 1%; float: left; line-height: 1.3em; }
    .footerTop .col { color: #fff; }
    .col h3 { border-left: 3px solid; color: #cfcf00; font-weight: 600; padding: 3px 0 3px 10px; }
    .col h3+p, .col h3+div { padding-top: 5px; }
    .col a { color: #cfcf00; font-weight: 600; }
    .col a:hover { color: #a7a700; } 
.footerBottom { background: url(../images/bgFooterBottom.jpg) repeat-x #111; min-height: 65px; }
    #footerLogo { display: inline-block; float: left; background: url(../images/footerLogo.png) no-repeat; height: 48px; width: 188px; margin: 12px 0 0 0; }
    #logoLinkBottom { display: block; height: 48px; width: 188px; text-indent: -9999px; }
    .footerR { display: inline-block; float: right; }
    .footerNav { float: right; margin: 10px 0 5px; }


/********REQUIRED - DO NOT EDIT***********/
img { border: 0; }
img, div { behavior: url(iepngfix.htc); }

/*******************************************/

/********REQUIRED - MODAL WINDOWS - DO NOT EDIT***********/
.ModalBackground { background-color: Black; filter: alpha(opacity=80); opacity: 0.7; }
.ModalBackgroundLogin { background-color: Black; }
/*******************************************/



/********REQUIRED - PHOTO GALLERY - EDITABLE***********/
gallery { background-color: #444; padding: 10px; width: 520px; }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 5px; margin-right: 5px; margin-bottom: 5px; }
#gallery ul a:hover img { border: 5px solid #000; border-width: 5px 5px 5px; color: #fff; }
#gallery ul a:hover { color: #fff; }
/******************************************************/

/*Telerik*/

/********REQUIRED - LOGIN MODAL WINDOW - EDITABLE***********/
/***Login modal container***/
.loginmodalcontainer { width: 700px; min-height: 600px; background-color: White; }

/***Login container div***/
.logincontainer { width: 100%; padding: 5px; }

/***Login header container div***/
.loginheadercontainer { }

/***Login title***/
.logintitlecontainer { text-align: center; padding: 5px; }
.logintitletext { font-size: large; }
/*****************/

/***Login username***/
.loginusernamecontainer { width: 100%; text-align: center; padding: 5px; }
.loginusernametext { font-size: larger; }
.loginusername { }
/*****************/

/***Login password***/
.loginpasswordcontainer { width: 100%; text-align: center; padding: 5px; clear: both; }
.loginpasswordtext { font-size: larger; }
.loginpassword { }
/*****************/

/***Login message***/
.loginmessagecontainer { width: 100%; clear: both; text-align: center; margin-bottom: 3px; }
.loginmessagetext { font-size: larger; color: Red; }
/*****************/

/***Login button***/
.loginbuttoncontainer { width: 100%; clear: both; text-align: center; }
.loginbutton { }
.logincancelbutton { }
/*****************/

/***Login footer container div***/
.loginfootercontainer { }
/***********************************************************/


/********REQUIRED - LOGIN LITE - EDITABLE***********/
/***Login outer container***/
.loginlitemodalcontainer { }

/***Login container div***/
.loginlitecontainer { }

/***Login username***/
.loginliteusernamecontainer { }
.loginliteusernametext { }
.loginliteusername { }
/*****************/

/***Login password***/
.loginlitepasswordcontainer { }
.loginlitepasswordtext { }
.loginlitepassword { }
/*****************/

/***Login message***/
.loginlitemessagecontainer { }
.loginlitemessagetext { }
/*****************/

/***Login button***/
.loginlitebuttoncontainer { }
.loginlitebutton { }
/*****************/
/***********************************************************/


/********REQUIRED - SHOPPING CART - EDITABLE***********/

/********InCart Component********/
/***Outer container div***/
.incartcontainer { width: 150px; border: solid 1px Black; background: Black; padding: 5px; opacity: 0.5; }

/***Items in cart container***/
.incartitemsincartcontainer { }
.incartitemsincartnumber { color: White; }
.incartitemsincarttext { color: White; }
/*****************************/

/***Cart total container***/
.incarttotalcontainer { }
.incarttotalamount { color: White; }
.incarttotaltext { color: White; }
/*****************************/

/***Checkout container***/
.incartcheckoutcontainer { }
a.incartcheckoutlink { text-decoration: none; color: #56d7f7; }
a.incartcheckoutlink:hover { color: #ffffff; }
/*****************************/
/********************************/


/********Product Categories Component********/
/***Product Categories container div***/
.productcategoriescontainer { float: left; }
.productcategoriestreeview { }
/********************************************/


/********Products Component********/
/***Products outer container div***/
.productscontainer { }

/***Products DataList***/
.productsdatalist { }
/***********************/

/***Individual product container div***/
.productcontainer { padding: 5px; margin: 10px; }
/*****************************/

/***Product title container***/
.producttitlecontainer { }
.producttitle { }
/*****************************/

/***Product image container***/
.productimagecontainer { }
.productimage { }
/*****************************/

/***Product price container***/
.productpricecontainer { }
.productprice { }
/*****************************/

/***Product add to cart container***/
.productaddcontainer { }
.productaddqtytext { }
.productaddqty { }
.productaddbutton { }
/*****************************/
/********************************/


/********Product Details Component********/
/***Product details container***/
.productdetailscontainer { background-color: White; width: 500px; }
/*****************************/

/***Product details title container***/
.productdetailstitlecontainer { margin: 5px; }
.productdetailstitle { font-weight: bold; font-size: 12pt; }
/*****************************/

/***Product details description container***/
.productdetailsdesccontainer { margin: 5px; }
.productdetailsdesc { }
/*****************************/

/***Product details image container***/
.productdetailsimagecontainer { margin: 5px; }
.productdetailsimage { }
/*****************************/

/***Product details price container***/
.productdetailspricecontainer { margin: 5px; }
.productdetailsprice { }
/*****************************/

/***Product add to cart container***/
.productdetailsaddcontainer { margin: 5px; }
.productdetailsaddqtytext { }
.productdetailsaddqty { }
.productdetailsaddbutton { }
/*****************************/
/*****************************************/

/*****************************************************/


/********REQUIRED - DYNAMIC DATA - EDITABLE***********/
/***Search outer container***/
.ddatasearchcontainer { float: right; clear: both; }

/***Clear search div***/
.ddataclearsearchcontainer { float: left; margin: 3px; }
.ddataclearsearchbutton { font-size: small; }
/**********************/

/***Search box div***/
.ddatasearchboxcontainer { float: left; margin: 3px; }
.ddatasearchbox { }
/*****************/

/***Search button div***/
.ddatasearchbuttocontainer { float: left; margin: 3px; }
.ddatasearchbutton { }
/*****************/
/***********************************************************/

/* BEGIN FILE LINKS PAGINATION STYLES*/
/*
	#mainContentContainer is EDITABLE
*/
#mainContentContainer .pager { padding: 0; margin: 10px 0 0 0; padding-top: 10px; background: #fff !important; height: 38px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; /*border-radius: 8px; 	-moz-border-radius: 8px;*/ }
#mainContentContainer .pager div.short { float: right; margin: 0; padding: 0; margin-right: 10px; width: 74px; }
#mainContentContainer .pager div.short input { width: 28px; border: none; margin-left: 8px; float: left; }
#mainContentContainer .pager ul { list-style: none; padding: 0; margin: 0; float: left; margin-right: 4px; }
#mainContentContainer .pager ul li { display: inline; margin-left: 3px; }
#mainContentContainer .pager ul li a.normal { text-decoration: none; display: inline-table; width: 20px; text-align: center; }
#mainContentContainer .pager span { font-size: .9em; margin: 5px 3px 0 3px; float: left; }
#mainContentContainer .pager .btn { display: block; width: 40px; text-align: center; float: left; margin: 0; margin-left: 4px; cursor: pointer; }
#mainContentContainer .pager ul li a.active { text-decoration: none; display: inline-table; width: 20px; text-align: center; }

/*blue -- Editable */
.blue { background-color: transparent; }
.blue a.normal { background-color: #ffffff; color: Black; border: solid 1px #DDDDDD; padding: 5px 0; font-size: .85em; }

.blue a:hover { background-color: #aabfcb; color: Black; border: solid 1px #DDDDDD; padding: 5px 0; font-size: .85em; }


.blue a.active { background-color: #3b4449; color: #fff; border: solid 1px #dddddd; font-weight: bold; }
#mainContentContainer .pager.blue .btn { background-color: #AAAAAA; color: Black; border: solid 1px #DDDDDD; }

/* END FILE LINKS PAGINATION STYLES*/
