/* generic stylesheet */
body {
	background-color : #fff;
	margin : 0;
	padding : 0px;
	font-size : x-small;
	color : #000;
	font-size:11px;
}

body, select, input {
	font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; 
}

h1 {
	font-size : 2.5em;
	padding:0px;
	margin-top:0px;
	margin-bottom: 0em;
}

h2 {
	font-family : serif;
}

h1,h2,h3,h4,h5,h6 {
	padding-bottom:0px;
	margin-bottom:0px;
}

p em {
	font-family : serif;
	font-size : 1.4em;
	color : #999;
	font-style : normal;
	font-weight : bold;
}
#listinghead p em {
	color:#fff;
	font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	font-size:.9em;
}
p em strong {
	color : #333;
}

a {
	color:inherit;
}

ul, ol {
	padding-left:0px;
	margin-left:1em;
}

#page {
	width : 1000px;
	padding : 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin : 1em auto;
	margin-top: 0px;
	position : relative;
}

#co-oplogo {
	position : absolute;/* position within #page */
	top : 0;
	right : 2em;
}

#nav .secondary {
	clear : both;/* macie requires */
}
#nav .primary ul {
	background-color : #333;
}

#nav .primary ul, #nav .secondary ul {
	display : block;
	list-style-type : none;
	margin : 0;
	padding : 0px;
	width : 100%;
	border-bottom : 3px solid #fff;
}
#nav .primary ul li {
	width : 16%;
	background-color : #333;
	color : #fff;
	display : block;
}

#nav .primary ul li a {
	color:#ffffff;
	text-decoration : none;
	font-size : 0.9em;
}

#nav .secondary ul li {
	width : 16%;
	background-color : #ccc;
	color : #333;
	display : block;
}

#nav .secondary ul li a {
	color:#333;
	text-decoration:none;
	font-size : 0.9em;
}

#nav .primary ul li, #nav .secondary ul li  {
	font-weight : bold;
	letter-spacing : 110%;
	font-size : 120%;
	display : block;
	float : left;
	text-align : center;
	border-right : 2px solid #fff;
	margin : 0px;
	padding : 0.5em 0em;
	white-space : nowrap;
	overflow : hidden;
}

/* a style for all browsers */
#nav ul li.last { width : auto;border-right : none;}
/* macie5 comment hack - all browsers apart from MacIE see the following rule \*/
#nav ul li.last { float:none;}
/* end hack */

#nav .primary ul li.first {
	background-image : url("http://studentvip.com.au/img/topleft.png");
	background-position : top left;
	background-repeat : no-repeat;
}
#nav .primary ul li.last {
	background-image : url("http://studentvip.com.au/img/topright.png");
	background-position : top right;
	background-repeat : no-repeat;
}

.gradientgreytop {
	background-image: url("http://studentvip.com.au/img/stuVIP_gradients_greytop_1x29pixels.gif");
	background-repeat: repeat-x;
	height: 29px;
}

.gradientgreytop a, .gradientgreybottom a {
	display: block;
	height: 100%;
}

.gradientgreybottom {
	background-image: url("http://studentvip.com.au/img/stuVIP_gradients_greybottom_1x29pixels.gif");
	background-repeat: repeat-x;
	height: 29px;
}

.verticaldivider {
	background-image: url("http://studentvip.com.au/img/stuVIP_divider_vertical_2x1pixels.gif");
	background-repeat: repeat-y;
	width: 2px;
}

.horizontaldivider {
	background-image: url("http://studentvip.com.au/img/stuVIP_divider_horizontal_1x2pixels.gif");
	background-repeat: repeat-x;
	height: 2px;
}

.tbx {
	background-image: url('http://studentvip.com.au/img/tbx/stuVIP_gradients_textbookexchange_1x29pixels.gif');
	background-repeat: repeat-x;
}

.dd {
	background-image: url('http://studentvip.com.au/img/dd/stuVIP_gradients_discount_1x29pixels.gif');
	background-repeat: repeat-x;
}

.alerts {
	background-image: url('http://studentvip.com.au/img/studentvip/stuVIP_gradients_home_1x29pixels.gif');
	background-repeat: repeat-x;
}

.grants {
	background-image: url('http://studentvip.com.au/img/grants/stuVIP_gradients_grants_1x29pixels.gif');
	background-repeat: repeat-x;
}

