@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 12px;
	height: 50px;
}
body {
	background-color: #F4F4F4;
	background-image:url(images/greybg.jpg);
	background-repeat:repeat-x;
	margin: 0px;
}
body.refine {
	margin: 0px;
	background-color: inherit;
	background-image: none;
	padding: 10px;
	font-size: 14px;
}	
img {
	border: 0px none;
}

/* Text Styles */

h1,h2,h3,h4,h5,h6{
	display: inline;
}
h1 {
	font-size: 20px;
	color: navy;
}
h2 {
	font-size: 18px;
	color: navy;
}
h3 {
	font-size: 15px;
	color: navy;
}
h4 {
	font-size: 13px;
	color: navy;
}
#featureRight h4{
	margin-left: 30px;
}	
a, a:visited {
	text-decoration:underline;
	color:#0066CC;
}
a:hover, a:active {
	color:#3C9DFF;
}
.smalltext {
	font-size: 11px;
	color:#333333;
}	
.smalltext_img_caption {
	font-size: 11px;
}
.greytext {
	color: #333333;
}	
.errortext {
	color: red;
}
div.errortext, div.successtext, div.warningtext {
	width: 93%;
	min-height: 20px;
	color: black;
	padding: 5px 5px 5px 25px;
	background-repeat: no-repeat;
	background-position: 2px 5px;
	margin: 20px 0px 20px 0px;
}		
div.hidden {
	display: none;
}	
div.errortext {
	background-image: url(images/cross.png);
	background-color: #FF9393;	
}	
div.successtext {
	background-color: #CFFAD2;
	background-image: url(images/tick.png);
}	
div.warningtext {
	background-color: #FDF3BD;
	background-image: url(images/exclamation.png);
}	
.requiredtext {
	color: red;
	vertical-align: top;
	font-size: 12px;
}		
.orangetext {
	color: #FF9900;
}			
.quotetext {
	background-image:url(images/quote.png);
	background-repeat: no-repeat;
	padding: 25px 0px 20px 35px;
	border-bottom: 1px solid #CCC;
}	
div.noquote {
	background-image: none;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}	
table.smalltable {
	font-size: 14px;
	line-height: 20px;	
	padding-bottom: 10px;
}		
table.smalltable tr, table.smalltable td, table.smalltable th {
	height: 30px;
	min-width: 100px;
	padding: 2px;
	text-align: left;
}
table.smalltable th.padding {
	padding-right: 15px;
}	
table.detailstable, table.checkouttable {
	font-size: 14px;
	line-height: 20px;	
	padding-bottom: 10px;
}		
table.detailstable caption, table.checkouttable caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 20px;
}	
table.detailstable tr, table.checkouttable tr {
	background: url(images/small_popup.png) repeat-x;
}
table.detailstable th, table.detailstable td, table.checkouttable th, table.checkouttable td {
	height: 35px;
	padding: 5px 15px 5px 5px;
	font-size: 14px;
	vertical-align: top;
}
table.checkouttable td#leftcol {
	text-align: left;
	width: 500px;
}	
table.checkouttable td#rightcol {
	padding-right: 40px;
}	
table.detailstable th {
	text-align: right;
	width: 150px;
}		
table.detailstable td {
	text-align: left;
	width: 300px;
}
span.float_heading {
	display: block;
	float: right;
}
table.transactiontable {
	font-size: 12px;
	line-height: 14px;	
	padding-bottom: 10px;	
}	
table.transactiontable caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 20px;
}	
table.transactiontable tr {
	background: url(images/small_popup.png) repeat;
	vertical-align: middle;
}
table.transactiontable tbody tr.highlight:hover {
	background-color: #FF9595;
	cursor: pointer;
}
table.transactiontable tbody tr.highlight_inactive:hover {
	background-color: #FF9595;
	cursor: auto;
}
table.transactiontable th, table.transactiontable td {
	height: 35px;
	padding: 5px 15px 5px 5px;
	vertical-align: middle;
	min-width: 40px;
	font-size: 12px;
}
table.transactiontable td#colwidth80, table.transactiontable th.colwidth80 {
	min-width: 80px;
}	
table.transactiontable td#colwidth150, table.transactiontable th.colwidth150 {
	min-width: 150px;
}	
table.transactiontable td#leftcol {
	text-align: left;
	width: 500px;
}	
table.transactiontable td#rightcol {
	padding-right: 40px;
}	

