@import url("css/menu.css");

/* CSS Document */
html {height: 100%;}
body {background:#515151; margin: 0 0 20px 0; padding:0px; text-align: center;}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}


/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6, a:link, a:visited, a:active, a:hover, input{color:#343434; font-family: Arial, Verdana, Helvetica, sans-serif;}
body,th,td,div,p,table, a:link, a:visited, a:hover{font-size:12px;}
img, a {border: 0;}

.clear {clear: both;}
.hidden {display: none;}


/*-------- design style --------*/
.template_style{width:980px; margin:0 auto;}


/* Page Structure */
#bg {width: 980px; text-align: left; background: url(images/bg.png) repeat-y; margin: 10px auto 0 auto;}
#header {position: relative; top: 0; left: 0; height: 125px; background: url(images/header_bg2.jpg) no-repeat;}
#logo {position: absolute; top: 14px; left: 34px;}
#adminMenu {position: absolute; top: 20px; right: 20px;}
#QuickLinksMenu {height: 28px; background: url(images/QuickLinks_bg.png) no-repeat; font-size: 11px;}
#QuickLinksMenuBar {margin: 0; float: right;}
#menu {height: 37px; background: url(images/menu_bg.png) no-repeat; padding: 0 13px 0 13px;}
#contactUS {position: absolute; top: 30px; right: 28px; width: 170px; height: 33px;}
#contactUS2 {position: absolute; top: 63px; right: 28px; width: 170px; height: 20px;}
#logos {height: 32px; background: url(images/logos_bg.png) repeat-y;}
#logos ul {list-style-type: none; margin: 0 28px 0 28px; padding: 4px 0 0 0;}
#logos ul li {display: inline;}
#logos ul li a {display: block; float: left; border: 0; margin-right: 60px;}
#nav {width: 950px; height: 37px; margin: 0;}
#footer {height: auto; background: url(images/footer_bg.png) bottom no-repeat; padding: 10px 28px 26px 28px; color: #fff; font-size: 12px; text-align: center;}
#copyright {height: 30px; width: 980px; text-align: right; margin: 8px auto; color: #fff;}
#copyright div {padding-right: 24px;}
#copyright span {font-size: 11px; line-height: 11px; padding-right: 0px;}
.ContentPane{ padding-left:13px; padding-right:10px; margin:0px; }
.ContentPaneBottomMenu{ padding-left:13px; padding-right:10px; margin:0px; background: url(images/SubMenu.gif) repeat-x; height: 57px;}


/* Top links */
.QuickLinksMenuLeft {float: left; position: relative; left: 34px;}
.QuickLinksMenuLeft img {height: 24px; width: 378px;}
.QuickLinksMenuRight {float: right; position: relative; right: 35px; width: 600px;}
.QuickLinksMenuPane a:link, a:visited, a:hover{color: #f4f4f4;}

/* Text */
.cpText {color: #888; font-size: 11px;}
.price {font-size : 30px; color : #a70505; font-weight:bold;}
.month {font-size : 10px; color : #a70505; font-weight:bold;}



/*Links */
a.footer-link:link, a.footer-link:active, a.footer-link:visited, a.footer-link:hover {color: #ccc; line-height: 11px; font-size: 11px; text-decoration: none;}
a.footer-link:hover {color: #fff;}
a.login-link:link, a.login-link:active, a.login-link:visited, a.login-link:hover {color: #515151; line-height: 11px; font-size: 11px; text-decoration: none;}
a.login-link:hover {color: #fff;}
a.more-link:link, a.more-link:active, a.more-link:visited, a.more-link:hover {color: #033f9a; line-height: 12px; font-size: 12px; text-decoration: none;}
a.more-link:hover {text-decoration: underline;}
a.normal-link:link, a.normal-link:active, a.normal-link:visited, a.normal-link:hover {color: #343434; line-height: 12px; font-size: 12px; text-decoration: none;}
a.normal-link:hover {color: #343434; text-decoration: underline;}


/* Width */
.content50 {width : 486px; vertical-align: top; text-align : center; padding: 0px 0px 0px 0px; margin : 0px 0px 0px 0px; }
.content33 {width : 317px; vertical-align: top; text-align : center; padding: 0px 0px 0px 0px; margin : 0px 0px 0px 0px;}
.content25 {width : 231px; vertical-align: top; text-align : center; padding: 0px 0px 0px 0px; margin : 0px 0px 0px 0px;}

.Normal {font-size: 12px;  line-height: 1.4em;}
.Kenocontent{padding : 15px 25px 15px 50px;}

/* table */
.TableContent {border : solid 0px #FFFFFF; width : 100%}
.TableContentHeader {background-color : #333333; color : #FFFFFF; font-weight: bolder; height: 36px; padding-left : 10px; text-align : left;}
.TableContentOddTitle {background-color : #eeeeee; color : #333333; font-weight: bolder; height: 36px; padding-left : 10px; width : 325px; text-align : left;}
.TableContentEvenTitle {background-color : #ffffff; color : #333333; font-weight: bolder; height:36; padding-left : 10px; width : 325px; text-align : left;}
.TableContentTitle { background-color : #d6e1f2; color : #333333; font-weight: bolder; height: 64px; padding-left : 10px; width : 325px; text-align : left;}
.TableContentOdd {background-color : #eeeeee; color : #333333; font-weight: normal; height: 36px; padding-left : 10px;text-align : center;}
.TableContentEven {background-color : #ffffff; color : #333333; font-weight: normal; height: 36px; padding-left : 10px; text-align : center;}
.TableContent {  color : #333333; font-weight: normal; height: 36px; padding-left : 10px;text-align : center;}
.TableContentBuy { background-color : #d6e1f2; height: 64px;}

.TableContentBronze{height: 53px; width : 181px; background: url(images/bronze.jpg) no-repeat; color : #FFFFFF;} 
.TableContentSilver{height: 53px; width : 181px;  background: url(images/silver.jpg) no-repeat; color : #FFFFFF;}
.TableContentGold{height: 53px; width : 181px;  background: url(images/gold.jpg) no-repeat; color : #FFFFFF;}
.TableContentPrice{Padding : 5px 5px 5px 10px; color : #FFFFFF; font-size : 13px;}
.TableContentBronzeHeb{height: 80px; width : 181px; background: url(images/bronzeHeb.jpg) no-repeat; color : #FFFFFF;} 
.TableContentSilverHeb{height: 80px; width : 181px;  background: url(images/silverHeb.jpg) no-repeat; color : #FFFFFF;}
.TableContentGoldHeb{height: 80px; width : 181px;  background: url(images/goldHeb.jpg) no-repeat; color : #FFFFFF;}

.yep {height: 12px; background: url(images/yep.gif) center 1px no-repeat; display: block;}
.new {height: 12px; background: url(images/new.gif) center 1px no-repeat; display: block;}
.nouveau {height: 12px; background: url(images/nouveau.gif) center 1px no-repeat; display: block;}
.nope {height: 12px; background: url(images/nope.gif) center 1px no-repeat; display: block;}
.TitleHead { margin: 20px 0px 0px 10px; line-height: 42px;}

.TableSeparator {
	background-color : #333333;
	width: 1px;
}
.tableButtonHeb {
	TEXT-ALIGN: center; 
	WIDTH: 100px; 
	HEIGHT: 22px; 
	FONT-SIZE: 0.90em
}