@import 'extras.css';
* {
	font-size:100.01%;
}
html {
	font-size:62.5%;
}
body {
	margin:0;
	background:#e0e0e0;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#3f3f3f;
}
body.news {
	background:white;
	padding:0px;
}
body.compterms {
	font-size: 9px;
	padding: 10px;
	background: white;
}
body.compterms2 {
	font-size: 11px;
	padding: 10px;
	background: white;
}
h1 {
	padding: 10px 0 5px 0;
}
h1 a {
	position:absolute;
	display:block;
	width:180px;
	height:99px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../candy/logo-new.jpg);
	top:23px;
	left:27px;
}
h1 a:hover {
	position:absolute;
	display:block;
	width:180px;
	height:99px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../candy/logo-new.jpg);
	top:23px;
	left:27px;
}
h1 {
	color:#0073cf;
	font-size:1.6em;
	margin:20px 0 0 0;
}
h2 {
	color:#0073cf;
	font-size:1.4em;
	margin:30px 0 0 0;
}
h2.normal {
	color:#0073cf;
	font-size:1.2em;
	margin:10px 0 0 0;
}
#bom-build h2.normal {
	color:#0073cf;
	font-size:1.2em;
	margin:35px 0 -10px 0;
}


h3 {
	color:#69bf28;
	margin:10px 0 0 0;
	font-size:1.2em;
}
h4 {
	color:#0073cf;
	margin:10px 0 0 0;
	font-size:1em;
}
h5 {
	color:#69bf28;
	margin:10px 0 0 0;
	font-size:1em;
}
h6 {
	font-size: 8px;
	text-align: center;
}
p {
	margin:8px 0 8px 0;	
	line-height: 1.3em;
	text-align: left;
}
.bottom-page p {
	margin:8px 35px 8px 0;	
	line-height: 1.3em;
	text-align: left;
}
a {
	color: #0073cf;
	background: inherit;
	text-decoration: underline;
}
a:hover {
	color: #69bf28;
	background: inherit;
	text-decoration: underline;
}
img, object {
	float:left;
	margin:0;
	border:0;
}
#page {
	width:751px;
	margin:0 auto;
	padding:10px 20px 0;
	overflow:hidden;
}
#main,
#header,
#top-nav {
	width:751px;
	float:left;
}
/* main page */
#main {
	background:url(../candy/main-bg.gif) repeat-y;
}
/* header */
#header {
	position:relative;
	height:138px;
	background:url(../candy/header-bg.gif) repeat-y;
}
#main-content {
	padding:0 13px 0 16px;
	width:722px;
	float:left;
}
#main-content-news {
	float:left;
}
/* top navigation */
ul#top-nav {
	padding:0;
	margin:0;
	list-style:none;
	height:37px;
	background:url(../candy/bom-tabs/top-nav-bg-bom.gif) no-repeat 0 0;
}
ul#top-nav li {
	float:right;
	padding-top:5px;
	position:relative;
	text-indent:-9999px;
	height:32px;
}
ul#top-nav li a {
	float:right;
	height:32px;
	overflow:hidden
}
ul#top-nav li a:hover,
ul#top-nav li a.active {
	position:relative;
	cursor:pointer;
}
ul#top-nav li.home-nav,
ul#top-nav li.home-nav a {
	width:74px;
}
ul#top-nav li.home-nav a:hover {
	background:url(../candy/home-hover1.jpg) 0 -1px;
}
ul#top-nav li.home-nav a.active {
	background:url(../candy/home-down3.jpg) 0 -1px;
}
ul#top-nav li.login-nav,
ul#top-nav li.login-nav a,
ul#top-nav li.logout-nav,
ul#top-nav li.logout-nav a {
	width:53px;
}
ul#top-nav li.login-nav a:hover {
	width:78px;
	margin-left:-26px;
	background:url(../candy/bom-tabs/bom-hover.png);
}
ul#top-nav li.login-nav a.active {
	width:78px;
	margin-left:-26px;
	background:url(../candy/bom-tabs/bom-down.png);
}
ul#top-nav li.register-nav,
ul#top-nav li.register-nav a,
ul#top-nav li.quality-nav,
ul#top-nav li.quality-nav a
{
	width:73px;
}
ul#top-nav li.register-nav a.active {
	width:96px;
	margin-left:-23px;
	background:url(../candy/register-down.png);
}
ul#top-nav li.register-nav a:hover {
	width:96px;
	margin-left:-23px;
	background:url(../candy/register-hover.png);
}
ul#top-nav li.quality-nav a:hover {
	width:96px;
	margin-left:-23px;
	background:url(../candy/quality-hover.png);
}
ul#top-nav li.quality-nav a.active {
	width:96px;
	margin-left:-23px;
	background:url(../candy/quality-down.png);
}
ul#top-nav li.services-nav,
ul#top-nav li.services-nav a {
	width:72px;
}
ul#top-nav li.services-nav a:hover {
	width:96px;
	margin-left:-24px;
	background:url(../candy/services-hover.png);
}
ul#top-nav li.services-nav a.active {
	width:96px;
	margin-left:-24px;
	background:url(../candy/services-down.png);
}
ul#top-nav li.about-nav,
ul#top-nav li.about-nav a {
	width:55px;
}
ul#top-nav li.about-nav a:hover {
	width:80px;
	margin-left:-26px;
	background:url(../candy/about-hover.png);
}
ul#top-nav li.about-nav a.active {
	width:80px;
	margin-left:-26px;
	background:url(../candy/about-down.png);
}
ul#top-nav li.contact-nav,
ul#top-nav li.contact-nav a {
	width:63px;
}
ul#top-nav li.contact-nav a:hover {
	width:86px;
	margin-left:-23px;
	background:url(../candy/contact-hover.png);
}
ul#top-nav li.contact-nav a.active {
	width:86px;
	margin-left:-23px;
	background:url(../candy/contact-down.png);
}
#center,
#center-inner,
.bottom-home,
.main-home,
.main-inner,
.content-inner,
.bottom-inner,
.bottom-page {
	width:713px;
	float:left;
}
#center {
	padding:8px 6px 47px 0;
	background:url(../candy/bottom-corner.gif) no-repeat 100% 100%;
}
#center-inner {
	padding:8px 6px 0 0;
	background:url(../candy/bottom-corner.gif) no-repeat 100% 100%;
}
.main-home {
	background:url(../candy/main-home.gif) repeat-y;
}
.main-inner {
	background:url(../candy/main-inner.gif) repeat-y;
}
.bottom-home {
	background:url(../candy/bottom-home.gif) no-repeat 0 100%;
	padding-bottom:35px;
}
.bottom-page {
	background:url(../candy/bottom-inner.gif) no-repeat 35px 100%;
	padding-bottom:22px;
}
/* left content */
#left {
	width:543px;
	float:left;
}
/* right content */
#right {
	width:132px;
	float:right;
	padding:0 14px 0 14px;
	background:url(../candy/top-content.gif) repeat-x;
}

