@charset "utf-8";

/* Global settings */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(../images/interface/page-grad.png);
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-position: top;
	background-color: #FDFEFA; 
	margin: 0px;
	clear: both;
	height: 100%;
}

.hidden {display:none;}

a:link, a:visited {color: #000; text-decoration:underline;}
a:hover {color: #000; text-decoration:none;}

html {margin-left: -0.1px;}

#container {
	position: relative;
	width: 970px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 45px;
	background-position: top;
	background-repeat: no-repeat;
}
#container #header {
	position: relative;
	min-height: 195px;
}

#container #header h1{
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 0;
	margin: 0;
	width: 600px;
}

form {margin: 0px; padding: 0px;}



#productmenu {
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-color: #A6CE39;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
	margin-bottom: 10px;
	border-top: dotted 1px #fff;
}


#productmenu ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	border: none;
	} 

#productmenu ul li {
	margin-right: 3px;
	padding-left: 7px;
	border: none;
	border-left: solid 1px #fff;
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin-bottom: 0px;
}

#productmenu ul li.first {border-left:none; padding-left: 0px;}

html>body #productmenu ul li { margin-left: 0px;}

#productmenu a:link, #productmenu a:visited {
	color: #000;
	text-decoration: none;
	display: inline-block;
}
#productmenu a:hover {color: #FFF;}

#productmenu a.current {
	color: #fff;
	cursor:default;
	background-image: url(../images/interface/productMenuSelected.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#productmenu a.pLink {}


#content #col2 #bookCol3 {
	float: right;
	width: 190px;
}
#content #col2 #bookFeatures {
	width: 480px;
}
#content #col2 #TOC {
	width: 480px;
}
#content #col2 #bookResources {
	width: 480px;
}
#content #col2 #weblinks {
	width: 480px;
}
#content #col2 #otherFormats {
	width: 480px;
	float: left;
}
#content #col2 #relatedTitles {
	width: 480px;
	float: left;
}
.greenBoxBorder {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #A5CA38;
	border-bottom-color: #A5CA38;
	border-left-color: #A5CA38;
	margin-top: -10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}


.productShow { margin-bottom: 10px; float:left;}
.productHide {display:none;}




#container #footer {
	line-height: 23px;
	padding: 15px;
	padding-bottom: 0px;
	background-color: #000;
	background-image: url(../images/interface/footer_bkg.jpg);
	height: 135px;
	color: #FFF;
	clear: both;
	position: relative;
}

#container #footer ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	border: none;
	} 

#container #footer ul li {
	margin-right: 3px;
	padding-left: 7px;
	border: none;
	border-left: solid 1px #fff;
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin-bottom: 0px;
}

#container #footer ul li.first {border-left:none; padding-left: 0px;}

html>body #container #footer ul li { margin-left: 0px;}

#container #footer a:link, #container #footer a:visited {
	color: #a6ce39;
	text-decoration: none;
}
#container #footer a:hover {color: #FFF;}

#container #footer ul li.first {list-style: none;}






#header #functionMenu {
	float:right;
	text-align: right;
	line-height: 30px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	color: #FFF;
	clear: right;
}

#header #functionMenu ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	border: none;
	} 

#header #functionMenu ul li {
	margin-right: 3px;
	padding-left: 7px;
	border: none;
	border-left: solid 1px #fff;
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin-bottom: 0px;
}

#header #functionMenu ul li.first {border-left:none; padding-left: 0px;}
#header #functionMenu ul li.last {margin-right: 0px;}

html>body #header #functionMenu ul li { margin-left: 0px;}

#header #functionMenu a:link, #header #functionMenu a:visited {
	color: #F05E28;
	text-decoration: none;
}
#header #functionMenu a:hover {color: #FFF;}



#header #portalMenu {
	float: left;
	line-height: 30px;
	margin-top: 81px;
	margin-left: 8px;
}

html>body #header #portalMenu { margin-left: 15px;}

#header #portalMenu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	border: none;
	} 

#header #portalMenu ul li {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
	display: inline;
	margin-bottom: 0px;
}


html>body #header #portalMenu ul li { margin-left: 0px;}

#header #portalMenu a:link, #header #portalMenu a:visited {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	height: 34px;
	width: 108px;
	text-align: center;
	display:inline-block;
	background-image: url(../images/interface/portal_tab.png);
	background-repeat: no-repeat;
}
#header #portalMenu a:hover {color: #000;}


