* { margin: 0; padding: 0;}
.clear { clear:both; width: 100%; font-size: 1px; height: 1px;}
.clearimg { background: url(../img/bodybg.gif); clear:both; width: 100%; font-size: 2px; height: 2px;}
.l { float: left;}
.r { float: right;}
.c { text-align: center;}
.col001C90 {color: #001C90;}

a {color: #5265B4}
a:HOVER { text-decoration: underline;}

.w10pc {width: 10%;}
.w15pc {width: 15%;}
.w20pc {width: 20%;}
.w25pc {width: 25%;}
.w30pc {width: 30%;}
.w40pc {width: 40%;}
.w50pc {width: 50%;}
.w60pc {width: 60%;}
.w80pc {width: 80%;}
.w100pc {width: 100%;}

.s30 {width: 30px;}
.s60 {width: 60px;}
.s100 {width: 100px;}
.s200 {width: 200px;}


h1 {padding: 0 0 5px 0; color: #5EB519; font-size: 1.1em; font-weight: bold; background: url(../img/red_underline.gif) bottom left no-repeat; }
.order {padding: 0 0 5px 0; color: #5EB519; font-size: 1.1em; font-weight: bold; background: none; float: left;}
h2 {padding: 5px 0 5px 0; color: #001A85; font-size: 1.1em; font-weight: bold; }
h3 {padding: 5px 0 0 0; color: #88004E; font-size: 1em; font-weight: bold; }
h4 {margin: 0 0 0 20px; padding: 0 0 10px 0; font-family: InfoText; color: #001C90; font-size: 1.2em; font-weight: bold;} /* used in Main List only */
h4 span {color: #67B119;} /* used in Main List only */
h5 {margin: 10px 0 0 0; padding: 0 0 5px 0; color: #001A85; font-size: 1em; font-weight: bold; } /* used in FAQs */

p { margin: 5px 0 10px 0; line-height: 14px; color: #333;}

body { text-align: center; background: url(../img/bodybg.gif); font-family: verdana;}
#wrap_all { margin: 10px auto 0px auto; color: #333; text-align: left; width: 770px; font-size: 0.7em;} /***  background: url(../img/product_shot.gif) top right no-repeat;  ***/

#header {width: 676px; height: 192px; background: url(../img/header.gif) bottom no-repeat;}
#header.inside { background: url(../img/header_inside.gif) bottom no-repeat;}
#header .split_l {float: left; width: 120px; text-align: right;}
#header .split_l img { margin: 2px 0 0 0;}
#header .split_r {float: right; width: 556px;}
#header .split_r img {margin: 65px 57px 0 0px; float: right;}
#header .split_r ul {margin: 14px 0 0 5px;}
*html #header .split_r ul {margin: 13px 0 0 0;}
#header .split_r ul li {margin: 0 12px 5px 6px; padding: 9px 10px 13px 8px; float: left; list-style: none;}
*html #header .split_r ul li { padding: 9px 11px 13px 6px;}
#header .split_r ul li a {color: #fff; text-decoration: none; font-weight: bold;}
#header .split_r ul li a:HOVER {color: #5EB519;}
#header .split_r ul li.m1on { padding: 9px 10px 13px 8px; background: url(../img/mainmenu_m1on.gif) no-repeat; }
#header .split_r ul li.m2on { padding: 9px 10px 13px 8px; background: url(../img/mainmenu_m2on.gif) no-repeat; }
#header .split_r ul li.m3on { padding: 9px 10px 13px 8px; background: url(../img/mainmenu_m3on.gif) no-repeat; }
#header .split_r ul li.m4on { padding: 9px 10px 13px 8px; background: url(../img/mainmenu_m4on.gif) no-repeat; }
#header .split_r ul li.m5on { padding: 9px 10px 13px 8px; background: url(../img/mainmenu_m5on.gif) no-repeat; }
#header .split_r ul li.m6on { padding: 9px 10px 13px 8px; margin-right: 8px; background: url(../img/mainmenu_m6on.gif) no-repeat; }

#main {background: url(../img/line_bg.gif) repeat-y; height: 260px;}
#main.inside {min-height: 400px; display: table-cell; width: 676px; height:auto;}
#main.home {height: 320px}
#main.home .split_l {margin: 15px 0 0 50px; float: left; width: 340px; height: 300px; background: url(../img/body_shape.gif) right no-repeat;}
#main.home .split_r {margin: 0 108px 0 0; float: right; width: 215px; background: url(../img/rhs_bg.gif) no-repeat; height: 235px;}
*html #main.home .split_l {margin: 15px 0 0 25px; height: 300px; }
*html #main.home .split_r {margin: 0 54px 0 0;}
#main.home .split_r img {margin: 17px 17px 0 17px;}

/******* TOP BUTTONS  new**********/
#top_buttons { margin-bottom: 0px; height: 25px;}
#top_buttons p { margin-right: 10px; float: left; border: 1px solid; font-weight: bold; width: 100px;}
#top_buttons .single { float: left; border: 1px solid; margin: 5px 0 10px 0; font-weight: bold; width: 100px; height: 24px;}
#top_buttons .last { margin-right: 0; float: left; border: 1px solid; font-weight: bold; width: 100px;}
*html #top_buttons p {width: 100px; voice-family:"\"}\""; voice-family:inherit; width: 100px;}
#top_buttons span { margin-right: 0px; padding: 7px 5px 7px 8px; color: #fff; font-weight: bold; float: left;}

#top_buttons p.b1 { border-color: #88004E; color: #88004E; background:#fff; }
#top_buttons p.b1on {border-color: #88004E; background:#88004E; color: #fff }
#top_buttons span.b1 { background: #88004E;}

#leftcol {background: url(../img/leftmenu_bg.gif) no-repeat; height: 400px; width: 192px; float: left;}
#leftcol.shapes {background: url(../img/leftmenu_bg_long_shapes.gif) no-repeat;}
#leftcol ul {margin: 0 0 0 14px; list-style: none; list-style-image: none; width: 154px;}
#leftcol ul li {margin: 0 0 0 0; padding: 4px 0 4px 8px; background: url(../img/leftmenu_bullet.gif) no-repeat; voice-family:"\"}\""; voice-family:inherit;  padding: 4px 0 4px 23px;}
#leftcol ul li a {color: #fff; text-decoration: none;}
#leftcol ul li a:HOVER { text-decoration: underline;}
#leftcol ul li.on {background: url(../img/leftmenu_li_on.gif) no-repeat;}
#leftcol ul li.on a {font-weight: bold; color: #001A85;}
#leftcol ul li.lge {background: url(../img/leftmenu_li_lge_on.gif) no-repeat;}
#leftcol ul li.lge2 {background: url(../img/leftmenu_li_lge2_on.gif) no-repeat;}

#headerStep {background: url(../img/red_underline.gif) bottom left no-repeat; width: 440px; height: 30px; }
#rightcol {float: left; width: 440px; padding-bottom: 20px;}
#rightcol a.addCart {background: url(../img/shop_cart.gif) 0 50% no-repeat; color: #88004E; text-align: left; font-weight: bold; padding: 10px 0 10px 30px; text-decoration: none;}
#rightcol a.addCart:hover {color: #001C90;}
#rightcol a.desc {color: #88004E; text-align: left; font-weight: bold; text-decoration: none;}
#rightcol a.desc:hover {color: #001C90;}
#rightcol p.ast {color: #333; text-align: left; padding: 5px 0 2px 2px; border-bottom: 1px dashed #CBD6ED; margin: 5px}

#rightcol .step {color: #5EB519; font-size: 1.1em; text-align: right; padding: 0 0 5px 0; font-weight: bold; float: right;}
#rightcol p.status {background: #88004E; display: block; width: 25px; height: 40px; color: #fff; font-size: 1.5em; text-align: center; font-weight: bold; float: left;}
*html #rightcol p.status {color: #fff; font-size: 1.5em; text-align: center; font-weight: bold;}
#rightcol p.statusOff {color: #fff; font-size: 1em; text-align: center; vertical-align: middle; padding: 5px 0 0 0; font-weight: bold;}
*html #rightcol p.statusOff {color: #fff; font-size: 1em; text-align: center; vertical-align: middle; padding: 4px 0 0 0; font-weight: bold;}

#rightcol .pStatusName {display: block; width: 45px; height: 35px; border: 1px solid #88004E; color: #001C90; padding: 3px 7px 0 3px; font-size: 1em; text-align: left; font-weight: bold; float: left;}
#rightcol .pStatusNameOff {color: #001C90; font-size: 1em; text-align: center; vertical-align: middle; padding: 6px 5px 5px 5px; font-weight: normal;}

#rightcol .pCartStatus {color: #88004E; font-size: 1em; text-align: right; vertical-align: middle; padding: 4px; font-weight: normal; float: right;}
#rightcol .pSubTotal {color: #001C90; font-size: 1em; text-align: right; vertical-align: middle; padding: 4px; font-weight: bold; float: right;}

#rightcol p.price {color: #333; text-align: center; font-weight: bold; line-height: normal;}
#rightcol span.ast {color: #0073B2}
#rightcol .rLogo {float: left; padding: 5px; background: #fff;}
#rightcol table {font-size: 1em; }
#rightcol .nutrition {background: url(../img/shoulder_shape.gif) right no-repeat;}
#rightcol .wrap_text {width: 380px;}

#rightcol ul.subMenu li {list-style: none; display: inline; padding: 0 0 0 15px; color: #88004E; font-size: 1em; font-weight: bold;}
#rightcol ul.pDesc li {list-style: none; background: url(../img/arrow.gif) 0 65% no-repeat; padding: 0 0 0 5px; }

#rightcol a.pRange {background: #999 url(../img/m_glass.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #96A1D1; border-top:2px solid #96A1D1; border-right:2px solid #00125B; border-bottom:2px solid #00125B; text-align: left; padding: 3px 5px 3px 25px; margin: 0 3px 0 3px; text-decoration: none; font-weight: bold; float: left;}
#rightcol a.pRange:hover {background: #777 url(../img/m_glass.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #560032; border-top:2px solid #560032; border-right:2px solid #CE96B6; border-bottom:2px solid #CE96B6; text-align: left; padding: 3px 5px 3px 25px; text-decoration: none; font-weight: bold;}

#rightcol a.vCart {background: #344AA6 url(../img/shop_cart.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #96A1D1; border-top:2px solid #96A1D1; border-right:2px solid #00125B; border-bottom:2px solid #00125B; text-align: left; padding: 3px 5px 3px 33px; margin: 0 3px 0 3px; text-decoration: none; font-weight: bold; float: left;}
#rightcol a.vCart:hover {background: #344AA6 url(../img/shop_cart.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #00125B; border-top:2px solid #00125B; border-right:2px solid #96A1D1; border-bottom:2px solid #96A1D1; text-align: left; padding: 3px 5px 3px 33px; text-decoration: none; font-weight: bold;}

#rightcol a.vPay {background: #344AA6 url(../img/money.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #96A1D1; border-top:2px solid #96A1D1; border-right:2px solid #00125B; border-bottom:2px solid #00125B; text-align: left; padding: 3px 5px 3px 33px; margin: 0 3px 0 3px; text-decoration: none; font-weight: bold; float: left;}
#rightcol a.vPay:hover {background: #344AA6 url(../img/money.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #00125B; border-top:2px solid #00125B; border-right:2px solid #96A1D1; border-bottom:2px solid #96A1D1; text-align: left; padding: 3px 5px 3px 33px; text-decoration: none; font-weight: bold;}

#rightcol a.sActionRemove {background: #344AA6 url(../img/cart_remove.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #96A1D1; border-top:2px solid #96A1D1; border-right:2px solid #00125B; border-bottom:2px solid #00125B; text-align: left; padding: 3px 5px 3px 20px; margin: 0 3px 0 3px; text-decoration: none; font-weight: bold; float: left;}
#rightcol a.sActionRemove:hover {background: #344AA6 url(../img/cart_remove.gif) 5px 50% no-repeat; color: #fff; border-left:2px solid #00125B; border-top:2px solid #00125B; border-right:2px solid #96A1D1; border-bottom:2px solid #96A1D1; text-align: left; padding: 3px 5px 3px 20px; text-decoration: none; font-weight: bold;}

#rightcol a.sActionUpdate {background: url(../img/cart_update.gif) 0 50% no-repeat; color: #88004E; text-align: left; padding: 10px 0 10px 15px; text-decoration: none; font-weight: bold;}
#rightcol a.sActionUpdate:hover {color: #001C90;}

#rightcol a.sActionSelectAll {background: url(../img/cart_selectall.gif) 0 50% no-repeat; color: #88004E; text-align: left; padding: 10px 0 10px 15px; text-decoration: none; font-weight: bold;}
#rightcol a.sActionSelectAll:hover {color: #001C90;}

#rightcol table.status {border: none; width: 100%;}
#rightcol table.status td {border: none; width:25%; text-align: center; vertical-align: middle;}

#rightcol table {width: 100%;}
#rightcol table tr.eee {background: #eee;}
#rightcol table tr td {padding: 5px; text-align: center; vertical-align:top;}
#rightcol table tr td.left {padding: 5px; text-align: left; vertical-align:top;}
#rightcol table tr td p {text-align: left; vertical-align:top;}
#rightcol table.sCart {border: 1px solid #eee; width: 100%;}
#rightcol table th {color: #001C90; padding: 3px 0 3px 0; background: #eee; text-align: center; vertical-align: middle;}
#rightcol table th.pAction {color: #001C90; padding: 3px 0 3px 0; background: #eee; width: 15%; text-align: center; vertical-align: middle;}
#rightcol table th.pPicture {color: #001C90; padding: 3px 0 3px 0; background: #eee; width: 20%; text-align: center; vertical-align: middle;}
#rightcol table th.pDesc {color: #001C90; padding: 3px 0 3px 0; background: #eee; text-align: center; vertical-align: middle;}
#rightcol table th.pPrice {color: #001C90; padding: 3px 0 3px 0; background: #eee; width: 15%; text-align: center; vertical-align: middle;}
#rightcol table th.pQuantity {color: #001C90; padding: 3px 0 3px 0; background: #eee; width: 15%; text-align: center; vertical-align: middle;}
#rightcol table td.SubTotal {background: #D1F7B2; border: 1px solid #5EB519; text-align: center; font-weight: bold; vertical-align: middle; padding: 3px;}
#rightcol table td.SubTotalR {background: #D1F7B2; border: 1px solid #5EB519; text-align: right; font-weight: bold; vertical-align: middle; padding: 3px;}
#rightcol table td.SubTotalWhite {background: #fff; border: 1px solid #ddd; text-align: center; font-weight: normal; vertical-align: middle; padding: 3px;}
#rightcol table td.SubTotalWhiteR {background: #fff; border: 1px solid #ddd; text-align: right; font-weight: normal; vertical-align: middle; padding: 3px;}


#rightcol input, select {font-size: 1em; padding: 2px; border: 1px solid #ccc; font-family: verdana; font-size: .9em;}
#rightcol input.chkbox {border: none;}
#forminput { font-size: 1em; margin-top: 20px;}
#forminput fieldset {}
#forminput legend {font-weight:bold; color: #5265B4; padding: 0 7px 2px 4px;}
#forminput input {font-size: 1em; padding: 2px; border: 1px solid #ccc; font-family: verdana; font-size: .9em;}
#forminput input.sub { background-color: #999; color: #fff; height: 18px; border: 0; width: 100px; font-weight: bold;}
#forminput input.address {margin-bottom: 4px;}
#forminput tr.sub {background: #F4F4F4;}
#forminput table td {padding: 4px 5px;}
#forminput textarea {width: 200px; height: 60px; border: 1px solid #ccc; font-family: verdana; padding:2px; font-size: .9em;}

#footer {background: url(../img/footer.gif) no-repeat; height: 100px;}
#footer .split_l {margin: 48px 0 0 25px; width: 220px; float: left;}
#footer .split_r {margin: 48px 120px 0 0; width: 360px; float: right; color: #666; font-size: 0.9em;}
*html #footer .split_l {margin: 48px 0 0 12px;}
*html #footer .split_r {margin: 48px 68px 0 0;}
#footer .split_r a {color: #666; text-decoration: none;}
#footer .split_r a:HOVER { text-decoration: underline;}

/************ Homepage List Style *************/
ul.cartoon {margin-top: 10px}
ul.cartoon li {margin: 0 19px; padding: 0 0 0 20px; list-style: none; list-style-image: none; line-height: 16px;}
ul.cartoon li.title {margin-top: 5px; background: url(../img/bullet.gif) no-repeat;}
ul.cartoon li.title a { color: #5EB519; font-weight: bold; text-decoration: none;}
ul.cartoon li.title a:HOVER { text-decoration: underline;}


/************ Table Style *****************/
table.datatable {border: 1px solid #EBEBEB; margin: 8px 0 10px 0; width: 100%;}
table.datatable th { padding: 2px 5px; background: #5265B4; color: #fff; font-weight: bold; vertical-align: top;}
table.datatable th.light {background: #CBD6ED; color: #0073B2;}
table.datatable th.title { background: none; color: #333; text-align: center;}
table.datatable tr td { padding: 2px 5px; color: #333; vertical-align: top;}
table.datatable tr.alt td {background: #f1f4fa; }
table.datatable tr.bold td {font-weight: bold; color: #666; background:#F4F4F4;}
table.datatable td.title {color: #001C90; font-weight: bold; padding: 10px 5px 3px 5px;}
#pnstable form table td {text-align:left; background:red;}

/************* Main List Style ************/
.bullet_list { width: 428px; background: url(../img/li_bg.gif); margin-bottom: 10px}
*html .bullet_list { width: 410px;}
.bullet_list ul li {margin: 0 0 7px 20px; padding: 1px 0 3px 20px; list-style: none; list-style-image: none; background: url(../img/bullet.gif) no-repeat;}

/************* FAQS ************************/
p.answer {margin: 0 0 5px 0;}
p.backtotop {padding-right: 15px; text-align: right; background: url(../img/backtotop.gif) right no-repeat;}
p.backtotop a {font-size: 0.9em; text-decoration: none; color: #666;}
p.backtotop a:HOVER {text-decoration: underline;}

ul.links {margin-top: 10px;}
ul.links li { list-style: none; list-style-image: none; margin: 5px 0;}
ul.links li a {text-decoration: none; color: #88004E; font-weight: bold;}
ul.links li a:HOVER {color: #001C90}


/************* References ************/
#rightcol ol li {margin: 5px 0 8px 30px; color: #88004E}
#rightcol ol li span {color: #333;}

/************* Links ************/
.links {margin-top: 20px; width: 440px; clear: both;}
.links p {width: 200px; height: 60px;}

img.greyline {margin-bottom: 5px;}

/* div.hand_wrap {background: url(../img/shape_hand.gif) no-repeat;} */

p.links {margin: 5px 0; padding: 0;}
p.links a {text-decoration: none; color: #88004E; font-weight: bold;}
p.links a:HOVER {color: #001C90}


/*HEAD MENU */
#header1 { background:#0A007A url(../img/header-bg.jpg) 250px 0px no-repeat; width:100%; height:40px; border-bottom:1px solid #FFFFFF;}

/*header styles*/
#topmenu { padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; height:25px; padding-bottom:5px;}
#topmenu li { display:inline; padding:2px 20px 7px 30px;}
#topmenu .tmitem1 { background: url(../img/icons/back.gif) 0px 0px no-repeat;}
#topmenu .tmitem2 { background: url(../img/icons/cart.gif) 0px 0px no-repeat;}
#topmenu .tmitem3 { background: url(../img/icons/institute.gif) 0px 0px no-repeat;}
#topmenu .tmitem4 { background: url(../img/icons/competition.gif) 0px 0px no-repeat;}
#topmenu .tmitem5 { background: url(../img/icons/news.gif) 0px 0px no-repeat;}
#topmenu li a { color:#FFFFFF; text-decoration:none;}
#topmenu li a:hover { color:#FFFFFF; text-decoration:underline;}