/* Global Reset */
* {
    margin: 0;
    padding: 0;
}
/* General */

/*	SANJAY Declaration BEGIN	*/
.left_float {
  float: left;
  width: 500px;
  border: 3px solid #ffffff; /*#73AD21*/
  padding: 10px;
}
.center_margin {
  margin: auto;
  width: 280px;
  border: 3px solid #ffffff;
  padding: 10px;
}
.right_2_float {
  float: left;
  width: 240px;
  border: 3px solid #ffffff;
  padding: 10px;
}
.right_float {
  float: right;
  width: 140px;
  border: 3px solid #ffffff;
  padding: 10px;
}
/*	SANJAY Declaration END	*/

body, .subs {
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    height: 100%;line-height:18px
}
input, select {
    font-size: 11px;
}
input {
    padding: 1px;
}
input, select {
    cursor: pointer;
}
input[type='text'], input[type='password'] {
    cursor: text;
}
p {
    margin-bottom: 10px;
}
.compcontent p {
    padding-right: 2px;
}
.nbp {
    margin-bottom: 0;
}
/*nbm = No Bottom Margin*/
.nbm {
    margin-bottom: 0;
}
/*nbm = No Bottom Margin - THIS FIXES SPACE ON DISCONTINUED OVERVIEW PAGE*/
.CategoryDescription p.nbm {
    margin-top: -10px; 
    margin-bottom: -18px;
}
a {
    font-weight: normal;
    text-decoration: underline;
}
strong a {
    font-weight: bold;
}
h2, .TitleHeading {

}
h3 {
}
h4 {
  
}
img, img a {
    border: 0;
    margin: 0;
}
ul {
    margin: 0 0 10px 30px;
    list-style-type: square;
}
ol {
    margin: 16px 0 18px 18px;
}
ol li {
    margin-bottom: 10px;
}
li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
}
blockquote {
    margin-left: 28px;
}
select option {
    padding: 0 10px;
}
hr {
    margin: 10px 0;
    padding: 0;
    background: #e5e5e5;
    height: 1px;
    border:0;
}

/* Page Container */

#Container {
    width: 960px;
    margin: 0 auto;
}

/*PAGES MENU*/
#Menu {
    clear: both;
    padding: 0;
    height: 54px;
    width: 960px;
    border-top: 1px #ccc dotted;
    margin-bottom: 0;
}
#Menu ul {
    margin: 0;
    padding: 0;
}
#Menu li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px #FFFFFF solid;
}
#Menu li.First {
    background: none !important;
}
#Menu li.Last {
    height: 32px;
}
#Menu li a {
    float: left;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Frutiger, Univers, sans-serif;
    font-size: 14px;
    letter-spacing: .025em;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 5px 10px 4px 10px;
}
#Menu li a:visited {
    color: #0182CA;
}
#Menu li a:hover {
    text-decoration: none !important;
}
/*TOP NAV DROP-DOWN MENU*/
#Menu li ul {
    z-index: 6000;
    clear: left;
    position: absolute;
    top: 28px;
    display: none;
    text-align: left;
    font-size: 12px;
    background: transparent;
}
#Menu li:hover ul, #Menu li.over ul {
    display: block;
}
/* Holly Hack. IE Requirement */
* html #Menu ul li {
    float: left;
    height: 1%;
}
* html #Menu ul li a {
    height: 1%;
}
/* End */

/*Outer Content Wrapper (Surrounds header & content)*/
#Outer {
    clear: both;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
#Wrapper {
    clear: both;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
/* Header */
#Header {
    height: 76px;
    clear: both;
    margin:  0;
}

/* SGIPL Logo */
/* #Logo {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 404px;
    height: 44px;
    margin: 0;
    margin-left: -478px;
}*/
#Logo {
    position: absolute;
    top: 40px;
    width: 210px;
    height: 60px;
    margin: 0;
    margin-left: 6px;
}