#banner1, #banner2 {
	clear: both;
}






#bread {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 35px;
	color: #999;
	background-color: #E5E5E5;
	padding-left: 15px;
	padding-right: 15px;
}


#bread ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 10px;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	margin-bottom: 0px;
}

#container #bread ul li.first {border-left:none; padding-left: 0px;}

#bread ul li:before {content: "\00BB \0020";}

#bread ul li.first:before {content: "";}

html>body #bread ul li { margin-left: 0px;}

#bread a:link, #bread a:visited {
	color: #999;
	text-decoration: underline;
}







#container #spotlight {
	height: 230px;
	background-color: #A5CA38;
	background-image: url(../images/interface/spotlight_bkg.png);
	background-repeat: repeat-x;
}
#container #footer #footerLAM {
	margin-bottom: 25px;
}
#container #content #col1 {
	width: 260px;
	float: right;
	height: auto;
	padding: 10px;
	padding-bottom: 0px;
}
#container #content #col2home {
	float: left;
	width: 410px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: auto;
}
#container #content #col3home {
	float: left;
	width: 260px;
	height: auto;
}
#container #content {
	height: auto;
	background-color:#fff;
	overflow: hidden;
}

.box260bkg {
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-color: #F0F0F0;
}
.black260head {
	background-image: url(../images/interface/260box_blackhead.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EFEFEF;
}
#resourcefinder form {
	padding: 15px;
	padding-top: 20px;
}

#resourcefinder label { display:none;}

#resourcefinder select, #advancedSearch select {
	border: 1px solid #ED5D28;
	padding: 1px;
	width: 220px;
	margin-bottom: 15px;
	height: 22px;
	margin-left: 5px;
}

h2 {
	font-size: 20px;
	border-bottom: dotted 1px #A5CA38;
	padding-bottom: 10px;
}

.black260head h2 {
	margin: 0px;
	line-height: 45px;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
	color: #fff;
	border-bottom: none;
	padding-bottom: 0px;
	padding-top: 0px;
}

.green260head h2, .grey260head h2, .greenHead h2, .greyHead h2 {
	color: #000;
	border-bottom:medium none;
	font-size:16px;
	line-height:45px;
	margin:0;
	padding:0 10px;
}

#resourcefinder #r_search {
	text-align: right;
}
#resourcefinder span {
	text-align: right;
	display: block;
}

.green260head {
	background-image: url(../images/interface/chromeShine.png);
	background-repeat: repeat-x;
	background-position: top;
}

.grey260head {
	background-image: url(../images/interface/260box_greyhead.png);
	background-repeat: no-repeat;
	background-position: top;
}

.box260 {
	padding: 10px;
	background-position: center bottom;	
}


ul {
	margin-left: 15px;
	padding-left: 0px;
	border: none;
	margin-top: 10px;
	margin-bottom: 0px;
} 

ul li {
	padding-left: 0px;
	border: none;
	margin-bottom: 10px;
}
#poll label {
	display: block;
	clear: both;
	margin-bottom: 10px;
	vertical-align: top;
	margin-left: 25px;
	margin-top: -16px;
}
#poll {margin-top: 10px;}

.greenHead {
	background-image: url(../images/interface/chromeShine.png);
	margin-bottom: 10px;
	background-color: #ccc;
}

.greyHead {
	background-image: url(../images/interface/grey_bar_bkg.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-color: #999;
}

.greenHeadRight {
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
}

.listItem {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#searchResults .listItem {border-bottom: dotted 1px #A6CE39;}

.listItem .thumb {
	float: left;
	border: solid 1px #000;
}

.listItem div {
	margin-left: 70px;
}

.listItem div.other {
	margin-left: 0px;
	margin-top: 10px;
}

.subText {
	font-size: 13px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

.listItem h3 {
	font-size: 14px;
	margin: 0px;
	color: #000;
}



.clear {
	clear: both;
}

#content #col2of3 {
	float: left;
	width: 550px;
	margin-right: 10px;
	height: auto;
}

#content #col3ad {
	float: left;
	width: 120px;
	margin-bottom: 10px;
	height: auto;
}

#content #col2 {
	float:right;
	height:auto;
	margin-bottom:10px;
	width:680px;
}

