/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
/* Misc Styles and defaults 
-------------------------------------------- */
* {
    margin: 0;
    padding: 0
    }
	#OrderForm_OrderForm_HeaderFieldUser-registration-details{
		border:none;
	}
	#OrderForm_OrderForm_HeaderFieldPayment-Type{
		margin-top:49px;
	}
	#Country{
		margin-bottom:5px;
	}
.congrats{
	 background: #333;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border-color: #C7E75C;
border-width: 1px;
border-style: solid;
background: linear-gradient(top, #C7E75C, #8EB436);
background: -webkit-gradient(linear, left top, left bottom, from(#C7E75C), to(#8EB436));
background: -moz-linear-gradient(top, #C7E75C, #8EB436);
background: -o-linear-gradient(top, #C7E75C, #8EB436);
background: -webkit-linear-gradient(top, #C7E75C, #8EB436);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7E75C), color-stop(1, #8EB436));
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#C7E75C, EndColorStr=#8EB436)";
background: linear-gradient(top, #C7E75C, #8EB436);
-moz-box-shadow: 3px 3px 5px #CCC;
-webkit-box-shadow: 3px 3px 5px #CCC;
box-shadow: 3px 3px 5px #CCC;
    display: block;
}
.failure{
	 background: #df7900;
   
    color: white;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	/*
	border-color: #C7E75C;
border-width: 1px;
border-style: solid;
background: linear-gradient(top, #C7E75C, #8EB436);
background: -webkit-gradient(linear, left top, left bottom, from(#C7E75C), to(#8EB436));
background: -moz-linear-gradient(top, #C7E75C, #8EB436);
background: -o-linear-gradient(top, #C7E75C, #8EB436);
background: -webkit-linear-gradient(top, #C7E75C, #8EB436);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7E75C), color-stop(1, #8EB436));
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#C7E75C, EndColorStr=#8EB436)";
background: linear-gradient(top, #C7E75C, #8EB436);*/
-moz-box-shadow: 3px 3px 5px #CCC;
-webkit-box-shadow: 3px 3px 5px #CCC;
box-shadow: 3px 3px 5px #CCC;
    display: block;
}
#congrats_h1 {
	margin-top:5px;
	border:none;
	color:white;
	text-shadow: #333 1px 1px 3px;
}
#congrats_p{
	/*
	color:white;*/
	font-weight:bold;
	
}
#failure_p{
	/* */
	color:white;
	font-weight:bold;
	
}
.highlight {
    font-weight: bold
    }

#resultsHeader {
    width: 550px;
    border-bottom: none
    }

.first_result {
    border-width: 1px;
    border-top-style: dotted;
    border-color: #999;
    padding-top: 5px
    }

body {
    color: #333;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    /*Gill Sans, Gill Sans MT,*/
    font-family: Gill Sans, Gill Sans MT, Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif
    }

html {
    /*background: #626467 url(../images/bg.gif) repeat;*/
    background-color: #fff
    }

table {
    border-collapse: collapse;
    border-spacing: 0
    }

caption, th, td {
    text-align: left;
    /*font-weight: normal;*/
    }

.clear {
    clear: both
    }

.expired_message.expired {
    background-color: #F30
    }

.expired_message.non_expired {
    /*background-color:#F30*/
    }

.expired_message {
    background: #333;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 0;
    margin-bottom: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    /*font-weight: bold;*/
    text-align: center;
    position: absolute;
    height: 13px;
    right: 5px;
    top: 5px;
    /*box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);*/
    }

.download_type .expired_message {
    position: relative;
    height: 13px;
    left: 0;
    top: 0
    }

/* CONTAINER
----------------------------------------- */
#BgContainer {
    width: 960px;
    margin: 0 auto
    }

.Container_12 {
    width: 960px;
    margin: 0 auto
    }

#Container {
    width: 960px;
    padding-bottom: 0;
    /*background: #fff url(../images/containerbg.gif) repeat-y;*/
    background-color: #fff
    }

#TopHeader {
    height: 29px;
    clear: both;
    overflow: hidden;
    padding: 0 10px;
    background: #5c6c92 url(../images/topheaderBG.gif) no-repeat center
    }
@media print
  {
	  #TopHeader {
		  display:none;
	  }
	  
  }
#TopHeader a {
    float: left;
    text-decoration: none;
    display: block;
    /*height: 2.2em; */
    font-size: 14px;
    height: 20px;
    padding: 1px 10px 0 10px;
    margin-right: 3px;
    color: #91a2ca;
    /*border-radius:5px;*/
    margin-top: 4px;
    /*background-color:#7c92c5;
    	border-color:#91a2ca;
    	border-width:1px;
    
    	border-style:solid;*/
    }