.smags {
	background-image: url('http://studentvip.com.au/img/smags/stuVIP_gradients_magazines_1x29pixels.gif');
	background-repeat: repeat-x;
}

.edusoft {
	background-image: url('http://studentvip.com.au/img/edusoft/stuVIP_gradients_software_1x29pixels.gif');
	background-repeat: repeat-x;
}

.apple {
	background-image: url('http://studentvip.com.au/img/apple/stuVIP_gradients_apple_1x29pixels.gif');
	background-repeat: repeat-x;
}

.travelmoney {
	background-image: url('http://studentvip.com.au/img/travel/stuVIP_gradients_travel_1x29pixels.gif');
	background-repeat: repeat-x;
}

.sfmates {
	background-image: url('http://studentvip.com.au/img/sfmates/stuVIP_gradients_sfmates_1x29pixels.gif');
	background-repeat: repeat-x;
}

#mainnavi table, #mainnavi tr, #mainnavi td {
	padding: 0px;
	margin: 0px;
}

#mainnavi .tbx a, #mainnavi .dd a, #mainnavi .alerts a, #mainnavi .grants a, #mainnavi .smags a, #mainnavi .apple a, #mainnavi .travelmoney a, #mainnavi .sfmates a {
	color: #ffffff;
}

#mainnavi .edusoft a {
	color: #242424;
}

#subnavi a:hover {
	text-decoration: underline;
}

#subnavi .selected a {
	text-decoration: underline;
}

.subnavidelimiter {
	color: #ffffff;
}
/** end nav styles **/



#content {
	font-size: 1.1em;
}

#content .status {
	width: 1000px;
	padding-top: 3px;
	height: 39px;
}

#content .login a {
	color: #fe6a02;
	text-decoration: none;
	margin: 0px 20px 0px 20px;
	font-size: 10px;
}

#subnavi .membership {
	float: right;
	padding-top: 3px;
	padding-right: 20px;
}

#content .login .textbox {
	padding: 0;
	margin: 0;
	margin-right: 3px;
	padding-left: 5px;
	padding-bottom: 1px;
	font-family: 'verdana';
	float: right;
	font-size: 11px;
}

.userdetails {
	padding:0px;
	cursor:pointer;
	padding-bottom : 1em;
	color : #333;
	height: 20px;
	font-size: 11px;
}

/*#content .status {
	padding : 0em;
	position : relative;
	text-align : right;
	margin-bottom : 1em;
}

#content .status .membership {
	position : absolute;
	left : 0;
	padding : 0;
	padding-bottom : 1em;
	color : #666;
}

#content .status .login {
	position:relative;
}

#content .status .login .trouble {
	position:absolute;
	left:0;
	color:#ff0000;
}

#content .status .login .trouble a {
	color:#ff0000;
}

#content .status .userdetails {
	padding : 0;
	padding-bottom : 1em;
	color : #333;
}

#content .status .userdetails input {
	padding:0px;
	cursor:pointer;
}*/

#content .primary {
	float : right;
	width : 100%;
}

#content .intra {
	width : 150px;
	float : left;
}

#content .links {
	background-color : #fff;
}

#content .links .inner {
/* 	-moz-outline : 1px dotted blue; */
	background-color : #e9e9e9;
	padding-bottom : 1em;
	margin-bottom : 1em;
}

#content .links .inner ul {
	list-style-type : none;
	padding : 1em 0px 0px 0px;
	margin : 0;
}

#content .links .inner li {
	margin : 0 0 0 1em;
	padding : 0.5em;
	font-size : 0.9em;
}

#content .links .inner li.selected {
	background:#ffffff url("http://studentvip.com.au/img/left-nav-sel.png") no-repeat 0% 50%;
}

#content .links .inner li a {
	text-decoration : none;
	font-weight : bold;
	font-size : 1.1em;
}

#content .multi {
	margin : 0px;
	margin-right : 300px;
	border-right : 2px dashed #ccc;
	width:685px;
	padding : 0em;
	position:relative;
}

#content #content-box {
	margin-top: 10px;
	margin-bottom: 10px;
	width:670px;
	position:relative;
}

#homepagesegment table, #homepagesegment tr, #homepagesegment td, #homepagesegment img, #homepagesegment h1, #homepagesegment h2, #homepagesegment h3{
	border: none;
	margin:0;
	padding:0;
	vertical-align:top;
	border: 0;
}