/* Layout divs */

div #maindiv {
	height: 600px;
	text-align: left;
}
div #top {
	background-image: url(images/border.png);
	background-repeat:no-repeat;
	/* IE6 Hack */
	position: relative;
}
#div1 {
	width: 100%;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	margin-top: 0px;
	text-align:center;
	z-index: 1;
	top: 0px;
	top: 30px;
}
#div2 {
	width:930px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	z-index: 2;
	top: 0px;
}
div #logo {
	top: 5px;
	left: 10px;
	position: absolute;
	width: 280px;
	height: 100px;
}
div #topbar {
	top: 20px;
	width: 100%;
	right: 20px;
	height: 165px;
	background-image:url(images/line.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	text-align: left;
}
div #breadcrumb {
	width:100%;
	height: 25px;
	text-indent: 20px;
	padding-top: 10px;
}	
div #leftcolumn {
	width: 160px;
	height: 100%;
	float: left;
	padding: 15px 5px 5px 15px;
	background-color: #F2F2F2;
	background-image:url(images/leftcolumn_bg.jpg);
	background-repeat: repeat-x;
}	
#leftcolumn ul {
	margin-left: 0px;
	padding-left: 0px;
}	
#leftcolumn ul li {
	list-style: none;
	margin-left: 0px;
	padding-bottom: 20px;
}	
#leftcolumn ul li ul {
	padding-top: 15px;
}
#leftcolumn ul ul li {
	list-style: none;
	padding-left: 25px;
	margin-left: 0px;
}	
#leftcolumn ul ul {
	margin: 0px;
	padding-top: 0px;
}	
* html #leftcolumn ul ul {
	padding-top: 20px;
}	
#leftcolumn a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
#leftcolumn a.refine {
	font-weight: normal;
}	
#leftcolumn a:hover {
	color: red;
}	
div.cleardiv {
	clear: both;
}	

/* Menu Bar */

div #menubar {
	position: relative;
	width: 610px;
	left: 300px;
	height: 40px;
	top: 115px;
	text-align:left;
}
.menubutton, .select_menubutton {
	list-style: none;
	display:block;
	float: left;
	width: 150px;
	height: 25px;
	padding-top: 15px;
	text-align: center;
}
.menubutton {
	background-image:url(images/button.jpg);
	background-repeat: no-repeat;
	color: black;
}
.select_menubutton {
	background-image:url(images/button_hover.jpg);
	background-repeat: no-repeat;
	font-weight:bold;	
	color: black;
}	
a.menubutton, a.select_menubutton, a:link.menubutton, a:link.select_menubutton {
	font-size: 14px;
	text-decoration:none;
	color: black;
}	
a:hover.menubutton {
	color: navy;
	background-image:url(images/button_hover.jpg);
}
a:hover.menubutton, a:visited.menubutton, a:active.menubutton, a:hover.select_menubutton, a:visited.select_menubutton, a:active.select_menubutton {
	/* IE6 Hack */	
	text-decoration: none;
}	

/* Content divs */