#Logo a:link, #Logo a:visited {
    display: block;
    margin: 0;
    width: 210px;
    height: 60px;
    text-indent: -9999px;
    background: transparent url('https://www.systelindia.in/images/sgipl_logo.jpg') 0 0 no-repeat;
    background-size: 210px 60px;
    border: none;
    outline: none;
}
#Logo a:hover {
	background: transparent url('https://www.systelindia.in/images/sgipl_logo.jpg') -405px 0 no-repeat;
    background-size: 210px 60px;
    border: none;
}

/* Top Search Form */
#SearchForm {
    position: absolute;
    width: 262px;
    margin: 34px 0 0 648px;
    overflow: hidden;
}
#SearchForm label {
    display:none;
}
#SearchForm input.Textbox {
    float: left;
    width: 184px;
    height: 21px;
    padding: 2px 4px 0 8px;
    margin: 0;
    background: transparent url('https://www.systelindia.in/images/bg-search.png') 0 0 no-repeat;
    background-size: 260px 23px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    border: 0;
    outline: none;
}
#SearchForm .Button,
.SearchPageButton {
    text-indent: -9999px;
    position: absolute;
    width: 66px;
    height: 23px;
    padding: 0;
    margin: 0;
    background: transparent url('https://www.systelindia.in/images/bg-search-bttn.png') no-repeat 0 0;
    background-size: 66px 69px;
    border: 0;
    outline: none;
    cursor: pointer;
}
.SearchPageButton {
    float: right;
    margin: -31px 122px 0 0;
}
#SearchForm .Button:hover,
.SearchPageButton:hover {
    background: #999 url('https://www.systelindia.in/images/bg-search-bttn.png') no-repeat 0 -46px;
    background-size: 66px 69px;
}
#SearchForm p {
}
#SearchForm a {
}

/* Left Content Area */
.Left {
    float: left;
    margin:0 0 0 0;
    width: 220px;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,Frutiger,Univers,sans-serif;
}
.Left ul {
    margin: 0;
    padding: 0;
}
.Left li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}
.Left .BlockContent {
    margin: 0;
}

/* Primary Content Area */
.Content {
    float: left;
    width: 710px;
    min-height: 500px;
    margin: 0 ;
    padding: 10px 0;
}
.Content .Block {
    clear: both;
    background:none !important;
    border:none !important;
}
.Block {
    padding-bottom: 10px;
}
.categorydetail .Block {
    margin-top: 31px;
    padding-bottom: 0;
}
#CategoryContent {
    margin-top: 28px;
    min-height: 510px;
}
.Content h2, .TitleHeading {

}
.Content a:hover {
    text-decoration: underline;
}
/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest {
    width:906px;
}
/* Right Content Area */
.Right {
    float: right;
    min-height: 500px;
    width: 173px;
    font-size: 0.85em;
    padding-bottom: 10px;
    margin:0 0 0 14px;
    display: none;
}
.Right h2 {
   
}
.Right a {
    text-decoration:underline
}
.Right li a:hover {
    text-decoration: none;
}
.Right ul {
    margin: 0;
    padding: 0;
}
.Right li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}
.Right .BlockContent {
    margin: 0 17px 0 17px;
}
.Right li {
}
.Right li a {
    text-decoration: none;
}
.Right li a:hover {
    text-decoration: underline;
}
.BrandCloud {
}

/*FOOTER - ALL PAGES*/
#Footer {
    border-top: 1px #BBB dotted;
    width: 960px;
    height: 160px;
    margin: 0 auto;
    font-size: 11px;
    padding: 20px 0 0 0;
}
#Footer ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}
#Footer li {
    list-style: none;
    margin: 0 0 0 -20px;
    padding: 0;
}
#Footer ul.address li,
#Footer ul.copyright li {
    margin: 0 !important;
}
#Footer li a {
    text-decoration: none;
    padding: 0 8PX 0 20px;
}
#Footer li a:hover {
    color: #0182CA;
    background: #ECECEC;
}
#Footer ul li a {
    color: #666;
    display: block;
}
div.btm_col_01 {
    float: left;
    width: 219px;
    height: 120px;
    margin-right: 0;
    padding-left: 0;
}
div.btm_col_02, 
div.btm_col_03,
div.btm_col_04,
div.btm_col_05,
div.btm_col_06,
div.btm_col_07 {
    float: left;
    width: 119px;
    height: 120px;
    border-left: 1px #CCC dotted;
}
div.btm_col_07 {
    width: 139px;
}
.footerbtm {
    font-size: 11px;
    margin: 14px 0 0 0;
    text-align: left;
}
.footerbtm a {
    color: #AAAAAA;
    display: block;
}