#content .misc {
	width : 300px;
	overflow:hidden;
	padding-top:10px;
	float : right;
}

#content .misc h2 {
	font-size : 1.5em;
}

#content .misc ol {
	padding : 0em;
	margin : 0;
	list-style-position : inside;
}

#content .misc ol li {
	margin : 0 0 1em 0;
	padding : 0em;
}

/*#footer {
	padding : 1em 0em 0em 0em;
	text-align : center;
}

#footer .logo {
	background-color : #ccc;
	background-image : url("/img/footer-bottomleft.gif");
	background-position : bottom left;
	background-repeat : no-repeat;
}

#footer .logo .curve {
	height : 13px;
	background-image : url("/img/footer-bottomright.gif");
	background-position : bottom right;
	background-repeat : no-repeat;
}
*/

.footer {
	margin-top: 2em;
	font-size: 10px;
	font-family: 'verdana';
	width: 1000px;
	clear: both;
	background-image : url("http://studentvip.com.au/img/stuVIP_gradients_footer_1x30pixels.gif");
	background-position : bottom left;
	background-repeat : repeat-x;
	height: 30px;
}

.footer .copyright {
	color: #797979;
	float: left; 
	text-align: left;
	margin-left: 15px;
	margin-top: 10px;
}

.footer .links {
	color: #5a5a5a;
	float: right;
	text-align: right;
	margin-top: 10px;
}

.footer .links a {
	text-decoration: none;
	margin-right: 15px;
	color: #5a5a5a;
}

.footer .links a:hover {
	text-decoration: underline;
}

#partners {
	text-align: right;
	border-bottom: 1px solid #FE6A02;
	color: #FE6A02;
	font-size: 14px;
	font-family: 'arial';
	margin-bottom: 10px;
	width: 1000px;
}

.partner, .partner span {
	font-family: 'arial';
	font-size: 12px;
	text-align: right;
	margin-left: 15px;
	height: 60px;
}

.partner a, img {
	border: 0;
	text-decoration: none;	
}

/* controls */
.pseudologout {
	border : 1px solid #666;
	background-color : #fff;
	color : #333;
	padding : 0em 0.3em;
	text-decoration : none;
}

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

form input, form table#my-account input.editing {
	color : #333;
}

form button {
	background-color : #963;
}

form input.generic {
	background-color : #393;
}

form button, form input.generic {
	padding : 0 0 0 3em;
	color : #fff;
	font-weight : bold;
	border : 1px solid #666;
	font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size : 0.9em;
}

form button.prev {
	padding : 0 3em 0 0;
}

form input.main-login {
	color : #fff;
	border: 0;
	float: right;
	height: 20px;
	margin-top: -2px;
	padding: 0px;
	
}

form dd {
	margin : 0 0 1em 0;
	padding : 0px;
}

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

fieldset {
	border : none;
	margin : 0;
	padding : 0px;
}

/* end controls */


.inner h3 {
	margin : 0;
	padding : 0.5em 1em;
	font-size:1.1em;
}

.inner h3.feature {
	color:#fff;
	background-position : top left;
	background-repeat : no-repeat;
}

.inner h3 a {
	color:#ffffff;
	text-decoration:none;
}	

#content .curvobox h3 {
	margin : 0;
	padding : 0px;
	font-family : serif;
}

#content .curvobox, #content .curvobox-nobg {
	margin : 0 1em 1em 0;
}

#content .curvobox {
	background-color : #ededed;
}

#content .curvobox-nobg {
	padding:0px;
}

#content .curvobox .top {
/*	background-image : url("/img/curvoboxbg-topright.gif");
	background-repeat : no-repeat;
	background-position : top right;*/
	height : 8px;
}

#content .curvobox .top .left {
/*	background-image : url("/img/curvoboxbg-topleft.gif");
	background-repeat : no-repeat;
	background-position : top left;*/
	height : 8px;
	width : 8px;
}

#content .curvobox .middle {
	padding : 0px 8px;
}

#content .curvobox .middle img {
	float : left;
}

#content .curvobox .bottom {
/*	background-image : url("/img/curvoboxbg-bottomright.gif");
	background-repeat : no-repeat;
	background-position : bottom right;*/
	height : 8px;
	clear : both;
}

