/* -------------------------------------------------------------- 

Screen styles
Academicdresshire.co.nz

* Base Screen and template styles
* Version:   1.0
* Author:	Daniel Eberhardt -

-------------------------------------------------------------- */

@import "lib/grid.css";

@import "lib/text.css";

@import "forms.css";

@import "lib/tabs.css";

/*@import "../plugins/sifr/sifr.css";*/

/*Colours*/

/* Site
-------------------------------------------------------------- */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix {display:block;width:100%;}
* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
}

/*NOTE: SEARCH FOR _BLAH FOR IE STYLES.*/

html{
				background: rgb(53, 7, 79);
				height: 100%;
				margin-bottom: 0;
				line-height: 0;
				}

body{
				background: rgb(238, 236, 225);
				color: #000;
				padding: 0;
				margin: 0;
				}

/* @group Layout */

#page{
				position: relative;
				padding-bottom: 4em;
				padding-top: 3em;
				margin-bottom: 4em;
				}

/*.container_12{

				background: url('_img/12_col.gif');

				}*/

.section,
hr{
				clear: both;
				margin-bottom: 2em;
				margin-top: 2em;
				border-bottom: 1px solid rgb(167, 161, 172);
				}

.section{
				padding-top: 2em;
				padding-bottom: 1.917em;
				}

#secondaryContent .section{
				padding-top: 0;
				}

div.section.highlight{
				background: rgb(233, 231, 217);
				padding: 2em 0 0;
				margin-top: 0;
				}

div.highlight{
				background: rgb(233, 231, 217);
				padding: 2em;
				margin-top: 0;
				margin-bottom: 2em;
				}

#bodyContent{
				margin-top: 5em;
				padding-top: 1px;
				}

.default #bodyContent{
				margin-top: 5em;
				background: url(_img/bg-body-content-seperator.png) repeat-y 690px 0;
				}

.institution #bodyContent{
				margin-top: 3em;
				background: url(_img/bg-body-content-seperator.png) repeat-y 690px 0;
				}

#mainContent{
				float: left;
				width: 620px;
				margin: 0 80px 0 10px;
				padding-top: 0;
				}

.default-wide #mainContent,
.eCommerce #mainContent{
				width: 940px;
				margin: 0 10px;
				}

.default-wide #secondaryContent{
				width: 940px;
				margin: 4em 10px;
				}

#bodyContent p,
#bodyContent li{
				padding-right: 20px;
				color: rgb(89, 86, 80);
				}

#bodyContent #mainContent ul li{
				margin-left: 6px;
				padding-left: 24px;
				background: url(_img/bullet-arrow.png) no-repeat 0 0.75em;
				}

#secondaryContent{
				float: left;
				width: 220px;
				margin: 0 10px;
				padding-top: 0;
				}

.whatToWear #bodyContent{
				display: none;
				}

.whatToWear #mainContent{
				width: 540px;
				padding-right: 80px;
				margin-right: 10px;
				}

.whatToWear #secondaryContent{
				width: 300px;
				padding-top: 0;
				}

/* @end */

/* @group Base typography */

#page h1,
#mainContent h1{
				margin: 0 auto .8em auto;
				padding: 0 10px 0.1666em;
				width: 920px;
				border-bottom: 1px solid rgb(167, 161, 172);
				}

#mainContent h1,
.default-wide #mainContent .section h1,
.eCommerce #mainContent .section h1{
				margin-top: -1.667em;
				}

.default-wide #mainContent h1,
.eCommerce #mainContent h1{
				margin-top: 0;
				}

.content p{
				color: rgb(89, 86, 80);
				}
p.intro-text
{
				font-size: 14px;
				line-height: 1.714em;
				}
p strong{
				color: rgb(0, 0, 0);
				}

blockquote, q{
				quotes: "" "";
				}

blockquote{
				margin: 2em 60px;
				font: italic 14px/1.714 "Times New Roman", Times, serif;
				}

blockquote p{
				padding: 0 20px 2em;
				letter-spacing: 0.075em;
				}

blockquote:before, blockquote:after, q:before, q:after{
				content: "";
				}

#secondaryContent h2{
				font-size: 14px;
				font-weight: bold;
				line-height: 1.287em;
				margin-bottom: .428em;
				border-bottom: 0;
				}

#secondaryContent p{
				font-size: 12px;
				line-height: 1.5em;
				margin-bottom: 1.5em;
				border-bottom: 0;
				color: rgb(100, 100, 100);
				}

/* @end */

/* @group Hmenu */

ul.hmenu,
.hmenu ul{
				margin: 0;
				padding: 0;
				}

.hmenu li{
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
				}

.hmenu li a{
				float: left;
				display: block;
				}

/* Clearing floats without extra markup  */

ul.hmenu:after,
.hmenu ul:after{
				clear: both;
				content: '.';
				display: block;
				visibility: hidden;
				height: 0;
				}

ul.hmenu,
.hmenu ul{
				display: inline-block;
				}

* html ul.hmenu,
* html .hmenu ul{
				height: 1%;
				}

ul.hmenu, .hmenu ul{
				display: block;
				}

/* @end */

/* @group Header Area */

#header{
				border-top: 3em solid rgb(101, 63, 119);
				background: rgb(35, 8, 51) url(_img/bg-header-fabric.jpg) repeat-x;
				}

#branding{
				position: relative;
				}

.brand{
				margin: 0 10px 0 0;
				float: left;
				}

.brand img{
				display: block;
				margin: 6px 0;
				}

.brand span{
				display: none;
				}

