/**
 * Stylesheet for GNC Philippines
 *
 * Author: AltTab Creations 2007
 * vesion: 1.01
 */

* {padding: 0; margin: 0;}
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.mainbody{
	border:dotted;
	border-width: thin;
	border-color: #E9E6DA;
}
#mainWrapper {background-color:#CCFF00;}

#headerWrapper {
	height: 150px;
	background-color: #ED1C24;
	text-align:center;
}
#logoWrapper {
	height: 120px;
	background: #FFCB05 url(images/headerbg.jpg) center 13px repeat-x;
}
#logo {padding-top: 6px;}
#logo h1 {height: 34px; background: url(images/subheadertxt.jpg) center no-repeat;}
#headrxtra {background-color: #F7941D;color:#FFFFFF; font-family: "Times New Roman", Times, serif;}
#headrxtra h2 {}


#contentswrapper {width: 100%; background-color: #FFCC99;}
table tr td {vertical-align: top; padding-top: 20px;}
#menu {width:148px; margin:10px auto 0 auto;}
#menu ul li {text-align: right; display: block; line-height: 16px; list-style:none;}
#menu ul li a {display: block; padding: 2px 25px 0 0;}
#menu ul li a:hover, #menu ul li a:focus {}

#ads1,#promo1,#rbanner1 {margin: 10px auto 20px auto;}
#ads1 img,#promo1 img,#rbanner1 img {border:0}
/*set the mid size to be the same width as the hero div image width
  to make sure the margins on the middle column is all aligned.
*/
#mid {
	width: 750px;
	font-size: .8em;
	border: 1px #CCCCCC dashed;
	padding: 15px;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
} 
#mid h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #FF0000; text-align:left;}
#mid p {margin-top: 20px; text-align:left;}
#mid div {text-align: left; padding: 12px 0 6px 0;}
#mid div ul {color: #333333}
#mid div ul li{color:#666666; margin-left: 30px; list-style-type: square; padding-bottom: 5px;}
#mid div h2 {font-size: 12px; padding-bottom: 10px;}

#mscimgrgt {
	margin: 40px 0px 10px 5px;
	border: 1px solid #CCCCCC;
	width: 140px;
}
#mscimgrgt h2 {color:#993300; font-size: 9px; padding-left: 10px;}
#mscimgrgt ul {color:#993300; font-size: 9px; text-align: left; margin: 12px 10px 17px 0px;}
#mscimgrgt img {padding-left: 10px;}

.cntnt-c1 {
	background:#4994C4 url(images/sidebottomtile.jpg) bottom repeat-x;
	width: 20%;
	height: 150px;
}
.cntnt-c2 {
	background:#FFFFFF url(images/midbottomtile.jpg) bottom repeat-x;
	width: 80%;
	padding: 10px;
	margin: 0px;
}
.cntnt-c3 {background:#4994C4 url(images/sidebottomtile.jpg) bottom repeat-x;}
.txtindnt {text-indent: -9000px;}
.nobullet {list-style: none;}
.listfarther {line-height: 20px;}

.cntnt-c2 a {color:#F7941D; text-decoration:none;}
.cntnt-c2 a:hover {color:#ED1C24; text-decoration:none;}

.menua, .sideboxheader {font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.gcard {
	margin: 0px;
	padding: 0px;

}

.menua a:link, .menua a:active, .menua a:link, .menua a:visited {text-decoration: none;color: #F7941D; background-image:url(images/menublockitem.jpg); height: 20px;}
.menua a:hover {text-decoration: none;color: #F99;}

#footer {background:#28A607 url(images/footertile.jpg) top repeat-x;}
.ftrinfo {font-family: Arial, Helvetica, sans-serif; font-size: .6em;color: #FFFFFF; padding: 13px 10px;}
.ftrinfo a {text-decoration:none; color: #FFFFFF}
.ftrinfo a:hover {text-decoration:underline;}

/*side box texts*/
.sideboxtxts {text-align:left;padding-left: 25px; padding-right:8px;color: #FFFFFF;font-size: .7em;}
.sbtlinks_a a {color:#FFFFFF; text-decoration:none;}
.sbtlinks_a a:hover {color: #000;}
/* use nobullets and listfarther for options */

/*classes*/
.spacer {clear:both;}
.lft {float:left;}
.rgt {float:right;}
.sideboxheader {
	color:#FFFFFF;
	height:16px;
	padding-top:5px;
	width: 200px;
	background-image: url(images/sectionhead.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.sideboxbottom {background: #96C0E0 url(images/sectionboxbottom.jpg) center 10px no-repeat;}
.sideboxstyle {
	background-color: #96C0E0;
	width:200px;
	border-right: 1px #CCCCCC solid;
	border-left: 1px #666666 solid;
	border-bottom:3px #003366 solid;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.sideboxcntre {
	text-align:center;
	width: 200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.midbanner {text-align:center; margin: 0 auto 0 auto; width: 150px;}
.midboxbannerhead {background:url(images/midminisectionhead.jpg) right 10px no-repeat;}

.cntre {
	text-align:center;
}
.algnlft {text-align: left;}
.imglft {float:left; margin: 0 15px 6px 0;}
.imgrgt {
	float:right;
	margin: 0 0 6px 15px;
	
}
.imgcntr {margin: 0 auto 0 auto; }