/* Newsletter Subscription Form */
#SideNewsletterBox {
}
.NewsletterSubscription {
    clear: both;
}
.NewsletterSubscription label {
    clear: both;
    float: left;
}
.NewsletterSubscription input {
    width: 130px;
    font-size: 0.9em;
    padding: 3px;
    margin-bottom: 5px;
}
.NewsletterSubscription .Button {
    width: 128px;
    height: 22px;
    border: 0;
    margin: 6px auto;
    vertical-align: middle;
}

/* Product Listings */
.ProductList {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
}
.Content .ProductList li {
    list-style: none;
    float: left;
    width: 220px !important;
    overflow: hidden;
    min-height: 204px;
}
.ProductList a {
}
.ProductList .ProductImage {
    /*float: left;*/
    margin: 0;
    display: block;
    height: 141px !important;
    text-align: center;
    overflow: hidden;
    width: 218px !important;
}

.ProductList p {
    margin: 5px 0 5px 5px;
}
.ProductList strong, .ProductList strong a {
}
.Left .ProductList strong, .Left .ProductList strong a, .Right .ProductList strong, .Right .ProductList strong a {
    font-weight:400;
    display:block
}
.Left .TopSellers .ProductList strong, .Left .TopSellers .ProductList strong a, .Right .TopSellers .ProductList strong, .Right .TopSellers .ProductList strong a {
    font-weight:700
}
.ProductPrice, .ProductList em {
    font-style: normal;
    font-weight: 400;
}
.ProductList .Rating {
    font-size: 0.9em;
    font-weight: bold;
}
.ProductList li .ProductCompareButton {
    text-align: center;
}
.Left .ProductList .ProductImage, .Right .ProductList .ProductImage {
    display: none;
}
.Left .ProductList li, .Right .ProductList li {
    clear: both;
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 3px 0 5px 0;
    color: #000000;
}
.Right .SideCart p {
    color: #000000;
}


/*SEARCH RESULTS*/
div#SearchContent_Container,
div#SearchProduct_Container {
    min-height: 456px;
}

/*IMAGE HOLDER*/
/*div.ProductImage.QuickView {
    float: left;
    margin-bottom: 4px !important;
}*/


/*PRODUCT INSTALL VIDEOS*/
.video {
    margin-bottom: 12px;
}
p.video {
    color: #999;
    margin-bottom: 26px;
}

/*BREADCRUMBS AT TOP OF PAGE, UNDER TOP NAV MENU*/

div#ProductBreadcrumb {
/*    margin-bottom: 18px !important; 
*/
}
.Breadcrumb {
    clear: both;
/*    height: 18px; */
    font-size: 12px;
    padding: 0 0 5px 0;
    text-align: right;
}
.Breadcrumb ul {
    list-style: none;
    background: transparent;
/*    height: 18px; */
    margin: 0;
    padding: 0;
}
.Breadcrumb li {
    font-weight: bold;
/*    font-size: 11px; */
    color: #666;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
    display: inline;
    background: url('https://www.systelindia.in/images/crumbdiv.png') no-repeat 0% 3px;
}
.Breadcrumb ul a {
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    background: none;
}
.Breadcrumb ul a:hover {
    color: #0182CA;
    text-decoration: underline !important;
}