p.tagline{
				margin: 5em 10px 0 30px;
				float: right;
				color: rgba(255, 255, 255, .75);
				font: italic normal 15px/1.2em times;
				letter-spacing: 0.09em;
				}

#tomorrowsLeaders{
				position: absolute;
				left: 0;
				top: 114px;
				margin: 0;
				font-size: 10px;
				text-transform: capitalize;
				}

#header #charity-message{
				position: absolute;
				left: 0;
				top: -3em;
				padding: .5em 20px .5em 32px;
				margin: 0;
				background: url(_img/logo-kate-edger-sm-trans.png) no-repeat 0 50%;
				color: rgb(255, 255, 255);
				font-family: Times;
				font-weight: bold;
				letter-spacing: 0.09em;
				}

/* @group Navigation */

#navigation{
				background: rgb(62, 26, 79);
				border-bottom: 1px solid rgb(30, 2, 43);
				}

#navigation .primary-nav div{
				float: left;
				margin: 0 10px -1em;
				}

#navigation .primary-nav div ul ul{
				display: none;
				}

.primary-nav li a{
				float: left;
				padding: 0.5em 20px .5em;
				border: 1px solid rgba(255, 255, 255, .1);
				border-width: 0 1px 0 0;
				font-size: 11px;
				font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
				font-weight: normal;
				text-transform: uppercase;
				text-decoration: none;
				line-height: 2em;
				}

.primary-nav li a:link,
.primary-nav li a:visited{
				color: rgb(255, 255, 255);
				}

.primary-nav li:first-child a{
				border-left: 1px solid rgba(255, 255, 255, .1);
				}

.primary-nav li{
				padding-bottom: 1em;
				}

.primary-nav li.selected{
				background: url(_img/nav-pointer.png) no-repeat 50% 98%;
				}

#navigation li.selected a{
				color: rgb(250, 172, 31);
				}

.primary-nav li a:hover{
				color: rgb(250, 172, 31);
				}

#navigation .secondary-nav div{
				float: right;
				margin: .4em 10px 0;
				}

.secondary-nav li{
				float: left;
				}

.secondary-nav li a:link,
.secondary-nav li a:visited,
.utl-nav li a:link,
.utl-nav li a:visited{
				float: left;
				margin: 0 0 0 4px;
				padding: 0 10px 0;
				font-size: 11px;
				line-height: 2.18em;
				color: rgba(255, 255, 255, .4);
				text-decoration: none;
				}

.secondary-nav li a:hover,
.utl-nav li a:hover{
				color: white;
				}

.secondary-nav li:after,
.utl-nav li:after{
				content: "|";
				line-height: 2em;
				color: rgba(255, 255, 255, .4);
				}

.secondary-nav li:last-child:after,
.utl-nav li:last-child:after{
				content: "";
				}

.secondary-nav li.selected a,
.utl-nav li.selected a{
				color: rgb(250, 172, 31);
				}

.utl-nav{
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				}

.utl-nav div{
				width: 960px;
				margin: 0 auto;
				}

.utl-nav div ul{
				float: right;
				padding-top: .5em;
				}

.sub-menu{
				margin-bottom: 2em;
				padding-bottom: 2em;
				}

.sub-menu ul{
				margin-top: 1em;
				}

.sub-menu li{
				padding-left: 0;
				margin-left: 0;
				margin-bottom: 1em;
				}

#secondaryContent .sub-menu li{
				padding-left: 0;
				margin-bottom: 1em;
				border-bottom: 1px dotted rgb(167, 161, 172);
				}

.sub-menu li a{
				display: block;
				margin-bottom: 0.545em;
				padding: 0 5px;
				font-weight: normal;
				font-size: 11px;
				line-height: 1.636;
				text-decoration: none;
				}

.sub-menu li a:hover{
				text-decoration: underline;
				}

/* @end */

/* @end */

#tabs
{
				background: rgb(227, 223, 215);
				}
#tabs .ui-tabs-nav{
				border-bottom: 1px solid rgb(196, 193, 186);
				background: rgb(213, 208, 197);
				}

#tabs .ui-tabs-nav:after{
				clear: both;
				content: " ";
				display: block;
				height: 0;
				overflow: hidden;
				visibility: hidden;
				}

#tabs div{
				padding: 1.5em;
				}

#tabs .ui-tabs-nav li
{
				border: 0 !important;
				margin: 0;
				float: left;
				position: relative;
				}
#tabs .ui-tabs-nav li a{
				background: rgb(211, 208 199);
				border: 1px solid rgb(196, 193, 186);
				margin: 0 0 -1px 1px;
				position: relative;
				}

#tabs .ui-tabs-nav li.ui-state-active a{
				border-color: rgb(188, 186, 186);
				border-bottom:1px solid rgb(227, 223, 215) !important;
				background: rgb(227, 223, 215);
				z-index: 2;
				}
#tabs div
{
				padding-bottom: 2em;
				}
#tabs div h3
{
				margin-bottom: 1.5em;
				}
/* @group Content */

.highlight .literature-container{
				margin-bottom: 0;
				}
#boutiqueCharityMessage
{
				float: right;
				width: 50%;
				background: rgb(213, 208, 197);
				padding: 1em;
				margin-right: -40px;
				margin-left: 1em;
				margin-top: -2.5em;
				margin-bottom: 0;
				}

#boutiqueCharityMessage h2
{
				margin-bottom: 1em;
				border-bottom: 1px dotted rgb(198, 198, 198);
				font-size: 14px;
				line-height: 1.714;
				}