#content #col2 .greenHead {
	margin: 10px 0px 0px 0px;
}

#content #col2 #subcol2 .greenHead {margin-left: 0px; margin-right: 10px;}

#viewCat span {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.pad10 {
	padding-right: 10px;
	padding-left: 10px;
}
.catalogueBox .description {
	padding-right: 10px;
	margin-left: 120px;
}
.catalogueBox img {
	float: left;
	border: 1px solid #000;
}
.catalogueBox {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.catalogueBox .description p {
	line-height: 20px;
}
.catalogueBox h3 {
	font-size: 13px;
	padding: 0px;
	margin-top: 5px;
}
#advancedSearch div {
	float: left;
	width: 50%;
}

#advancedSearch label {display:none;}

#advancedSearch label.labelShow {display: inline; line-height: 18px;}

#advancedSearch label.labelShow input {vertical-align:text-bottom;}

input.ASi {
	border: 1px solid #ED5D28;
	padding: 3px;
	width: 220px;
	margin-bottom: 15px;

}

h3 {
	font-size: 14px;
	color: #000000;
}

#advancedSearch label.labelShow input {
	border: none;
	padding:0;
	width:15px;
	margin-bottom:0;
	height:15px;
	margin-left:0;
}

#advancedSearch p {margin-top: 0px;}
#contactUs .contactColumn {
	width: 216px;
	float: left;
	padding: 5px;
}
#contactUs .contactColumn select {
	height: 400px;
	width: 100%;
	border: 1px solid #ED5D28;
}

#contactUs #contentDetails {
	padding: 10px;
	border: 1px solid #ED5D28;
	height: 378px;
	width: 196px
}

#contactUs .contactColumn select option {
	padding:5px;	
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
}

#contactUs #conDetails {
	width: 218px;
}

#contactUs label {
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	background-color:#666;
	color: #fff;
	
}
#learnMore {
	background-image: url(../images/interface/learnmore_bkg.png);
	background-repeat: no-repeat;
	height: 150px;
	margin-bottom: 10px;
}
.rrp {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.list2cart {
	float: right;
	margin-bottom: 50px;
	margin-left: 10px;
}

#pages {
	clear:left;
	border: solid 1px #DDDDDD;
	padding: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#pages span.nextprev {
border:1px solid #DDDDDD;
color:#999999;
}
#pages span.nextprev {
	color:#ccc;
}
#pages a, #pages span {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FFFFFF;
display:block;
float:left;
margin-right:0.1em;
padding:0.2em 0.5em;
color:#F05E28;
font-size:85%;
}

#pages span.current {
	background:#666 none repeat scroll 0 0;
	border:1px solid #666;
	color:#fff;
	font-weight:bold;
}

#pages a {
border:1px solid #F05E28;
text-decoration:none;
}

#pages a:hover {
	color: #333;
}
#pages p {
	margin-top: 30px;
	clear: left;
	margin-bottom: 0px;
}
.greenHead .greenHeadRight span {
	line-height: 36px;
	float: right;
	margin-right: 10px;
	padding-top: 2px;
}
#bookCol3 #bookInfo {
	padding: 9px;
	margin-bottom: 10px;
	border: solid 1px #a5ca38;
}

#bookCol3 #bookInfo table { margin: 10px 0px 10px 0px;}

#bookCol3 #bookFunctions {
	padding: 9px;
	margin-bottom: 10px;
	border: solid 1px #a5ca38;
}

table caption {display:none;}

#friendbkg {
	position: absolute;
	width: 100%;
	background-Color: #000;
	opacity:  .70;
	z-index: 2;
	top: 0px;
}

#send2friend {
	position: fixed;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	z-index: 3;
	padding-bottom: 20px;
	background-color: #fff;
	background-image: url(../images/interface/send2friendbkg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 5px solid #fff;
}

#send2friend div.pad10 {margin-left: 20px; margin-top: 30px;}

#send2friend div.greenHead { 
	background-image: none;
}
#send2friend div.greenHeadRight {background-image: none; }

.sendHidden { display:none;}

.sendShow { 
}

#send2friend label { display: inline-block; width: 160px;}

#send2friend input {vertical-align: text-top;}

#send2friend label.sendHidden { display:none;}

#bookFunctions ul {
	list-style-type: none;
	margin-left: 0px;
}

#bookFunctions li {
	display: block;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-bottom: 15px;
}