/* Miscellaneous Definitions */
.Meta {
    color: #444;
    font-size: 0.93em;
}
.Left .FeedLink, .Right .FeedLink {
    padding-right: 5px;
}
.Content .FeedLink {
    margin-top: 4px;
}
.FloatRight {
    float: right;
}
.FloatLeft {
    float: left;
}
.CategoryPagination .FloatRight a {
    padding: 6px 8px 9px 14px !important;
    margin: 1px 0 0 0 !important;
    font-size: 11px;
    line-height: 18px !important;
}
.CategoryPagination .FloatLeft a {
    padding: 6px 14px 9px 8px !important;
    margin: 1px 0 0 0 !important;
    font-size: 11px;
    line-height: 18px !important;
}

.ClearRight {
    clear: right;
}
.ClearLeft {
    clear: left;
}
.SortBox {
    font-size: 0.95em;
    color: #444;
}
.CompareButton {
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
}
.Clear {
    clear: both;
}
.Field45 {
    width: 45px;
}
.Field100 {
    width: 100px;
}
.Field150 {
    width: 150px;
}
.Field200 {
    width: 200px;
}
.Field250 {
    width: 250px;
}
.Field300 {
    width: 300px;
}
.Field350 {
    width: 350px;
    font-size: 13px;
    padding: 2px 4px;
    height: 17px;
}
#search_query_adv {
    outline: none;
    border: 1px solid #A3A3A3;
    margin: -2px 0 0 20px;
}
.Field400 {
    width: 400px;
    font-size: 13px;
    padding: 2px 4px;
    height: 17px;
}
.MB10 {
    margin-bottom:10px;
}
.MT0 {
    margin-top:0px;
}
.LH140 {
    line-height:140%;
}
.PLRB5 {
    padding:0px 5px 5px 5px;
}
.PLR10 {
    padding:0px 10px 0px 10px;
}
.PL20 {
    padding: 0;
    margin-top: 20px;
}
.PL40 {
    padding:0px 0px 0px 40px;
}
.ML20 {
    margin:0px 0px 0px 20px;
}
.MT10 {
    margin-top:10px;
}
.PL10 {
    padding-left:10px;
}
.PB2 {
    padding-bottom:2px;
}
.NoMarginBottom {
    margin-bottom: 0;
}
.Required {
    color: red;
    font-weight: bold;
    visibility: visible;
}
.InfoMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}
.SuccessMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}
.ErrorMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

.PrimaryProductDetails .ProductThumb {
    float: left;
    text-align: center;
    padding-top:20px;
}
.PrimaryProductDetails .ProductMain {
    width: 334px;
    float: left;
}
.ProductDetailsGrid {
    padding:0 10px;
}
.ProductDetailsGrid .DetailRow {
    clear:both;
    padding:5px 0;
}
.ProductDetailsGrid .Label {
    font-weight:700;
    float:left;
}
.ProductDetailsGrid .BulkDiscount input {
    margin:-3px 0 0 10px
}
#ProductByCategory, #ProductReviews {
    padding:15px;
}
#ProductDescription {
    padding: 10px 0 12px 0;
}

.Content .BlockContent,
#PageContent .BlockContent .column_content {
    padding: 0 0 15px 0;
    width: 720px;
    margin-top: 29px;
}
#north_america h2,
#agents h2 {
    width: 700px;
}
div.companyblock.top_space {
    margin-top: -12px;
}
/*#ProductDetails*/
.Content .PrimaryProductDetails .BlockContent {
/*FIXES WIDTH OF PRODUCTS PAGE TO ELIMINATE LOWER SCROLL BAR*/
width: 360px !important;
}
.Content .BlockContent .Projects {
/*CONTROLS SPACING AT TOP OF "Projects" PAGES - DO NOT ALTER*/
    padding: 15px 0;
/*FIXES WIDTH OF BORDER UNDER "Related Products"*/
    width: 696px;
}