#boutiqueCharityMessage p
{
				font-size: 11px;
				line-height: 1.636em;
				margin-bottom: 1em;
				letter-spacing: 0.025em;
				}
				
#downloadBox h2{
				margin-bottom: 1em;
				border-bottom: 1px dotted rgb(198, 198, 198);
				font-size: 14px;
				line-height: 1.714;
				}

#mainContent span.icon img{
				background: none;
				border: 0;
				padding: 0;
				float: left;
				margin-right: 5px;
				margin-top: 0.25em;
				box-shadow: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				}

#mainContent img{
				float: left;
				border: 5px solid rgb(255, 255, 255);
				margin-right: 20px;
				margin-bottom: 1em;
				margin-top: 0.5em;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
				-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
				-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
				}

.banner{
				min-height: 244px;
				width: 940px;
				margin: -1em auto -2em auto;
				padding: 0;
				border-bottom: 0;
				overflow: hidden;
				}

.home .banner{
				background: url('_img/banner-homepage.jpg') no-repeat 0 0;
				padding-bottom: 1.917em;
				margin-bottom: 0;
				margin-top: 0;
				border-bottom: 1px solid rgb(167, 161, 172);
				overflow: visible;
				}

/* My Comment */

.whatToWear .banner{
				background: url('_img/banner-what-to-wear.jpg') no-repeat 0 0;
				}

.whatToWear .banner p{
				float: right;
				width: 350px;
				margin: 0 10px;
				padding: 1.333em 20px 0 10px;
				font: italic 27px/1.333 Times, "Times New Roman", Georgia, serif;
				color: rgb(255, 255, 255) !important;
				text-shadow: rgba(0, 0, 0, .5) 1px 1px 1px;
				}

.instituteDump{
				position: relative;
				margin: 1em 0 2em;
				padding: 1.917em 2em 6em;
				border: 1px dotted rgb(180, 180, 180);
				border-width: 1px 0;
				background: rgb(233, 231, 217);
				}

.instituteDump .gradMeta{
				position: absolute;
				bottom: 0;
				right: 0;
				left: 0;
				padding: 1em 2em;
				background: rgb(227, 227, 210);
				}

.instituteDump .display_0{
				display: none;
				}

.instituteDump .display_1{
				display: block;
				}

.instituteDump .note p{
				margin-bottom: 0;
				}

.instituteDump h3{
				margin-bottom: 0;
				}

.instituteDump .graduation{
				
				}

.instituteDump .qualificationItemDump{
				overflow: hidden;
				margin-bottom: 0;
				}

.instituteDump .qualificationItemDump{
				margin-bottom: 1em;
				}

.instituteDump .qualificationItemDump li{
				margin: 0 2em 1em 0;
				float: left;
				}

.qoRegaliaSummary{
				position: relative;
				overflow: hidden;
				zoom: 1;
				padding: 2em 20px 2em;
				background: rgb(233, 231, 217);
				}

.qoRegaliaSummary h2{
				margin-bottom: 0;
				}

#quickOrderNote{
				width: 300px;
				}
#timetable-calendar
{
				margin-bottom: 2em;
				padding-bottom: 2em;
				border-bottom: 1px solid rgb(167, 161, 172);
				}
/* @group Homepage Feature Box */

.featureBox{
				background: url('_img/bg-feature-grey-noise.jpg') repeat 0 0;
				}

#orderNow{
				position: relative;
				float: right;
				width: 320px;
				margin: -1em 20px 0 0;
				/*border-radius:

1px;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;*/
				
				box-shadow: 0 0 6px rgb(0, 0, 0);
				-webkit-box-shadow: 0 0 6px rgb(0, 0, 0);
				-moz-box-shadow: 0 0 6px rgb(0, 0, 0);
				}

#orderNow div{
				background: url('_img/student-trans.png') no-repeat 110% 120%;
				padding: 20px 20px 70px;
				overflow: hidden;
				}

#orderNow h2{
				margin-top: 0.571em;
				color: rgba(223, 211, 219, .75);
				font-weight: 100;
				}

#orderNow p{
				text-align: left;
				color: rgba(255, 255, 255, .75);
				font-weight: normal;
				}

#orderNow p em{
				display: block;
				position: absolute;
				bottom: 0;
				right: 0;
				left: 0;
				padding: 12px 20px;
				background: rgba(0, 0, 0, .2);
				text-transform: uppercase;
				}

#orderNow em a{
				margin-left: 5px;
				color: rgb(138, 192, 18);
				text-transform: none;
				text-decoration: none;
				}

#orderNow em a:hover{
				text-decoration: underline;
				}

a.btn,
a#catshopbuy,
input.productSubmitInput{
				display: block;
				float: left;
				cursor: pointer;
				padding: 4px 16px;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border: 1px solid rgba(255, 255, 255, .075);
				box-shadow: 0 0 1px rgb(0, 0, 0);
				-webkit-box-shadow: 0 0 1px rgb(0, 0, 0);
				-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .25);
				background: rgb(87, 169, 21) url(_img/btn-grad-green.png) repeat-x;
				color: rgba(255, 255, 255, .8);
				text-transform: uppercase;
				text-decoration: none;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
				font-size: 11px;
				line-height: 1.636em;
				}

a#catshopbuy{
				float: right;
				margin-right: 0;
				margin-left: 0;
				white-space: nowrap;
				}

#orderNow .btn{
				margin-top: 4.36em;
				margin-bottom: 2.18em;
				}

/* @end */

/* @group What to wear */

#whatToWear,
#letUsShowYou{
				float: left;
				width: 460px;
				margin: 0 10px;
				}