#content .curvobox .bottom .left {
/*	background-image : url("/img/curvoboxbg-bottomleft.gif");
	background-repeat : no-repeat;
	background-position : bottom left;*/
	height : 8px;
	width : 8px;
}


.alertbox {
	border : 1px solid #ccc;
	padding : 1em;
	margin-top : 1em;
}

.errors {
	color : #f00 !important;
	text-align : left;
}

.whybubble {
	float : right;
	width : 45%;
	border : 1px solid #333;
	background-color : #ffffe0;
	padding : 1em;
	cursor : help;
}

.whybubble p {
	margin : 0;
	padding : 0px;
	line-height : 130%;
}

.featuretext {
	float : right;
	width : 13em;
	text-align : center;
}

.featuretext p strong {
	font-size : 2em;
	color : #999;
	font-family :serif;
}

/* Join form */
h3.header {
	background-image: url(http://studentvip.com.au/img/header.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	font-weight: normal;

}

h3.header span {
	vertical-align: top;
	padding-left: 10px;
	display: inline-block;
	line-height: 53px;
}

.join {
	background-color: #F2F2F2;
	border: 1px solid #D2D2D2;
	border-top: none;
	margin-right: 10px;
	padding: 10px;
	_margin-top: -6px;
}

.join td {
	padding-bottom: 4px;
}

.join h4 {
	font-size:1em;
	font-weight:normal;
	margin:0px;
	text-align:left;
}

.join div {
	width: 80%;
}

.join th {
	text-align: left;
	font-weight: normal;
	color: #434343;
}

.join .whybubble {
	position: absolute;
	float: none;
	width: 200px;
	margin-left: 10px;
}

.join em {
	color: #FD7312;
	margin-left: 10px;
	text-decoration: underline;
}

.button, .button2 {
	width:120px;
	padding:1px;
	text-align:right;
	color:#ffffff;
	font-weight:bold;
	font-size:1.1em;
}

.button {
	background-color:#38d800;
}

.textbox-error {
	background-color:#ec5757;
	color:#fff !important;
}

hr.dash {
	border : none;
	border-bottom : 2px dashed #ccc;
}

hr.invisible {
	clear : both;
	visibility : hidden;
	height : 0;
	margin : 0;
	padding : 0px;
	font-size : 0;
	line-height : 0;
	border : none;
}

.clear {
	clear:both;
}



/* colour pallet */
#pallet {
	width:auto;
	position:relative;
}

#pallet #positioner, #pallet div.swatch {
	width:1px;
	height:20px;
}

#pallet #positioner {
	position:absolute;
	background-color:black;
	left:0px;
	top:0px;
	z-index:3;
}

#pallet div.swatch {
	float:left;
	z-index:2;
}

table.product {
	width:auto;
}

table.product td {
	padding:5px;
	vertical-align:top;
	width:100%;
}

table.product td.product-sides {
	text-align:center;
	width:25%;
}

table.product td.product-sides table td {
	white-space:nowrap;
	text-align:left;
	padding:1px;
	font-weight:bold;
}

table.product td.product-red {
	color:#d80000;
}

table.product td img {
	margin:5px;
}

table.product td a {
	color:black;
}

/* Contact seller popup */
#contact-popup {
	width:435px;
	margin:0px auto;
	padding:5px;
}

#contact-popup .popup-tab, #contact-popup .popup-tab-sel {
	display:inline;
	font-size:1.2em;
	font-weight:bold;
	padding:2px 5px;
	border-bottom:none;
}

#contact-popup .popup-tab {
	color:#ffffff;
}

#contact-popup .popup-tab a {
	text-decoration:none;
	color:#ffffff;
}

#contact-popup .popup-tab-sel {
	background-color:#ffffff;
}

#contact-popup .popup-tab-sel a {
	text-decoration:none;
}

#contact-popup #popup-content-container {
	margin-top:2px;
	padding:5px;
	width:auto;
}

#contact-popup .popup-content {
	display:none;
}

#contact-popup .popup-content table td, #contact-popup .popup-content table th {
	text-align:left;
	vertical-align:top;
	padding:3px;
}

#contact-popup .popup-content table td {
	white-space:nowrap;
}

#contact-popup .popup-content textarea {
	border:1px solid #999999;
}

#contact-popup .popup-content textarea, #contact-popup .popup-content input {
	width:99%;
}

#contact-popup #disclaimer {
	padding:5px;
}

#nabcomp a {
	color: #FFFFFF;
}
