/*************************/
/*      General         */
/*************************/
body {text-align: center; background-color: #0681bb;}
img {border: 0;}
form {margin: 0;}

ul {padding: 0 0 0 10px; margin: 0 0 0 20px;}
li {padding: 0 0 5px 0;}

a {text-decoration: none; color: #0681bb;}
a:hover {text-decoration: underline;}
.clear {clear: both;}
.spacer {clear: both; height: 20px;}
.separator {border-bottom: #C1DAD7 1px solid;clear:both}
#container {border-collapse: collapse; border: 0; margin: 0 auto; text-align: left; width: 850px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px;}
/********************/
/*  Content         */
/********************/
#mainContent {width: 820px; margin-top: 10px; background-color: #ffffff; clear: both;}
#mainBody {background-image: url('/export/system/modules/au.com.cmphotocentre/resources/images/background-slice.jpg'); background-repeat: repeat-y; padding-left: 15px; padding-right: 15px; background-color: #ffffff;}
#content {padding-bottom: 10px; float: left; width: 614px; margin-right: 10px;}
div#prop {height: 500px; float: right; width: 1px;}
/* Full width content - no nav left */
#contentFull {padding-bottom: 10px; float: left; width: 799px; margin-right: 10px; margin-left: 10px;}
#content h1 {margin-top: 0;}
#content h2 {border-bottom: #999999 1px solid; color: #0681bb; font-size: 16px; padding: 5px 0 0 0px; margin-top: 0;}

/* Home  */
#home {padding-bottom: 10px; float: left; width: 799px; margin-right: 10px; margin-left: 10px;}
#home #left {float: left; width: 589px; overflow: hidden;}
#home #right {float: left; width: 210px;}
#home div.feature {margin: 0 0 10px 10px; width: 200px; height: 140px; overflow: hidden;}
#home div.feature p {margin:0;padding:0}
/********************/
/*  Banner          */
/********************/
#banner {height: 52px; background-image: url('/export/system/modules/au.com.cmphotocentre/resources/images/top-branding.jpg');}
#yourConsultant {float: right; text-align: right;}
#yourConsultant p {margin: 0; font-size: 12px; color: #999999;}
#yourConsultant strong {color: #333333;}
#yourConsultant h1 {margin: 0; font-size: 14px; color: #0681BB;}
#subBanner {padding: 10px; height: 104px;}
#subBanner img {float: left;}
#subBanner .header {margin-top: 5px; float: left; width: 400px;}
#subBanner .header p {font-size: 12px; margin-top: 0; float: left; padding-right: 10px; line-height: 150%; margin-bottom: 10px;}
#subBanner .header img {margin-left:-7px}
/********************/
/* Nav Top         */
/********************/
#navTop {height: 25px; background-color: #0681bb; clear: both; margin: 0 10px 0 10px;}
#navTop a {float: left;}
#navTop ul {padding: 0;margin: 0; list-style: none; height: 25px;}
#navTop li {padding: 0;margin: 0;float: left; display: block; position: relative;}
#navTop ul li {float: left; display: block; position: relative; height: 17px;}
#navTop ul > li:last-child {margin-bottom: 1px; /* Mozilla fix */}
#navTop ul li a {display: block; padding: 5px 10px 5px 10px; color: #FFFFFF; font-size: 12px; text-decoration: none; float: left; border-right: #7BA9D3 solid 1px;}
#navTop ul li a:hover {background-color: #3879B5;}
#navTop ul li ul {display: none; position: absolute; top: 1.0em; left: 0; margin-top: 22px; width: 140px; float: none;}
#navTop ul li ul li {height: 32px; width: 140px; float: none; margin-left: 0; padding-left: 0; margin-bottom: -1px; background-color: #3879B5; border-bottom: #4D89C0 2px solid;}
#navTop ul li ul li a {float: none;}
#navTop ul li ul li a:hover {text-decoration: underline;}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
#navTop ul li a.highlighted {background-color: #3879B5;}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
/* \*/
#navTop a {float: none;}
/* */
/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
*/
*:first-child + html #navTop ul li ul li {float: left; width: 100%;}
* html #navTop ul li ul li {float: left; height: 1%;}
* html #navTop ul a {height: 1%;}
/* End Hacks */
/********************/
/* Nav Left         */
/********************/
#navLeft {overflow: hidden; float: left; width: 180px; padding: 0 5px 0 10px; text-align: left; display: inline;}
#navLeft ul {list-style: none; margin: 0; padding: 0;}
#navLeft ul li {text-align: right; margin: 0; padding: 0; list-style: none;}
#navLeft a {background-color: #99ca53; display: block; margin-bottom: 1px; font-size: 13px; color: #ffffff; padding-top: 7px; padding-right: 40px; padding-bottom: 7px; margin-top: 0;}
#navLeft a.off:hover {background-image: url('/export/system/modules/au.com.cmphotocentre/resources/images/on.gif'); background-repeat: no-repeat; background-position: right; text-decoration: none;}
#navLeft a.on {background-image: url('/export/system/modules/au.com.cmphotocentre/resources/images/on.gif'); background-repeat: no-repeat; background-position: right;}
#navLeft a.off {background-image: url('/export/system/modules/au.com.cmphotocentre/resources/images/off.gif'); background-repeat: no-repeat; background-position: right;}
#noNavLeft {overflow: hidden; float: left; width: 180px; padding: 0 5px 0 10px; text-align: left; display: inline; background: #F3F5F5;}
/********************/
/* Step Left         */
/********************/
#stepLeft {overflow: hidden; float: left; width: 163px; padding: 10px 21px 0 10px; text-align: left; display: inline;}
#stepLeft ul {list-style: none; margin: 0; padding: 0;}
#stepLeft ul li {text-align: left; margin: 0; padding: 0; list-style: none;}
#stepLeft a {margin-bottom: 0; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; background-color: #99ca53; display: block; color: #ffffff; padding-top: 7px; padding-left: 20px; padding-bottom: 7px; margin-top: 0;}
#stepLeft a:hover {text-decoration: none;}
#stepLeft a.off {background-color: #93A677; color: #E5E3F0;}
#stepLeft a.arrowOn {background-position: center; background-color: #ffffff; text-align: center; background-image: url(/export/system/modules/au.com.cmphotocentre/resources/images/on_h.gif); background-repeat: no-repeat;}
#stepLeft a.arrowOff {background-position: center; background-color: #ffffff; text-align: center; background-image: url(/export/system/modules/au.com.cmphotocentre/resources/images/on_h.gif); background-repeat: no-repeat;}
/********************/
/* Tabs              */
/********************/
div.tab {clear: both;}
.tab ul {padding: 0; margin: 0; list-style-type: none; white-space: nowrap;}
.tab li {float: left; min-width: 90px;padding: 0; margin: 0;}
.tab a {position: relative; display: block; text-decoration: none; min-width: 90px; float: left;}
* html .tab a {width: 90px;}
.tab a span {display: block; color: #000; background: #c4c4c4; border: 1px solid #fff; border-width: 2px 1px; text-align: center; padding: 4px 2px; cursor: pointer;}
* html .tab a span {width: 90px; cursor: pointer; width: 66px;}
.tab a b {display: block; border-bottom: 2px solid #06a;}
.tab a em {display: none;}
.tab a:hover, .tab a.on {background: #fff;}
.tab a:hover span, .tab a.on span {color: #fff; background: #08c;}
.tab a:hover em, .tab a.on em {display: block; overflow: hidden; border: 6px solid #06a; border-color: #06a #fff; border-width: 6px 6px 0 6px; position: absolute; left: 50%; margin-left: -6px;}
/********************/
/*  Footer         */
/********************/
div#footer {clear: both; height: 22px; text-align: center; background-image: url('/export/system/modules/au.com.cmphotocentre/resources/images/footer.jpg'); color: #ffffff; font-size: 11px; padding-top: 7px;}
div#footer a {color: #ffffff; font-size: 11px;}
/*************************/
/* Gallery               */
/*************************/
#gallery {text-align: left; background: #F3F5F5; padding: 12px 0 0 12px; clear: both;}
.thumbnail {background: #FFF; float : left; width : 160px; border: solid #CCC; border-width: 0 1px 1px 0; margin : 0 12px 12px 0; padding: 0 10px 10px 10px; text-align : center;}
.thumbnail img {margin-bottom: 5px;}
.thumbnail p {margin: 0 0 0 0; font-size : 10px; padding : 0 0 5px 0;}
.imgQty {font-size: 11px;}
.imgQty input {width: 30px; font-size: 10px; position: relative; top: 2px; color: #333333;}

.imgQty div {text-align:right;margin-bottom:10px;}

input.qty {text-align: center; width: 40px;}

#gallery div.delete {text-align: right; margin-bottom: 0; margin-top: 3px; margin-right: -7px;}
.price {font-size:12px;font-weight:bold;margin:5px 0 0 0;text-align:center;color:#0681bb}
#gallery div.description {height:50px;overflow:hidden}

/*************************/
/* Order Summary Table   */
/*************************/
table.order {border: 1px solid #C1DAD7; border-collapse: collapse; width: 100%; clear: both;}
table.order th {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 6px; background: #CAE8EA url(/export/system/modules/au.com.cmphotocentre/resources/images/bg_header.jpg) repeat-x;}
table.order td {border: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7;background: #fff; padding: 6px 6px 6px 6px; color: #6D929B;}
table.order tr.subheading, table.order tr.subheading td {font-size: 14px; font-weight: bold; color: #EE709E; background: #EFE1DB; border-bottom: 1px #EE709E solid;}
table.order tr:hover {background: #F6DCE7;}
table.order tr.total td, table.order td.total {font-weight: bold; border-top: 0; border-bottom: 0;}
/*************************/
/*  DIA form template    */
/*************************/
.diaform form {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; 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/images/bg_header.jpg') repeat-x;}
.diaform div.label {clear: left; width: 180px; padding-right: 10px; color: #0681bb; float: left; vertical-align: top;}
.diaform div.inner {float: left; clear: right; display: block; vertical-align: top;width:382px}
.diaform ol {margin: 0; padding: 0; border: #C1DAD7 1px solid; background-color: #ffffff;}
.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:#C0C0C0;margin-left:3px}
.diaform .mandatoryNotice {color:#C0C0C0;font-size:10px;font-style: italic}
.diaform li.error {color: #ff0000; margin-top: -5px; padding-top: 0; font-size: 11px; }
.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/images/bg_header.jpg) repeat-x;}
/***********************/
/* Page Specific forms */
/***********************/
#loginForm {width: 250px; margin: 30px auto 0 auto;}
#loginForm .diaform div.inner {clear: left;width:auto}
/********************/
/*    REPORT        */
/********************/
.report table {width: 100%; border: #C1DAD7 1px solid; border-collapse: collapse; clear: both;}
.report th {color: #6D929B; border-bottom: 1px solid #C1DAD7; font-size: 10px; text-transform: Capitalize; padding: 6px 6px 6px 10px; background: #CAE8EA url(/export/system/modules/au.com.cmphotocentre/resources/images/bg_header.jpg) repeat-x;}
.report td {padding: 2px; font-size: 10px;}
.report tr.row0 td {background-color: #ECF1FF;}
.report a:visited {color:#CC00CC}
.report tr.subheading td {border-bottom: #0681bb 1px solid; color: #0681bb; font-size: 14px; font-weight:bold; padding: 5px; }

/********************/
/* Tool Bar         */
/********************/
div.toolbar {text-align: right; margin: 3px 0;}
div.toolbar img {vertical-align: middle;}
/********************/
/* Buttons          */
/********************/
.buttonBar {text-align: center; margin-top: 10px; margin-bottom: 10px;}
.buttonBar input, .aButton {background: #CAE8EA url(/export/system/modules/au.com.cmphotocentre/resources/images/bg_header.jpg) no-repeat; height: 25px; margin-left: 10px; width: 100px; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #6D929B; letter-spacing: 1px; text-transform: uppercase;}
/********************/
/* Admin Login Form */
/********************/
div.loginform {float: right; background-color: #e5e3f0; position: fixed; left: 300px; top: 250px; border: 1px ridge #000000;}
/***************/
/* tooltip     */
/***************/
#tooltip { 
    border: 1px solid #FFF;
    background-color:#0178C8; 
    padding:6px 5px; 
    width:240px; 
    display:none; 
    color: #FFF; 
    text-align:left; 
    line-height: 150%;
    font-size:11px; 
    font-family: 'Verdana';
    -moz-box-shadow:0 0 10px #0178C8; 
    -webkit-box-shadow:0 0 10px #0178C8; 
}