#whatToWear{
				padding-right: 160px;
				width: 300px;
				background: url(_img/arrow-right-large-trans.png) no-repeat 90% 50%;
				}

#whatToWear h2{
				font-size: 21px;
				line-height: 1.413;
				margin-bottom: 0;
				}

.whatToWear #letUsShowYou{
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 0 20px;
				width: 420px;
				background: url('_img/bg-feature-grey-noise.jpg') repeat 0 0;
				}

#letUsShowYou h3{
				padding-bottom: .667em;
				margin-bottom: .611em;
				border-bottom: 1px solid rgb(218, 213, 191);
				font: italic 18px/1.333em Times;
				color: rgb(24, 23, 25);
				}

.whatToWear #letUsShowYou h3{
				border-bottom: 0;
				background: rgba(255, 255, 255, .1);
				margin: 0 -20px .667em;
				padding: 12px 20px;
				color: rgb(255, 255, 255);
				}

#letUsShowYou h4{
				padding-bottom: 0;
				padding-top: 0;
				margin-bottom: .611em;
				font-size: 11px;
				font-family: Tahoma, "Lucida Grande";
				line-height: 2.182em;
				color: rgb(89, 83, 94);
				}

.whatToWear #letUsShowYou h4{
				color: rgba(255, 255, 255, .5);
				}

.whatToWear #letUsShowYou p.note{
				font-style: italic;
				font-size: 11px;
				line-height: 1.636;
				color: rgb(255, 255, 255);
				}

.whatToWear #letUsShowYou p.note strong{
				color: rgb(255, 255, 255);
				font-style: normal;
				}

#letUsShowYou ul,
#letUsShowYou ul li{
				list-style: none;
				background-image: none;
				margin-left: 0;
				padding-left: 0;
				overflow: hidden;
				}

#letUsShowYou ul li{
				float: left;
				width: 220px;
				margin-right: 10px;
				margin-bottom: .5em;
				font-size: 11px;
				line-height: 1.636em;
				}

.whatToWear #letUsShowYou ul li{
				width: 200px;
				}

.whatToWear #letUsShowYou ul li a{
				color: rgb(146, 183, 220);
				}

/* @end */

/* @group Kate Edger Trust items */

#kateEdgerTrust{
				float: left;
				width: 530px;
				margin: 0 10px;
				padding-right: 79px;
				border-right: 1px dotted rgb(167, 161, 172);
				}

#kateEdgerTrust img{
				float: left;
				border: 5px solid rgb(255, 255, 255);
				margin-right: 20px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
				-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
				-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
				}

#trustPromo{
				padding: 144px 0 0;
				border: 3px solid rgb(255, 255, 255);
				box-shadow: 0 0 1px rgba(0, 0, 0, 1);
				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 1);
				-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
				background: url(_img/trust-promo-girl.jpg) no-repeat 0 0;
				}

#trustPromo div{
				position: relative;
				background: rgb(70, 26, 51) url(_img/kect-flower-trans.png) no-repeat right bottom;
				padding: 1em 12px 3em;
				}

#trustPromo h2{
				margin-bottom: 0;
				font-size: 18px;
				font-weight: 100;
				line-height: 1.333em;
				color: rgb(255, 255, 255);
				}

#trustPromo p{
				font-style: italic;
				font-size: 11px;
				line-height: 1.636;
				color: rgb(181, 163, 173);
				}

#trustPromo p a{
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 1em;
				background: rgba(0, 0, 0, .2);
				color: rgb(146, 183, 220);
				}

/* @end */

/* @group FAQs */

.faq-block{
				position: relative;
				border-bottom: 1px solid rgb(167, 161, 172);
				padding-bottom: 1.917em;
				margin-bottom: 2em;
				}

#mainContent .faq-block:last-child{
				border-bottom: 0;
				}

.faq-block .top{
				position: absolute;
				right: 40px;
				top: 3em;
				font-size: 11px;
				line-height: 1.636;
				}

#bodyContent #mainContent .faqs li{
				margin-left: 0;
				padding-left: 40px;
				padding-right: 80px;
				background: none;
				}

#section-faqs ul.faqs{
				
				}

.faqs .faq-question a{
				margin-bottom: 0.857em;
				margin-left: -40px;
				font-size: 12px;
				line-height: 2;
				letter-spacing: -0.025em;
				color: rgb(60, 113, 179);
				}

.faqs .answer a{
				margin: 0;
				letter-spacing: 0;
				}

.faqs li p{
				padding-left: 0;
				}

.faqs .faq-question .answer{
				background: url(_img/blt-arrow-gray.png) no-repeat 12px .5em;
				margin-left: -40px;
				padding-left: 40px;
				}

#main-content .faqs li ul li{
				margin-bottom: 1em;
				margin-left: 15px;
				padding-left: 0;
				font-size: 11px;
				line-height: 1.636;
				list-style: square;
				}

#main-content .faqs li ol li{
				margin-bottom: 1em;
				margin-left: 15px;
				padding-left: 0;
				font-size: 11px;
				line-height: 1.636;
				}

/* @end */

/* @group Voucher aside */

#vouchers{
				float: left;
				width: 300px;
				margin: 0 10px;
				}

#vouchers h2{
				font-size: 15px;
				line-height: 1.6em;
				margin-bottom: 0;
				text-transform: uppercase;
				}

/* @end */

/* @group Various */

#bodyContent .linkList h3{
				font-size: 18px;
				line-height: 1.333em;
				}

#bodyContent .linkList ul{
				margin-top: 2em;
				}