/*White rounded corner right hand column*/

#bottom-right {
	padding:8px 6px 0 0;
	background:url(../candy/bottom-right-corner.gif) no-repeat 110% 290%;
	z-index: 12;
	height: 49px;
	width: 51px;
}

#right p {
	text-align: left;
}
.flash {
	width:535px;
	float:left;
	margin-left:8px;
	display:inline;
	background:#e0edd4;
	padding-bottom:8px;
	border: none;
}
.home-info,
.home-info-top {
	width:421px;
	float:right;
}
.home-info {	
	background:url(../candy/top-corner.gif) no-repeat 100% 0;
	padding-right:43px;
}
.home-info-top {
	background:url(../candy/top-content.gif) repeat-x;
}
.left-tab {
	width:79px;
	float:left;
	background:url(../candy/left-tab-bg.gif) no-repeat;
	min-height:140px;	
}
* html .left-tab {
	height:140px;
}
.left-tab-page {
	width:79px;
	float:left;
	background:url(../candy/left-tab-bg.gif) no-repeat 1px 0;
	min-height:140px;	
}
* html .left-tab-page {
	height:140px;
}
div.register-img {
	background: url(../candy/register_hover_blue.gif);
	width:114px;
	height:34px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin-left:8px;
}

div.register-img-right {
	background: url(../candy/register_hover_blue.gif);
	width:114px;
	height:34px;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	margin-left:10px;
	margin-right:90px;
	margin-top:25px;
}

* html div.register-img {
	margin-left:3px;
}
a.register-now {
	width:114px;
	height:34px;
	float:left;
	background:url(../candy/register.gif);
	overflow:hidden;
	text-indent:-9999px;	
}
a:hover.register-now {	
	background:transparent;	
}
/* footer */
ul#footer {
	background:#fff;
	width:689px;
	float:left;
	padding:0 33px 0 0;
	margin:0;
	list-style:none;
	font-size:0.9em;
	color:#000;
}
ul#footer li {
	float:right;
	padding:6px 9px 25px 7px;
	background:url(../candy/footer-separator.gif) no-repeat 100% 8px;
}
ul#footer li.last {
	background:none;
}
ul#footer li a {
	color:#000;
	text-decoration:none;
}
ul#footer li a:hover {
	text-decoration:underline;
}
/* inner page */
.main-inner .left-tab {
	background:url(../candy/top-content.gif) repeat-x;
}
.content-inner {
	background:url(../candy/content-inner.gif) repeat-y;
}
.bottom-inner {
	background:url(../candy/bottom-inner.gif) no-repeat 35px 100%;
	padding-bottom:12px;
}
.inner-top,
.inner-info {
	width:634px;
	float:left;
}
.inner-top {
	background:url(../candy/top-content.gif) repeat-x;
}
.inner-info {
	background:url(../candy/inner-corner.gif) no-repeat 100% 0;
}
.outer-top,
.outer-info {
	width:713px;
	float:left;
}
.outer-top {
	background:url(../candy/top-content.gif) repeat-x;
}
.outer-info {
	background:url(../candy/inner-corner.gif) no-repeat 100% 0;
}

