﻿
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    padding:0px;
    margin:0px 0px 0px 0px;
}

h1 
{
    color:#EEEEEE;
    font-size:16px;
    font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
}
.searchbar2
{
    
}
.searchbar2 .searchfield2
{
    width: 90%;
    font-size: 14pt;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #666666;
}
.searchbar2 img {
    margin-left: 10px;
    margin-bottom: 7px;
}

a:link {color:#6937AC;}      /* unvisited link */
a:visited {color:#6937AC;}  /* visited link */
a:hover {color:#009;}  /* mouse over link */
a:active {color:#6937AC;}  /* selected link */ 

.productDescription > img {
    max-width: 360px;
    max-height: 70px;
    clear: both;
    display: block;
}

.rightAlign
{
    float:right;
}

.leftAlign
{
    float:left;
}

/* for dashboard header  */
#pageHeader 
{
    background-image: url(../img/gfp/land_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    height:130px;
}
#pageHeaderContent
{
    width:800px;
    margin:0px auto 0px auto;
    position:relative;
    height:100px;
}
#headerLogo
{
    position:absolute;
    height:92px;
    width:92px;
    top:3px;
}
#headerSocial
{
    width:20px;
    height:20px;
    float:right;
    margin-left:10px;
}
#headerNavLinks
{
    position: absolute;
    top: 70px;
    left: 60px;
    width: 83%;
    height: 25px;
    color: #FFFFFF;
    text-align: right;
    font-size: 12px;
}
    #headerNavLinks > strong {
        font-size:larger;
    }
#headerNavLinks > a
{
    color:#FFFFFF;
}
#headerMenu
{
    position:absolute;
    top:96px;
    /*left:160px;*/
    height:25px;
    /*background-color:#131313;*/
    width:100%;
    
}
#topMenu 
{
    margin: 0px auto 0px auto;
    width:80%;
    text-align:center;
}
.searchbar
{
    position:absolute;
    top:5px;
    right:0px;
    width:300px;
    height:26px;
    font-size:15px;
}
.searchresultdd
{
    position:absolute;
    top:31px;
    right:40px;
    width:300px;
    background-color:#FFFFFF;
    max-height:300px;
    overflow:auto;
    border:2px solid #999999;
    padding:3px;
    display:none;
}
.searchresultdd2
{
    position:absolute;
    top:256px;
    width:500px;
    background-color:#FFFFFF;
    max-height:400px;
    overflow:auto;
    border:2px solid #999999;
    padding:3px;
    display:none;
    font-size:12pt;
    line-height:20pt
}
.searchfield
{
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:2px;
    width: 270px;
    font-size:17px;
}
.searchbar > img
{
    cursor:pointer;
}
#memberTag
{
    border: 2px dashed #EEEEEE;
    width:200px;
    height:55px;
    background-color:#FFFFFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:2px;
    position:absolute;
    top:3px;
    left:500px;
    opacity: 0.8;
    font-size:9px;
}
#shoppingCart
{
    border: 2px solid #EEEEEE;
    width: 120px;
    background-color: #FFFFFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px;
    position: absolute;
    top: 5px;
    left: 110px;
}
#shoppingCart:hover 
{
    background-color: #EEEEEE;
}
#shoppingCart a 
{
    font-size: 12px;
    color: #333333;
    font-weight:bold;
    text-decoration:none;
}
#shoppingCart img 
{
    float:left;
    height:30px;   
    margin-right:10px;
}

.userName
{
    margin:0px 0px 0px 15px;
    font-size:22px;
    font-weight:bold;
}
#memberTag > input[type=text]
{
    border:1px solid #999999;
    width:190px;
    padding:2px;
    font-size:10px;
}
#memberTag > input[type=password]
{
    border:1px solid #999999;
    width:90px;
    padding:2px;
    font-size:10px;
}
.memberLoginNav
{
    text-align:right;
}

.specialNavTop
{
    float:right;
    text-align:right;
    margin-right:26px;
}
.specialNavMid 
{
    width:650px;
    margin: 10px auto 0px auto;
}
/* end page header */

.pageBody
{
}

.contentCenter
{
    width:800px;
    margin:10px auto 0px auto;
    position:relative;
    padding:10px 0px;
}

.blockCenter
{
    width:800px;
    margin:10px auto 0px auto;
    position:relative;
}



.history_entry_label
{
    color: #000000;
    font-weight:bold;
}

.history_entry
{
    border-top:1px solid #EEEEEE;
}

.form_error
{
    font-size:10pt;
    color:red;
    font-weight:bold;
}

.form_error_small
{
    font-size:8pt;
    color:red;
    font-weight:normal;
}

.form_msg
{
    font-size:10pt;
    color:green;
    font-weight:bold;
}

.form_error_login
{
    font-size:10pt;
    color:red;
    font-weight:bold;
}

.searchFormLine
{
    margin:9px 0px 0px 0px;
}

.longSearchField
{
    width:97%;
}


.resultPage
{
    display:none;
}
#mainNav{
	position:absolute;
	top:120px;
	left:300px;
	font-size:10px;
}
a .mainNavBtnRight:hover{
	background:#e6eff8;
}
a .mainNavBtn:hover{
	background:#e6eff8;
}
.mainNavBtnRight{
	color:#30A774;
	float:left;
	font-size:1.7em;
	font-weight:bold;
	padding:0px 15px;
	line-height:50px;
}
.mainNavBtn{
	color:#30A774;
	float:left;
	font-size:1.7em;
	font-weight:bold;
	padding:0px 15px;
	line-height:50px;
	border-right:1px dotted #999;
}
#socialIcons
{
    float:left;
	margin:0px 20px 0px 0px;
}
#search_socialIcons
{
    float:right;
	margin:13px 0px 0px 0px;
}
#socialIcons img, #search_socialIcons img{
	border:none;
}
.foot
{
    /*position:absolute;
    bottom:0;*/
    margin:100px 0px 0px 0px;
    clear:both;
    width:100%;
}

.footerNavBlock {
	margin:0px auto 0px auto;
	width:740px;
    clear:both;
}
.footerNavBlock:first-child 
{
    padding-top:10px;
    border-top:1px solid #CCCCCC;
}
.footerNav
{
	margin-right:3px;
	width:242px;
	float:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#000000;
	font-weight:bold;
	font-family:Arial, Verdana, Sans-Serif;
}
.footerNav a:link, .footerNav2 a:link {color:#666; text-decoration:none;font-size:12px;	font-weight:normal;line-height:19px}      /* unvisited link */
.footerNav a:visited, .footerNav2 a:visited {color:#666; text-decoration:none;font-size:12px;	font-weight:normal;}  /* visited link */
.footerNav a:hover, .footerNav2 a:hover {color:#666; text-decoration:underline;font-size:12px;	font-weight:normal;}  /* mouse over link */ 
.blue{
	color:#30A774;
}
.section{
	float:left;
	width: 500px;
	height:220px;
    margin:0px auto 0px auto;
}
.sectionHeading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	margin:20px 30px;
	color:#30A774;
	border-bottom:1px #30A774 solid;
}
.contentHeading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	margin:5px 30px;
	color:#30A774;
	border-bottom:1px #30A774 solid;
}
.contentBlockTitle 
{
	font-size:16px;
	font-weight:bold;
	color:#30A774;
	margin:20px 30px;
}
.contentBlock
{
	margin:20px 30px;
}
.headingNoLogin
{
    margin:79px 0px 0px 30px;
}
.section p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px 30px;
}
.section a:link {color:#30A774; text-decoration:underline;}      /* unvisited link */
.section a:visited {color:#30A774; text-decoration:underline;}  /* visited link */
.section a:hover {color:#30A774; text-decoration:none;}  /* mouse over link */ 
#sitelicense{
	width:500px;
	float:left;
	margin:0px 30px;
}

.contentWindow
{
    height: 300px;
    overflow:auto;
    border:1px solid #eeeeee;
    padding: 5px;
}
.contentWindow2
{
    height: 200px;
    overflow:auto;
    border:1px solid #eeeeee;
    padding: 5px;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:30px;
}
#feedbackForm{
	width:300px;
	margin:30px;
	font-size:14px;
	font-weight:bold;
	color:#30A774;
}
#feedbackForm textarea{
	width: 100%;
	border: 1px solid #3C6B99;
	font-weight: bold;
	margin:5px 0px 15px 0px;
}
#feedbackForm input{
	border: 1px solid #3C6B99;
	width: 100%;
	padding: 2px;
	font-weight: bold;
	margin:5px 0px 15px 0px;
}
.legal
{
    background-image:url(../img/site/logo.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    padding:130px 20px 10px 20px;
}
#loginBar{
	float:left;
	width:1000px;
	margin:10px auto 0px auto;
}
.loginBarInputs{
	float:left;
	width:290px;
	display:inline;
    font-size:14px;
    font-family: Verdana, Arial, Sans-Serif;
	color:#FFF;
	margin:0px 0px 0px 30px;
}
.loginBarInputs > input[type=password]{
    border:1px solid #3C6B99;
    width:200px;
    padding:2px;
    font-weight:bold;
}
.loginBarInputs > input[type=text]{
    border:1px solid #3C6B99;
    width:200px;
    padding:2px;
    font-weight:bold;
}
.loginBarButton{
	height:30px;
	width:300px;
	margin:-2px 10px 0px 0px;
}
.loginBarButton > a{
    color:#EEEEEE;
    font-size:11px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height:27px;
    text-decoration:none;
    margin-left:15px;
}
.loginBarButton > a:hover{
    text-decoration:underline;
}
#loginBarWrapper{
    position:absolute;
    background:url(../img/site/land_bg.jpg) no-repeat bottom;
    background-position:right;
    background-color: #30A774;
    height:43px;
    top:207px;
    left:0px;
    width:100%;
    min-width:1000px;
}