div #featured {
	display: block;
	padding: 5px;
	background: url(images/greybg.jpg) 0px -150px;
}
div #lowerContent {
	padding: 0px 50px 20px 10px;
}
div#sell_optionscontainer {
	height: 280px;
	min-width: 600px;
	padding-top: 50px;
}
div#sell_optionscontainer div.contentbox {
	display: block;
	position: absolute;
	width: 350px;
	height: 250px;
	z-index:2;
	padding: 0px 10px 10px 10px;
}
div#sell_optionscontainer div.contentbox p {
	padding-left: 20px;
}
div#lowerContent div.contentbox {
	display: block;
	float: left;
	width: 400px;
	padding: 0px;
	margin-left: 35px;
}	
div#lowerContent div.contentbox h1, div#lowerContent div.contentbox h2 {
	line-height: 40px;
}
div #leftbox {
	left: 100px;
}
div #rightbox {
	left: 500px;
}	
.textcontent {
	padding: 20px;
}
div #welcometext {
	padding: 15px 20px 10px 20px;
	font-size: 14px;
}
div.maintext {
	min-height: 600px;
	overflow: visible;
	padding: 10px 20px 10px 20px;
	font-size: 14px;
}	
div.maintext#largeTM {
	background: url(https://www.teachersmarketplace.com.au/images/tm_large.png) no-repeat 20px 20px;
}	
div.maintext#header {
	min-height: 40px!important;
	overflow: visible;
	padding: 10px 20px 10px 20px;
	font-size: 14px;
}	
div#col2 {
	width: 710px;
	margin-left: 180px;	
}		
div#col2_termstext {
	width: 710px;
	margin-left: 180px;	
	font-size: 12px;
	line-height: 18px;
}		
div#featureLeft {
	width:240px;
	background: url(images/tabbed_bg.png) 0px -25px repeat-x;
	padding: 5px 10px 10px 10px;
}
div#featureLeft p {
	margin: 10px 0px;
}	
#rightAdBar {
	position:absolute;
	left:936px;
	top:48px;
	width:150px;
	height:600px;
	z-index:2;
}
div#adminlink {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: -25px;
	height: 20px;
	min-width: 150px;
}
div#adminlink a, div#adminlink a:link {
	color: white!important;
	text-decoration: none;
}	 
#siteLogin {
	position:absolute;
	left:310px;
	top: 3px;
	z-index:2;
	width: 600px;
	text-align:right;
	font-size: 14px;
}
#siteLogin #usertext {
	padding-top: 15px;
}
#forgotbox {
	width: 100px;
	display: inline-block;
	padding: 0px;
}	
#siteLogin span#forgotbox_pwd {
	display: inline;
	font-size: 11px;
	color:#333333;	
}	
#siteLogin span#forgotbox_login {
	display: none;
	font-size: 11px;
	color:#333333;
}	
#footer {
	height: 50px;
	text-align: center;
}	
#footertext {
	position:absolute;
	left: 125px;
	padding: 15px;
}
#unifiedone {
	position: absolute;
	right: 100px;
	width: 150px;
	height: 60px;
	z-index:2;
}	
div#transactionsearch {
	width:905px;
	background-color: #F3F3F3;
	background-image:url(images/quicksearch_bg.jpg);
	background-repeat: repeat-x;
	padding: 5px 5px 5px 20px;
	vertical-align: middle;
	font-size: 14px;
}	
div#membersearch {
	width:725px;
	background-color: #F3F3F3;
	background-image:url(images/quicksearch_bg.jpg);
	background-repeat: repeat-x;
	padding: 5px 5px 5px 20px;
	vertical-align: middle;
	font-size: 14px;
	margin-left: -20px;
}	
div#quicksearch {
	width:920px;
	background-color: #F3F3F3;
	background-image:url(images/quicksearch_bg.jpg);
	background-repeat: repeat-x;
	padding: 5px;
	vertical-align: middle;
}	
div#quicksearch_options {
	padding: 0px 50px 0px 20px;
}	
div#quicksearch_options select {
	width: 160px;	
}	
.CollapsiblePanelContent label {
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}	
.CollapsiblePanel {
	line-height: 50px;
	padding-left: 20px;
}	
.CollapsiblePanel img {
	vertical-align: baseline;
}	
.CollapsiblePanelContent li {
	list-style:none;
	display: inline-block;
	float:left;
	margin-left: 0px;
	padding-left: 0px;
	width: 350px;
}	
div.small_list {
	display: block;
	min-height: 20px;
	overflow: hidden;
	width: 100%;
	background-image:url(images/tabbed_bg.png);
	background-repeat: repeat-x;
	padding: 5px 0px !important;
	margin: 5px 0px 10px 0px;
}	
div.small_list p.smalltext {
	padding: 2px 0px;
	margin: 0px;
}
div.small_list p.smalltext span {
	float:right;
	display:block;
	width: 300px;
	padding: 1px 8px 1px 1px;
	line-height: 16px;
}	
.small_list img {
	padding: 2px 5px 2px 5px;
	display: block;
	float: left;
}
div.small_list a {
	text-decoration: none;
}
div.small_list a:hover {
	text-decoration: underline;
}		
div.small_list strong.title a {
	font-size: 12px;
	text-decoration: none;
	color: navy;
}
div.small_list strong.title a:hover {
	color: #3C9DFF;
	text-decoration:underline;
}
div.sellheader {
	display: inline-block;
	float: left;
	height: 65px;
	width: 200px;
	list-style: none;
	background-image:url(images/small_logo.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 80px;
	font-size: 15px;
	font-weight:bold;
}	
div#sellsteps {
	float:right;
	display:block;
	background:url(../images/tabbed_bg.png);
	padding: 10px 20px 20px 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
div#sellsteps span.disabled {
	color: gray;
}
div.imagesholder {
	height: 200px;
}	
.tablelist {
	width: 100%;
	padding-left: 5%;
	margin-top: 10px;
	min-height: 100px;
}	
.tablelist#listlevel1 li {
	display: block;
	float: left;
	height: 70px;
	width: 200px;
	list-style: none;
	background-image:url(images/small_logo.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 80px;
	font-size: 15px;
	margin-right: 50px;
	/* IE6 Hack */
	text-decoration: none;
}
.tablelist#listlevel2 li {
	display: block;
	float: left;
	height: 40px;
	width: 150px;
	list-style: none;
	background-image:url(images/tiny_logo.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 10px 50px;
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	line-height: 30px;
}
.tablelist a, .tablelist a:link, .tablelist a:visited {
	text-decoration: none;
	cursor: hand;
	color: black;
}	
.tablelist a:hover {
	color: red;
}
/* Non-IE7 only */
html>/**/body #aboutspacer {
	height: 200px;
}
div#signup_sell {
	position: absolute;
	right: 10px;
	height: 40px;
	width: 210px;
	font-size: 15px;
}	
#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 4;
}
div.floatimg {
	float: right;
	padding: 30px 20px 0px 20px;
}
div.imgfloat_left {
	float: left;
	padding: 0px 10px 0px 10px;
}
div#itembox {
	display: block;
	width: 550px;
	min-height: 130px;
	background: url(images/tabbed_bg.png);
	padding: 10px 0px 0px 0px;
	margin-top: 10px;
}
a.custombtn {
    background: transparent url(images/blankbtn_right.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 28px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 12px;
}
a.largebtnblue {
    background: transparent url(images/largebtn.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 45px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	color: black;
	text-shadow: black 1px 1px 5px;
	color: white;
	font-size: 14px;
}
a.largebtnblue span {
    background: transparent url(images/largebtn_left.png) no-repeat;
    display: block;
    line-height: 40px;
    padding: 1px 0px 4px 18px;
} 
*|html a.largebtnblue:active span {
    padding: 2px 0px 4px 18px; /* push text down 1px */
}	

/* Content slider button */
div#slider a.largebtnblue {
    background: transparent url(images/slider/button_right.png) no-repeat scroll top right;
}
div#slider a.largebtnblue span {
    background: transparent url(images/slider/button_left.png) no-repeat;
	font-weight: bold;
}

