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

Screen styles
Academicdresshire.co.nz

* Base Screen and template styles
* Version:  1.0
* Author:	Fuel Design -

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

@import "lib/grid.css";
@import "lib/text.css";
@import "forms.css";
@import "lib/tabs.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 */
}

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;}
.home #bodyContent			{margin-top:1em;}
.home #mainContent			{border-right:1px dotted rgb(167, 161, 172);margin-right:10px;width:600px;}
.home #secondaryContent		{background-color:#E7E3DB;margin:0;width:310px;}
.home #bodyContent .linkList		{}
.home #bodyContent .linkList ul		{margin-left:40px;}
.home #bodyContent .linkList li		{}
.home #bodyContent .linkList h3		{background:url("_img/icon-quick-links.png") no-repeat scroll 4px 6px transparent;font-size:20px !important;line-height:40px !important;padding-left:40px;}
.home #bodyContent .linkList a:visited,
.home #bodyContent .linkList a:link	{font-size:14px;}

#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;}

/* @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;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);}

/* @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;}

/* @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 {background:url(_img/logo-kate-edger-sm-trans.png) no-repeat 0 50%;color:rgb(255, 255, 255);font-family:Times;font-weight:bold;left:0;letter-spacing:0.09em;line-height:26px;margin:0;position:absolute;padding:.5em 20px .5em 32px;top:-3em;}
/* @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 {color:#a28bad;float:left;margin:0 0 0 4px;padding:0 10px 0;font-size:11px;line-height:2.18em;text-decoration:none;}
.secondary-nav li a:link,
.secondary-nav li a:visited	{color:#817890;}

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

#yourOrder a:link,
#yourOrder a:visited	{color:#fff;font-weight:bold;}
li#yourOrder.selected a,
li#yourOrder.selected a {color:rgb(250, 172, 31);}

.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;}


#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);}
#mainContent h2 img			{margin-top:0;}
.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;}
.home .fader	{background-color:#666;float:left;height:277px;overflow:hidden;width:600px;;z-index:0;}
.home .announcements	{padding-top:0;}

/* 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,
.instituteDump ul			{overflow:hidden;margin-bottom:1em;}
.instituteDump .qualificationItemDump li,
.instituteDump ul 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);z-index:100;}
#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,.whatToWear #letUsShowYou li a,#orderNow.list li a,
input.productSubmitInput {display:block;float:left;cursor:pointer;padding:4px 16px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:4px;border:0 none;box-shadow:0 0 1px rgb(0, 0, 0);-moz-box-shadow:0 0 1px rgb(0, 0, 0);-webkit-box-shadow:0 0 1px rgb(0, 0, 0);background:rgb(87, 169, 21) url(_img/btn-grad-green.png) repeat-x;color:rgb(225, 255, 225);text-transform:uppercase;text-decoration:none;text-shadow:1px 1px 1px rgb(75, 100, 75);font-size:11px;line-height:18px;}
a:hover.btn,a:hover#catshopbuy,.whatToWear #letUsShowYou li a:hover,#orderNow.list a:hover,
input.productSubmitInput:hover {background-image:none;/*background-image:url(_img/btn-grad-purple.png);*//*background-color:#3E1A4F;color:#faac1f;*/}
a#catshopbuy	{float:right;margin-right:0;margin-left:0;white-space:nowrap;}
#orderNow .btn	{margin-top:40px;margin-bottom:20px;}

/* @group Homepage Feature Box with listed buttons */
#orderNow.list div		{padding-bottom:53px;}
#orderNow.list div div	{background-image:none;padding:0;}
#orderNow.list h2		{margin-bottom:10px;margin-top:0;}
#orderNow.list p		{margin:0;}
#orderNow.list ul,
#orderNow.list ul li	{background-image:none;list-style:none;margin:0;overflow:hidden;padding-left:0;}
#orderNow.list ul		{height:179px;margin-left:32px;}
#orderNow.list ul li	{width:220px;margin-bottom:.5em;font-size:11px;line-height:1.636em;line-height:18px;margin-bottom:10px;width:210px;}
#orderNow.list ul li a	{color:#fff;font-size:12px;padding:4px;text-align:center;text-transform:capitalize;width:200px;}
#orderNow.list p em		{padding:10px 20px;}

/* @group What to wear */
#whatToWear,#letUsShowYou		{float:left;width:460px;margin:0 10px;}
#whatToWear						{background:url(_img/arrow-right-large-trans.png) no-repeat 90% 50%;padding-right:160px;width:300px;}
#aboutUs						{}
#aboutUs p						{margin-bottom:1em;}
#aboutUs h2						{line-height:1em;margin-bottom:1em;}
#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		{line-height:18px;margin-bottom:10px;width:200px;}
.whatToWear #letUsShowYou ul li a	{/*color:rgb(146, 183, 220);*/color:#fff;padding:4px;text-align:center;text-transform:capitalize;width:190px;}

/* @group Kate Edger Trust items */
#kateEdgerTrust {float:left;width:520px;margin:0 0 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);}
#kateEdgerTrust #trustPromo {width:100%;}
.whatToWear #kateEdgerTrust {width:400px;}
.whatToWear #vouchers {width:400px;}

/* @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:14px;line-height:2;letter-spacing:-0.025em;color:rgb(60, 113, 179);}
.faqs .faq-question a:hover	{color:rgb(250, 172, 31);}
.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;}

/* @group Voucher aside */

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

/* @group Various */