#bookFunctions a {min-height: 23px; display: block; padding-left: 30px;}

#bookFunctions li.dflyer {background-image: url(../images/interface/icons/download_flyer.png);}

#bookFunctions li.dinfo {background-image: url(../images/interface/icons/download_info.png);}

#bookFunctions li.pdf {background-image: url(../images/interface/icons/pdf.png);}

#bookFunctions li.onapp {background-image: url(../images/interface/icons/on_approval.png);}

#bookFunctions li.democode {background-image: url(../images/interface/icons/demo_code.png);}

#bookFunctions li#friend {background-image: url(../images/interface/icons/friend.png);}

#bookInfo #add2cart {
	line-height: 30px;
	display: block;
	padding-left: 40px;
	background-image: url(../images/interface/add2cart.png);
	background-repeat: no-repeat;
	font-size: 15px;
	height: 35px;
}

#bookInfo #add2cart:hover {
	background-image: url(../images/interface/add2cart_f2.png);
}
.required {
	color: #000;
	font-weight: bolder;
	width: 120px;
	display: inline-block;
}
.width120 {
	width: 120px;
	display: inline-block;
}

select.ASi {
	border: 1px solid #ED5D28;
	padding: 1px;
	margin-bottom: 15px;
	height: 22px;
	margin-left: 5px;
	min-width: 220px;
}

.nobullet {
	list-style-type: none;
	margin-left: 0px;
}

a.more {
	text-decoration: underline;
	padding: 0px 30px 0 15px;
	background-image: url(../images/interface/more_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	display: inline-block;
}

a.more:hover {border-color: #000; text-decoration: none;}

.floatright {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}


#mainmenu {
	position: fixed;
	left: 245px;
	top: 0px;
	right: 360px;
	background-image: url(../images/interface/top_bar_bkg.png);
	height: 52px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 15px;
	z-index: 10;
	text-indent: -15px;
	overflow: visible;
	min-width: 600px;
	white-space: nowrap;
}

#mainmenu a:link, #mainmenu a:visited {
	color: #99CE16;
	text-decoration: none;
	text-transform: capitalize;
}

#mainmenu a:hover {
	color: #ffffff;
}

#jacPlus {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 80px;
	width: 245px;
	background-image:url(../images/interface/top_bar_jacPLUS.png); 
	z-index: 9;
}

#searchlight {
	position: fixed;
	right: 0px;
	top: 0px;
	height: 50px;
	width: 340px;
	background-image:url(../images/interface/top_bar_searchlight.png); 
	text-align: right; 
	padding-top: 25px;
	z-index: 10;
	padding-right: 20px;
	
}

#searchlight input {margin:0px; border: none; vertical-align: top; margin-right: -2px; margin-bottom: 10px;}
#searchlight #searchbox {
	height: 17px; 
	margin-right: -4px; 
	width: 130px;
	-moz-border-radius-bottomleft: 3px; 
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	color: #000;
	border: none;
}

#searchlight label {display: none;}

html>body #searchlight #searchbox {padding-left: 5px;padding-top: 3px; padding-bottom: 2px;}

#pagebkg {
	position: fixed;
	background-image:url(../images/interface/page_searchlights_bkg.png);
	background-position:top center;
	background-repeat: repeat-x;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
}

#footer div {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 600px;
}