#bodyContent .linkList ul,
#bodyContent .linkList li{
				list-style: none;
				margin-left: 0;
				padding-left: 0;
				background-image: none;
				}

.linkList li{
				font-size: 11px;
				line-height: 1.6;
				margin-bottom: 1.090em;
				}

#qualificationSelection{
				position: relative;
				padding-top: 0;
				}

#qualificationSelection h1 img.logo{
				position: absolute;
				right: 12px;
				top: 2.5em;
				z-index: 2;
				}

#qualificationList{
				margin-top: 3em;
				margin-bottom: 0;
				position: relative;
				}

#qualificationList > p{
				position: absolute;
				top: -2.5em;
				left: 12px;
				font-size: 10px;
				line-height: 1.5;
				text-transform: uppercase;
				color: rgb(89, 86, 90);
				}

#qualificationList ul{
				padding: 12px 0;
				margin: 0 0 1em;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				background: rgb(218, 213, 191);
				zoom: 1;
				}

#qualificationList ul li{
				float: left;
				display: inline;
				position: relative;
				margin: 0 3px;
				text-align: center;
				line-height: 1;
				}
#qualificationList ul li#choiceMessage
{
				width: 0 !important;
				height: 0  !important;
				text-indent: -999em  !important;
				overflow: hidden  !important;
				visibility: hidden;
				}
#qualificationList ul li span{
				display: none;
				}

#qualificationList ul li a{
				display: table-cell;
				position: relative;
				height: 30px;
				vertical-align: middle;
				width: 90px;
				font-size: 10px;
				line-height: 1.5;
				text-transform: uppercase;
				text-align: center;
				text-decoration: none;
				color: rgb(24, 23, 25);
				}

#qualificationList ul li a:hover{
				color: rgb(46, 91, 131);
				}

#qualificationList ul li.ui-tabs-selected{
				padding: 0 20px 14px;
				width: 50px;
				margin-bottom: -24px;
				background: url(_img/qualification-nav-pointer.png) no-repeat center bottom;
				}

#qualificationList ul li.ui-tabs-selected  a{
				text-indent: -300px;
				overflow: hidden;
				width: 50px;
				height: 50px;
				margin: -5px 0 0;
				padding: 0;
				display: block;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				background: rgb(50, 26, 83);
				}
.institution #secondaryContent #casual-hire-message
{
				border: 2px solid rgb(50, 26, 83);
				border-width: 2px 0;
				padding: 12px;
				font-weight: normal;
				}

.institution #secondaryContent #casual-hire-message p
{
				letter-spacing: 0;
				font: normal 11px/1.636 "Lucida Grande", Lucida, Verdana, sans-serif;
				}
#qualificationList ul li.ui-tabs-selected span{
				display: block;
				position: absolute;
				z-index: 3;
				color: rgb(255, 255, 255);
				width: 50px;
				height: 50px;
				top: 9px;
				font: normal 18px/1em Times, "Times New Roman", Georgia, serif;
				}

#page #regaliaOptions{
				position: relative;
				min-height: 408px;
				}

#noneSelected{
				position: absolute;
				top: 10%;
				left: 0;
				right: 0;
				padding: 2em 0;
				background: url(_img/arrow-up-large-trans.png) no-repeat 50% 0;
				}

#noneSelected p{
				text-align: center;
				color: rgb(24, 23, 25);
				font: 100 30px/1.2em Times, "Times New Roman", Georgia, serif;
				}

.regaliaRequired h2{
				margin: 0 10px .5em;
				}

.photoHolder{
				float: left;
				display: inline;
				width: 370px;
				margin: 0 6px;
				border: 5px solid rgb(255, 255, 255);
				border-radius: 1px;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;
				box-shadow: 0 0 1px rgba(0, 0, 0, .25);
				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .25);
				-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, .25);
				}

.photoHolder img{
				display: block;
				float: left;
				margin: 0 1px;
				}

.regailaInfo{
				float: left;
				display: inline;
				width: 540px;
				margin: 0 10px;
				border-bottom: 3px solid rgb(55, 32, 73);
				}

.regailaInfo table{
				float: left;
				width: 300px;
				margin-right: 10px;
				}

.regailaInfo thead th{
				font-size: 10px;
				font-weight: 100;
				text-transform: uppercase;
				color: rgb(89, 86, 80);
				}

.regailaInfo tbody td{
				color: rgb(50, 26, 63);
				border-bottom: 0;
				}

.regailaInfo table table{
				float: none;
				margin: 0;
				width: 100%;
				}

.regailaInfo table table .name{
				float: left;
				}

.regailaInfo table table .price{
				float: right;
				}

.regailaInfo .additionaNotes{
				float: left;
				width: 220px;
				}

.regailaInfo .additionaNotes h4,
.regailaInfo .additionaNotes p{
				font-size: 11px;
				font-family: Tahoma;
				line-height: 1.636;
				padding: .45em 5px;
				color: rgb(89, 86, 80);
				}

.regailaInfo .additionaNotes h4{
				border-bottom: 1px solid rgb(167, 161, 172);
				padding-left: 30px;
				background: url(_img/icn-document-bookmark.png) no-repeat 5px .5em;
				}

.regailaInfo .additionaNotes p{
				font-style: italic;
				}

.regaliaRequired .note{
				float: left;
				width: 540px;
				margin: 1em 10px;
				}

.note p,
.regaliaRequired .note li,
form span.hint{
				font: italic 12px/1.5em Times, "Times New Roman", Georgia, serif;
				letter-spacing: 0.075em;
				}