#bodyContent .linkList h3 {font-size:18px;line-height:1.333em;}
#bodyContent .linkList ul {margin-top:1em;}
#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:9px;}
#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 {display:inline;float:left;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.bigger a	{width:106px;}
#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:60px;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:60px;height:50px;top:9px;font:normal 18px/1em Times, "Times New Roman", Georgia, serif;}
#page #regaliaOptions {position:relative;min-height:208px;}
#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;}
#noneSelected p strong	{display:block;font-size:16px;}
.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:0;margin-right:20px;}
.orderNow a		{font-size:14px;}
.orderingNotice	{float:right;font-size:12px;margin:0 20px 0 0;width:400px;}

#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;}


/* @group Shopping Cart */

.shop-cart {border-bottom:0;margin-top:0;position:relative;}
#mainContent .shop-cart h1 {margin-top:0 !important;}
#cart {margin-bottom:0;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:68%;/* 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 td#buynow.no_remove {float:none;padding-bottom:15px;padding-top:0;text-align:right;}
#cart td#clearcart {padding:0;text-align:left;}
#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;}

#catshopclear	{background-color:#ccc;border:0 none;border-radius:2px;box-shadow:0 0 1px #000;color:#333;display:block;float:right;font-size:11px;line-height:18px;padding:4px 8px;text-decoration:none;text-shadow:1px 1px 1px #eee;text-transform:uppercase;}

#upsell				{background:url(_img/icon-postage.png) no-repeat scroll 6px 1em #e7e3db;padding:0;margin:1em 0 !important;}
#upsell li			{/*background-color:#E7E3DB;*/float:left;margin:0 0 0 30px;width:425px;}
#upsell li li		{background-color:transparent;float:none;margin:0;width:auto;}
#upsell ul ul		{float:none;width:auto;}
#upsell div.note	{float:none;width:auto;}
#upsell .shop-product-small	{padding:10px 20px;}

#donation,#KEECTpin,
#photohire	{position:relative;}
#donation	{background:url(_img/arrow-donate.png) no-repeat scroll 6px 1em #e7e3db;}
#KEECTpin	{background:url(_img/icon-keect-pin.png) no-repeat scroll 6px 1em #e7e3db;}
/*#photohire	{background:url(_img/icon-album.png) no-repeat scroll 6px 1em #e7e3db;}*/
#photohire	{background:url(_img/icon_camera.png) no-repeat scroll 6px 1em #e7e3db;}

.extras									{margin:1em 0;padding:0 2em 0 0;}
.extras h2								{color:#333;font-size:20px;line-height:1.333em;margin-bottom:0.5em;}
.extras h2 em							{color:#999;font-size:14px;margin-left:12px;}
.extras .shop-product-small div.note	{float:left;width:55%;clear:left;}
.extras .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;}
.extras .shop-product-small li			{margin-left:0;}
.extras .shop-product-small ul .productTextInput {width:80px;}
.extras div.note p						{font-style:italic;}
.extras .shop-product-small ul .productSubmitInput {float:right;margin-right:12px;}

.home .extras	{border-color:rgb(167, 161, 172) transparent;border-style:solid none;border-width:1px 0;margin-bottom:2em;}

.toggleTrigger	{cursor:pointer;padding:18px 0 6px 60px;}
.toggleContent	{padding:0 0 1px 2em;}
.extras .toggleTrigger h2			{background:url(_img/icon-arrows.png) no-repeat scroll 100% 0 transparent;width:830px;}
.extras .toggleTrigger.active h2	{background:url(_img/icon-arrows.png) no-repeat scroll 100% 100% transparent;}

#KEECTpin.pins		{margin-top:0;padding:1em 2em;}
.pins.extras		{border:0 none;}
.pins.extras h2		{width:auto;}
.pins.extras .shop-product-small div.note				{width:auto;}
.pins.extras .shop-product-small ul						{float:left;width:auto;}
.pins.extras .shop-product-small ul .productSubmitInput	{float:left;margin:12px 12px 0;}

#announcements		{background:url(_img/icon-announcement.png) no-repeat scroll 6px 1em #e7e3db;}
#commonQuestions	{background:url(_img/icon-questions.png) no-repeat scroll 6px 1em #e7e3db;}
#quickLinks			{background:url(_img/icon-quick-links.png) no-repeat scroll 6px 1em #e7e3db;}

#commonQuestions li a	{margin:0;}
#commonQuestions li,
#quickLinks li		{margin:0;float:left;width:50%;}
#quickLinks li a	{color:#3C71B3;font-size:14px;letter-spacing:-0.025em;line-height:2;}
#quickLinks ul				{margin:0 !important;}
#quickLinks .toggleContent	{padding-bottom:2em;}


#announcements		{background-color:rgb(223,229,204);border:0 none;box-shadow:3px 3px 5px #999;width:97%}
#announcements h2	{font-size:24px;padding:18px 0 6px 60px;}
#announcements p	{font-size:14px;}

#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 {background-color:#eaa954;/*#e88607;*/margin-bottom:1em;margin-top:0;position:relative;padding:10px 5px 13px 10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
#previous-degree-message p {color:#fff;font-size:12px;font-weight:bold;margin:0;padding:0;text-shadow:1px 1px 1px #af7f3f;}
#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;}

/* @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 #height-range-indication,
#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;}

/* @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;}

/* @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;}

/* @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,
.productfeaturelist:after,
#KEECTpin:after,
#donation:after {clear:both;content:'.';display:block;visibility:hidden;height:0;}

/* @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,hide {display:none;}

/* CMS classes */
.leadin	{font-size:14px;}
.note	{}