#TopHeader .borderRight {
    border-color: #91a2ca;
    border-width: 1px;
    border-right-style: dotted
    }

#TopHeader a:hover {
    color: #fff;
    /*background-color:#91a2ca;*/
    }

#Rotator {
    height: 340px;
    clear: both;
    overflow: hidden;
    padding: 0 10px;
    /*background-color:#f00;*/
    background: #3e3e3e url(../images/rotatorBG_2.gif) repeat-x
    }

#rotatorMenu {
    width: 450px;
    height: 350px;
    list-style: none;
    background: url(../images/ipad_bg.png) no-repeat;
    position: relative;
    left: -7px;
    top: -3px
    }

#rotatorMenu li {
    display: block;
    float: left;
    width: 100%;
    position: absolute;
    left: 22px;
    top: 37px;
    /*opacity:0;*/
    display: none
    }

.ipad_overlay {
    position: absolute;
    left: 46px;
    top: 37px;
    background: url(../images/ipad_overlay.png) no-repeat;
    width: 358px;
    height: 235px
    }

.new {
    width: 101px;
    height: 100px;
    position: absolute;
    background: url(../images/new.png) no-repeat;
    left: 0;
    top: 0
    }

#rotatorMenu li.active {
    /*opacity:1;*/
    display: block
    }

.RotatorItemImage {
    width: 90%;
    margin-left: 0;
    margin-right: 20px;
    display: block;
    text-align: center
    }

.RotatorItemImage img {
    width: 358px;
    height: 235px;
    /*border-radius:10px;
    	box-shadow: 3px 3px 5px #222;*/
    }

.centerMenu {
    width: 90%;
    position: absolute;
    top: 320px
    }

.dotMenu {
    text-align: center;
    list-style: none;
    display: block;
    height: 9px;
    /*padding-right:40%;
    	padding-left:40%;*/
    margin-left: auto;
    margin-right: auto;
    /*width:auto;*/
    }

.dot {
    width: 10px;
    height: 7px;
    margin-right: 3px;
    background: url(../images/dot_inactive.gif) no-repeat 0 0;
    display: block;
    /**/
    float: left;
    list-style: none
    }

.dot:hover {
    cursor: pointer;
    background: url(../images/dot_active.gif) no-repeat 0 0;
    }

.dot.active {
    background: url(../images/dot_active.gif) no-repeat 0 0;
    }

.searchResultItem {
    margin-bottom: 5px;
    border-width: 1px;
    border-bottom-style: dotted;
    border-color: #999;
    padding-bottom: 10px
    }

.searchResultItem h2 {
    margin-bottom: 0
    }

.searchResultItem a {
    font-size: 12px;
    word-break: break-all;
    }

.searchBox, .browseBox {
	position: relative;
    background: #333;
    background: rgba(0, 0, 0, 0.1);
    /*background-color:#de0082;
    	background-color:rgba(255,255,255,0.2);*/
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 6px
    }

.linksplus .searchBox {
    background: rgb(233, 155, 54);
    background: rgba(233, 155, 54, 0.9)
    }

#filterBox {
    background: #333;
    background: rgba(0, 0, 0, 0.4)
    }

#browseBox {
    /*background-color:rgba(234,0,137,0.2);*/
    margin-top: 10px;
    margin-bottom: 0
    }

#browseBox select {
    width: 49%
    }

.searchBox {
    /*background-color:#ea0089;*/
    background: rgb(0, 82, 156);
    background: rgba(0, 82, 156, 0.9);
    /*-moz-box-shadow:    0px 0px 3px 3px #000;
      -webkit-box-shadow: 0px 0px 3px3px #000;
      box-shadow:         0px 0px 3px 3px #000;*/
    }

#searchBox input[type=text] {
    border: none;
    height: 17px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
    -moz-box-shadow: inset 0 0 5px #666;
    -webkit-box-shadow: inset 0 0 5px #666;
    box-shadow: inset 0 0 5px #666
    }

#subjectFormDropDown {
    margin-top: 3px;
    margin-bottom: 3px
    }

h1#noUnderline {
    width: 430px
    }

#noUnderline {
    border: none;
    /*border-bottom:none;*/
    margin-bottom: 4px
    }

#searchBox h1, #browseBox h1, #filterBox h1 {
    font-size: 16px;
    border-bottom-style: none;
    color: #fff;
    margin-bottom: 0
    }

#searchBox h1 {
    font-size: 18px
    }

