/*body style 1 - includes all text spacing when the text is not given a specific style*/
body{background-color:#FFF;font-family:Arial, Helvetica, sans-serif;letter-spacing:.02px;margin:0;padding:0;}
/*text style 1 - control text font used in the following styles*/
p,h1,h2,h3{font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;}
/*img style 1 - no border*/
img{border:none;}
/*hr style 1 - horizontal line found in all pages to separate content*/
hr{background-color:#CCC;border:0;color:#CCC;height:1px;margin:3px 0 6px;padding:0;}
/*header styles 1 - controls the top header images and logos*/
div#header_154{height:154px;width:100%;}
div#spacer_19{height:19px;width:760px;}
div#header_116{background:url(/family/img/mast/abbott_mast_145_2.gif) no-repeat;height:116px;width:100%;}
div#header_176{float:left;height:89px;width:176px;}
div#header_89{height:89px;margin:0;padding:0;position:relative;width:100%;}
div#header_176_2{float:left;height:27px;position:absolute;width:176px;z-index:10;}
div#header_27{background-color:#06C;height:27px;margin:0;padding:0;position:relative;width:100%;}
/*header styles 2 - controls the spacing between list elements in top_nav_container and top_nav*/
.header_27_space{float:left;height:27px;width:170px;}
/*support navigation 1 - for contact us and sitemap on top right*/
.supnav{color:#999;font-size:11px;font-weight:700;position:absolute;right:38px;text-align:right;text-decoration:none;top:57px;width:100%;}
/*minimum width for entire page*/
.width{min-width:760px;width:auto !important;width:100%;}
/*minimum width hack - containers for min width to float properly*/
/** html .minwidth{border-left:760px solid #fff;float:left;position:relative;z-index:1;}
* html .container{float:left;margin-left:-760px;position:relative;z-index:2;}*/
/*top navigation 1 - list element for the top navigation*/
#top_nav_container,#top_nav{background-color:#06C;height:7px;margin:0;padding:0;}
#top_nav ul{height:7px;list-style:none;margin:0;padding:0;}
#top_nav ul li.nolink,#top_nav ul li a:link,#top_nav ul li a:visited{background-color:#06C;color:#FFF;float:left;font:12px Arial, Helvetica, sans-serif;font-weight:700;margin:0;padding:6px 10px;text-decoration:none;}
#top_nav ul li{color:#FFF;float:left;font:12px Arial, Helvetica, sans-serif;font-weight:700;height:7px;position:relative;}
#top_nav ul li a:hover{background-color:#69C;color:#fff;}
/*body style 2 - divide the page into 3 columns, float column accordingly*/
div#left_{float:left;margin:0;padding:0;width:175px;}
div#right_{float:right;margin:0;padding:0;width:200px;}
div#middle_{background:#fff;font-size:80%;margin:0 200px 0 175px;padding:0;}
/*body style 3 - content area, general control of font*/
div#middle_ .size_10{font-size:10px;margin:0;padding:0;}
div#middle_ ol li{font-size:11px;margin:0;padding:0;}
div#middle_ ul li{font-size:11px;list-style-type:disc;margin:0;padding:0;}
div#middle_ li li{font-size:11px;list-style-type:disc;margin:0 0 0 10px;padding:0;}
div#middle_ h1{color:#F60;font-size:12px;}
div#middle_ .box{border:1px dotted #CCC;padding:2px;}
div#middle_ hr{background-color:#CCC;border:0;color:#CCC;height:1px;margin:0;padding:0;}
div#middle_ .strong{font-weight:700;}
/*most likely not needed style - div#middle_ ul li.size12{font-size:12px;list-style-type:disc;margin:0;padding:0;}*/
/*body style 3 - content area, explicit control of font. TAKE NOTE!!! usage p, h1, h2, size12, size_10, strong*/
div#middle_ p,div#middle_ ol li.size12,div#middle_ ul li.size12{font-size:12px;margin:0;padding:0;}
div#middle_ p a:link,div#middle_ p a:visited,div#middle_ ol li.size12 a:link,div#middle_ ol li.size12 a:visited,div#middle_ ul li.size12 a:link,div#middle_ ul li.size12 a:visited,div#middle_ ol li a:link,div#middle_ ol li a:visited,div#middle_ ul li a:link,div#middle_ ul li a:visited,.rewards_10px a:link,.rewards_10px a:visited{color:#06C;text-decoration:none;}
div#middle_ p a:hover,div#middle_ ol li.size12 a:hover,div#middle_ ul li.size12 a:hover,div#middle_ ol li a:hover,div#middle_ ul li a:hover,.rewards_10px a:hover{color:#06C;text-decoration:underline;}
div#middle_ h2,div#right_ h2{color:#06c;font-size:12px;}
div#middle_ h2 a:link,div#middle_ h2 a:visited,div#right_ h2 a:link,div#right_ h2 a:visited{color:#06c;text-decoration:none;}
div#middle_ h2 a:hover,div#right_ h2 a:hover{color:#06c;text-decoration:underline;}
/*search area 1 - search area*/
div#search_area{margin:0 auto;padding:0 8px;}

.goAnchor{background-color:#9EA4AB;border:0;color:#fff;cursor:pointer;font:11px Arial, Helvetica, sans-serif;font-weight:700;height:19px;padding:2px;text-align:center;text-decoration:none;vertical-align:middle;}
.goSearch{background-color:#FFF;border:1px solid #000;color:#000;font:10px normal Arial, Verdana, Helvetica, sans-serif;height:17px;padding:0;text-decoration:none;vertical-align:middle;}
.goSearch_1{background-color:#FFF;border:1px solid #000;color:#000;font:11px normal Arial, Verdana, Helvetica, sans-serif;height:17px;padding:0;text-decoration:none;vertical-align:middle;}
.goSearch_2{background-color:#FFF;border:1px solid #000;color:#000;font:11px normal Arial, Verdana, Helvetica, sans-serif;height:100px;padding:0;text-decoration:none;vertical-align:middle;}
.search{border:0 solid #000;margin:0;padding:0;text-align:center;width:130px;}
/*side navigation 1 - for all pages, will affect all leftmenu_ include files*/
.sidenav{border-top:1px solid #06c;float:left;font-size:11px;height:auto;margin:12px 0 0;padding:0 0 0 7px;width:145px;}
.sidenav ul{list-style:none;margin:8px 0 0 3px;padding:0 0 0 7px;}
.sidenav li{margin:5px 0 0;padding:0 0 0 7px;}
.sidenav a{color:#666;font-weight:700;text-decoration:none;}
.sidenav ul ul{margin:0;padding:0;}

.selected{background-image:url(../img/leftnav_arrow_blue.gif);background-position:left top;background-repeat:no-repeat;}
.highlighted a{color:#06c;}
/*side navigation 2 - for all pages, will affect all leftmenu_ include files*/
.highlighted ul li a,.highlighted a.sub-area,.highlighted a.sub-sub-area{font-weight:400;}
/*right area 1 - controls font for right column content, ie Estore Buy Now links on right side*/
div#right_ p{font-size:12px;margin:0;padding:0 0 10px;}
div#right_ h1{color:#F60;font-size:12px;font-weight:700;margin:0;padding:0 0 5px;}
/*footer area 1 - divide footer area from other content area*/
div#content_2{background-color:#fff;padding:0;position:relative;width:100%;}
/*footer area 2 - control for footer contents*/
div#footer_container{background-color:#fff;margin:0;}
div#footer_container_content{margin:0 0 0 175px;}
div#footer_container_content td{color:#999;font-size:11px;font-weight:700;}
div#footer_container_content td a,div#footer_container_content td a:visited{color:#999;font-size:11px;font-weight:700;text-decoration:none;}
div#footer_container_content td a:hover{color:#999;font-size:11px;font-weight:700;text-decoration:underline;}
div#footer_container_left{background-color:#fff;float:left;padding:0;width:175px;}
/*breadcrumbs style 1 - styles for breadcrumbs, singapore site not necessary, in case if there's a need to add breadcrumbs, build from this*/
div#breadcrumbs{color:#999;padding:0 0 10px;}
div#breadcrumbs a{color:#999;font:11px Arial, Helvetica, sans-serif;text-decoration:none;}
div#breadcrumbs a:hover{color:#999;text-decoration:underline;}
/*support navigation 2 - for contact us and sitemap on top right, controls styles for links*/
.supnav a,div#breadcrumbs a:visited{color:#999;text-decoration:none;}
.supnav a:link,.supnav a:visited,.supnav a:active{color:#999;}
.supnav a:hover,.sidenav a:hover,.highlighted ul li a:hover{text-decoration:underline;}
/*rewards style 1 - controls xoop rewardslogin includes*/
div#rewards_login{padding:0 0 10px;}
div#rewards_login .red{color:red;font:10px Arial, Helvetica, sans-serif;}
div#rewards_login table{font:10px Arial, Helvetica, sans-serif;}
div#rewards_login td{height:20px;padding:0 5px 0 0;}
div#rewards_login .left{float:left;}
div#rewards_login .right{float:right;}
div#rewards_login .right td{vertical-align:middle;}
div#rewards_login .right table tr td p a:hover{color:#06C;font-size:9px;text-decoration:underline;}
.rewards_10px{font-size:10px;}
/*estore table styles - not sure where this is used, but most probably e store and loyalty pages*/
table.stnd-format-table{border-collapse:collapse;border-color:#CCC;border-style:solid;border-width:1px;margin-left:auto;margin-right:auto;}
table.stnd-format-table th{border-color:#CCC;border-style:solid;border-width:1px;padding:3px;}
table.stnd-format-table td{border-color:#CCC;border-style:solid;border-width:1px;padding:3px;vertical-align:top;}
table.stnd-format-table-no-brdr{border-collapse:collapse;border-style:none;border-width:0;margin-left:auto;margin-right:auto;width:100%;}
table.stnd-format-table-no-brdr th{border-style:none;border-width:0;padding:3px;}
table.stnd-format-table-no-brdr td{border-style:none;border-width:0;padding:3px;vertical-align:top;}

table.padded-format-table-no-brdr th{border-style:none;border-width:0;padding:6px;}
table.padded-format-table-no-brdr td{border-style:none;border-width:0;padding:6px;vertical-align:top;}
/*rewards style 2 - controls xoop rewardslogin includes*/
div#rewards_login td a,div#rewards_login td a:visited,div#rewards_login td a:hover{text-decoration:none;}
div#rewards_login .right td p a:link,div#rewards_login .right td p a:visited{color:#06C;font-size:9px;text-decoration:none;}
.gat_app{ font-size:11px;}
.gat_sup{ font-size:9px;}
.gat_results{ font-size:11px; text-decoration:none;}
.gat_results a{color:#06C;text-decoration:none;}
.gat_results a:hover{text-decoration:underline;}

#boxContainer {
	margin: 5px 0 0 0;
	padding: 0;
	width: 878px;
	font-family: Arial, Helvetica, sans-serif;
}

.col_1 {
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 250px;
	float: left;
	background-image: url(bg_art/bg_box2.jpg);
	background-repeat: no-repeat;
}

.col_2 {
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 250px;
	float: left;
	background-image: url(bg_art/edited/box_bg.jpg);
	background-repeat: no-repeat;
}

.col_3 {
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 250px;
	float: left;
	background-image: url(bg_art/edited/box3_bg.jpg);
	background-repeat: no-repeat;
}

.col_4 {
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 250px;
	float: left;
	background-image: url(bg_art/edited/box2_bg.jpg);
	background-repeat: no-repeat;
}

.col_5 {
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 250px;
	float: left;
	background-image: url(bg_art/edited/box4_bg.jpg);
	background-repeat: no-repeat;
}

.col_6 {
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 250px;
	float: left;
	background-image: url(bg_art/bg_box.jpg);
	background-repeat: no-repeat;
}

.col_7 {
	margin: 0;
	padding: 10px 10px 10px 5px;
	width: 250px;
	float: left;
	background-image: url(bg_art/edited/box5_bg.jpg);
	background-repeat: no-repeat;
}

#rewardsTbl {
	margin: 0 auto;
	padding: 0;
	width: 450px;
}

#rewardsTblTop {
	margin: 10px 0 0 0;
	padding: 2px 15px 0 15px;
	width: 420px; 
	height: 20px;
	float: left;
	background-image: url(../images/rewards_tbl/top_bg.gif);
	background-repeat: no-repeat;
}

#rewardsTblContent {
	margin: 0;
	padding: 0 15px;
	width: 420px;
	float: left;
	background-image: url(../images/rewards_tbl/content_bg.gif);
	background-repeat: repeat-y;
	font-size: 11px;
}

#rewardsTblBottom {
	margin: 0;
	padding: 2px 15px 0 15px;
	width: 420px; 
	height: 18px;
	float: left;
	font-size: 10px;
	text-align: right;
	font-style: italic;
	color: #303030;
	background-image: url(../images/rewards_tbl/bottom_bg.gif);
	background-repeat: no-repeat;
}

.buyTop {
	margin: 0;
	padding: 0;
	width: 250px;
	float: left;
	color: #fff;
}

.weightTop {
	margin: 0;
	padding: 0;
	width: 105px;
	float: left;
	color: #fff;
}

.earnTop {
	margin: 0;
	padding: 0;
	width: 65px;
	float: left;
	color: #fff;
}

.buyContent {
	margin: 0;
	padding: 5px 0;
	width: 250px;
	float: left;
}

.weightContent {
	margin: 0;
	padding: 5px 0;
	width: 105px;
	float: left;
}

.earnContent {
	margin: 0;
	padding: 5px 0;
	width: 65px;
	float: left;
}

hr.btmborder {
	margin: 0;
	padding: 0;
	width: 420px;
	height: 2px;
	border-bottom: 1px solid #0066cc;
}

.clear {
	clear: both;
}

.blueTxt1 {
	color: #0a3e72;
	font-weight: bold;
}

.blueTxt2 {
	color: #0066cc;
	font-weight: bold;
}

/* ############################ Product Advertisements Start ############################ */

h3 {
	font-size:12px;
	margin:0;
	color:#FF6600;
}

.productAds {
	position:relative;
	float:left;
	padding:0 0 10px 0;
	border-bottom:1px solid #D5D4D4;
	margin:0 0 10px 0;
	font-size:11px;
}

.productAds h1 {
	font-size:12px;
	margin-bottom:10px;
}

.productAds h2 {
	font-size:12px;
}

.productAds h3 {
	padding-top:10px;
	text-align:right;
}

.productAds h3 a {
	color:#06c;
	padding:0 0 0 15px;
	background-image:url(../images/orange_arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:12px;
}

.excludeGST {
	clear:both;
	font-size:10px;
}

.productAdsImage {
	float:left;
	padding:0 2px 5px 0;
	margin:0;
}

.productAdsContent {
	float:right;
	width:95px;
	padding:0;
	margin:0;
}

/* ############################ Product Advertisements End ############################ */
/* ############################ POPUP START ############################ */
body.popup {
	margin: 10px;
	text-align:left;
	width:	400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.popup p {
	margin-bottom: 5px;
}

.popup {
	text-align:center;
	margin-top:20px;
}

/* ############################ POPUP END ############################ */