@font-face{
	font-family:"Freestyle Script";
	src:url("/export/system/modules/au.com.creataonline/resources/fonts/freestyle/c2200717-4fb9-4b35-9da1-87c9d6565679.ttf"),
		url("/export/system/modules/au.com.creataonline/resources/fonts/freestyle/cc2a7dad-8b0f-4d52-87e9-11eec767e48f.eot"),
		url("/export/system/modules/au.com.creataonline/resources/fonts/freestyle/c2200717-4fb9-4b35-9da1-87c9d6565679.ttf")
}
body {font-size:62.5%;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
table {margin 0}

#logo {position:absolute}
#logo a {display:block;width:220px;height:84px;text-indent:-999em;}

#page .fr {float:right;}
#page {min-width:320px;}

#page .pb55 {padding-bottom:55px;}
#page .pt30 {padding-top:30px;}

/* Header */
#header {padding:10px 0 40px 0;height:131px;}
#header > .padder, .content > .padder, #footer > .padder {max-width:1000px;margin:0 auto;padding:0 10px;position:relative;}
#header .consName {width:206px;position:absolute;font-family:"Freestyle Script", Arial, Helvetica;font-size:30px;}

/* Top Navigation */
#nav-main {position:absolute;top:45px;right:10px;max-width:800px}
#nav-main ul {font-size:1.3em;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase}
#nav-main li {float:left;padding:0 0 0 36px;}
#nav-main li a {text-decoration:none;color:#ffffff;}
#nav-main li a:hover {color:#aaa}

/* Bread Crumb */
.breadcrumbs { font-size:1.1em; padding: 0 15px 0 0; margin-bottom:20px; margin-top:-10px}
.breadcrumbs a { display: inline-block; color: #069; padding: 5px 20px 5px 0; }
.breadcrumbs a { background: url('/export/system/modules/au.com.creataonline/resources/images/arrow.png') no-repeat right center; margin-right: 10px; }
.breadcrumbs a { color: #666; text-decoration: none; }
.breadcrumbs span { color: #000; }

/* Page Layout */
.cols-2 .col {float:left;}
.cols-2 .col .hero {margin-bottom:1.5em;}
.cols-2 .col-small:first-child, .cols-2 .col-big:first-child, .mr453 {margin-right:4.53%;}
.cols-2 .col-1:first-child, .cols-2 .col-2:first-child, .mr4 {margin-right:4%;}
.cols-2 .col-1 {width:25%;}
.cols-2 .col-2 {width:71%;}
.col-small {width:36.734%;}
.hero img {width:100%;}
.col-big {width:58.673%;}
.col-content {overflow:hidden;padding:30px 0 55px 4.53%;}

/* Content */
.content {}
.content > .padder {padding:20px 5px 0 5px;}

.context p.state {font-size:1.2em;margin-bottom:2.5em;}

.context p {font-size:1.3em;color:#666666;margin:0 0 1.3em 0;line-height:1.3em;}
.context ul {font-size:1.3em;color:#666666;margin:0 0 1.3em 0;line-height:1.3em;list-style:disc;margin-left:15px;}
.context ol {font-size:1.3em;color:#666666;margin:0 0 1.3em 0;line-height:1.3em;list-style:decimal;margin-left:15px;}
.context ul ul {font-size:1.0em;list-style:square;}

.context table {width:100%;font-size:12px;}
.context table th {font-family:AvenirLTStd, Arial, Helvetica, sans-serif;font-size:14px;text-transform:uppercase;border-bottom: solid 1px #999;padding:3px;}
.context table td {padding:3px;border-bottom:solid 1px #ddd;line-height:24px;color:#666666}
.context table tfoot th {padding:5px 3px;line-height:24px;}

.context h2 {font-family:AvenirLTStd, Arial, Helvetica, sans-serif;font-size:2.6em;text-transform:uppercase;border-bottom: solid 1px black;margin:0 0 20px 0;padding-bottom:3px;}
.context h3 {font-family:AvenirLTStd, Arial, Helvetica, sans-serif;font-size:1.6em;text-transform:uppercase;margin:0 0 10px 0;}
.context h4 {font-family:AvenirLTStd, Arial, Helvetica, sans-serif;font-size:1.6em;text-transform:uppercase;border-bottom: solid 1px #999;margin:0 0 10px 0;padding-bottom:3px;}
.context h5 {font-family:"Freestyle Script", Arial, Helvetica, sans-serif;font-size:4.6em;margin:0 0 20px 0;}

.context .fancy {font-family:"Freestyle Script", Arial, Helvetica, sans-serif;font-size:46px;margin:0 0 20px 0;color:#000;border-bottom: solid 1px black;text-transform:none;}

/* Footer */
#footer > .padder {padding:15px 0;overflow:hidden;}
#footer ul:first-child {float:right;}
#footer ul {float:left;}
#footer ul li:first-child {border-left:none;margin-left:0;padding-left:0;}
#footer ul li {float:left;border-left:solid 1px #999999;margin-left:7px;padding-left:7px;}
#footer ul li a {color:#999999;text-decoration:none;}
.footer_float { position: fixed; bottom: 0; left: 0; width: 100%; }

/* Header Links */
#headerLinks ul:first-child {float:right;}
#headerLinks ul {float:left;}
#headerLinks ul li:first-child {border-left:none;margin-left:0;padding-left:0;}
#headerLinks ul li {float:left;border-left:solid 1px;margin-left:7px;padding-left:7px;}
#headerLinks ul li a {text-decoration:none;text-transform:uppercase;font-family:AvenirLTStd, Arial, Helvetica, sans-serif;font-size:11px}
#headerLinks .cartLink span {padding-left:40px;}
.cta-link {background:url('/export/system/modules/au.com.creataonline/resources/images/cta-link.png') no-repeat right 5px;font-size:1.8em;font-family:AvenirLTStd, Arial, Helvetica, sans-serif;color:#000000;text-decoration:none;padding:0 25px 0 0;}

/* Left Container  */
#leftcontainer {padding:30px 30px 0 10px}
#leftcontainer h2 {font-size:1.7em;padding:0 0 10px 0;font-family:AvenirLTStd, Arial, Helvetica, sans-serif;}
#leftcontainer h2 a {color:#000000;text-decoration:none;float:right;font-size:64.705%;vertical-align:bottom;}
#leftcontainer h3 {padding:15px 0 10px 0;font-size:1.3em;font-family:AvenirLTStd, Arial, Helvetica, sans-serif;margin:0 0 10px 0;border-bottom: solid 1px #999;border-top:none }
#leftcontainer a {text-decoration:none;color:#666}
#leftcontainer a:hover {text-decoration:underline}
#leftcontainer ul {color:#666666;font-size:1.3em;}
#leftcontainer ul li {padding:0 0 15px 0;}

/* Left Navigation */
#leftcontainer .nav-left {padding-bottom:30px}
#leftcontainer .nav-left ul {margin-left:0}
#leftcontainer .nav-left ul li {list-style:none;padding-left:0;}
#leftcontainer .nav-left a {text-decoration:none;color:#333;text-transform:uppercase}
#leftcontainer a:hover {color:#aaa}

/* Catalogue navigation */
#leftcontainer .nav-browse {padding-bottom:30px}
#leftcontainer .nav-browse h3 {border-bottom:none;border-top:solid 1px #999;}
#leftcontainer .nav-browse h3 a {color:#000000;text-decoration:none;float:right;font-size:84.615%;vertical-align:bottom;}
#leftcontainer .nav-browse ul li {list-style:square}

/* Home Page Features */
.features {margin-bottom:55px;/*border-bottom:solid 1px #c9c9c9;*/position:relative;}
.features h4 {margin-bottom:0}
.features li {width:23%;float:left;list-style:none;padding:0 1%}
.features li img {display:block;}
.features .viewport {overflow:hidden;width:87.346%;margin:0 auto;}
.features .viewport a {position:relative;display:block;color:#000000;}
.features .viewport a b {background:url('/export/system/modules/au.com.creataonline/resources/images/shade.png');display:block;height:40px;line-height:40px;position:absolute;bottom:0px;width:100%;font-family:"Freestyle Script", Arial, Helvetica, sans-serif;font-size:2.5em;}
.features a b span {display:block;padding:0 15px;}
.features h3 {margin-bottom:0}


/* Catalogue Gallery */
#gallery .content .left {float:left;width:48%;overflow:hidden}
#gallery .content .right {float:right;width:48%;overflow:hidden;}
#gallery .thumbview ul { list-style: none;margin-left:0 }
#gallery .thumbview ul li { float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; }
#gallery .thumbview .thumb { width:135px;text-align:center;border: 1px solid #ccc; padding: 10px; background: #fcfcfc; -moz-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; }
#gallery .thumbview .thumb { -moz-border-radius: 3px; -webit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #ddd; position: relative; }
#gallery .thumbview .thumb img { cursor: pointer; }
#gallery .thumbview .title {height:63px;overflow:hidden;line-height:18px}
#gallery .thumbview {color:#666}
#gallery .bundleItems li {list-style:none}
#gallery .bundleItems img {margin-right:5px;vertical-align:middle}
#gallery .price {font-weight:bold}
.spinner {text-align:center;padding-top:100px}
.outofstock {font-weight:bold}
#gallery .saleRRP {text-decoration: line-through;font-weight:normal}
#gallery .saleBuy {color:red}

/* Icon buttons */
.iconlink, button, .iconlink2 {cursor: pointer;line-height: 1.3em;font-size: 13px;text-decoration:none; display: inline-block;margin-right:5px; padding: 7px 15px; }
.iconlink, button, .iconlink2 { -moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee;}
.iconlink, button, .iconlink2 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.iconlink:active, .iconlink2:active { -moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px #ccc; box-shadow: inset 1px 1px 2px #ccc; }
.iconlink:hover, .iconlink2:hover { background-position: 0 -39px; text-decoration: none; }
.iconlink img,.iconlink2 img  { vertical-align: middle; display: inline-block; }
.iconlink2 { color: #333;border: 1px solid #CCC;background: url('/export/system/modules/au.com.dia.online/resources/images/buttons/button_white.png') repeat-x top left;}
button:hover {background-position: 0 -39px;}

/* Messages */
.notification { padding: 15px 10px 15px 45px; margin: 0 0 20px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; }
.notification .close { position: absolute; right: 5px; top: 5px; display: inline-block; width: 8px; height: 8px; cursor: pointer; }
.notification .close { background: url(/export/system/modules/au.com.dia.online/resources/images/icons/close.png) no-repeat 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.notifyError { border: 1px solid #ff0000; background: #FFECEC; color: #ff0000; font-size: 11px; }
.msgalert { border: 1px solid #eac572; background: #ffe9ad url(/export/system/modules/au.com.dia.online/resources/images/icons/warning.png) no-repeat 10px center; }
.msginfo,.msgsuccess  { border: 1px solid #99c4ea; background: #d1e4f3 url(/export/system/modules/au.com.dia.online/resources/images/icons/info.png) no-repeat 10px center; }
/*.msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(/export/system/modules/au.com.dia.online/resources/images/icons/success.png) no-repeat 10px center; }*/
.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(/export/system/modules/au.com.dia.online/resources/images/icons/error.png) no-repeat 10px center; }
.context .notification p {margin:0}
.notification a {text-decoration:none;color:#000;}
.notification a:hover {color:#aaa;}

/* Forms */
.form_default h3 {border-bottom: solid 1px black;margin:0 0 20px 0;padding-bottom:3px;}
.form_default label {color:#333; width: 22%; float: left; text-align: right; padding-top: 5px; padding-right: 2%;margin-right: 1%; font-size:12px;text-transform:uppercase}
.form_default input[type=text],.form_default input[type=password] { color:#666;font-size: 12px; padding: 7px 5px; border: 1px solid #666; outline: none; background: #fcfcfc;  }
.form_default textarea {border: 1px solid #666;}
.form_default select { color:#666;font-size: 12px; padding: 5px; border: 1px solid #666; background: #fcfcfc; outline: none; }
.form_default input.error, .form_default textarea.error, .form_default select.error { border: 1px solid #ff0000; }
.form_default label.error {padding-left:25%;text-align: left;clear:both; float: none; width: auto; color: #ff0000; font-size: 11px; display: block; }
.form_default label.required {background:url('/export/system/modules/au.com.creataonline/resources/images/mandatory.jpg') no-repeat right 5px}
.form_default input.timeField {margin-right:0px}
.form_default label.internal {float:none;margin-right:0;line-height:15px;vertical-align:top;color:#666;font-size:13px}
.form_default label.nopadding {padding-top:0}
.form_default .checkboxField {padding-left:25%}
.form_default label.previousValue {padding-left:25%;clear:both}
.form_default .internal {text-transform:none}

.form_default .one_third,.form_default .sf {width:23%;margin-right:1%}
.form_default .two_thirds,.form_default .mf {width:49%;margin-right:1%}
.form_default .full,.form_default .lf {width:74%}
.form_default .tf {width:10%;margin-right:1%}

.form_default button:first-child {margin-left:25%}

.short {height:100px}
.medium {height:200px}
.high {height:350px}
.ttf {width:30px;text-align:center;padding: 4px 3px;}
.tf {width:50px}
 
/* misc */
th {text-align:left}
.marginbottom20 {margin-bottom:20px;}
.marginbottom50 {margin-bottom:50px;}
.widgetbox,.widgetbox2 {margin-bottom:40px;}
.aligncentre {text-align:center}
.alignright {text-align:right}
.shrink {width:1%;white-space:nowrap}
.orange {color:#ff6635}
.actions {text-align:right}