#searchBox #browseBox h1 {
    font-size: 14px
    }

.typography .searchFilterBox {
    background: #3E3E3E url(../images/rotatorBG_2.gif) repeat;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 15px;
    padding-bottom: 5px;
    color: white
    }
	@media print
  {
	 .typography .searchFilterBox {
		 display:none;
	 }
  }

.typography .searchFilterBox.linksplus {
    background: #3E3E3E url(../images/rotatorBG_3.jpg) repeat
    }

.typography .searchFilterBox p, .typography .searchFilterBox label {
    color: #fff
    }

#searchFilterBox .searchFilterBoxLabel {
    display: inline;
    margin-right: 5px
    }

#searchFilterBox h1 {
    /*font-size:14px;*/
    }

#searchFilterBox input[type="submit"] {
    /* height:20px;
    	-webkit-appearance: none;*/
    }

.resultSelect {
    position: relative;
    left: 670px;
    top: 0;
    margin-bottom: -15px
    }

.hideSelectedBtn {
    -moz-box-shadow: 1px 1px 5px #efefef;
    -webkit-box-shadow: 1px 1px 5px #efefef;
    box-shadow: 1px 1px 5px #efefef;
    display: block;
    height: 15px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #8eb436;
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#c7e75c), to(#8eb436));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #c7e75c, #8eb436);
    background: -o-linear-gradient(top, #c7e75c, #8eb436);
    background: -webkit-linear-gradient(top, #c7e75c, #8eb436);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c7e75c), color-stop(1, #8eb436));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#c7e75c, EndColorStr=#8eb436)";
    background: linear-gradient(top, #c7e75c, #8eb436);
    /* for firefox 3.6  */
    text-shadow: #8eb436 1px 1px 3px;
    color: #fff;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
    margin-top: 3px;
    text-align: center;
    padding-top: 1px;
    font-weight: bold;
    float: right;
    position: relative;
    top: -42px
    }

.hideSelectedBtn:hover {
    cursor: pointer
    }

.newRecordsBtn {
    -moz-box-shadow: 1px 1px 5px #efefef;
    -webkit-box-shadow: 1px 1px 5px #efefef;
    box-shadow: 1px 1px 5px #efefef;
    display: block;
    height: 30px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #8eb436;
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#c7e75c), to(#8eb436));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #c7e75c, #8eb436);
    background: -o-linear-gradient(top, #c7e75c, #8eb436);
    background: -webkit-linear-gradient(top, #c7e75c, #8eb436);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c7e75c), color-stop(1, #8eb436));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#c7e75c, EndColorStr=#8eb436)";
    background: linear-gradient(top, #c7e75c, #8eb436);
    /* for firefox 3.6  */
    text-shadow: #8eb436 1px 1px 3px;
    color: #fff;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    margin-top: 12px;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    float: right;
    position: relative;
    top: -51px;
    width: 100px;
    font-size: 12px;
    line-height: 12px
    }

.newRecordsBtn:hover {
    cursor: pointer
    }

.page_numbers {
    margin-bottom: 2px;
    /*border-width:1px;
    	border-bottom-style:dotted;
    	border-color:#999;*/
    padding-bottom: 10px;
    word-wrap: break-word
    }

#Layout {
    width: 960px;
    clear: both;
    overflow: hidden;
    /*padding: 0 10px;*/
    }

#Content {
    width: 960px;
    float: left;
    margin: 0;
    text-align: left;
    /*position:relative;*/
    height: 100%
    }

.accountLoginBasket {
    float: right
    }

.col_12 {
    float: left;
    width: 940px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto
    }

.col_9 {
    float: left;
    width: 700px;
    padding: 10px;
    height: 100%;
    position: relative
    }

.col_6 {
    float: left;
    width: 460px;
    padding: 10px;
    height: 100%;
    position: relative
    }

.col_3 {
    float: left;
    width: 220px;
    padding: 10px;
    height: 100%
    }

.right {
    float: right
    }

.field .right {
    float: none
    }

.left {
    float: left
    }

.field .left {
    float: none
    }

.no_padding_left {
    padding-left: 0
    }

.no_padding_right {
    padding-right: 0
    }

.no_margin_left {
    margin-left: 0
    }

.no_margin_right {
    margin-right: 0
    }

#account_heading {
    padding-top: 10px
    }

.login_container {
    width: 100%;
    height: 340px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*overflow:hidden; #3e3e3e*/
    background: url(../images/rotatorBG_2.gif) repeat-x
    }

.typography .download_type h2 {
    font-size: 1.8em;
    padding-top: 20px;
    color: #8eb436
    }

.typography .download_type {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #ccc
    }

.download_type .expired_message {
    background-color: #ccc;
    margin-bottom: 10px;
    color: #666
    }

.typography .login_container h1 {
    margin-bottom: 0;
    color: #fff;
    text-shadow: #222 1px 1px 5px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-color: #666
    }

.subs_col {
    width: 144px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 189px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #666;
    float: left;
    height: 260px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    /*text-align:center;*/
    }

.subs_col img {
    margin-left: 23px
    }

.typography .subs_col a {
    color: #fff;
    padding-top: 7px;
    display: block;
    text-decoration: none
    }

.typography .subs_col a:hover {
    color: #fff;
    padding-top: 7px;
    display: block;
    text-decoration: none
    }

.typography .subs_col p {
    color: #fff;
    padding-top: 7px;
    display: block;
    text-decoration: none
    }

.typography .subs_col h1 {
    color: #8eb436;
    font-size: 1.6em;
    padding-top: 3px;
    text-shadow: #222 1px 1px 5px;
    padding-left: 0;
    padding-top: 5px
    }

#Rotator h1 {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 23px;
    font-size: 2.5em;
    text-shadow: #222 3px 3px 5px
    }

#Rotator p {
    color: #fff;
    font-size: 1.6em;
    text-shadow: #222 1px 1px 5px
    }

.pink {
    color: #c7e75c
    }

.RotatorFeaturedItemImage {
    width: 80px;
    margin-right: 10px;
    /*background-color:#f0f0f0;
    	border-radius:10px;*/
    float: left;
    /**/
    min-height: 80px;
    max-height: 80px;
    margin-bottom: 30px;
    /*box-shadow: 2px 2px 5px #222;
    	overflow:hidden;*/
    }

.RotatorFeaturedItemImage img {
    width: 90px;
    height: 90px
    }

.RotatorFeaturedItem {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    /**/
    clear: both
    }

.RotatorFeaturedItemContent {
    float: left;
    /**/
    width: 280px;
    margin-left: 10px
    }

#Rotator .RotatorFeaturedItemContent h1 {
    color: #c7e75c;
    font-size: 2em;
    margin-top: 0;
    margin-bottom: 0
    }

