/* CSS Document */

body {margin:0px; }
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#be228f; font-weight:normal; text-decoration:none;margin: 0 0 10px 0}
h1 a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:normal; text-decoration:none; margin: 0 0 10px 0}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none; margin: 0 0 10px 0}

#container  {position:relative; width:100%; height:auto; margin: 0 auto;}

#headerContainer {position:absolute; width:100%; height: 146px; top: 0; left:0}
#header {position:relative; width:703px; height:146px; top:0px; padding: 0; margin: 0 auto; background-image:url(../images/header.gif); background-repeat: no-repeat; background-position:bottom left; }
#headerLeftCol {position:absolute; left:0px; height: 146px; width:50%; background-image:url(../images/left_stretch.gif);}
#headerLeftCol_inner{position:absolute; width:68px; height:52px; left:0px; bottom:0px; background-image: url(../images/left_header.gif);}
#headerRightCol{position:absolute;right:0px;height:94px;width:50%;background:url(../images/right_stretch.gif) no-repeat right #CA63A6}

.normalText {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:normal;}
.normalText a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#be228f; font-weight:normal; text-decoration:none;}
.normalText a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#9e9fa3; font-weight:normal; text-decoration:none;}

#feedbackLeftCol {position:relative; float:left; width:170px; padding-right:30px;}
#feedbacklink1 {postion: relative; display:block; width: 415px; height: 87px; background:url(images/feedback/feedback_2.gif) no-repeat; text-indent: -1000px;}
#feedbacklink1:hover { background-position:0 -88px}
#feedbacklink2 {postion: relative; display:block; width: 415px; height: 87px; background:url(images/feedback/feedback_4.gif) no-repeat; text-indent: -1000px;}
#feedbacklink2:hover { background-position:0 -87px}				

#leftCol {position:relative; float:left; width:190px; padding-right:10px;}
#middleCol {position:relative; float:left; width:320px;}
#rightCol_2cols {position: relative; float:left; width: 500px;}
#rightCol_3cols {position: relative; float:right; width: 170px;}

.left_images {display:block; margin-top: 1px; margin-bottom:8px}
.left_images_nm {display:block; margin: 0;}
#footerHolder {position:relative; height: 41px; width:100%; bottom:0px; clear:both; background-color:#9D9FA2}
#footerMiddle {position:relative; width:573px; height:30px; margin: 0 auto; background:url(../images/footer_main.gif) no-repeat 55px 10px; padding: 13px 0 0 120px;}

