/* 
========================================================================
HORIZONTAL DROPDOWN MENU SYSTEM
========================================================================
*/
#menubar                            { display: inline-block !important; position: absolute; margin: 10px 0 0 10px; }
#menubar .top-bar                   { background-color: transparent; min-height: 25px; }
#menubar .top-bar-section li        { border-right: none; }
#menubar .top-bar-section li a:not(.button)
									{ color: #fff; background-color: #AD004D; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; padding: 3px 15px; height: 25px; line-height: 1.2em; font-weight: normal; font-size: 0.95em; }
#menubar .top-bar-section li a:hover
									{ color: #fff; }
#menubar .top-bar-section li ul     { border: solid 1px #000; background: #f9f9f9; box-shadow: rgba(0,0,0,0.3) 4px 4px 7px; padding: 10px; min-width: 260px; }
#menubar .top-bar-section li li     { background-color: transparent; border: none; }

#menubar .top-bar-section .has-dropdown > a:after
									{ border-style: solid; border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; top: 12.5px; }
#menubar .top-bar-section .dropdown li a
									{ height: auto; display: block; background-color: transparent; border-radius: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: 1.1em; font-size: 0.95em; color: #333; padding: 3px 5px 3px 5px; margin: 0 0 1px 0; display: block; letter-spacing: 0; }
#menubar .top-bar-section .dropdown li a:hover
									{ color: #000; font-weight: bold; }
#menubar .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after
									{ border-style: none; top: 4px; font-size: 1.6em; }
#menubar .title-area li.name span   { display: none; }

/* 
========================================================================
ADDITIONAL MEDIA QUERIES
Special CSS rules for small screens, large screens, touch, etc.
========================================================================
*/
@media only screen and (min-width: 930px) {
  #menubar .title-area li.name { display: none; }
  .logolink { margin-right: 10px !important; }
  }
@media only screen and (max-width: 1180px) {
  #compactbasket_totalprice { display: none; }
  #loginstatus #username,
  #loginstatus #statuslabel { display: none; }
  }
@media only screen and (max-width: 930px) {
  .section_whatsnew div { padding-left: 0; }
  .revisions_Prerelease,
  .revisions_Minor,
  .revisions_Recommended,
  .revisions_Critical { display: block; font-size: 13px; }
  .section_whatsnew div div span.type { padding: 0 1px; }
  .section_whatsnew span.versionlabel { display: none; }
  #minibasketcontainer { display: inline-block; width: 40px; }
  #front-slideshow .fp-img-container .mainimage {
		animation-name: none !important;
		width: 90% !important;
		opacity: 1 !important;
	}
  .subboxes { text-align: center !important; }
  .subboxes .columns h2 { font-size: 1.7em !important; letter-spacing: 0 !important; }
  .subboxes .columns p { font-size: 1.3em !important; }
  }
@media only screen and (max-width: 500px) {
  .products_shortened .item,
  .subcategories_shortened .item,
  .Kartris-DetailsView-Value { width: 270px; max-width: 100%;}
  #homepage_strip1, #homepage_strip2, #homepage_strip3 { min-height: 350px; }
  #front-slideshow { font-size: 80%; }
  #front-slideshow h1,
  #front-slideshow h2 { line-height: 1.2em !important; }
  }

/* 
========================================================================
ORBIT SLIDESHOW (well, it's not any more, but in same place)
========================================================================
*/                   
#front-slideshow                        { padding: 0 8%; display: block; overflow: hidden; }

#homepage_strip1                        { text-align: center; padding-bottom: 60px; }
#homepage_strip2                        { text-align: center; padding-bottom: 60px; }
#homepage_strip3                        { text-align: center; padding-bottom: 60px; }

#front-slideshow li                     { padding: 0; }
#front-slideshow h3 {
	color: #666;
	font-size: 11px;
	padding: 0;
	margin: 40px 0 5px 0;
	line-height: 1.2;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}
#front-slideshow h1 {
	color: #000;
	font-size: 270%;
	padding: 0;
	margin: 10px 0 5px 0;
	line-height: 1.2;
}
#front-slideshow h2 {
	line-height: 22px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 500;
	color: #888;
	margin: 0 auto 30px auto;
	padding: 0;
	font-size: 140% !important;
}