/*
#Rotator .RotatorFeaturedItem a{
	visibility:hidden;
	clear:both;
	box-shadow: 2px 2px 5px #222;
	display:block;
	height:30px;
	
	border-radius:7px;
	
	background-color:#8eb436;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7e75c', endColorstr='#8eb436'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#c7e75c), to(#8eb436)); 
	background: -moz-linear-gradient(top,  #c7e75c,  #8eb436); 
	text-shadow:  #8eb436 1px 1px 3px;
	color:#fff;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:20px;
	max-width:100px;
	margin-top:10px;
	text-align:center;
	padding-top:3px;
	font-weight:bold;
	
}
*/
#Rotator .RotatorFeaturedItem a {
    clear: both;
    display: block;
    color: #8eb436;
    text-decoration: none;
    font-size: 1.6em;
    padding-top: 3px;
    text-shadow: #222 1px 1px 5px
    }

#Rotator .RotatorFeaturedItemContent a:hover {
    color: #fff;
    /*color:#7C92C5;
    	
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff'); 
    	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); 
    	background: -moz-linear-gradient(top,  #fff,  #fff); 
    	text-shadow: none;*/
    }

#HomeTitle {
    margin-top: 10px;
    margin-bottom: 60px;
    width: 100%;
    border-color: #ccc;
    border-width: 1px;
    /*border-top-style:dotted;*/
    border-bottom-style: dotted
    }

#HomeTitle h1 {
    text-align: center;
    margin: 10px;
    font-size: 6em;
    font-weight: normal
    }

#FeatureList {
    /*clear:both;*/
    padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    height: 80px;
    border-bottom-style: dotted;
    border-color: #ccc;
    border-width: 1px
    }

#FeatureList .FeatureItem {
    height: 60px;
    /*background-color:#CCC;
    	border-radius:10px;*/
    padding: 0;
    background: #fff url(../images/tick.gif) no-repeat right
    }

#FeatureList .FeatureItem h1 {
    border-bottom-style: none
    }

#FeatureList .col_3 {
    /*float:none;*/
    padding-left: 10px;
    padding-top: 5px;
    height: 60px
    }

#FeatureList h1 {
    font-size: 2.4em;
    margin-bottom: 0;
    color: #7c92c5
    }

#FeatureList .FeatureItem .FeatureContent {
    width: 180px
    }