a.largebtngreen {
    background: transparent url(images/largebtn_green.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 45px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	color: black;
	text-shadow: black 1px 1px 5px;
	color: white;
	font-size: 14px;
}
a.largebtngreen span {
    background: transparent url(images/largebtn_green_left.png) no-repeat;
    display: block;
    line-height: 40px;
    padding: 1px 0px 4px 18px;
} 
*|html a.largebtngreen:active span {
    padding: 2px 0px 4px 18px; /* push text down 1px */
}	
a.greenbtn {
    background: transparent url(images/greenbtn.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 35px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	color: black;
	text-shadow: black 1px 1px 5px;
	color: white;
	font-size: 14px;
}
a.greenbtn span {
    background: transparent url(images/greenbtn_left.png) no-repeat;
    display: block;
    line-height: 30px;
    padding: 1px 0px 4px 18px;
} 
*|html a.greenbtn:active span {
    padding: 2px 0px 4px 18px; /* push text down 1px */
}	
div.myaccount_icon {
	border: 1px solid #DDDDDD;
	display: inline-block;
	float: left;
	padding: 10px;
	margin: 5px;
}
span#abnicon {
	border: 1px solid #DDDDDD;
	display: inline;
	float: left;
	padding: 10px 10px 10px 40px;
	margin: -2px 15px 5px 165px;
	background: url(images/document_small.png) no-repeat 5px 5px;
	height: 20px;
}
a.myaccount_icon, a.myaccount_icon:visited, a.myaccount_icon:active {
	text-decoration: none;
	color: black;
	cursor: hand;
}	
a.myaccount_icon:hover {
	color: red;
	text-decoration: none;
}	
div.myaccount_icon#icon1, div.myaccount_icon#icon2, div.myaccount_icon#icon3, div.myaccount_icon#icon4 {
	height: 60px;
	width: 175px;	
	padding: 40px 20px 10px 125px;
}	
div.myaccount_icon#icon1 {
	background: url(images/my_account/listed_resources.png) no-repeat 10px 0px;
}	
div.myaccount_icon#icon2 {
	background: url(images/my_account/check_sales.png) no-repeat 10px 0px;
}	
div.myaccount_icon#icon3 {
	background: url(images/my_account/add.png) no-repeat 10px 0px;
}	
div.myaccount_icon#icon4 {
	background: url(images/my_account/downloads.png) no-repeat 10px 0px;
}
div.myaccount_icon#icon5, div.myaccount_icon#icon6, div.myaccount_icon#icon7, div.myaccount_icon#icon8, div.myaccount_icon#icon9, div.myaccount_icon#icon11 {
	height: 30px;	
	width: 130px;
	padding: 30px 20px 10px 100px;	
}
div.myaccount_icon#icon10 {
	height: 30px;
	min-width: 150px;
	padding: 30px 20px 10px 80px;
	font-size: 12px;
}