.regaliaRequired .note li{
				font: italic 12px/1.333em Times, "Times New Roman", Georgia, serif;
				letter-spacing: 0.075em;
				margin-bottom: .5em;
				}

.regaliaRequired .note h4{
				margin-top: 0;
				padding-top: 0;
				}

.orderNow{
				float: right;
				margin-top: -2em;
				margin-right: 20px;
				}

.orderNow a{
				font-size: 14px;
				}

#location{
				clear: both;
				margin: -1em auto -3em;
				border: 10px solid rgb(219, 219, 207);
				width: 920px;
				}


#location object{
				display: block;
				margin: 0 auto;
				padding: 0;
				border: 1px solid rgb(208, 208, 208);
				}

img.map{
				border: 5px solid rgb(219, 219, 207);
				}

#contactInformation{
				clear: both;
				margin-top: 2em;
				padding-top: 2em;
				border-top: 5px solid rgb(219, 219, 207);
				}

#contactInformation h2{
				margin-bottom: 0;
				}

#contactInformation .adr{
				float: left;
				margin-right: 20px;
				}

#contactInformation .telecomunications{
				float: right;
				margin-right: 20px;
				padding-left: 20px;
				border-left: 1px solid rgb(219, 219, 207);
				margin-top: 2em;
				}

#tabs .announcement
{
				padding-left: 100px;
				overflow: hidden;
				position: relative;
				padding-bottom: 1em;
				margin-bottom: 1.5em;
				border-bottom: 1px dotted rgb(196, 193, 186);
				}
#tabs .announcement p.date
{
				background: #D5D0C5;
				position: absolute;
				left: 0;
				top: 1.5em;
				width: 80px;
				padding: 5px;
				text-align: center;
				font-style: italic;
				font-weight: normal;

				font-size: 10px;
				line-height: 1.32em;

				color: rgb(0, 0, 0);
				
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-o-border-radius: 2px;
				}

.announcement p.date span
{
				display: block;
				font-weight: bold;
				font-style: normal;
				font-size: 11px;
				line-height: 1.2em;
				font-weight: bold;
				}

.announcement h4
{
				padding: 0;
				margin: 0;
				text-transform: none;
				}
			

/* @end */

/* @end */

/* @group Shopping Cart */

.shop-cart{
				border-bottom: 0;
				margin-top: 0;
				position: relative;
				}

#mainContent .shop-cart h1{
				margin-top: 0 !important;
				}

#cart{
				margin-top: 1em;
				}

#cart td,
#cart thead th{
				padding: 6px 12px;
				border-bottom: 1px dotted rgb(190, 190, 190);
				}

#cart td{
				padding: 6px 12px;
				border-bottom: 1px dotted rgb(190, 190, 190);
				}

#cart .total td{
				border-top: 3px solid rgb(190, 190, 190);
				padding-bottom: 20px;
				padding-top: 20px;
				border-bottom: 0;
				font-size: 15px;
				line-height: 1.2em;
				text-align: right;
				}

#cart .sub-total td,
#cart tfoot td{
				border-bottom: 0;
				padding-bottom: 12px;
				padding-top: 12px;
				text-align: right;
				}

#cart tfoot td{
				text-align: right;
				}

#cart thead td{
				border-bottom: 0;
				}

#cart tbody td.regaliaItems{
				width: 48%;
				}

#cart tbody td.numerical,
#cart thead th.numerical{
				text-align: right;
				}

#cart tbody td.quantity,
#cart thead th.quantity{
				width: 60px !important;
				}

#cart tbody td.quantity input{
				width: 60px !important;
				}

#cart tbody td.row-actions,
#cart thead th.row-actions{
				width: 12em !important;
				text-align: right;
				border-left: 1px dotted rgb(190, 190, 190);
				}

#cart thead th.row-actions{
				color: rgb(238, 236, 225);
				}

.row-actions a{
				font-size: 11px;
				line-height: 1.636;
				text-decoration: none;
				opacity: .75;
				}

.row-actions a:hover{
				opacity: 1;
				text-decoration: underline;
				}

#cart td div{
				margin-bottom: .5em;
				}

#cart td#buynow{
				padding-right: 0;
				padding-top: 15px;
				}

#cart #shippingSpan{
				display: none;
				}

#cart tr.shipping td{
				padding-top: 12px;
				border-bottom: 0;
				border-top: 1px dotted rgb(190, 190, 190);
				text-align: right;
				}

#cart tr.shipping .note{
				line-height: 1.5em;
				}

#donation{
				position: relative;
				padding: 1em 2em;
				margin-bottom: 1em;
				margin-top: -2em;
				background: #e7e3db url(_img/arrow-donate.png) no-repeat 6px 1em;
				}

#donation h2{
				font-size: 18px;
				line-height: 1.333em;
				margin-bottom: .5em;
				}

#donation .shop-product-small div.note{
				float: left;
				width: 55%;
				clear: left;
				}

#donation .shop-product-small ul{
				background: rgba(196, 193, 186, .5);
				float: right;
				width: 35%;
				padding: 1em 1em 2em;
				margin-top: 2em;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				}

#donation .shop-product-small li{
				margin-left: 0;
				}

#donation .shop-product-small ul .productTextInput{
				width: 80px;
				}

#donation div.note p{
				font-style: italic;
				margin-bottom: 0;
				}

#donation .shop-product-small ul .productSubmitInput{
				float: right;
				margin-right: 12px;
				}

#previous-degree{
				position: relative;
				padding: 15px 2em 0;
				margin-bottom: 2em;
				margin-top: 0;
				background: #dae7d7;
				display:none;
				}