#FeatureList .FeatureItem .FeatureContent p {
    font-size: 1.2em;
    color: #666;
    font-weight: bold
    }

#NewsList {
    clear: both
    }

#NewsList .NewsItem {
    padding-top: 5px;
    /* */
    padding: 10px;
    background-color: #f0f0f0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    border-color: #ccc;
    border-width: 1px;
    /*border-top-style:dotted;
    	border-top-style:dotted;*/
    }

#NewsList .NewsItem p {
    margin-bottom: 0
    }

#NewsList h2 {
    font-size: 1.3em;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #7c92c5
    }

#NewsList h3 {
    font-size: 1em;
    margin-bottom: -3px;
    font-weight: bold;
    color: #666;
    border-top-style: none;
    padding-top: 0;
    margin-top: 0
    }

#SecondColumn {
    margin-top: 0
    }

#SecondColumn .SecondColumnItem {
    padding: 10px;
    width: 210px;
    height: 295px;
    float: left;
    margin-right: 10px;
    background-color: #f0f0f0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px
    }

#SecondColumn .SecondColumnItem h2 {
    font-size: 1.4em;
    margin-bottom: 5px;
    font-weight: bold;
    color: #7c92c5;
    border-color: #ccc;
    border-width: 1px;
    /*border-top-style:dotted;*/
    border-bottom-style: dotted;
    padding-bottom: 2px
    }

#SecondColumn .no_padding_left {
    padding-left: 0
    }

#SecondColumn .no_padding_right {
    padding-right: 0
    }

#SecondColumn .no_margin_left {
    margin-left: 0
    }

#SecondColumn .no_margin_right {
    margin-right: 0
    }

#Twitter {
    margin: 0 0;
    margin-top: -5px;
    height: 58px;
    background: #fff url(../images/twitter.gif) no-repeat 0 0
    }

#Twitter span {
    width: 160px;
    display: block;
    float: right;
    height: 58px;
    text-align: left
    }

#Twitter h1 {
    font-size: 1.2em;
    color: #7c92c5;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 0;
    font-weight: bold
    }

#Facebook {
    margin: 0 0;
    margin-top: 5px;
    height: 45px;
    background: #fff url(../images/facebook.gif) no-repeat 0 0
    }

#Facebook span {
    width: 160px;
    display: block;
    float: right;
    height: 45px;
    text-align: left
    }

#Facebook h1 {
    font-size: 1.2em;
    color: #7c92c5;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 0;
    font-weight: bold
    }

#ProductList {
    text-align: left;
    padding: 10px;
    /*background-color:#eaedf4;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height: 283px;
    height: 100%;
    padding-bottom: 20px;
    padding-top: 7px;
    /*box-shadow: 2px 2px 8px #999;*/
    border-color: #c7e75c;
    border-width: 1px;
    /*border-top-style:dotted;*/
    border-style: solid;
    background-color: #8eb436;
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#c7e75c), to(#8eb436));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #c7e75c, #8eb436);
    background: -o-linear-gradient(top, #c7e75c, #8eb436);
    background: -webkit-linear-gradient(top, #c7e75c, #8eb436);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c7e75c), color-stop(1, #8eb436));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#c7e75c, EndColorStr=#8eb436)";
    background: linear-gradient(top, #c7e75c, #8eb436);
    /* for firefox 3.6  */
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc
    }

.fullHeight {
    height: 100%
    }

#ProductList h1 {
    font-size: 2em;
    color: #8eb436;
    margin-bottom: 0;
    margin-left: 5px;
    font-weight: bold;
    border-color: #8eb436;
    border-width: 1px;
    /*border-top-style:dotted;*/
    border-bottom-style: dotted;
    padding-bottom: 3px
    }

#ProductList h2.open {
    background: transparent url(../images/folder_minus.gif) no-repeat 0 center
    }

#ProductList h2 {
    padding-left: 15px;
    font-size: 1.2em;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 5px;
    font-weight: bold;
    background: transparent url(../images/folder_plus.gif) no-repeat 0 center;
    text-shadow: 1px 1px 5px #8eb436
    }

#ProductList ul {
    /*background-color:#8eb436;*/
    margin: 0;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    display: none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    /**/
    overflow: hidden;
    border-color: #6d8a29;
    border-width: 1px;
    border-style: solid;
    /*
    	background-color:#8eb436;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8eb436', endColorstr='#c7e75c');
    	background: -webkit-gradient(linear, left top, left bottom, from(#8eb436), to(#c7e75c));
    	background: -moz-linear-gradient(top,  #8eb436,  #c7e75c);*/
    }