.fullWidthform {width: 99%; border: 1px solid #000; font-size: 13px; font-weight: normal; line-height: 18px; max-width: 99%; padding: 2px;}
.halfWidthform {width: 50%; border: 1px solid #000; font-size: 13px; font-weight: normal; line-height: 18px; max-width: 99%; padding: 2px;}
.noWidthform {border: 1px solid #000; font-size: 13px; font-weight: normal; line-height: 18px; max-width: 99%; padding: 2px;}

option.disabled {
	color: #999999;
}

option.other {
	color: #000000;
	background-color: #CCCCCC;
}

.feedbackError {
	color: #CC0000;
	font-weight: bold;
}
.errorWarning {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-weight: bold;
}

#login .errorWarning { margin-top: 10px;}

.errorWarning2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	padding: 5px;
	border: solid 1px #FF0000;
	font-weight: bold;
}

#shad {
	background-attachment: fixed;
	background-image: url(/images/interface/container_shad.png);
	background-repeat: repeat-y;
	background-position: center 40px;
}


.helpTarget {
	height: 65px;
	display: block;
}

.b2t a {
	color:#999999;
	height: auto;
	font-size: 11px;
	text-decoration: none;
	line-height: 30px;
	background-image: url(/images/interface/b2t.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	text-indent: 18px;
}

.b2t a:hover {
	color: #333333;
	background-image: url(/images/interface/b2t_hover.png);
}

.inpagenav { 
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: -50px;
}

.accent {
	border: solid 2px #99CE16;
	padding: 5px;
	padding-left: 30px;
	display: block;
	background-image: url(../../images/old/browsercheck-supported.png);
	background-repeat: repeat-y;
	background-position: left center;
}

#Explorer5, #Explorer6, #Netscape3, #Netscape4 {border: solid 2px #CC0000; background-image: url(../../images/old/browsercheck-unsupported.png);}


.Rlisto {
	background-color: #F0F0F0;
	margin-left:-10px;
	margin-right:-10px;
	max-width:490px;
	overflow:hidden;
	padding:10px 15px;
	font-size: 10px;
}

.Rliste {
	background-color: #FAFAFA;
	margin-left:-10px;
	margin-right:-10px;
	max-width:490px;
	overflow:hidden;
	padding:10px 15px;
	font-size: 10px;
}

.Rlisto a, .Rliste a {font-size: 14px;}

#notifications .Rlisto, #notifications .Rliste {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#content #col2 #notifications div.greenHead {margin-bottom: 10px;}

#newsUpdatesTable .Update {
	text-align: center;
	color: #000;
	display: block;
	border: 1px solid #a6ce39;
	line-height: 20px;
	width: 90px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#newsUpdatesTable .News  {
	text-align: center;
	color: #000;
	border: 1px solid #a6ce39;
	display: block;
	line-height: 20px;
	width: 90px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#notifications {
	margin-top: 8px;
}


.Expiry {
	font-weight: normal;
	font-size: 11px;
}

#bookShelf div.greenHead {
	margin-bottom: 0px;
}
#bookShelf div.greenHead:first-child {margin-top: 0px;}

#register {
	margin-top: 10px;
	margin-bottom: 10px;
}

#register #regcode {
	width: 135px; 
	margin-right: -5px; 
	border: 1px solid #93969f;
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 5px;
	line-height: 20px;
	height: 20px;
}


#register div.errorWarning {margin-top: 10px;}

#adminTitleList {
	margin-top: 40px;
	margin-bottom: 40px;
}

#adminTitleList .Rlisto, #adminTitleList .Rliste {
	margin-left: 0px;
	margin-right: 0px;
}

.TableVisible {margin-bottom: 0px;}
.TableHide {visibility: hidden; height: 10px; overflow: hidden;}
.TableHide tr {display: none;}

.BarVisible { 
	cursor: pointer;
	padding-left: 25px;
	background-image:url(/images/interface/barShow.png);
	background-repeat:no-repeat;
	background-position: 12px 15px;
}
.BarVisible h2 { cursor: pointer;}
.BarHide {
	cursor: pointer;
	padding-left: 25px;
	background-image:url(/images/interface/barHide.png);
	background-repeat:no-repeat;
	background-position: 12px 15px;
	margin-bottom: 0px;
}
.BarHide h2 { cursor: pointer;}

#alertbox {
	margin-top: 5px;
	padding: 1px;
	text-align: center;
}
#alertbox h3, #alertbox p {
	color: #ff0000;
	margin-top: 2px;
	margin-bottom: 2px;
}

#col2 #subcol1 {
	width: 260px;
	padding-right: 1px;
	margin-right: 10px;
	margin-left: -10px;
	margin-top: 10px;
	float: left;
}
#col2 #subcol2 {
	margin-top: 10px;
	margin-left: 270px;
	margin-right: -10px;
}
#container #content #col2 #screengrab {
	background-image:url(/images/interface/screengrab.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:280px;
	position:absolute;
	right:5px;
	text-align:center;
	top:60px;
	width:253px;
}
#login label {
	display: block;
	margin: 0px auto 13px auto;
	text-align: center;
	width: 150px;
}
#login #loginbutton {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}

#login {
	padding-bottom: 10px;
	text-align: center;
	width: 150px;
	margin: 5px auto;
	
}