/* progress */
.progress,
.progress ul {
	width:620px;
	float:left;
	margin-bottom: -57px;
}
.progress {
	padding:13px 0 20px 0;
	font-size:0.9em;
	color:#bcbcbc;
	
}
.progress span {
	display:block;
	float:right;
}
.progress ul {
	padding:0;
	margin:0;
	list-style:none;
}
.progress ul li {
	float:right;
	padding-top:2px;
	padding-left:2px;
	margin-left:2px;
}
.progress ul li.separator {
	background:url(../candy/progress-separator.gif) no-repeat 0 50%;
}
/* bottom boxes in inner page */
#bottom-green {
	margin-top:28px;
	width:626px;
	float:left;
	background:url(../candy/bottom-green-bg.gif) repeat-y;
	padding:0 0 45px 86px;
	font-size:1em;
}
#bottom-green h4 {
	font-size:1em;
}
#bottom-green div {
	width:276px;
	float:left;
	padding:0 32px 0 5px;
}
/* left tabs in inner page */
.left-tab ul,
.left-tab ul li {
	width:45px;
	float:left;
}
.left-tab ul {
	padding:0;
	margin:0;
	list-style:none;
	height:319px;
	background:url(../candy/side-tabs/left-tab.gif);
}
.left-tab ul li a {
	width:45px;
	float:left;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
}
.left-tab ul li a.active,
.left-tab ul li a:hover {
	position:relative;
	cursor:pointer;
}
.left-tab ul li.account-tab,
.left-tab ul li.account-tab a {
	height:80px;
}
.left-tab ul li.account-tab a:hover {
	height:111px;
	margin-bottom:-31px;
	background:url(../candy/side-tabs/account-hover.png);
}
.left-tab ul li.account-tab a.active{
	height:111px;
	margin-bottom:-31px;
	background:url(../candy/side-tabs/account-down.png);
	z-index: 1;
}
.left-tab ul li.ex-boms-tab,
.left-tab ul li.ex-boms-tab a {
	height:98px;
}
.left-tab ul li.ex-boms-tab a:hover {
	height:127px;
	margin-bottom:-20px;
	background:url(../candy/side-tabs/my-bom-hover.png);
}
.left-tab ul li.ex-boms-tab a.active {
	height:127px;
	margin-bottom:-20px;
	background:url(../candy/side-tabs/my-bom-down.png);
	z-index: 1;
}
.left-tab ul li.crea-boms-tab,
.left-tab ul li.crea-boms-tab a {
	height:128px;
}
.left-tab ul li.crea-boms-tab a:hover {
	height:142px;
	margin-bottom:-20px;
	background:url(../candy/side-tabs/crea-bom-hover.png);
}
.left-tab ul li.crea-boms-tab a.active {
	height:142px;
	margin-bottom:-20px;
	background:url(../candy/side-tabs/crea-bom-down.png);
}
ol li {
	margin:5px 20px 5px 0;	
	line-height: 1.3em;
	text-align: left;
}
ol li ol li {
	list-style-type: lower-alpha;
}

.u {
        text-decoration: underline;
}

p.newsitem {
	color: #69bf28;
	font-weight: bold;
}
p.reviewitem {
	z-index: 2;
}
/*Images*/

img.pic-right {
	float: right;
	margin: 10px 25px 40px 5px;
	padding: 0;
}
img.pic-left {
	float: left;
	margin: 10px 25px 40px 5px;
	padding: 0;
}
img.pic-review-left {
	padding: 15px;
}
img.pic-review-right {
	padding: 25px;
	float: right;
}
table#leaving {
	margin: 10px 25px 40px 5px;
        width:450px;
	font-size: 14px;
	padding: 10px;
	background: white;
}

#bom-build #scroll {
          overflow:auto;
          height:280px;
          width:625px;
          margin: 5px 0 0 0;
          padding: 0;
}

#bom-build #smallerscroll {
          overflow:auto;
          height:180px;
          width:425px;
          margin: 5px 0 0 0;
          padding: 0;
}