#ProductList li {
    /*padding-left:15px;*/
    list-style: none;
    font-size: 1em;
    color: #fff;
    margin: 0 0;
    min-height: 20px
    }

#ProductList a {
    font-size: 1em;
    margin-left: 0;
    margin-right: 0;
    padding: 5px;
    padding-left: 14px;
    padding-rght: 0;
    /*border-radius:5px;*/
    display: block;
    font-weight: bold;
    color: #fff;
    border-color: #6d8a29;
    border-width: 1px;
    /*border-top-style:dotted;*/
    border-top-style: dotted;
    /*
    	background-color:#8eb436;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7e75c', endColorstr='#8eb436'); 
    	background: -webkit-gradient(linear, left top, left bottom, from(#c7e75c), to(#8eb436)); 
    	background: -moz-linear-gradient(top,  #c7e75c,  #8eb436);
    	*/
    text-shadow: 1px 1px 5px #6d8a29;
    /*border-color:#ccc;
    	border-width:1px;
    	
    	border-style:solid;*/
    }

#ProductList a.first {
    border-top-style: none
    }

#ProductList a:hover {
    color: #fff;
    background-color: #c7e75c;
    /*border-color:#fff;
    	border-width:1px;
    
    	border-style:solid;*/
    text-decoration: none
    }

/* HEADER
----------------------------------------- */
#Header {
    height: 130px;
    padding: 0 10px;
    overflow: hidden;
    /*background-color:#7c92c5;
    	*/
    background: #7c92c5 url(../images/headerBG.gif) repeat-x left center
    }
	@media print
  {
	  #Header {
		  display:none;
	  }
	  #Breadcrumbs{
		  display:none;
	  }
	  .typography a {
		  color:#000;
	  }
	  .newRecordsBtn{
		   display:none;
	  }
	  .resultSelect{
		   display:none;
	  }
	  .hideSelectedBtn{
		  display:none;
	  }
	  #page_numbers1{
		  display:none;
	  }
	  #page_numbers2{
		  display:none;
	  }
	  #noUnderline{
		   display:none;
	  }
  }

#Logo {
    width: 214px;
    height: 83px;
    position: relative;
    left: 0;
    top: 24px;
    background: url(../images/logo.gif)
    }

#Header h1 {
    color: #fff;
    font-size: 3.2em;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: 300;
    padding: 20px 0 0 30px
    }

#Header p {
    font-size: 1.4em;
    color: #fff;
    clear: left;
    margin: 0 0 0 100px
    }

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
    width: 940px;
    margin: 0 10px;
    padding-top: 0;
    overflow: hidden;
    position: relative;
    top: -40px;
    /*background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;*/
    }

#Navigation ul {
    float: right;
    margin: 0;
    padding: 0;
    width: 640px
    }

#Navigation ul li {
    list-style: none;
    margin: 0 auto;
    float: left;
    line-height: 2.2em;
    display: block;
    width: auto
    }

#Navigation ul li a {
    float: left;
    text-decoration: none;
    display: block;
    /*height: 2.2em; */
    font-size: 21px;
    padding: 8px 5px 10px 5px;
    margin: 5px;
    margin-top:9px;
    margin-bottom:9px;
    color: #fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
    }

#Navigation ul li a span {
    text-align: center;
    float: left;
    /*padding-right: 10px;
    					height: 2.3em;*/
    }

#Navigation ul li a:hover {
   background: #5c6c92; /* url(../images/hoverTabLeft.gif) no-repeat left top;*/
    color: #fff;
    cursor: pointer
    }

#Navigation ul li a:hover span {
   background: #5c6c92 ; /*url(../images/hoverTabRight.gif) no-repeat right top;*/
    cursor: pointer
    }

#Navigation ul li a.current, #Navigation ul li a.section, #Navigation ul li a.section:hover, #Navigation ul li a.current:hover {
    background: #fff ;/*url(../images/activeTabLeft.png) no-repeat left top;*/
    color: #5c6c92
    }

#Navigation ul li a.current span, #Navigation ul li a.section span, #Navigation ul li a.section:hover span, #Navigation ul li a.current:hover span {
    background: #fff;/* url(../images/activeTabRight.png) no-repeat right top;*/
    color: #5c6c92
    }

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs {
    color: #B7C0C5;
    text-align: left;
    font-size: 0.9em;
    margin: 0 0 4px 0;
    /*background-color:#f0f0f0;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    padding-left: 0;
    padding-bottom: 3px;
    display: block;
    border-color: #ccc;
    border-width: 1px;
    border-bottom-style: dotted
    }
@media print
  {
	  #Breadcrumbs{
		  display:none;
	  }
	  #Footer{
		  display:none;
	  }
  }
#Breadcrumbs p {
    margin: 0
    }

/* SIDEBAR
-------------------------------------- */
#Sidebar {
    width: 200px;
    float: left;
    margin: 10px 0 0 0;
    padding: 0
    }

