/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* Layout */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.float-left { float: left}
.float-right { float: right}
img { border: 0; }
/* TYPE */
body { font: 12px/18px Arial, Verdana, sans-serif; color: #333; background: #e9e9e9 url('../images/global-bg.gif') repeat-x left top }
a { color: #8B9521; }
a:link, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration: none; outline: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
abbr { border: 0; }
hr { color: #999999; border: 0; margin:10px auto; background-color: #999999; height: 1px}
p { margin-top: 18px; margin-bottom: 5px; }
h1 { font-weight: bold; font-size: 24px; line-height: 24px; margin-bottom: 18px; color: #8b9521; }
h1 span { font-weight: bold; font-size: 16px; margin-bottom: 18px; color: #8b9521; }
h2 { font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 10px; color: #8b9521; }
h3 { font-weight: bold; font-size: 20px; line-height: 20px; }
h4 { font-weight: bold; font-size: 13px; line-height: 20px; }
a.readmore { text-indent: -9999px; background: url('../images/readmore-button.gif') no-repeat left top; display: block; width: 81px; height: 21px;}
a:hover.readmore { background-position: bottom}
ul { margin-bottom: 10px; list-style: none outside; }
ol { margin-bottom: 10px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
.error { color: #ff0000; font-weight: bold}
.center { text-align: center}
input.small, select.small { width: 100px;}
.popup { position: absolute; z-index: 500000000; visibility: hidden; background: url('../images/seearchBoxTip.png') no-repeat left top; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/seearchBoxTip.png',sizingMethod='scale'); width: 236px; height: 119px }
/* TABLE */
.box-table { font-size: 12px; text-align: center; border-collapse: collapse; margin: 10px 0; }
.box-table th {font-size: 13px; font-weight: normal; padding: 8px; background: #8f9a18; border-top: 4px solid #626c0c; border-bottom: 1px solid #fff; color: #ffffff; text-align: center}
.box-table td { padding: 8px; background: #f1f1f1; border-bottom: 1px solid #fff; color: #666666; border-top: 1px solid transparent; }
.box-table tr:hover td { background: #e3e3e3; color: #333333; }
.box-table th a { color: #fff; }
.box-table tr.recommended td {background:#FB9F27}
.box-table2 { font-size: 12px; text-align: center; border-collapse: collapse; margin: 10px 0; }
.box-table2 th {font-size: 13px; font-weight: normal; padding: 8px; background: #8f9a18;border: 1px solid #626c0c; border-bottom: 1px solid #626c0c; color: #ffffff; text-align: center}
.box-table2 td { padding: 8px; background: #f1f1f1; border-bottom: 1px solid #fff; color: #666666; border-top: 1px solid transparent; }
.box-table2 tr:hover td { background: #e3e3e3; color: #333333; }
/* GLOBALHEADER */
#globalheader { width: 982px; margin: auto; position: relative; height: 64px;}
#globalheader #globalnav { margin: 0; padding: 0; position: absolute; right: 0; top: 39px; }
#globalheader #globalnav li a { font-size: 12px; color: #fff; background: #454545; line-height: 23px;padding: 0 9px; margin: 0 3px; border: 1px solid #505050; cursor: pointer}
#globalheader #globalnav li a:hover { text-decoration: none; background: #3d3c3c;}
#globalheader #globalnav li a.selected { background: #fff; color: #454545; border: 1px solid #fff}
#globalheader #globalnav li ul li a { border-top: none; line-height: 30px;}
#globalheader #globalnav li a.signup { background: #fb9e25; border-color: #ffffff; border-bottom-color: #fb9e25}
#globalheader #globalnav li a:hover.signup { background: #fdb556;border-bottom-color: #fdb556}
/* WRAPPER */
#wrapper { width: 983px; margin: auto; margin-bottom: 10px; }
#secondarycolumn { float: left; width: 224px;}
#secondarycolumn img { display: block}
.general-box { background-color: #ffffff; border: 1px solid #c7c7c7; margin: 10px 0 0 13px; min-height: 500px; width: 743px; z-index: 1;}
/* MAINCOLUMN */
#maincolumn { float: left}
/* LOGINBOX */
.account-box { background: url('../images/loginboxbg.gif') no-repeat right top; width: 208px; height: 124px; padding: 3px 3px 3px 13px; }
.account-box label { color: #fff; font-weight: bold; display: block;}
.account-box input { width: 178px; font-size: 13px; color: #333; margin-bottom: 5px; display: block}
.account-box a { color: #fff; font-size: 11px; margin-left: 15px}
/* SEARCHBOX */
.leftcolumn-bg { background: url('../images/searchbox-shadow.gif') no-repeat right top; width: 201px; padding: 11px 10px 10px 13px; min-height: 300px}
.leftcolumn-bg img { margin:13px auto 0 auto; display: block; }
.searchbox { background-color: #feb33f; border: 1px solid #d88a00; width: 175px; padding: 12px;}
.searchbox select { width: 170px; margin-bottom: 5px;}
.searchbox input { width: 50px; border: 1px solid #999; padding: 5px; font-size: 16px;}
/* BUTTONS */
.loginbox input.login-image { margin-right:15px;text-indent: -9000px; background-color:transparent; border:0 none; display:block; outline-style:none; outline-width:medium; position:relative; background: url('../images/loginbutton.gif') no-repeat left top; width: 59px; height: 21px; float: left}
.loginbox input:hover.login-image { background-position:0 -21px; cursor:pointer; }
.logoutbox input.logout-image { margin-right:15px;text-indent: -9000px; background-color:transparent; border:0 none; display:block; outline-style:none; outline-width:medium; position:relative; background: url('../images/logoutbutton.gif') no-repeat left top; width: 62px; height: 21px; float: left; text-indent:500px;}
.logoutbox input:hover.logout-image { background-position:0 -21px; cursor:pointer; }
.searchbox button { text-indent: -9000px; background-color:transparent; border:0 none; display:block; outline-style:none; outline-width:medium; position:relative; background: url('../images/signup-big-button.gif') no-repeat left top; width: 114px; height: 37px; margin: 10px auto 0 auto }
.searchbox .hover { background-position:0 -37px; cursor:pointer; }
/* FOOTER */
#footer { width: 982px; margin: auto; background: url('../images/footer-bg.gif') no-repeat center top; color: #898989; font-size: 11px; text-align: center; padding-top: 10px; margin-bottom: 10px;}
#footer a { color: #898989;}
/* OTHER */
.searchbox span { font-size: 10px; display:block; line-height: 12px}
/* Modify Catalin 02.21.2011 */
/* Panels */
.panelTop
{
width:982px;
margin:auto;
position: relative;
}
.panelCenterPrivate, .panelCenterPublic
{
width:982px;
margin:auto;
}
.panelLeft
{
width:224px;
margin:auto;
float:left;
}
.panelMain
{
width:758px;
margin:auto;
float:left;
}
.panelMainContent
{
width:758px;
margin:auto;
}
.panelBottom
{
width:982px;
margin:auto;
}
/* UL */
.refer-a-friend {}
.refer-a-friend ul {}
.refer-a-friend ul li {}
.confirm-signUp-list ul { padding:0 20px;}
.confirm-signUp-list ul li { float:left; width:290px; padding:5px;}
.confirm-signUp-list ul li:last-child { float:left; width:290px; background:#CCC; padding:5px;}
/* Text */
.text-gray { color:#868686; }
/* Others */
.print-refill-box { float:right; border:solid 1px #727a1f; width:20%; padding:10px; background:#a4af2c; text-align:center; color:#FFF; font-size:11px; font-weight:bolder; margin-top:15px; }
.print-refill-box-procent { float:left; width:72%; }
/* Nobel Dialer */
.nobel-dialer-box { float:left; width:55%; margin:0 auto; padding:0px;}
.nobel-dialer-img-box { float:right; width:40%; }
.dialer-ul {}
.dialer-ul li {list-style:inside; list-style-type:disc; padding:5px 10px;}
.diler-buttons { padding: 10px 0 0 0;}
.diler-buttons img { padding-left:5px; padding-bottom:20px; float:left;}
/* Buttons */
a.button-refill { display:block; width:52px; height: 21px; background: url("../images/button_refill.gif") ; background-repeat: no-repeat; float:left; margin:5px 3px 0 16px; }
a.button-refill:hover { background-position: right -21px; }
a.button-refill:active { }
a.button-print { display:block; width:52px; height: 21px; background: url("../images/button_print.gif") ; background-repeat: no-repeat; float:left; margin:5px 0 0 0;}
a.button-print:hover { background-position: right -21px; }
a.button-print:active { }
/* Table */
.table-signup
{
color:#333333;
}
.table-signup tr
{
border-bottom:dashed 1px #CCC;
padding:5px 15px;
text-align:left;
font-weight:normal;
}
.table-signup tr
{
padding:5px 15px;
text-align:left;
}
.table-signup th
{
font-weight:bolder;
background:#d9e7ed;
color:#333333;
}
.table-signup
{
background:#FFF;
padding:12px;
font-weight:bolder;
}
/* FOOTER PANELS */
#footer-panels { width: 982px; margin: auto; background: url('../images/footer-bg.gif') no-repeat center top; color: #898989; font-size: 11px; text-align: center; padding-top: 10px;margin:10px 0;}
#footer-panels a { color: #898989;}
/* products-list */
.padding-list { padding:30px;}
/* ON // OFF */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url('../images/switch.gif') repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; }
.switch input { display: none; }
/* new tabs */
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #d9e7ed;
border-left: 1px solid #d9e7ed;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #d9e7ed;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #d9e7ed;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #b0cfdd;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
border: 1px solid #d9e7ed;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding: 0px;
}
.tab_content span { float:left; text-align:center; padding:15px 2px 0 0px; margin:0 0 0 10px; cursor:pointer; }