#previous-degree h2{
				font-size: 18px;
				line-height: 1.333em;
				margin-bottom: .5em;
				}

#previous-degree .shop-product-small div.note{
				float: left;
				width: 55%;
				clear: left;
				}
#previous-degree .shop-product-small ul{
				background: rgba(187, 193, 186, .5);
				float: right;
				width: 35%;
				padding: 1em 1em 2em;
				margin-top: 2em;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				}

#previous-degree .shop-product-small li{
				margin-left: 0;
				}

#previous-degree .shop-product-small ul .productTextInput{
				width: 80px;
				}

#previous-degree div.note p{
				font-style: italic;
				margin-bottom: 0;
				}

#previous-degree .shop-product-small ul .productSubmitInput{
				float: right;
				margin-right: 12px;
				}
#previous-degree-message {
				position: relative;
				padding: 5px 5px 5px 10px;
				margin-bottom:30px;
				margin-top: 0;
				background: #dae7d7;	
}
#previous-degree-message p {
				padding:0;
				margin:0;
}

#close-prev-panel {
				float:right;
				clear:right;
}
#close-prev-panel img {
				padding:0;
				margin:50px 0 10px;
				border:0;
				box-shadow: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
}
#previous-info {
				margin-left:10px;
}

/* @end */

/* @group Forms */

#checkout{
				padding-top: 1em;
				padding-bottom: 0;
				border-radius: 2px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				background: #e7e3db;
				}

#checkout fieldset{
				border: 0;
				padding-bottom: 3em;
				margin-bottom: 0 !important;
				border-bottom: 2em solid rgb(238, 236, 225);
				}

form fieldset legend{
				border: 0;
				background: transparent;
				margin-bottom: 0;
				padding: 0;
				}

form fieldset legend + p{
				margin-top: -1em;
				padding-bottom: 1em;
				border-bottom: 1px dotted rgb(196, 196, 196);
				}

form span.req{
				color: rgb(208, 42, 10);
				}

form fieldset p.note{
				clear: both;
				color: rgb(20, 20, 20);
				font-style: italic;
				}
form fieldset div#degree-notice p.note{
				clear: both;
				color: rgb(20, 20, 20);
				font-style: italic;
				font-size:11px;
				}				

form .form-field,
form .field-group{
				float: left;
				width: 45%;
				margin: 0 4% 1.5em 0;
				overflow: hidden;
				_zoom: 1;
				}

form .field-group .form-field{
				float: left;
				width: 100%;
				margin-right: 0;
				}

form .textarea{
				float: none;
				display: block;
				width: 100%;
				margin-right: 0;
				}

form .textarea textarea{
				width: 92%;
				height: 20em;
				}

#checkout .textarea textarea{
				width: 92%;
				height: 20em;
				}

#checkout .checkbox,
#checkout .sumit-field{
				width: auto;
				}

#checkout #title-prefix{
				float: left;
				width: 20%;
				margin-right: 0;
				}

#checkout #title-prefix select{
				width: 90%;
				}

#checkout #first-name{
				clear: left;
				}

#checkout #first-name,
#checkout #last-name{
				float: left;
				width: 36%;
				}

#checkout #email-address,
#checkout #contact-phone,
#checkout #student-id{
				float: left;
				width: 29%;
				}

/*#checkout #email-address{
				clear: left;
				}*/

#checkout #ship-street-address,
#checkout #street-address{
				width: 60%;
				}

#checkout #ship-city, #checkout #ship-region,
#checkout #city,
#checkout #region{
				width: 30%;
				}

#checkout #ship-post-code,
#checkout #post-code{
				width: 10%;
				}

#checkout select{
				width: auto;
				}

#checkout label,
#contactForm label,
form h4{
				display: block;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 10px;
				line-height: 1.8em;
				}

form h4{
				font-family: Tahoma,"Lucida Grande","Lucida Sans Unicode","Helvetica Neue",Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
				margin-bottom: 1em;
				}

form .form-field input.text-field{
				width: 96%;
				display: block;
				}

input#CAT_Custom_87416{
				width: 45%;
				}

#checkout #grad-details .textarea{
				float: right;
				display: block;
				width: 50%;
				margin-right: 0;
				}

#grad-details .textarea textarea{
				height: 8em;
				}

#checkout div.checkbox label{
				float: left;
				margin-right: 12px;
				font-weight: normal;
				font-size: 12px;
				line-height: 1.5;
				text-transform: none;
				letter-spacing: 0.025em;
				}

#checkout .payment-group{
				float: left;
				width: 40%;
				margin-right: 5%;
				}

#checkout .payment-group label{
				display: block;
				margin-bottom: .5em;
				}


#checkout .payment-group input{
				margin-right: 10px;
				}

#checkout .payment-group label .hint{
				display: block;
				}

#checkout #payment-options{
				width: 90%;
				}

#checkout #payment-notice{
				float: right;
				width: 60%;
				padding: 10px;
				background: rgba(0, 0, 0, .05);
				margin-top: -2em;
				}
#checkout #degree-notice{
				float: right;
				width: 50%;
				padding: 10px;	
				background: rgba(0, 0, 0, .05);
				margin-top: -60px;		
				}
#checkout fieldset#previous-degrees {
				padding-bottom:1em;
}

#checkout #manual-payment-options{
				clear: both;
				width: 90%;
				margin-top: 1em;
				padding-top: 1em;
				border-top: 2px solid rgb(196, 196, 196);
				}

#checkout #manual-payment-options .payment-group {
				width: 90%;
				}

#checkout #manual-payment-options .payment-group div {
				width: 40%;
				float: left;
				margin-right: 5%;
				}