.mainpage .BlockContent, 
#ProductDescription .BlockContent, 
#ProductByCategory .BlockContent, 
#ProductReviews .BlockContent, 
#ProductDetails .BlockContent {
    padding: 0 !important;
}
#ProductDetails .BlockContent {
    margin-top: 4px;
}
.PrimaryProductDetails dl {
    font-size: 0.90em;
}
.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}
.PrimaryProductDetails dd {
    margin-left: 90px;
}
.Right hr {
    margin: 5px 0 0;
}
.Content h3 {
    margin-bottom: 5px;
}
.ComparisonCheckbox {
    float: left;
}
.SideRecentlyViewed .CompareButton {
    margin: 10px 0 0 0;
    padding: 0;
}
.SideRecentlyViewed .ProductList li {
    margin-left: 0;
}
.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}

ul.PagingList li a {
    font-size: 11px;
    line-height: 18px;
    padding: 4px 7px 6px 7px !important;    
}
.PagingList li a {
    padding: 4px 7px 6px 7px !important;
}

ul.PagingList li.ActivePage {
    color: #EFEFEF;
    background: #376382;
    font-size: 11px;
    line-height: 18px !important;
    font-weight: bold;
    padding: 2px 7px 3px 7px !important;
    margin: -1px 2px 0 0 !important;
}

/* Quick Search */
.QuickSearch {
    z-index: 20;
    margin: 2px 0 0 -1px; /* POSITIONS THE RESULTS TABLE */
    padding: 0;
    text-align: left;
    border-collapse: collapse;
    background: #FFF;
    border: 1px solid #A6AAAC;
    border-top: 1px solid #CCC;
    width: 197px !important;
}
.QuickSearchTitle td, .QuickSearchAllResults td {
    font-weight: bold;
    font-size: 11px;
}
.QuickSearchResult td {
    font-size: 10px;
    line-height: 14px;
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #DEDEDE;
}
.QuickSearchResultImage {
    margin-left: 4px;
    margin-right: 10px;
    text-align: center;
}

.QuickSearchResultImage img { /* JG Addition */
    border: 1px solid #CCC;
    margin-right: -8px !important;
}
/*JG Addition */
.RatingIMG { 
    display: none;
}

.QuickSearchResultNoImage {
    padding-top: 10px;
    color: #777;
}
.QuickSearchResultName {
    text-decoration: none;
    display: block;
}
.QuickSearchResultName a {
    font-weight: bold;
}
.QuickSearchResult .Price {
    font-size: 11px;
}
.QuickSearchHover td {
    background: #E8E8E8;
}
.QuickSearchHover a {
    color: #0182CA;
    text-decoration: none;
}
#QuickSearch .QuickSearchResultMeta:hover a {
    color: #0182CA;
    text-decoration: none;   
}
.QuickSearchAllResults {
    /*text-indent: -7000px;*/
}
.QuickSearchAllResults a {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Frutiger, Univers, sans-serif;
    font-size: 13px;
    font-weight: bold; 
    text-decoration: none;
    text-align: center;
    color: #495158 !important;
    background: #A8B4BB !important;
    padding: 8px 0 10px 0;
    margin: 0;
}
.QuickSearchAllResults a:hover {
    color: #FFF !important;
    background: #576877 !important;
}
.QuickSearchAllResults a:active, .QuickSearchAllResults a {
    outline: none;
    -moz-outline-style: none;
}




/** Search All Form Result - Start **/
.SearchPaging {
    float: right;
    font-size: 0.95em;
}
.SearchSorting {
    float: right;
    font-size: 0.95em;
    margin: 8px 0px;
}
.SearchSorting select {
    font-size: 0.95em;
}
#SearchResultsCategoryAndBrand {
    margin: 0;
    padding: 22px 2px 0 2px;
    margin-bottom: -8px;
}
#SearchResultsCategory {
    padding-right: 10px;
}
.ContentList em, .QuickSearchResultMeta em {
    font-size: 11px;
}
/* SEARCH RESULTS ERROR MESSAGE */
.ErrorMessage.Message {
    background: transparent;
    padding-left: 0;
}

/** Search All Form Result - End **/

/** AJAX loading box - Start **/
#AjaxLoading {
    display: none;
    text-align: center;
    background: #FFF;
    width: 180px;
    z-index: 10000000000;
    padding: 5px 10px;
}
#AjaxLoading img {
    vertical-align: bottom;
    margin-right: 5px;
}
/** AJAX loading box - End **/