/* Conditional IE CSS */
#IEroot div.myaccount_icon#icon5, #IEroot div.myaccount_icon#icon6, #IEroot div.myaccount_icon#icon7, #IEroot div.myaccount_icon#icon8 {
	height: 70px;	
	width: 250px;
	padding: 30px 20px 10px 100px;	
}
div.myaccount_icon#icon5 {
	background: url(images/my_account/cart.png) no-repeat 10px 0px;
}
div.myaccount_icon#icon6 {
	background: url(images/my_account/rating.png) no-repeat 10px 0px;
}
div.myaccount_icon#icon7 {
	background: url(images/my_account/account.png) no-repeat 10px 0px;
}	
div.myaccount_icon#icon8 {
	background: url(images/my_account/help.png) no-repeat 10px 0px;
}	
div.myaccount_icon#icon9 {
	background: url(images/my_account/tm_news.png) no-repeat 10px 0px;
}
div.myaccount_icon#icon10 {
	background: url(images/my_account/document.png) no-repeat 5px 0px;
}	
div.myaccount_icon#icon11 {
	background: url(images/my_account/how_to.png) no-repeat 10px 0px;
}
div.admin_icon {
	border: 1px solid #DDDDDD;
	display: inline-block;
	float: left;
	padding: 10px;
	margin: 5px;
	height: 30px;	
	width: 150px;
	padding: 30px 20px 10px 100px;		
}
a.admin_icon, a.admin_icon:visited, a.admin_icon:active {
	text-decoration: none;
	color: black;
	cursor: hand;
}	
a.admin_icon:hover {
	color: red;
	text-decoration: none;
}		
div.admin_icon#icon1 {
	background: url(images/my_account/search.png) no-repeat 10px 0px;
}	
div.admin_icon#icon2 {
	background: url(images/my_account/admin_users.png) no-repeat 10px 0px;
}	
div.admin_icon#icon3 {
	background: url(images/my_account/admin_resources.png) no-repeat 10px 0px;
}	
div.admin_icon#icon4 {
	background: url(images/my_account/admin_graph.png) no-repeat 10px 0px;
}	
div.admin_icon#icon5 {
	background: url(images/my_account/account.png) no-repeat 10px 0px;
}	
div.admin_icon#icon6 {
	background: url(images/my_account/admin_paypal.png) no-repeat 10px 0px;
}	
div.admin_icon#icon7 {
	background: url(images/my_account/tm_news.png) no-repeat 10px 0px;
}	
div.admin_icon#icon8 {
	background: url(images/my_account/admin_error.png) no-repeat 10px 0px;
}	
div.graph {
	padding: 10px;
}	
div.graph#chart1, div.graph#chart2 {
	display: inline-block;
	width: 250px;
	margin: 0px 0px 0px 30px;
}
div.TabbedPanelsContent div.graph {
	padding: 20px;
	display: inlin-block;
}	
div.graph#myaccount {
	float: right;
	padding: 3px 20px 10px 10px;
	line-height: 25px;
}	
table#graphdata1, table#graphdata2, table#graphdata {
	display: none;
}	
table#table_myaccount {
	line-height: 10px;
	font-size: 10px;
	padding: 0px;
}
table#table_myaccount tr th {
	height: 18px;
	min-width: 150px;
	padding-right: 20px;
	text-align: left;
}	
table#table_myaccount tr td {
	height: 15px;
	min-width: 100px;
	text-align: right;
}	
div#account_contentbar {
	background-image:url(images/tabbed_bg.png);
	background-repeat: repeat-x;
	padding: 5px 10px 15px 20px;
}
div#newAnnouncement {
	display: block;
	padding: 20px 10px 30px 100px;
	margin: 5px 0px 20px 0px;
	background: url(images/my_account/tm_news.png) no-repeat;
}
div#newAnnouncement p {
	font-size: 12px;
}	
a.custombtn span {
    background: transparent url(images/blankbtn_left.png) no-repeat;
    display: block;
    line-height: 22px;
    padding: 2px 0 4px 18px;
} 
a.custombtn:hover, a.custombtn:visited {
	text-decoration: none;
	color: black;
}	
a.custombtn:active {
    background: transparent url(images/blankbtn_right_over.png) no-repeat scroll top right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.custombtn:active span {
    background: transparent url(images/blankbtn_left_over.png) no-repeat;
    padding: 3px 0 3px 18px; /* push text down 1px */
}

/* Home page content scroller */
/* main vertical scroll */
div#slider div#main {
	position:relative;
	overflow:hidden;
	height: 190px;
	width: 350px;
}
div#slider {
	width: 630px;
	background: url(images/slider/slider_bg.png) no-repeat;		
	padding: 15px 0px 15px 15px;
	margin-top: 10px;
	position: relative;
	float: right;
}
/* root element for pages */
div#slider div#pages {
	position:absolute;
	height: 180px;
	width: 350px;
}
/* single page */
div#slider .page {
	height: 170px;
	padding: 5px 10px 10px 10px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}