#checkout #manual-payment-options .hint
{
				clear: left;
				display: block;
				padding-left: 25px;
				}
#checkout #payment-notice p{
				font-size: 11px;
				line-height: 1.636em;
				margin-bottom: 0;
				padding-left: 40px;
				}

#checkout #payment-notice p:before{
				content: 'note: ';
				font-weight: bold;
				text-transform: uppercase;
				font-size: 10px;
				line-height: 1.8em;
				float: left;
				margin-right: -35px;
				margin-top: 2px;
				margin-left: -40px;
				}
#checkout .terms
{
				margin: 1em 0;
				clear: both;
				padding: 1em;
				background: rgb(255, 255, 255);
				border: 6px solid rgb(196, 196, 196);
				}
#checkout .terms ul
{
				margin: 1em 0;
				}

#checkout .terms li
{
				margin-bottom: 1em;
				font-size: 12px;
				font-weight: normal;
				line-height: 1.5em;
				padding-right: 120px;
				color: rgb(0, 0, 0);
				}

.submit-field{
				clear: both;
				}

#checkout #form-submit
{
				clear: both;
				}

#contactForm{
				padding-top: 1em;
				border-radius: 2px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				background: #E7E3DB;
				}

#contactForm fieldset{
				padding-bottom: 2em;
				border: 0;
				}

#contactForm .form-field.radio{
				width: 100%;
				}

form #title-prefix{
				float: left;
				width: 20%;
				margin-right: 0;
				}

form #title-prefix select{
				width: 90%;
				}

#contactForm #full-name{
				float: left;
				width: 75%;
				}

#contactForm #email-address{
				clear: left;
				}

#contactForm div.textarea{
				clear: both;
				}

/* @end */

/* @group Vcard */

#footer .vcard{
				margin-bottom: 0;
				color: rgb(128, 106, 139);
				font-size: 11px;
				font-family: "Lucida Grande";
				line-height: 1.636em;
				}

#footer .vcard p{
				margin: 0 0 1em;
				}

.vcard img{
				display: none;
				}

#footer .vcard img{
				display: block;
				}

.vcard .org{
				display: none;
				}

.vcard ul,
.vcard li{
				margin: 0;
				padding: 0;
				list-style: none !important;
				}

.vcard ul{
				margin-bottom: 2em;
				}

#footer .vcard ul,
#footer .vcard li{
				float: left;
				width: 140px;
				color: rgb(128, 106, 139);
				}

.vcard li .type{
				display: none;
				}

.vcard .adr .type .value{
				display: block;
				font-weight: bold;
				color: rgb(0, 0, 0);
				}

#footer .vcard .adr .type .value,
#footer #physical-address{
				display: none;
				}

/* @end */

/* @group Footer */

#footer{
				background: rgb(53, 7, 79) url(_img/bg-footer-fabric.jpg) repeat-x;
				min-height: 235px;
				padding-top: 2em;
				}

#footer .container_12{
				position: relative;
				}

#footer p{
				color: rgb(128, 106, 139);
				font-size: 11px;
				line-height: 1.636;
				}

#copyright,
#web-designers{
				display: block;
				clear: both;
				margin-bottom: 0 !important;
				font-size: 10px;
				line-height: 1.8;
				opacity: .75;
				}

#web-designers{
				float: left;
				clear: both;
				margin: 0 10px;
				text-align: right;
				color: rgb(128, 106, 139);
				}

#web-designers a{
				color: rgb(128, 106, 139);
				text-decoration: none;
				}

.footMenu{
				float: right;
				position: absolute;
				right: 0;
				top: 0;
				}

.footMenu ul li{
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				line-height: 1.2;
				}

.footMenu ul li a{
				float: left;
				color: rgb(128, 106, 139);
				padding-right: 8px;
				padding-left: 4px;
				margin-right: 6px;
				border-right: 1px solid rgb(128, 106, 139);
				font-size: 11px;
				line-height: 1.2em;
				text-decoration: none;
				}

.footMenu ul li a:hover{
				text-decoration: underline;
				}

.footMenu ul li:last-child a{
				border-right: 0;
				margin-right: 0;
				padding-right: 0;
				}

/* @end */

/* @group Clearing */

.clearer{
				clear: both;
				content: '.';
				display: block;
				}

#page:after,
#header:after,
#navigation:after,
.section:after,
.highlight:after,
.content:after,
#bodyContent:after,
#qualificationList ul:after,
#footer:after,
.container_12:after,
#donation:after{
				clear: both;
				content: '.';
				display: block;
				visibility: hidden;
				height: 0;
				}

/* @end */

/* @group Replace CoreCMS */

.shop-main th,.shop-main td{
				border-bottom: 0 none;
				}

.shop-main .catalogueTable{
				margin: 0;
				}

.shop-main td.catalogueItemNotFound{
				font-size: 0;
				padding: 0;
				}

.ajaxLoading{
				background: transparent url(_img/ajax.gif) no-repeat scroll 50%;
				height: 100px;
				}

/*.ajaxLoading table		{background-color:#EEECE1;height:100px;}*/

.ajaxLoading table{
				background-color: #EEECE1;
				min-height: 100px;
				}

/* replace */

.replace{
				text-indent: -10000em;
				display: block;
				background-repeat: no-repeat;
				background-position: left top;
				background-color: transparent;
				text-align: left;
				height: 0px;
				}

.replace a span, span.replace{
				text-indent: -10000em;
				line-height: 0.01em;
				height: 0;
				}

.hidden{
				display: none;
				}

/* @end */