#Sidebar .sidebarBox {
    margin: 0 0 5px 0;
    padding-bottom: 2px;
    background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top
    }

#Sidebar ul {
    margin: 2px 0 5px 3px
    }

#Sidebar li {
    margin: 8px 2px;
    list-style: none
    }

#Sidebar h3 {
    clear: both;
    text-transform: lowercase;
    color: #fff;
    font-weight: 700;
    font-size: 1.4em;
    margin: 0 0 10px 0;
    line-height: 1.8;
    padding: 1px 0 0 10px;
    background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left
    }

#Sidebar .sidebarBottom {
    height: 15px;
    display: block;
    width: 200px;
    margin: -5px 0 0 0;
    background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom
    }

#Sidebar a em {
    font-style: normal
    }

#Sidebar p {
    font-size: 11px;
    clear: both;
    margin: 10px 10px 0 10px
    }

/* MENU2 */
ul#Menu2 li {
    font-size: 0.9em;
    margin: 1px 0 5px 4px;
    list-style: none
    }

ul#Menu2 li a {
    display: block;
    width: 196px;
    font-size: 1.2em;
    height: 1.8em;
    line-height: 1.8em;
    color: #898989
    }

ul#Menu2 li em {
    padding-left: 8px;
    display: block
    }

ul#Menu2 li li em {
    padding-left: 0
    }

/* Level 1 
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
ul#Menu2 li a:hover, ul#Menu2 li a.current, ul#Menu2 li a.current:hover {
    background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;
    color: #666;
    cursor: pointer;
    text-decoration: none
    }

ul#Menu2 li a.current {
    font-weight: 700
    }

ul#Menu2 li a.section, ul#Menu2 li a.section:hover {
    background: #DCDCDC;
    font-weight: 700;
    width: 193px
    }

ul#Menu2 li a.levela:hover span, ul#Menu2 li a.current span, ul#Menu2 li a.section span, ul#Menu2 li a.section:hover span, ul#Menu2 li a.current:hover span {
    background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;
    display: block;
    width: 100%;
    height: 100%
    }

ul#Menu2 li a.levela:hover em, ul#Menu2 li a.current em, ul#Menu2 li a.section em, ul#Menu2 li a.section:hover em, ul#Menu2 li a.current:hover em {
    background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;
    display: block;
    width: 100%;
    height: 100%
    }

ul#Menu2 li ul {
    height: 100%;
    position: relative;
    margin: -4px 0 0 0;
    width: 193px;
    padding: 4px 0 10px 0;
    background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left
    }

ul#Menu2 li ul li {
    padding: 0;
    font-size: 0.8em;
    margin: 2px 0 0 0
    }

ul#Menu2 li ul li ul {
    background: #DCDCDC;
    margin-left: 0
    }

ul#Menu2 li li a.current, ul#Menu2 li li a.section, ul#Menu2 li li a.section:hover, ul#Menu2 li li a.current:hover {
    color: #555;
    font-weight: 700;
    background: #DCDCDC
    }

ul#Menu2 li li ul {
    margin: 0 0 0 10px;
    padding: 0;
    width: 175px
    }

ul#Menu2 li li ul .roundWhite {
    margin-bottom: -10px
    }

/* Sub Menu */
ul#Menu2 li a.levelb {
    font-size: 1.7em;
    text-indent: 8px;
    width: 188px;
    background: transparent;
    margin-left: 10px
    }

ul#Menu2 li a.levelb:hover, ul#Menu2 li li a.current, ul#Menu2 li li a.current:hover, ul#Menu2 li li a.section, ul#Menu2 li li a.section:hover {
    background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;
    text-decoration: none;
    display: block;
    color: #fff
    }

ul#Menu2 li a.levelb:hover span, ul#Menu2 li li a.current span, ul#Menu2 li li a.current:hover span, ul#Menu2 li li a.section span, ul#Menu2 li li a.section:hover span {
    background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;
    display: block;
    width: 100%;
    height: 100%
    }

ul#Menu2 li a.levelb:hover em, ul#Menu2 li li a.current em, ul#Menu2 li li a.current:hover em, ul#Menu2 li li a.section em, ul#Menu2 li li a.section:hover em {
    background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
    display: block;
    width: 100%;
    height: 100%
    }

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
    list-style: none;
    margin: 20px 0
    }