#ProductDetails #ImageScrollPrev, 
#ProductDetails #ImageScrollNext {
    float: left;
    background: none;
    border: none;
    margin-top: 14px;
    cursor: pointer;
    display: none;
}
#ProductDetails #ImageScrollPrev {
    margin-left: 0;
    margin-right: 6px;
}
#ProductDetails #ImageScrollNext {
    margin-left: 2px;
}

/*AFFECTS IMAGES ON THE PRODUCT PAGE THUMBNAILS/IMAGE CAROUSEL*/
#ProductDetails .ProductTinyImageList {
    float: left;
    margin-top: 12px;
    white-space:nowrap;
    width: 80%;
    overflow: hidden;
    margin-left: auto;
}
#ProductDetails .ProductTinyImageList ul li {
    height: 22px !important;
    width: 34px !important;
    overflow: hidden;
    float: left;
    margin-left: 4px;
    margin-right: 10px;
    border: 1px solid #BEBEBE !important;
}
#ProductDetails .ProductTinyImageList ul li:hover {
    border: 1px solid #376382 !important;
}
#ProductDetails .ProductTinyImageList ul li img,
#ProductDetails .ProductTinyImageList ul li img a {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#ProductDetails .ProductTinyImageList ul li div {
    display: table-cell;
    text-align: center;
}
#ProductDetails .ProductTinyImageList ul li div { 
    height: 22px !important;
    width: 34px !important;
}
#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border: none !important;
    height: 22px !important;
}
#ProductDetails .ProductTinyImageList ul {
    margin: 0;
    padding: 0;
    position: relative;
    list-style-type: none;
    white-space:nowrap;
    width: 680px !important; /* FIXES THE 4K THUMBNAIL ISSUE */
}
#ProductDetails .ProductThumbImage {
    height: 220px;
    width: 340px !important;
    margin: auto;
    border: 1px #BEBEBE solid;
}
#ProductDetails .ProductThumbImage:hover {
    border: 1px solid #376382 !important;
    background: none !important;
}
#ProductDetails .ProductThumbImage:hover a:hover {
    background: none !important;
}

.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 180px;
}

.ImageCarouselBox {
    margin-left: 6px !important;
    padding-left: 0 !important;
}
/* Category flyout styles (structural) */
/* Menu containers */
#SideCategoryList .sf-menu,
#SideCategoryList .sf-menu ul,
#SideCategoryList .sf-menu li {
    width: 149px; /* the width must be fixed to the use of floats */
}

/* Menu links */
#SideCategoryList .sf-menu a {
    padding: 5px 10px 5px 10px;
    width: 129px; /* this + paddings must equal the root width above for hovers to work */
}

/* Child override: menu containers */
#SideCategoryList .sf-menu ul {
    left: 149px;
}

/* Child override: menu links */
#SideCategoryList .sf-menu ul a {
    padding: 5px 10px 5px 10px;
    width: 129px; /* this + paddings must equal the child width above for hovers to work */
}
/* End: category flyout styles */

/*DOWNLOADS AND SOFTWARE UPDATES PAGES*/
ol.updates {
    margin: 22px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 1px dotted #ccc;
}
ol.updates li {
    list-style-type: decimal-leading-zero;
    overflow: visible;
    margin: 0 0 0 30px;
    padding: 6px 50px 8px 6px;
    border-bottom: 0;
}
a.features {
    background: transparent !important;
    padding-left: 4px !important;
    font-weight: bold;
}

