@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/18px Arial, Helvetica, sans-serif; background:#600a1f;}

.mastWrap{float:left;width:100%; background:#f8f1e2 url(images/BG.gif) repeat-x left top;}
.cntrWrap{width:900px;margin:0 auto;}
.fltFix{float:left;width:100%;}

a { color: #0066CC; text-decoration: underline; }
a:hover { color: #FDB702; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:140%;line-height:24px;}
h2, .PageSubTitleHeader {font-size:120%; line-height:24px;}
h3 {font-size:110%;line-height:21px;}
h4 {font-size:100%;line-height:18px;}
h5 {font-size:90%;line-height:15px;}
p {margin:7px 0;padding:0;}
#PageHeader{ display:none;}
blockquote{display:inline;float:left;margin:10px 20px;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0 0 15px; padding:0; float:left; width:900px; background:url(images/Header.gif) no-repeat left top;}

.structHead h1{padding:0;margin:0;float:left;}
.structHead h1 a{display:block;height:116px;text-indent:-999em;width:490px;}

.structHead #ContentSearch{float:right;margin:42px 0 0;padding:0;width:285px;}
.structHead #ContentSearch input{width:185px; background:#f9d285; border:none;}
.structHead #ContentSearch img{ vertical-align:top;}

.structHead #ContentTopQTlinks{float:right;margin:30px 0 0;padding:5px 0; width:361px;}
.structHead #ContentTopQTlinks ul {list-style:none;margin:0;padding:0;}
.structHead #ContentTopQTlinks li {border-left:1px solid #FFFFFF;float:left;padding:0 10px;}
.structHead #ContentTopQTlinks li#MakeaGift {border-left:none;}
.structHead #ContentTopQTlinks a {color:#FFFFFF;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

.structHead #ContentToplinks{margin:0; padding:0; float:left; width:900px;}
.structHead #ContentToplinks ul { padding:0; margin:0; list-style:none; float:left;}
.structHead #ContentToplinks li { float:left; padding:0 1px 0 0; margin:0; background:url(images/TopNavDiv.gif) no-repeat right top}
.structHead #ContentToplinks li a { display:block; font-family:Tahoma, Arial, sans-serif; color:#fff; padding:5px 15px; text-decoration:none;line-height:21px;}
.structHead #ContentToplinks li li:hover,.structHead #ContentToplinks li a:hover, .structHead #ContentToplinks li.sfHover { background:#ebe4d2; color:#817052;}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:0; background:#ebe4d2; border-width:0 1px 1px 1px; border-color:#dacbb1; border-style:solid; float:none; width:170px; padding:10px; z-index:9999;}
.structHead #ContentToplinks li li { width: 170px; border-bottom:1px solid #FFFFFF; background:none;}
.structHead #ContentToplinks li li a { padding:2px 10px; color:#817052; width:150px; line-height:normal;}
.structHead #ContentToplinks li li a:hover { color:#d01132;}

/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfHover ul ul,
.structHead #ContentToplinks li.sfHover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfHover ul,
.structHead #ContentToplinks li li.sfHover ul,
.structHead #ContentToplinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.structHead #ContentToplinks  li:hover,
.structHead #ContentToplinks  li li:hover,
.structHead #ContentToplinks  li li li:hover,
.structHead #ContentToplinks  li.sfHover,
.structHead #ContentToplinks  li li li.sfHover,
.structHead #ContentToplinks  li li.sfHover { position:static;}


#ContentMemberTools {float:left;margin:0;padding:5px 0;width:900px;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0; float:right;}
#ContentMemberTools li {border-left:1px solid #FFFFFF;float:left;padding:0 10px;}
#ContentMemberTools li#Logout {border-left:medium none;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
#ContentMemberTools a {color:#FFFFFF;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}
.MTLinkscontainer{ display:none;}


#ContentTabNav {float:left;margin:0;padding:5px 0;width:100%;}
#ContentTabNav ul {list-style:none;margin:0;padding:0; float:left;}
#ContentTabNav li {border-left:1px solid #FFFFFF;float:left;padding:0 10px;}
#ContentTabNav a {color:#FFFFFF;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:10px 0 0; float:left; background:url(images/LeftBG.gif) no-repeat left top; min-height:300px; width:200px}
.structLeft #ContentLeftNav{margin:0; padding:0; float:left;}
.structLeft #ContentLeftNav ul{ list-style:none;margin:0 10px; display:inline; padding:0; float:left;}
.structLeft #ContentLeftNav li {border-bottom:1px solid #FFFFFF;float:left;margin:0;padding:0;width:169px;}
.structLeft #ContentLeftNav li a { padding:2px 10px; color:#817052; width:150px; text-decoration:none;display:block;}
.structLeft #ContentLeftNav li a:hover { color:#d01132;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left; background:url(images/ContentBg.gif) repeat-y left top; width:900px;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0;list-style:none;float:left; width:100%;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:0px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;color:#817052;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{color:#d01132;}

.structBody .MidWrap{margin:0; padding:10px; float:left; background:url(images/ContentTop.gif) no-repeat left top; width:680px;}

.structBody #ContentImgRot{margin:0 0 10px; padding:0; float:left; width:100%;border:1px solid #dacbb1;width:678px; height:99px; overflow:hidden;}
.structBody #ContentPageName{margin:0 0 10px; padding:0; float:left; width:100%;border-bottom:1px solid #c3b193;width:100%; font-size:20px; color:#d01132; }
.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%;}
.rtcol .structBody #ContentMiddle{float:left;margin:0 -1px 0 0;padding:0 10px 0 0;width:425px;border-right:1px solid #c3b193;}


/* RIGHT COLUMN
---------------------------------------------*/
#ContentMiddleLayoutRight{margin:0; padding:0 0 0 10px; float:left; width:234px;border-left:1px solid #c3b193;}

.structRight{margin:0 0 0 15px; padding:0; float:left;width:285px}
.structRight .left{padding:10px 0 0 10px;height:95px;}
.structRight a{color:#af9a77}

.structRight #ContentRight{margin:0; padding:0 0 10px; float:left; width:200px; }

.structRight .lgn{margin:0; padding:0; float:left;width:285px; height:141px; background:url(images/MemberLogin.gif) no-repeat left top;}
.structRight #ContentLoginLt{width:133px; padding:36px 0 0 10px }
.structRight #ContentLoginRt{width:120px; height:131px;}

.structRight .pht{background:transparent url(images/Photo.gif) no-repeat scroll left 10px;float:left;height:166px;margin:20px 0 15px;padding:0;width:285px;}
.structRight #ContentPhotoLt{width:117px; padding:47px 0 0 10px }
.structRight #ContentPhotoRt{height:108px;margin:21px 0 0 20px;overflow:hidden;width:119px; }
.structRight .phtimg{background:url(images/PhotoPng.gif) no-repeat left top; width:157px; height:167px; margin:0;float:left;}

.structRight .grn{margin:0; padding:0; float:left;width:285px; height:165px;  background:url(images/OntheGreen.gif) no-repeat left 12px;}
.structRight #ContentGreenLt{width:133px; padding:47px 0 0 10px}
.structRight #ContentGreenRt{ margin:0;}


/* ------------------ Start ------------------------- */
.start .structBody{margin:0; padding:0; float:left; background:none; width:900px;}

.start .structBody .MidWrap{margin:0; padding:0; float:left; background:none; width:600px;}



/* ------------------ Login ------------------------- */

.divLoginPanel{ margin:10px 0 0;}

.Flogin{ float:left; margin:0; padding:0; width:350px;}
.Reglogin{ float:right; margin:0; padding:0; width:400px;}


.divLoginInputs{ margin:0; padding:8px 0;}
.divLoginUserNameRow{ margin:0; padding:8px 0;}

#lblPassword{ margin:0 4px 0 0;}

.hrt .divLoginPanel{ margin:0;}

.hrt .divLoginInputs{ margin:0; padding:0;}
.hrt .divLoginUserNameRow{ margin:0; padding:0 0 2px 0;line-height:12px;}
.hrt .divLoginPasswordRow{line-height:12px;}

.hrt #lblPassword{ margin:0 0;}


.hrt .divLoginPanel { font-size:11px;}
.hrt .divLoginPanel a{ color:#af9a77}

.hrt .inputtxt{ border:1px solid #af9a77; width:117px;}

.hrt .divLoginButtonRow{ float:left; width:117px;}
.hrt .button{border:medium none;color:#FFFFFF;height:20px;margin:0 1px;float:left;}
.hrt .loginButton{ background:url(images/LoginBtn.gif) no-repeat left top;padding:0 9px 4px 4px;*padding:0 6px 4px 1px;}
.hrt .cancelButton{ background: url(images/cancelBtn.gif) no-repeat left top;padding:0 9px 4px 2px;*padding:0 3px 4px 0px;}
.hrt .logoutButton{ background: url(images/cancelBtn.gif) no-repeat left top;padding:0 9px 4px 4px;*padding:0 6px 4px 1px;}
/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; width:100%; padding:0; background:url(images/FooterBg.gif) repeat-x left top;float:left;}
.structFooterwrap{margin:0 auto; padding:0; width:900px; }
.structFooter #ContentFooter{margin:0; padding:0 0 10px; float:left; width:100%; color:#FFFFFF; background:url(images/FooterLogoBG.gif) no-repeat center top; text-align:center;}
.structFooter #ContentFooter a{color:#FFFFFF;}