a #logoSpacer{
	border:none;
}



.search_results_area
{
    display:block;
    height:auto;
    padding:10px 3px;
}

a.tsl_link
{
    display:block;
    margin:0px 5px;
    text-decoration:none;
    color: #333333;
    padding:2px 0px;
}
a.tsl_link:hover
{
    text-decoration:underline;
}

.hidden
{
    display:none;
}

.code_entry
{
    background-color:#F5EBD0;
    padding:10px;
    width:250px;
    margin: 6px 0px 0px 0px;
    border: 1px solid #aaaaaa;
    text-align:center;
    font-size: 22px;
}

.code_entry_long
{
    background-color:#F5EBD0;
    padding:10px;
    width:260px;
    height:20px;
    margin: 10px 0px 0px 0px;
    border: 1px solid #ededed;
    text-align:center;
}

.code_entry_nav
{
    width:280px;
    margin: 10px 0px 0px 0px;
}

.regText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.paymentWindow
{
    width:100%;
    height:400px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.error
{
    color:Red;
}


.ui-dialog .ui-dialog-buttonpane {
  border:none;
}

.diagSpacing
{
    margin:20px 10px 10px 10px;
}

#diag_iframe
{
    border:none;
    display:none;
}

#diag_loader {
    margin-top: 100px;
    text-align: center;
}