div#slider .page p {
	margin: 13px 0px;
}
/* root element for horizontal scrollables */
div#slider .scrollable {
	position:relative;
	overflow:hidden;
	width: 510px;
	height: 450px;
}
/* root element for scrollable items */
div#slider .scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scrollable item */
div#slider .item {
	float:left;
	cursor:pointer;
	width:500px;
	height:450px;
	padding:10px;
}
/* main navigator */
div#slider #main_navi {
	float: right;
	padding: 10px 10px !important;
	margin: 0px !important;
}
div#slider #main_navi li {
	clear:both;
	color:#FFFFFF;
	font-size:14px;
	font-weight: bold;
	height:25px;
	list-style-type:none;
	padding: 10px;
	text-indent: 50px;
	width:220px;
	cursor:pointer;
}
div#slider #main_navi li:hover {
	background: url(images/slider/arrow_hover.png) no-repeat;
}
div#slider #main_navi li.active {
	background: url(images/slider/arrow.png) no-repeat;
}
div#slider #main div.navi {
	margin-left:250px;
	cursor:pointer;
}


/* Search Results */

div.searchresults {
	padding: 0px;
	font-size: 12px;
}
div.searchresults span.searchresults_admin {
	display: block;
	background: url(images/tabbed_bg.png) repeat-x;
	padding: 2px 2px 5px 2px;
}	
.searchresults div {
	display: block;
	width: 500px;
	min-height: 125px;
	background-image: url(images/search_bg.jpg);
	background-repeat: repeat-x;
	padding: 5px 0px 0px 190px;
	margin-bottom: 20px;
	line-height: 24px;
}	
div#cart_totals {
	min-height: 40px;
	line-height: 14px;
	background-image: none;
	padding: 0px 0px 0px 190px;
	margin-bottom: 40px;
}
div.imageholder {
	position: absolute;
	width: 180px;
	margin: 0px;
	min-height: 130px;
	text-align: center;
	padding: 0px;
	left: 200px;
}	
div.image_tile {
	float: left;
	margin: 10px;
	margin-bottom: 20px;
}	