.Collateral_Downloads {
    margin-top:18px;
    width:700px;
}
.Collateral_Downloads h4, 
.Collateral_Downloads h4 a {
    color: white !important;
    font-family: "Helvetica Neue",Helvetica,Frutiger,Univers,sans-serif;
    font-size: 12px;
    margin-top: 18px;
    padding: 0px 0 0px 4px;
    text-decoration: none;
}
.Collateral_Downloads h4 a {
    display: block;
    padding-left: 0px;
    font-weight: bold;
}
.Collateral_Downloads h4 a:hover {
    background: transparent url(https://www.systelindia.in/images/ul_pdf_links.png) scroll no-repeat  674px -881px;
}

h4.catalog,h4.generic {
    background:#999;
}
h4.straingage {
    background:#9B6224;
}
h4.displacement {
    background:#86003A;
}
h4.extensometer {
    background:#E5A430;
}
h4.piezometer {
    background:#15639E;
}
h4.settlement {
    background:#418F49;
}
h4.pressure {
    background:#714A12;
}
h4.inclinometer,h4.tiltmeters {
    background:#C72129;
}
h4.Readouts,
h4.Dataloggers,
h4.software,
h4.drivers,
h4.demos {
    background:#146443;
}
h4.Stressmeters {
    background:#47065A;
}
h4.Fibre {
    background:#00374D;
}
h4.Miscellaneous {
    background:#0099DB;
}


h4.catalog:hover,
h4.straingage:hover,
h4.displacement:hover,
h4.extensometer:hover,
h4.piezometer:hover,
h4.settlement:hover,
h4.pressure:hover,
h4.inclinometer:hover,
h4.tiltmeters:hover,
h4.Readouts:hover,
h4.Dataloggers:hover,
h4.software:hover,
h4.drivers:hover,
h4.demos:hover,
h4.Stressmeters:hover,
h4.Fibre:hover,
h4.Miscellaneous:hover,
h4.generic:hover {
    opacity: 0.75;
}

.Collateral_Downloads th,.Collateral_Downloads td {
    font-size:11px;
    text-align:left;
    border-bottom:1px dotted #D8D8D8;
    padding:1px 0 1px 4px;
}
.Collateral_Downloads tr.updated td {
    font-size:10px;
    font-weight:bold;
}
.Collateral_Downloads th {
    font-weight:normal;
    font-style:italic;
    padding:8px 0 2px 4px;
}
.Collateral_Downloads p {
    font-weight: normal;
    font-style: italic;
    clear: left;
    /*padding: 0;
    margin: 0;*/
}
.Collateral_Downloads td.footnote {
    padding: 6px 0 6px 3px;
}
.Collateral_Downloads td a {
    font-size:11px;
    text-decoration:none;
    padding:2px 2px 4px 22px;
    margin:0 0 0 -3px;
}
table.catalog td a,table.generic td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -120px;
}
.catalog tr.updated {
    background:#F5F5F5;
}
table.straingage td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -160px;
}
table.straingage td a.html5 {
    background: transparent url(https://www.systelindia.in/images/ul_pdf_links.png) scroll no-repeat 0 -1480px;
}
.straingage tr.updated {
    background:#F2E9E1;
}
table.displacement td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -200px;
}
.displacement tr.updated {
    background:#EEE6E8;
}
table.extensometer td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -240px;
}
.extensometer tr.updated {
    background:#F8F2E7;
}
table.piezometer td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -280px;
}
.piezometer tr.updated {
    background:#E7F0F8;
}
table.settlement td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -320px;
}
.settlement tr.updated {
    background:#EAF7EB;
}
table.pressure td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -360px;
}
.pressure tr.updated {
    background:#EFE9E4;
}
table.inclinometer td a,table.tiltmeters td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -400px;
}

table.inclinometer td a.html5,table.tiltmeters td a.html5 {
    background: transparent url(https://www.systelindia.in/images/ul_pdf_links.png) scroll no-repeat 0 -1720px;
}

.inclinometer tr.updated,.tiltmeters tr.updated {
    background:#F9ECEC;
}
.generic tr.updated {
    background: #ececec;
}
table.Readouts td a,table.Dataloggers td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -440px;
}
table.Readouts td a.html5, table.Dataloggers td a.html5 {
    background: transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -1760px;
}
.Readouts tr.updated,.Dataloggers tr.updated,.software tr.updated,.drivers tr.updated,.demos tr.updated {
    background:#E7F1EC;
}
.updated em {
    font-weight: normal;
}
table.Stressmeters td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -480px;
}
.Stressmeters tr.updated {
    background:#F7F1F8;
}
table.Fibre td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -520px;
}
.Fibre tr.updated {
    background:#EBF0F3;
}
table.Miscellaneous td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -560px;
}
table.Miscellaneous td a.html5 {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -1880px;
}
.Miscellaneous tr.updated {
    background:#E4F5FA;
}
table.software td a,table.drivers td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -600px;
}
table.demos td a {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -720px;
}