#PageComments li {
    margin: 5px 0;
    padding: 1px;
    width: 88%
    }

#PageComments li.odd {
    background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
    padding-left: 40px;
    padding-right: 10px;
    border-bottom: 2px solid #BCE4FE
    }

#PageComments li.even {
    background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
    padding-right: 40px;
    padding-left: 10px
    }

#PageComments li.odd p.info {
    color: #3AA0C3
    }

.actionLinks li {
    display: inline;
    border-right: 1px solid #ddd
    }

.actionLinks li a {
    padding-right: 3px;
    font-size: 10px
    }

.actionLinks li.last {
    border-right: none
    }

.commentrss {
    background: transparent url(../images/feed-icon-14x14.png) no-repeat;
    padding-left: 20px;
    font-size: 1.1em;
    line-height: 1.6em
    }

#PageCommentsPagination p {
    text-align: center;
    font-size: 1.2em
    }

#PageComments p {
    font-size: 1em;
    margin: 8px 0
    }

#PageComments p.info {
    color: #999;
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-size: 0.9em
    }

#PageCommentInterface_Form_PostCommentForm_action_postcomment {
    margin-bottom: 20px
    }

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
    margin: 10px 0
    }

ul#SearchResults li {
    list-style: none;
    margin: 5px 0;
    font-size: 1em
    }

/* SEARCH FORM 
-----------------------------------------------*/
#SearchForm_SearchForm {
    float: right;
    width: 240px;
    margin: 5px
    }

#SearchForm_SearchForm .middleColumn {
    float: left;
    width: 164px;
    margin: 0 5px 0 0;
    padding: 2px;
    background-color: #51a9df
    }

#SearchForm_SearchForm .middleColumn input.text {
    width: 160px;
    border: none;
    color: #666
    }

#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
    float: left;
    margin-top: 2px
    }

/* MESSAGEBOXS
--------------------------------------------- */
.message {
    margin: 15px;
    padding: 5px;
    width: 92%;
    color: #979908;
    border: 4px solid #F7F8B4;
    background: #FFFFEA
    }

span.middleColumn .message {
    margin: 4px 0 0 3px
    }

.required {
    margin: 4px 0 0 3px;
    padding: 5px;
    width: 92%;
    color: #DC1313;
    border: 4px solid #FF7373;
    background: #FED0D0
    }

p#Remember label {
    margin: -24px 0 0 0;
    text-align: left
    }

.entry {
    border-bottom: 1px solid #eee
    }

.typography #Content p.authorDate {
    color: #444;
    margin-top: -15px
    }

/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm {
    min-height: 100px
    }

#Unsubscribe_MailingListForm_MailingListForm p {
    margin: 0 !important;
    padding: 10px
    }

#Unsubscribe_MailingListForm_MailingListForm p label {
    display: inline
    }

#Unsubscribe_MailingListForm_MailingListForm label {
    margin: 0
    }

/* FOOTER
----------------------------------------------- */
#Footer {
    /*
    width:100%;
    position:fixed;
    left:auto;
    bottom:0px;*/
    clear: both;
    /*width: 960px; */
    height: 85px;
    /*background: #f0f0f0; */
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #f0f0f0, #fff);
    background: -o-linear-gradient(top, #f0f0f0, #fff);
    background: -webkit-linear-gradient(top, #f0f0f0, #fff);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(1, #fff));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f0f0f0, EndColorStr=#fff)";
    background: linear-gradient(top, #f0f0f0, #fff);
    /* for firefox 3.6  */
    text-align: left;
    /**/
    border-color: #ccc;
    border-width: 1px;
    border-top-style: dotted;
    margin-top: 10px
    }

#Footer .footerTop {
    width: 100%;
    background: transparent url(../images/footerTop.gif) no-repeat top left;
    display: block;
    height: 2em
    }

#Footer p {
    color: #666;
    font-size: 1.1em;
    text-align: left;
    margin-bottom: 2px
    }

#Footer a {
    color: #7c92c5;
    text-decoration: none
    }

#Footer a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #7c92c5
    }

.searchResultItem h5 {
    font-size: 1.5em;
    color: #666;
    margin: 0
    }
	.typography .searchResultItem a{
		color:#06C;
		font-weight:bold;
	}

.searchResultItem h6 {
    font-size: 1em;
    color: #666;
    margin: 0
    }

.searchResultItem h2 {
    font-size: 1.2em
    }