#buydigitalbkg {
	float: right;
	height: 138px;
	width: 96px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	background-image:url(/images/interface/buydigital_bkg.png);
	background-repeat: no-repeat;
}

a:link.buylink, a:visited.buylink {
	display: inline;
	background-color: #a6ce39;
	color: #fff;
	border: 1px solid #a6ce39;
        padding-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 8px;
	padding-right: 8px;
        text-decoration: none;
        -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
        
}


a:link.buylink:hover, a:visited.buylink:hover  {
	display: inline;
	background-color: #fff;
	color: #a6ce39;
	border: 1px solid #a6ce39;
        margin-left: 5px;
	margin-right: 5px;
	padding-left: 8px;
	padding-right: 8px;
        text-decoration: none;
}


/* settings for 4 banners

#videoBanner {
	background-image: url(/images/interface/video_panel_bkg.png);
	height: 150px;
	text-align: right;
	padding-left: 350px;
}

 #videoBanner a:link, #videoBanner a:visited {
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
} 

*/

#videoBanner {
	background-image: url(/images/interface/video_panel_bkg.png);
	height: 150px;
	text-align: right;
	padding-left: 360px;
}

#videoBanner a:link, #videoBanner a:visited {
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
}



#videoBanner a:hover {
	background-image: url(/images/interface/videoThumbGlow.png);
	background-repeat:no-repeat;
	background-position: center center;
}

#videoBanner img {
	border: none;
}
.lightwindow {
}

#vid_hidden { display: none;}


/*-----------------------------------------------------------------------------------------------
	Lightwindow styles
-----------------------------------------------------------------------------------------------*/	








#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 30px;
		width: 80px;
		float: right;
		line-height: 20px;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #a6ce39;
		background: url(../images/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .90;
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 80px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .90;
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 15px 0 5px 0;
		list-style-type: none;
	}
	
	.lightwindow_galleries_list ul {
		margin: 0;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 16px;
		color: #a6ce39;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		color: #ffffbe;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		display:none;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 0px 0px 10px;
		
	}

	#lightwindow_data_caption {
		padding: 0px 0 0 0;
		color: #666666;
		line-height: 0px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 0px;
		display: none;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
		display:none;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}
#notifications img {
	border: 1px solid #000000;
	margin-bottom: 10px;
}
#notifications .newsTitle {
	font-size: 14px;
	font-weight: bold;
}
#notifications div.newsDate {
	font-size: 11px;
	color: #666666;
}

#notifications div.newsDesc {
	margin-bottom: 10px;
}

#bookShelf #notifications {
	margin-top: 30px;
	margin-bottom: 20px;
}
#bookShelf #notifications table { margin-top: 10px;}

#newAccButton {
	position: absolute;
	left: 20px;
	top: 155px;
	z-index: 2;
}

#welcomeText {
	width: 400px;
	margin: 20px 10px;
}

.helpNum {
	background-color: #FF0000;
	font-weight: bold;
	display:inline-block;
	padding: 1px;
	color: #fff;
	min-width: 15px;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.Delete {
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 11px;	
}

div.greenHead#newsUpdates {margin-bottom: 10px;}

#newsUpdatesTable {margin-bottom: 40px;}


#screengrab #tourbutcher {
	background-image: url(/images/interface/butcher.png);
	position: absolute;
	height: 129px;
	width: 129px;
	left:62px;
	position:absolute;
	top:95px;
}
#col1 #loginBox {
	background-color: #ECF4D7;
}
#loginPage {
	disply: block;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	border: 10px solid #FFFFFF;
	z-index: 5;
	position: relative;
}

#loginPage label, #loginBox label {
	display: inline;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: left;
}

#email, #password {
	width: 150px;
}

#loginLink {position: absolute; visiblility: hidden; top: 350px; height: 0;}

.trial {
    display: inline;
    background-color: #DB6414;
    color: #fff;
    padding: 2px 7px 2px 7px;
    text-transform: uppercase;
    font-size: 12px;
}

#mainmenu span.errorWarning {
	color: #fff;
}

.activateWarning {
	padding: 10px 10px 0;
}

/* Hack to remove labels from login in Safari's where placeholder is used instead. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #login label span { display:none; }
}

#login label span { margin-bottom: 5px; }
#login label {
	margin: 5px 0px;
	display: block;
	width: 150px;
}

#addttrial {
	width: 970px;
	margin: 100px auto;
}