/*************************/
/*      General         */
/*************************/
body {text-align: center;background-color: #F0F0F0; font-family: Arial, Helvetica, sans-serif;color: #444444; font-size: 12px;margin:0;padding:0}

img {border: 0;}
form {margin: 0;}

a {text-decoration: none; color: #0681bb;}
a:hover {text-decoration: underline;}
.clear {clear: both;}

#container {border: 0; margin: 0 auto;  width: 982px;background-image: url('/system/modules/au.com.creativememories.cmcnetwork/resources/images/page_bg.gif'); background-repeat: repeat-y; }
#pageHeader {width: 982px;height:10px;background-image: url('/system/modules/au.com.creativememories.cmcnetwork/resources/images/header_bg.gif');}
#pageFooter {width: 982px;height:10px;background-image: url('/system/modules/au.com.creativememories.cmcnetwork/resources/images/footer_bg.gif');}
#mainBody { background-color: #ffffff;text-align: left;margin: 0 auto;width:950px;border:1px solid #F5F5F5}

.prop {width:1px;float:right;height:500px}

.left {float:left}
.right {float: right;}
#orderTitle .left {width: 520px; padding-right: 14px;overflow:hidden}
#orderTitle .right {width: 200px;overflow:hidden}

/***************/
/* Overlay	*/
/***************/
.overlay {display: none; z-index: 10000; background-color: #FFF; width: 625px; min-height: 175px; border: 1px solid #666; background-image: url('/images/blue_grad.gif'); background-repeat: repeat-x; border: 1px solid #56ACE5; /* CSS3 styling for latest browsers */-moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;}
.overlay .left {width: 290px; overflow: hidden; text-align: center;}
.overlay .right {width: 298px; padding: 0 10px;}
.overlay h1 {font-size: 14px; font-weight: bold;}
.overlay {font-size: 11px;}
.overlay .close {background-image: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/close.gif'); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 29px; width: 29px;}


#msg {padding:20px;}

/* Tabs */
#tabs {float: left; width: 100%; font-size: 93%; line-height: normal; }
#tabs ul {margin: 0; padding: 0; list-style: none;}
#tabs li {float:left;list-style: none;margin: 0; padding: 0;}
#tabs a {display:block;margin: 0; padding: 0.5em 0.5em;text-decoration: none;border-width:1px 1px 0 1px;border-style:solid;border-color:#ffffff;}
#tabs a:hover {border-style: dashed;border-color:#005082;}
#tabs li.active a {background: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/th_bg.gif');border-style: solid;border-color:#005082;}

/*************************/
/*     Event Detail      */
/*************************/

div.eventBody {width: 770px; background: url('/export/system/galleries/pics/cmcnetwork/events-header.gif') no-repeat; border:1px solid #6699CC;padding-bottom:120px;margin:0 auto}
div.eventContent {float: right; width: 360px; margin-top: 70px; text-align: left;}
div.eventBody .bodyText { text-align: justify;font-size: 14px;}
div.eventBody .labelText { font-weight: bold;font-size: 14px; }
div.eventFooter {margin-top:-83px;margin-left:1px}

/*      Catalogue Tile Layout      */
#catalogue {float:left;overflow:visible; border-style: solid none none solid; border-width: 1px; border-color: #DDDDDD;width:732px}
#catalogue .tileCell {float:left;width: 174px;height:199px; text-align: center; padding: 4px;border-style: none solid solid none; border-width: 1px; border-color: #DDDDDD;}
#catalogue .tileCell a {color:#333333;font-size:12px} 
#catalogue .tileCell .description {height: 50px; clear: both;overflow:hidden;font-size:11px}
#catalogue .tileCell .price {padding-top: 5px; padding-bottom: 5px; color: #666666;}
#catalogue .tileCell .thumb {height:100px;cursor:pointer}
#catalogue .tileCell .add {padding-top: 4px; text-align: center;}
#catalogue .tileCell .add input {width:30px;text-align:center;font-size:11px}
#catalogue .tileCell .add img {cursor:pointer;vertical-align:middle;margin-left:5px}
#catalogue .tileCell .qohWarning {color: #FF0000;}

/*      Catalogue Tile Layout      */
#gallery {float:left;overflow:visible; border-style: solid none none solid; border-width: 1px; border-color: #DDDDDD;width:726px;margin-bottom:20px}
#gallery .legend {min-width: 0; position: relative; margin:1px;padding: 5px 10px;color: #FFFFFF; font-size: 14px; background-color: #5B97BA;}
#gallery .tileCell {float:left; text-align: center; padding: 5px;border-style: none solid solid none; border-width: 1px; border-color: #DDDDDD;}
#gallery .tileCell .delete {text-align:right} 
#gallery .tileCell .description {clear: both;overflow:hidden;font-size:11px;}
#gallery .borderSpacer { border-style:  none solid solid none; border-width: 1px; border-color: #DDDDDD;}

/********************/
/* Tool Bar         */
/********************/
div.toolBar {margin: 10px 0 3px 0;clear:both}
div.toolBar div {float:left;margin-right:10px;padding:3px;text-align:center;width:85px}
div.toolBar img {vertical-align: middle;border:0;text-align:center;}
div.toolBar div div {float:none;padding:0;}
div.toolBar a {text-decoration:none;color:#666666;font-size:10px}
div.toolBar div:hover {background-color:#DDDDDD}

/********************/
/* Heading Bar         */
/********************/
div.headingBar {margin: 15px 0 3px 0;}
div.headingBar span {font-size: 20px;color: #841825;font-family: "Book Antiqua",Arial, Helvetica, sans-serif }
div.headingBar img {vertical-align: middle;border:0;margin-right:5px}

/********************/
/*  Home page       */
/********************/
#mainFeature {float:left;width: 740px;padding: 1px; border: 1px solid #FFFFFF;margin-bottom:16px;height:300px;overflow:hidden }
#subFeature {float:left;width: 240px;padding: 1px; border: 1px solid #FFFFFF;margin-right:6px;height:240px;text-align:center }
#subFeature p {margin:0;padding:0}

/********************/
/*  Content         */
/********************/

#mainContent {background-color: #ffffff; clear: both;}
#contentLeft {float:left;width: 740px;padding: 1px; border: 1px solid #FFFFFF;margin-bottom:16px;}

#content {display:inline;padding: 10px 10px 10px 20px; float: left; width: 734px;min-height:1%;text-align:left}
.nonav {margin-left:92px}
#home {padding: 10px; }
#contentFull {padding: 10px 20px; float: left; width: 909px;}

#mainContent h1 {letter-spacing:1px;font-weight:normal;font-size: 3em; color: #333333; width: 100%; margin: 0 0 7px 0; font-family: "Book Antiqua",Arial, Helvetica, sans-serif;text-transform:capitalize }
#mainContent h2 {font-size: 16px; color: #841825; padding: 0 0 5px 0 ; margin:0;font-weight: normal;}
#mainContent h2 a {color: #841825; }
#mainContent h2 a:hover {color: #0681bb;}
#mainContent h3 {color:#0681bb;} 
#mainContent h4 {color:#0681bb;margin:0;} 

#mainContent h1.news {letter-spacing:1px;font-weight:normal;font-size: 2em; color: #333333; width: 100%; margin: 0 0 7px 0; font-family: "Book Antiqua",Arial, Helvetica, sans-serif;text-transform:capitalize }


#mainContent div.separator {margin: 0 10px 1px 0; height: 8px; border-bottom: 1px solid rgb(221, 221, 221);}
#mainContent p {line-height:150%;margin:0 0 10px 0;}


#mainContent div.block {padding:8px 5px 15px 5px;border-top: 1px solid rgb(221, 221, 221); }
#mainContent div.block div.message {float:left;width:650px}
#mainContent .date { width:48px;height:49px;float:left;margin-right:10px;background:url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/cal_bg.png'); text-align: center;}
#mainContent .date h5 { font-size: 1.1em; text-transform: uppercase; color: #ffffff; letter-spacing: .1em; width: 100%;margin:0;padding:0 }
#mainContent .date h4 { font-size: 2em; letter-spacing: .1em; color: #808080;margin:0;padding:0 }

#content ul, #contentSmall ul {padding-left: 10px; margin-left: 20px;}
#content li, #contentSmall li {padding-bottom: 5px;} 

#statusBox {float: right; width: 195px;font-size: 11px;margin-left:5px;margin-bottom:20px;color: #333333;}
#statusBox p {display:block;color:#73982E;padding:0;margin:2px 0 0 4px}
#statusBox h4 {margin:2px 0 0 4px}
#statusBox table {width:100%}
#statusBox .box {padding: 1px; border: 1px solid rgb(221, 221, 221); margin:0 2px 8px 2px;background-color: #ECF1FF;}

#rightCol {float: right; width: 175px;font-size: 11px;margin-bottom:20px;}
#rightCol table {width:100%}
#rightCol .box {padding: 1px; border: 1px solid rgb(221, 221, 221); margin: 0 0 10px 0;}
#rightCol h2 {padding: 5px; margin: 0; color: #FFFFFF; font-size: 12px;font-weight:normal;background-color:#7AAEDE}
#rightCol p {padding: 5px; margin: 0;}

/*   Table        */
div.report {position:relative}
table.report, .report table {width: 100%; border-collapse:collapse; clear: both;border-bottom:3px solid #D0E8FB;margin:0 }
.report th {text-align:left;padding: 8px 4px; color: #333333; font-size: 14px;font-weight:normal;background-image: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/th_bg.gif');background-repeat:repeat-x }
.report td {padding: 8px 4px; border-top: 1px solid rgb(221, 221, 221); }
.report img {vertical-align:middle; }
.report p {margin:0}
.report tr.subheading td,td.subheading {font-weight:bold;color:#045C97}
.report tr.total td {font-weight:bold;background-color: #ECF1FF;}
.report em {color: rgb(235, 109, 8)}
.report td.featureCol {background-color: #ECF1FF;}
.report tr.noborder td {border:none}
.report .miniBar {position:absolute;right:1px;top:-18px}
.report .miniBar a {margin-left:8px}
.report tr.warning td {font-style:italic;color:#FF0000}
.report tr.noborder td {border-top:none}
.report .statement th {font-size: 12px;}


/* Order Summary */
table.orderHeader {width:100%}
table.orderHeader td {padding:3px 3px 3px 3px}
table.outer {width:100%;border: 1px solid rgb(221, 221, 221);border-collapse:collapse; }
table.outer th {text-align:left;padding: 8px 4px; color: #333333; font-size: 14px;font-weight:normal;background-image: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/th_bg.gif');background-repeat:repeat-x }

/*  DIA form template    */
div.diaform, .diaform form,.diaform table {text-align: left; clear: both; width: 100%; margin-bottom: 10px;}
.diaform fieldset {border: none; margin: 0 0 10px 0; padding: 0;}
.diaform .legend {min-width: 0; position: relative; margin:1px;padding: 4px 10px;color: #FFFFFF; font-size: 14px; background-color: #5B97BA; }
.diaform .label {clear: left; width: 20%; padding-right: 10px; color: #0681bb; float: left; vertical-align: top;text-align:right}
.diaform .inner {float: left; width: 78%; clear: right; display: block; vertical-align: top;}
.diaform ol,.diaform table {margin: 0; padding: 0; background-image: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/box_inner.gif'); border: 1px solid rgb(221, 221, 221);}
.diaform li {list-style: none; margin: 0; padding: 3px 10px 3px 10px; line-height: 1.6em;}
.diaform em {font-weight: bold; font-style: normal; color: #f00;}
.diaform .validation {background: #FFFFCC;}
.diaform .mandatory {font-weight: bold; color: #333333; margin-left: 3px;}
.diaform .mandatoryNotice {color: #333333; font-size: 11px; font-style: italic;}
.diaform li.error {color: #ff0000; margin-top: -5px; padding-top: 0; font-size: 11px; line-height: 1em;}
.diaform .clear {clear: both; height: 1px; overflow: hidden;}
.diaform li.heading {border-bottom: 1px solid #C1DAD7; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #6D929B; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 10px; background: #CAE8EA url(/export/system/modules/au.com.cmphotocentre/resources//export/system/modules/au.com.creativememories.cmcnetwork/resources/images/bg_header.jpg) repeat-x;}


/*  Banner          */
#header {height: 74px; background-image: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/banner.gif'); background-repeat: no-repeat;background-color:#7AAEDE;}
#consInfo {float: right; padding: 2px 10px; text-align: right;}
#consInfo h1 {color: #FFFFFF; font-size: 14px; margin: 2px;}
#consInfo p {margin: 0; color: #FFFFFF;}
#consInfo a {color: #39485C; font-weight: normal;font-size:11px}
#consInfo a:hover {text-decoration:underline }
#consInfo .logout {margin-top:5px}

/* Nav Top         */
#navTop ul {position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; background: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/menub_bg.gif') repeat-x; /*tab background image path*/height: 46px; list-style: none;}
#navTop li {float: left;}
#navTop li a {font-family: Arial;float: left; display: block; color: #045C97; text-decoration: none;font-size: 12px; font-weight: bold; padding: 0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/height: 46px; line-height: 46px; text-align: center; cursor: pointer;}
#navTop li a b {float: left; display: block; padding: 0 24px 0 8px; /*Padding of menu items*/}
#navTop li.current a, #navTop li a:hover {color: #fff; background: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/menub_hover_left.gif') no-repeat; /*left tab image path*/background-position: left;}
#navTop li.current a b, #navTop li a:hover b {color: #fff; background: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/menub_hover_right.gif') no-repeat right top; /*right tab image path*/}

#navLeft { float: left;margin-bottom:20px;width:185px;margin-right:0}
#navLeft h3 {text-transform:capitalize;cursor: pointer; display: block; padding: 7px 5px 6px 25px; font-weight:normal;margin: 0; font-size: 12px; color: white; background-image: url('/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/leftnav_a.gif'); border-bottom: 1px solid #46748e; border-top: 1px solid #66a9d1;}
#navLeft h3:hover,#navLeft h3.current {background-color: white; color: #ffffff; background-image: url("/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/leftnav_a.gif"); border-bottom: 1px solid #fff; border-top: 1px solid #fff; background-position: left bottom; color: black;}
#navLeft ul {border-width: 0; margin: 0; padding: 0;}
#navLeft li {list-style: none outside; display: inline; padding:0;text-transform:capitalize;}
#navLeft li a {color: #808080; display: block; text-decoration: none; padding: 4px 0 4px 10px;font-weight:normal}
#navLeft li a:hover {text-decoration: underline;}
#navLeft .brand {text-transform:capitalize;display: block; padding: 7px 5px 6px 30px; margin-top: 0; text-decoration: none;  font-size: 12px; color: white; border-bottom: 1px solid #46748e; border-top: 1px solid #045C97;background-color:#045C97}


/********************/
/*  Footer         */
/********************/
div#footer {clear: both; text-align: center; color: #666666; font-size: 11px;}
div#footer a {color: #666666; font-size: 11px;}

/*****************/
/* Ad-Slicks     */
/*****************/
.adSlick {margin:15px;}
.adSlick .articleTitle {font-weight:bold;font-size:16px;margin-bottom:3px;color:#EB6D08;text-align:center}
.adSlick .articleDetails {color:gray;float:left;width:400px;}
.adSlick .articleImage {text-align:center;float:left;margin-right:30px}

/***********************/
/* Page Specific forms */
/***********************/
#loginForm {width: 300px; margin: 30px auto 0 auto;}
#loginForm .diaform div.inner {clear: left; width: 200px;}
#loginForm .diaform div.label {width: 200px;text-align:left }

div.small, #ccForm {width: 400px; margin: 0 auto 0 auto;}
div.small div.label, #ccForm div.label {width: 125px;}
div.small div.inner, #ccForm div.inner {width: 225px;}
/********************/
/* Buttons          */
/********************/
.buttonBar {text-align: center; margin-top: 10px; margin-bottom: 10px;}
.buttonBar input, .aButton {background: url(/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/th_bg.gif) repeat-x; height: 28px; margin-left: 10px; width: 110px; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333333; letter-spacing: 1px; text-transform: uppercase;}
.aSmallButton {background: url(/export/system/modules/au.com.creativememories.cmcnetwork/resources/images/th_bg.gif) repeat-x; height: 18px; width: 50px; font: 10px Arial;color: #333333;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;

}
#tooltip h3, #tooltip div { margin: 0;	font-weight:normal; }