#login_iframe
{
    border:none;
    overflow:hidden;
}

.userProfileContent
{
    font-size:12px;
    font-weight:bold;
}

.formTable
{
    margin:20px 0px 0px 0px;
}

.formTable td
{
    vertical-align:top;
}

.formTable input[type='text']
{
}

.formTable textarea
{
    width:400px;
    height:60px;
}

.formLabel
{
    font-weight:bold;
}

.formRow
{
    margin:10px 0px 0px 0px;
    clear:both;
}

.formLegend
{
    font-style:italic;
    font-size:9px;
}

.choseModelNavigation
{
    margin:20px 0px 0px 0px;
    width:350px;
}

.zeroFloat
{
    float:none;
}
#messagingPanel
{
    margin:0px 0px 20px 0px;
}
.scrolltotop
{
    width:100px;
    float:right;
}
.scrolltotop a
{
    color:#FFFFFF;
}


.imageMap
{
 text-align:center; width:582px; margin-left:auto; margin-right:auto;   
}

.facetList
{
    font-size:10px;
}

.coupOption
{
    height:45px;
}
a.pubLink
{
    color:#666666;
    text-decoration:none;
}
a.pubLink:hover
{
    text-decoration:underline;
}
.ourfriends
{
    text-align:center;
    margin:60px 0px 0px 0px;
}
.ourfriend
{
    margin:4px;
}
.boldBtn
{
    font-weight:bold;
}

.adminReportValue
{
    font-weight:bold;
    float:right;
    width:200px;
}
.btn
{
    background-color: #007700;
    color:#EEEEEE;
    border-color:#FFFFFF;
    font-size:13px;
    font-family:Arial;
    font-weight:bold;
}
.btn:visited
{
    background-color: #007700;
    color:#EEEEEE;
}
.btn:link
{
    background-color: #007700;
    color:#EEEEEE;
}
.btn:hover
{
    background-color: #007700;
    color:#FFFFFF;
    border-color:#FFFF00;
}
img.demo 
{
    font-size:11px;
    height:90px;
    width:90px;
}
.voucherEditControls
{
    width:260px;float:right;text-align:right;font-size:11px;
}
.productsIconsSearchPage
{
    float:left;
    height:300px;
    width:44px;
    margin-left:30px;
}
.productsIconsSearchPage2
{
    height:44px;
    margin:20px 0px 0px 40px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
}
.activeIcon
{
    border:2px solid #FF9900;
}
.inactiveIcon
{
    opacity: 0.6;
    cursor:pointer;
}
.discountLine
{
    color:#FF9900;
}
a.regLink
{
    text-decoration:none;
    color:#333333;
    cursor:pointer;
}
a.regLink:hover
{
    text-decoration:underline;
    color:blue;
    cursor:pointer;
}
.productLink
{
    font-weight:bold;
    text-decoration:none;
}
.courseDetails
{
    font-size:12px;
}
.dialog
{
    font-size:11px;
}
.regionsToCart
{
    margin-top:10px;
    font-weight:bold;
}

@media only print {
    .footerNavBlock {
        display:none;
    }
}




/* for the social features */

.socialFeats {
    padding: 10px 10px 10px 10px;
    width: 90px;
    text-align: left;
    /* clear: both; */
    background-color: #c9eec9;
    border: 1px solid #999999;
    z-index: 2200;
    position: fixed;
    top: 15%;
    left: -1px;
    border-radius: 0px 20px 20px 0px;
    font-family: Helvetica Neue, Helvetica, sans-serif, Arial;
    font-weight: 100;
    font-size: 12px !important;
    color: #ffffff !important;
}

    .socialFeats a {
     color:#ffffff !important;
   }

.round-shares .jssocials-share-link {
    border-radius: 50%;
}

.play-cover {
    position: absolute;
    top: -60px;
    left: 0px;
    width: 100%;
    height: 60px;
    background-color: transparent;
    z-index: 200;
    text-align:center;
}

.play-cover-icon {
    color:#ffffff;
    opacity: 0.7;
}

@media only screen and (max-width: 1040px) {
    .socialFeats {
        width: 35px;
    }

}