#front-slideshow  #homepage_image   { text-align: center; }
#front-slideshow  #homepage_text    { text-align: left; }
#front-slideshow  #homepage_text ul { margin-top: 0; }

#front-slideshow  #homepage_text h2 {
	color: #000;
	margin: 60px 0 5px 0;
	font-size: 120%;
	font-weight: 700;
}


#front-slideshow  #homepage_text .fpdownloadlink
									{ font-size: 150%; font-weight: 600; color: #fff; border-radius: 7px; display: inline-block; padding: 9px 80px; background-color: #ff9400; max-width: 100%; }
#front-slideshow  #homepage_text .fpdownloadlink:hover
									{ background-color: #ff7d00; }

/* 
========================================================================
SECOND ROW STUFF
========================================================================
*/
#front-subboxes { background-color: #fff; padding: 70px 0; display: block; }
#front-subboxes2 { background-color: #eee; padding: 70px 0; display: block; }
.subboxes .columns {  }
.subboxes .columns h2 { color: #cc0055; font-weight: 600; font-size: 2.3em; letter-spacing: -1px; line-height: 1.0; }
.subboxes .columns p { color: #000; font-size: 1.4em; line-height: 1.1; font-weight: 100; }
/* 
========================================================================
SPINNER THINGY
========================================================================
*/
.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555555 white;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

/* 
========================================================================
GENERAL 
========================================================================
*/
.row.full-width                         { width: 100%; max-width: 100%; }
.row.big-width                          { width: 100%; }
.row.biggish-width                      { width: 90%; }
table tr td                             { font-size: 100%; }
table thead,
table tfoot                             { background: #fff; }
#pagebody ul,
ol,
dl                                      { font-size: 13px; padding-left: 10px 0; line-height: 1.3; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }

/* 
========================================================================
DOWNLOAD PAGE
========================================================================
*/
.downloadlink { min-height: 100px; margin-bottom: 10px; border-radius: 7px; display: block; padding: 10px 10px 10px 55px; background: url('Images/folder-zip-icon.png') no-repeat 15px 10px #eee; }
.downloadlink:hover { background-color: #ff9400; }
.downloadlink strong { color: #000; font-size: 1.0em; display: inline-block; margin-right: 10px; }
.downloadlink .details { color: #555; font-size: 0.9em; margin-right: 10px; font-weight: normal; display: block; padding: 3px 0; }
.downloadlink .details .new { background-color: #f00; color: #e5ff00; font-size: 0.8em; display: inline-block; padding: 2px 5px; font-weight: bold; }
.downloadlink .filesize { color: #080; font-size: 0.8em; display: block; margin-right: 10px; }
.downloadlink.main { padding: 25px 15px 25px 85px; background: url('Images/folder-zip-icon.png') no-repeat 45px 28px #fece6a; }
.downloadlink.main strong { font-size: 1.12em; }
.downloadlink.nuget { background: url('Images/nuget-icon.png') no-repeat 15px 10px #004880; }
.downloadlink.nuget:hover { background: url('Images/nuget-icon.png') no-repeat 15px 10px #2068A0; }
.downloadlink.webplatform { background: url('Images/wpi-icon.png') no-repeat 15px 10px #9ce18c; }
.downloadlink.webplatform:hover { background: url('Images/wpi-icon.png') no-repeat 15px 10px #8cd17c; }
.downloadlink:hover { background-color: #ff9400; }
.downloadlink:hover strong,
.downloadlink:hover .details,
.downloadlink:hover .filesize,
.downloadlink.nuget strong,
.downloadlink.nuget .details,
.downloadlink.nuget .filesize { color: #fff; }
.downloadlink.webplatform strong,
.downloadlink.webplatform .details,
.downloadlink.webplatform .filesize { color: #333; }