/* Popup Box */
#backgroundPopup {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#loadingBox {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:20px;
	font-size:13px;
	text-align: center;
}
#popupContact {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	min-height:404px;
	width:508px;
	background:#FFFFFF;
	background-image:url(images/leftcolumn_bg.jpg);
	background-repeat: repeat-x;
	border:2px solid #cecece;
	z-index:2;
	padding:0px;
	font-size:13px;
}
#popupContact h2, #popupSubject h2 {
	padding: 10px 0px 0px 10px;
}	
#popupContactClose {
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
}
#popupSubject {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	min-height:364px;
	width:800px;
	background:#FFFFFF;
	background-image:url(images/leftcolumn_bg.jpg);
	background-repeat: repeat-x;
	border:2px solid #cecece;
	z-index:2;
	padding:0px;
	font-size:13px;
}	
div.announcements, div.small_list_div {
	padding: 0px;
	font-size: 12px;
}
div.announcements div {
	display: block;
	width: 600px;
	min-height: 125px;
	background-image: url(images/tabbed_bg.png);
	background-repeat: repeat-x;
	padding: 5px 0px 0px 10px;
	margin-bottom: 20px;
	line-height: 18px;
}	
div.small_list_div div.listitem {
	display: block;
	width: 500px;
	min-height: 125px;
	background-image: url(images/tabbed_bg.png);
	background-repeat: repeat-x;
	padding: 5px 0px 0px 10px;
	margin-bottom: 20px;
	line-height: 18px;
}	
div.addthis_toolbox a:link {
	text-decoration: none;
}
div#uploadsteps {
	display: inline;
	width: 300px;
}
div#uploadsteps li.selected {
	background: url(images/progressbar.jpg) repeat-x;
}
div#uploadsteps li {
	text-decoration: none;
	padding: 10px 30px 0px 0px;
	list-style: none;
	display: inline;
	height: 30px;
	background: url(images/progressbar_grey.jpg) repeat-x;
}
div#uploadsteps li.active {
	font-weight: bold;
}	

/* Forms Style */

input.formbutton {
	height: 30px;
	font-size: 14px;
	font-weight:bold;
	font-family: Tahoma, Arial;
}	
input.formtext {
	font-size: 14px;
	font-family: Tahoma, Arial;
	height: 20px;
}	
input.formtext_login {
	font-size: 14px;
	font-family: Tahoma, Arial;
	height: 25px;
}	
input.pricechange {
	display:inline;
	font-family: Tahoma;
	font-size: 12px;
}	
select.formtext {
	font-size: 14px;
	font-family: Tahoma, Arial;
}
textarea.formtext {
	font-size: 14px;
	font-family: Tahoma, Arial;
}
div.entryform {
	display: block;
	width: 600px;
	margin-left: 50px;
	padding: 10px;
	background-image:url(images/search_bg.jpg);
	background-repeat: repeat-x;
}
form.entryform div#abnEntry {
	display: none;
}
form.entryform div#abnForm {
	display: none;
}

form.entryform input {
	font-size: 14px;
	font-family: Tahoma, Arial;
	height: 20px;
}	
form.entryform input.button {
	height: 30px;
	font-size: 14px;
	font-weight:bold;
	font-family: Tahoma, Arial;
}	
form.entryform input#paypal {
	height: inherit;
	width: inherit;
}
form.entryform div#enterOtherReferral {
	display: none;
}
form.entryform select {
	font-size: 14px;
	font-family: Tahoma, Arial;
}
form.entryform select.subjects {
	width: 250px;
}
form.entryform textarea {
	font-size: 14px;
	font-family: Tahoma, Arial;
}
form.entryform div.smalltext {
	display: inline-block;
	padding-left: 170px;
	padding-top: 0px;
	margin-top: 0px;
}
form.entryform label {
	display: inline-block;
	text-align: right;
	height: 30px;
	width: 150px;
	vertical-align: top;
	padding-right: 10px;
}
form.entryform label.radio {
	display: inline;
	text-align: left;
}
form.entryform div.detailstext {
	padding-left: 165px;
	display: block;
}
form.entryform#uploadform label {
	display: inline-block;
	text-align: right;
	height: 30px;
	width: 180px;
	vertical-align: top;
	padding-right: 10px;
	font-weight: bold;
}	
form.entryform#uploadform div.smalltext {
	display: inline-block;
	padding-left: 200px;
	padding-top: 0px;
	margin-top: 0px;
}
form.entryform table.textareatable {
	padding-bottom: 10px;
}	
form.entryform table.textareatable tr th {
	width: 180px;
	padding-right: 10px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	font-size: 14px;
}
form.entryform table.textareatable#editresource tr th {
	width: 160px;
}
form.entryform#signupform2 label {
	width: 200px !important;
}	
form.entryform#signupform2 div.smalltext {
	display: inline-block;
	padding-left: 220px !important;
}	
form.entryform div#username_available {
	padding-left: 220px;
	font-size: 11px;
	font-weight: bold;
}
form.entryform div#username_unavailable {
	padding-left: 220px;
	font-size: 11px;
	font-weight: bold;
}		
form.entryform div#emailValid {
	display: inline-block;
}	
form#quicksearchform {
	padding: 0px;
	margin: 0px;
}	