/* ------ VISITED ------ */
.Collateral_Downloads td a:visited {
    color:#777;
}
.Collateral_Downloads .straingage td a:visited {
    background: transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -80px;
}
.Collateral_Downloads .straingage td a.html5:visited {
    background: transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -1480px;
}
.Collateral_Downloads .inclinometer td a.html5:visited, .Collateral_Downloads .tiltmeters td a.html5:visited {
    background: transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -1720px;
}
.Collateral_Downloads .Readouts td a.html5:visited, .Collateral_Downloads .Dataloggers td a.html5:visited {
    background: transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -1760px;
}
.Collateral_Downloads .Miscellaneous td a.html5:visited {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -1880px;
}


/* ------ HOVER ------ */
.Collateral_Downloads td a:hover {
    color:#0182CA !important;
    background:transparent url('https://www.geokon.com/template/images/ul_pdf_links.png') scroll no-repeat 0 0 !important;
}
.Collateral_Downloads td a.html5:hover {
    background: transparent url('https://www.systelindia.in/images/ul_pdf_links.png) scroll no-repeat 0 -1920px !important;
}

.Collateral_Downloads table.software td a:hover,
.Collateral_Downloads table.drivers td a:hover {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -640px !important;
}
.Collateral_Downloads table.demos td a:hover {
    background:transparent url('https://www.systelindia.in/images/ul_pdf_links.png') scroll no-repeat 0 -760px !important;
}

.Collateral_Downloads tr:hover {
    background:#F0F0F0;
}
.Collateral_Downloads tr.no_hvr:hover {
    background:transparent;
}
.Collateral_Downloads td,.Collateral_Downloads th {
    border-right:1px dotted #CCC;
}
.Collateral_Downloads td:last-of-type,.Collateral_Downloads th:last-of-type {
    border-right:none;
}
.Collateral_Downloads table.software td a.features:hover {
    background: transparent !important;
}



ul.dwnld {
 margin: 0 4px 14px 0 !important;
 display: inline-block;
 clear: none;
 float: left;
 width: 230px;
}
ul.dwnld:hover {
 cursor: pointer;
}
ul.dwnld.last {
 margin-right: 0 !important;
}
ul.dwnld li {
 float: left;
 list-style: none;
 display: inline-block;
 margin: 0;
 padding: 0 0 4px 0;
 border: none;
 width: 230px;
}
ul.dwnld li a {
 color: #fff;
 background-color: #CCC;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 display: block;
 padding-left: 4px;
}
ul.dwnld li a.catalog {
 background-color: #999;
}
ul.dwnld li a.straingage {
 background-color: #9B6224;
}
ul.dwnld li a.displacement {
 background-color: #86003A;
}
ul.dwnld li a.extensometer {
 background-color: #E5A430;
}
ul.dwnld li a.piezometer {
 background-color: #15639E;
}
ul.dwnld li a.settlement {
 background-color: #418F49;
}
ul.dwnld li a.pressure {
 background-color: #714A12;
}
ul.dwnld li a.inclinometer,
ul.dwnld li a.tiltmeters {
 background-color: #C72129;
}
ul.dwnld li a.readout,
ul.dwnld li a.datalogger {
 background-color: #146443;
}
ul.dwnld li a.stressmeter {
 background-color: #47065A;
}
ul.dwnld li a.fiber {
 background-color: #00374D;
}
ul.dwnld li a.Miscellaneous {
 background-color: #0099DB;
}
ul.dwnld li a:hover {
 opacity: 0.75;
}