#footerHomeButton {position:absolute; display:inline; width: 21px; height: 20px; right: 40px; top: 10px; background-color:#003399;  background:url(../images/home_button.gif); text-indent: 1000px; overflow:hidden;}
a#footerHomeButton {position:absolute; width: 21px; height: 20px; right: 40px; top: 10px; background:url(../images/home_button.gif); text-indent: 1000px; overflow:hidden;}
a#footerHomeButton:hover {background-position: 0px -20px}
.footerText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; text-decoration:none;}
.footerText a{font-weight:bold; color:#fff; text-decoration:underline;}
.footerText a:hover{text-decoration:none;}
.clear {clear:both; position:relative; height:0px}
#breadcrumb {position:absolute; width:500px; height:30px; top:97px; left: 200px; margin: 0 auto; }

#contentContainer {position:relative; width:703px; min-height:300px; top:0px; padding:146px 10px 10px 10px; margin: 0 auto; }
#contentContainerSingle {position:relative; width:703px; min-height:300px; top:0px; padding:146px 10px 10px 10px; margin: 0 auto; background:url(../images/grad_single.gif) no-repeat bottom left #FFFFFF;}
#contentContainerDouble {position:relative; width:703px; min-height:300px; top:0px; padding:146px 10px 10px 10px; margin: 0 auto; background:url(../images/grad_double.gif) no-repeat bottom left #FFFFFF;}

#containerSingle {position:relative; width:703px;  top:0px; padding: 0; margin: 0 auto; background-image:url(../images/grad_single.gif); background-repeat: no-repeat; background-position:left top; }
#containerDouble {position:relative; width:703px; top:0px; padding: 0; margin: 0 auto; background-image:url(../images/grad_double.gif); background-repeat: no-repeat; background-position:left top; }
#singleLeft {position:relative; width:180px; padding-left:15px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}
#mainTextContainer{position:relative; width:400px; overflow:auto; padding-left:0px; padding-bottom:20px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}
#doubleTextContainer {position:relative; width:300px; padding-bottom:20px; overflow:auto; padding-left:0px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}

#rightText {position:relative; float:right; width:170px; padding-right:5px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}

#feedbacklink1 {position: relative; display:block; width: 415px; height: 87px; background:url(../images/feedback/feedback_2.gif) no-repeat; text-indent: -1000px;}			
#feedbacklink2 {position: relative; display:block; width: 415px; height: 87px; background:url(../images/feedback/feedback_4.gif) no-repeat; text-indent: -1000px;}				
					
					
					
/* feedback nav elements */

#feedback360 {position:relative; display: block; width: 159px; height: 34px; background-image: url(../images/nav_feedback.gif); margin: 0 auto; background-position: -159px 0;}
a#feedback360 {position:relative; left:0px; display: block; width: 159px; height:34px; background-image: url(../images/nav_feedback.gif); margin: 0 auto; background-position: -0 0;}
a#feedback360:hover{position:relative; left:0px; display: block; width: 159px; height: 34px; background-image: url(../images/nav_feedback.gif); margin: 0 auto; background-position: -159px 0;}

#customised360 {position:relative; display: block; width: 159px; height: 34px; background-image: url(../images/nav_customised.gif); margin: 0 auto; background-position: -159px 0;}
a#customised360 {position:relative; left:0px; display: block; width: 159px; height:34px; background-image: url(../images/nav_customised.gif); margin: 0 auto; background-position: -0 0;}
a#customised360:hover{position:relative; left:0px; display: block; width: 159px; height: 34px; background-image: url(../images/nav_customised.gif); margin: 0 auto; background-position: -159px 0;}

#shelf360 {position:relative; display: block; width: 159px; height: 34px; background-image: url(../images/nav_shelf.gif); margin: 0 auto; background-position: -159px 0;}
a#shelf360 {position:relative; left:0px; display: block; width: 159px; height:34px; background-image: url(../images/nav_shelf.gif); margin: 0 auto; background-position: -0 0;}
a#shelf360:hover{position:relative; left:0px; display: block; width: 159px; height: 34px; background-image: url(../images/nav_shelf.gif); margin: 0 auto; background-position: -159px 0;}

#home360 {position:relative; display: block; width: 159px; height: 34px; background-image: url(../images/nav_home.gif); margin: 0 auto; background-position: -159px 0;}
a#home360 {position:relative; left:0px; display: block; width: 159px; height:34px; background-image: url(../images/nav_home.gif); margin: 0 auto; background-position: -0 0;}
a#home360:hover{position:relative; left:0px; display: block; width: 159px; height: 34px; background-image: url(../images/nav_home.gif); margin: 0 auto; background-position: -159px 0;}


.view360 {position:relative; display: block; width: 161px; height: 34px; background-image: url(../images/view_360.gif); margin: 2px 0 10px 0; background-position: -161px 0;}
a.view360 {position:relative; display: block; width: 161px; height:34px; background-image: url(../images/view_360.gif); margin: 2px 0 10px 0; background-position: -0 0;}
a.view360:hover{background-position: -161px 0; margin: 2px 0 10px 0}



/* feedback nav elements */

#performance {position:relative; display: block; width: 159px; height: 34px; background-image: url(../images/nav_introduction.gif); margin: 0 auto; background-position: -159px 0;}
a#performance {position:relative; left:0px; display: block; width: 159px; height:34px; background-image: url(../images/nav_introduction.gif); margin: 0 auto; background-position: -0 0;}
a#performance:hover{position:relative; left:0px; display: block; width: 159px; height: 34px; background-image: url(../images/nav_introduction.gif); margin: 0 auto; background-position: -159px 0;}

#what {position:relative; display: block; width: 159px; height: 34px; background-image: url(../images/nav_facet.gif); margin: 0 auto; background-position: -159px 0;}
a#what {position:relative; left:0px; display: block; width: 159px; height:34px; background-image: url(../images/nav_facet.gif); margin: 0 auto; background-position: -0 0;}
a#what:hover{position:relative; left:0px; display: block; width: 159px; height: 34px; background-image: url(../images/nav_facet.gif); margin: 0 auto; background-position: -159px 0;}

#applications {position:relative; display: block; width: 159px; height: 34px; background-image: url(../images/nav_applications.gif); margin: 0 auto; background-position: -159px 0;}
a#applications {position:relative; left:0px; display: block; width: 159px; height:34px; background-image: url(../images/nav_applications.gif); margin: 0 auto; background-position: -0 0;}
a#applications:hover{position:relative; left:0px; display: block; width: 159px; height: 34px; background-image: url(../images/nav_applications.gif); margin: 0 auto; background-position: -159px 0;}

#navSpacer {height:2px;}

/* home page */

#homeMainText {position:relative; float:left; width:170px; padding-right:30px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:normal;}
#homeFeedbackText{position:relative;float:left;width: 163px; padding-bottom:65px;}
#homePerformanceText{position:relative;float:left;width: 163px;height: 248px;background-image:url(../images/feedback_text.gif);}
#homeSupportText{position:relative;float:left;width: 163px;height: 248px;background-image:url(../images/feedback_text.gif);}
#homeFeedbackContainer {position: relative; background-image:url(../images/box_bg.gif); float:left; width: 500px; margin-bottom:10px;}
#homeFeedbackDiv{width: 146px;height: 22px;padding-top:4px;padding-left:4px;background-color:#9d9fa2;}

#homeFeedbackContent{width: 142px; padding-top:13px; padding-left:4px; padding-right:4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:normal;}

#homeFeedbackLink1{position:absolute; bottom:0px; left: 107px; width:53px; height:54px;}
#homeFeedbackLink2{position:absolute; bottom:0px; left: 271px; width:54px; height:56px;}
#homeFeedbackLink3{position:absolute; bottom:0px; left: 433px; width:54px; height:54px;}

#homeSpacer {height:10px;}

/* index page */
#feedbackMainText{position:relative;float:left;width:430px;height:360px;overflow:auto;padding-left:30px;font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;background-image:url(../images/36_bg.gif);}
#containerLeftNav {position:absolute; top:0px; left:0px; width:131px; height:344px; margin:auto; background-color:#addce9; background-image:url(../images/left_nav_bg.jpg);}
#containerFlash {position:absolute; top:0px; right:0px; width:232px; height:542px; margin:auto; background-color:#addce9;}
#containerBottom {position:absolute; width:120px; height:198px; margin:auto; padding-top:0px; left:0px; bottom:0px;}
#containerInfo {position:absolute; width:200px; height:140px; margin:auto; padding-left:18px; left:0px; bottom:0px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal;}
#containerHeader {position:absolute; width:550px; height:30px; margin:auto; padding-left:0px; left:180px; top:20px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:normal;}

/* index page */
#containerIndexTitle {position:relative; width:345px; padding:0 5px 0 0; height:80px; left:268px; top:80px; overflow: hidden;}
#containerIndex {position:absolute; width:345px; height:auto; margin:auto; padding-left:0px; left:268px; top:155px;}

/* Font Styles */
.small_purple {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#be228f; font-weight:bold; text-decoration:none; margin:13px; padding-bottom:10px;
}

.nav_purple {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#be228f; font-weight:bold; text-decoration:none; margin:0px}

.small_grey {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9e9fa3; font-weight:normal; text-decoration:none; margin:0px}

.breadcrumb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9e9fa3; font-weight:normal; text-decoration:none; margin:0px}
.breadcrumb a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#be228f; font-weight:normal; text-decoration:none; margin:0px}
.breadcrumb a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9e9fa3; font-weight:normal; text-decoration:none; margin:0px}