body {font-family: Tahoma; font-size: 10px; color: #1B1B1B; background: #F0F2F2; margin-top: 0; padding-top: 0;}

.clear {clear: both; margin: 0; padding: 0;}

h1 {font-size: 10px; font-weight: normal; display: inline;}
h2 {font-size: 11px; font-weight: normal; display: inline;}
h3 {font-size: 15px; font-weight: normal; display: inline;}

a {color: #1B1B1B; text-decoration: none;}
a:hover {color: #1B1B1B; text-decoration: none;}

form {margin: 0; padding: 0;}

.header1 {color: #B40824;}
.header2 {color: #006F93;}

.alertInfo {background: #FBE0E5; border: 1px solid #B40824; color: #B40824; font-size: 11px; font-size: 15px; text-align: center;}
.articleContent {font-size: 11px;}

/**product group**/
.boxOrangeTemplate2 {width: 134px;}
.boxOrangeTemplate2 .boxTopMiddle {width: 102px;}
.boxOrangeTemplate2 .boxMiddle {width: 122px; height: 133px;}
.boxOrangeTemplate2 .boxBottomMiddle {width: 100px;}

td.subList {background: #F9F9F9; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; color: #6A6969;}
td.subListBottom {background: #F9F9F9; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; color: #6A6969;}
td.subListTop {background: #F9F9F9; border-right: 1px solid #E0E0E0; color: #6A6969;}
td.subListRight {background: #F9F9F9; border-top: 1px solid #E0E0E0; color: #6A6969;}
td.subListRightBottom {background: #F9F9F9; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; color: #6A6969;}
td.subListRightBottom {background: #F9F9F9; color: #6A6969;}
td.subListLeft {background: #F9F9F9; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-Left: 1px solid #E0E0E0; color: #6A6969;}
td.subListLeftBottom {background: #F9F9F9; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-Left: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; color: #6A6969;}
td.subListLeftBottom {background: #F9F9F9; border-right: 1px solid #E0E0E0; border-Left: 1px solid #E0E0E0; color: #6A6969;}

td.subList a {color: #6A6969;}
td.subListRight a {color: #6A6969;}
td.subListLeft a {color: #6A6969;}
td.subListBottom a {color: #6A6969;}
td.subListRightBottom a {color: #6A6969;}
td.subListLeftBottom a {color: #6A6969;}
td.subListTop a {color: #6A6969;}
td.subListRightTop a {color: #6A6969;}
td.subListLeftTop a {color: #6A6969;}
td.subListOdd {background: #FFFFFF; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; color: #6A6969;}
td.subListOddRight {background: #FFFFFF; border-top: 1px solid #E0E0E0; color: #6A6969;}
td.subListOddLeft {background: #FFFFFF; border-top: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0; border-Left: 1px solid #E0E0E0; color: #6A6969;}
td.subListOddBottom {background: #FFFFFF; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; color: #6A6969;}
td.subListOddRightBottom {background: #FFFFFF; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; color: #6A6969;}
td.subListOddLeftBottom {background: #FFFFFF; border-top: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0; border-Left: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; color: #6A6969;}
td.subListOddTop {background: #FFFFFF; border-right: 1px solid #E0E0E0; color: #6A6969;}
td.subListOddRightTop {background: #FFFFFF; color: #6A6969;}
td.subListOddLeftTop {background: #FFFFFF; border-right: 1px solid #E0E0E0; border-Left: 1px solid #E0E0E0; color: #6A6969;}
td.subListOdd a {color: #6A6969;}
td.subListOddRight a  {color: #6A6969;}
td.subListOddLeft a  {color: #6A6969;}
td.subListOddBottom a {color: #6A6969;}
td.subListOddRightBottom a  {color: #6A6969;}
td.subListOddLeftBottom a  {color: #6A6969;}
td.subListOddTop a {color: #6A6969;}
td.subListOddRightTop a  {color: #6A6969;}
td.subListOddLeftTop a  {color: #6A6969;}

#mainPage {width: 878px; min-height: 600px; text-align: center; margin:0 auto;}
#mainPage #header {float: left; background: url(images/icons/home_top_bg.gif) 0 0 no-repeat; width: 878px; height: 123px;}
#mainPage #headerHome {float: left; background: url(images/icons/home_top_bg.png) 0 0 no-repeat; width: 878px; height: 123px;}
#mainPage #top_metals {float: right; width: 218px; margin: 10px 5px 0 0; display: inline;}

/** login box **/
#mainPage #login {float: right; width: 218px; height: 80px; margin: 10px 0 0 5px; display: inline;}
#mainPage #login form {margin: 0px;}
#mainPage #login .boxWhiteTemplate1 {width: 218px;}
#mainPage #login .boxWhiteTemplate1 .boxTopMiddle {width: 100px;}
#mainPage #login .boxWhiteTemplate1 .boxTopMiddle2 {width: 73px;}
#mainPage #login .boxWhiteTemplate1 .boxMiddle {width: 206px; height: 61px; display: inline;}
#mainPage #login .boxWhiteTemplate1 .boxBottomLeft {height: 5px !important; background-position: 0 -12px !important; overflow: hidden;}
#mainPage #login .boxWhiteTemplate1 .boxBottomMiddle {width: 184px; height: 4px !important; overflow: hidden;}
#mainPage #login .boxWhiteTemplate1 .boxBottomRight {height: 5px !important; background-position: 0 -12px !important; overflow: hidden;}
#mainPage #login .loginItem {float: left; text-align: left;}
#mainPage #login .loginItem .bg {background: url(images/bg/login_field.gif) 0 0 no-repeat; width: 84px; height: 15px; padding: 1px 2px 1px 2px;}
#mainPage #login .loginItem .field {width: 78px; height: 10px; border: 0px; font-size: 9px; color: #1B1B1B;}
#mainPage #login .loginBtn {float: left; margin: 10px 0 0 2px; display: inline; }

/** login page**/
#mainPage #loginPage {float: right; width: 878px; margin: 10px 0 0 0; display: inline;}
#mainPage #loginPage .boxWhiteTemplate1 {width: 878px;}
#mainPage #loginPage .boxWhiteTemplate1 .boxTopMiddle {width: 250px;}
#mainPage #loginPage .boxWhiteTemplate1 .boxTopMiddle2 {width: 583px;}
#mainPage #loginPage .boxWhiteTemplate1 .boxMiddle {width: 866px;}
#mainPage #loginPage .boxWhiteTemplate1 .boxBottomMiddle {width: 844px;}
#mainPage #loginPage .bg {background: url(images/bg/ico_login.gif) top right no-repeat;}
#mainPage #loginPage form {padding: 0; margin: 0;}
#mainPage #loginPage .field {border: 1px solid #989C9F; color: #989C9F; font-size: 11px; width: 250px;}
#mainPage #loginPage .button {border: 1px solid #989C9F; color: #FFFFFF; background: #919191; font-size: 11px; width: 100px; margin: 0 0 0 10px;}

/** newsletter**/
.newsletter {float: left; background: url(images/bg/bg_21.gif) 0 0 no-repeat; width: 283px; height: 124px; margin: 0; display: inline; color: #FFFFFF;}
.newsletter .newsletterTop {height: 24px; text-align: left; padding: 0 0 0 15px; color: #FFFFFF;}
.newsletter .newsletterMiddle {height: 63px; padding: 10px; color: #FFFFFF;}
.newsletter .newsletterMiddle .bg {float: left; background: url(images/bg/newsletter_field.gif) 0 0 no-repeat; width: 164px; height: 19px; margin: 5px 0 0 5px; display: inline;}
.newsletter .newsletterMiddle form {float: left; margin: 0; padding: 0;}
.newsletter .newsletterMiddle .field {float: left; width: 150px; height: 17px; border: 0px; font-size: 10px; margin: 0 0 0 3px; display: inline;}
.newsletter .newsletterMiddle label {float: left; padding: 5px 0 0 0; margin: 5px 0 0 20px; display: inline;}
.newsletter .newsletterBottom {float: right; width: 70px; height: 17px;}

/** newsletter page**/
#mainPage #newsletterPage {float: right; width: 878px; margin: 10px 0 0 0; display: inline;}
#mainPage #newsletterPage .boxWhiteTemplate1 {width: 878px;}
#mainPage #newsletterPage .boxWhiteTemplate1 .boxTopMiddle {width: 250px;}
#mainPage #newsletterPage .boxWhiteTemplate1 .boxTopMiddle2 {width: 583px;}
#mainPage #newsletterPage .boxWhiteTemplate1 .boxMiddle {width: 866px;}
#mainPage #newsletterPage .boxWhiteTemplate1 .boxBottomMiddle {width: 844px;}
#mainPage #newsletterPage .bg {background: url(images/bg/ico_newsletter.gif) top right no-repeat; height: 150px;}
#mainPage #newsletterPage form {padding: 0; margin: 0;}
#mainPage #newsletterPage .field {border: 1px solid #989C9F; color: #989C9F; font-size: 11px; width: 250px;}
#mainPage #newsletterPage .button {border: 1px solid #989C9F; color: #FFFFFF; background: #919191; font-size: 11px; width: 100px; margin: 0 0 0 10px;}

/** search result page**/
#mainPage #searchResultPage {float: right; width: 878px; margin: 10px 0 0 0; display: inline;}
#mainPage #searchResultPage .boxWhiteTemplate1 {width: 878px;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxTopMiddle {width: 250px;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxTopMiddle2 {width: 583px;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxMiddle {width: 866px;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxBottomMiddle {width: 844px;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxMiddle .articleItem {text-align: left;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxMiddle .articleItem {text-align: justify;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxMiddle .articleItem h1 {color: #788180;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxMiddle .articleRead {border-bottom: 1px solid #F3F3F3; margin: 0 0 5px 0;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxMiddle .articleRead .bg {float: right; background: url(images/btn/bt_corner_gray.gif) 45px 0 no-repeat; width: 60px; height: 15px; display: inline;}
#mainPage #searchResultPage .boxWhiteTemplate1 .boxMiddle .articleRead a {float: right; width: 40px; height: 15px; padding: 0 20px 0 0; display: inline; color: #788180; text-decoration: none;}

/** footer **/
#mainPage #footer {float: left; margin: 10px 0 0 0; display: inline; width: 878px;}
#mainPage #footer .footerAddress {float: left; height: 45px; padding: 0 10px 0 10px; display: inline; text-align: left; vertical-align: middle; border-right: 1px solid #D2D4CF;}
#mainPage #footer .footerLinks {display: block; height: 20px; padding: 10px 0 5px 0; margin: 0 0 10px 0; text-align: left; border-top: 1px solid #D2D4CF; border-bottom: 1px solid #D2D4CF; position: relative; left: 0; top: 0;}
#mainPage #footer .footerLinks #visit_facebook { display: block; position: absolute; right: 0; top: 6px; width: 171px; height: 23px; background: url("images/btn/num-fb.png"); }
#mainPage #footer .footerLinks #visit_facebook:hover { background: url("images/btn/num-fb.png") 0 23px; }


/**main menu **/
#mainPage #mainMenu {float: left; width: 878px; height: 74px; background: url(images/menu/bg_top_menu.gif) 0 26px no-repeat; background-color: #F0F2F2;}
#mainPage #mainMenu ul {margin: 0px; padding: 0px;}
#mainPage #mainMenu ul li {float: left; display: inline; list-style-type: none; height: 74px; text-align: center;}
#mainPage #mainMenu ul li a {float: left; display: inline; font-size: 11px; color: #FFFFFF; text-decoration: none; padding: 50px 0 0 0;}
#mainPage #mainMenu ul li a:hover {font-size: 11px; color: #FFFFFF; text-decoration: none; padding: 50px 0 0 0;}
#mainPage #mainMenu ul li#mainMemuLink1 a {background: url(images/menu/ico_menu.gif) -7px 0 no-repeat; width: 70px; margin: 0 0 0 7px;} 
#mainPage #mainMenu ul li#mainMemuLink1 a:hover {background: url(images/menu/ico_menu.gif) -7px -74px;}
#mainPage #mainMenu ul li#mainMemuLink2 a {background: url(images/menu/ico_menu.gif) -89px 0 no-repeat; width: 71px; margin: 0 0 0 12px;}
#mainPage #mainMenu ul li#mainMemuLink2 a:hover {background-position: -89px -74px;}
#mainPage #mainMenu ul li#mainMemuLink3 a {background: url(images/menu/ico_menu.gif) -169px 0 no-repeat; width: 72px; margin: 0 0 0 9px;}
#mainPage #mainMenu ul li#mainMemuLink3 a:hover {background-position: -169px -74px;}
#mainPage #mainMenu ul li#mainMemuLink4 a {background: url(images/menu/ico_menu.gif) -249px 0 no-repeat; width: 78px; margin: 0 0 0 8px;}
#mainPage #mainMenu ul li#mainMemuLink4 a:hover {background-position: -249px -74px;}
#mainPage #mainMenu ul li#mainMemuLink5 a {background: url(images/menu/ico_menu.gif) -336px 0 no-repeat; width: 87px; margin: 0 0 0 9px;}
#mainPage #mainMenu ul li#mainMemuLink5 a:hover {background-position: -336px -74px;}
#mainPage #mainMenu ul li#mainMemuLink6 a {background: url(images/menu/ico_menu.gif) -437px 0 no-repeat; width: 69px; margin: 0 0 0 14px;}
#mainPage #mainMenu ul li#mainMemuLink6 a:hover {background-position: -437px -74px;}
#mainPage #mainMenu ul li#mainMemuLink7 a {background: url(images/menu/ico_menu.gif) -520px 0 no-repeat; width: 73px; margin: 0 0 0 14px;} 
#mainPage #mainMenu ul li#mainMemuLink7 a:hover {background-position: -520px -74px;}
#mainPage #mainMenu ul li#mainMemuLink8 a {background: url(images/menu/ico_menu.gif) -602px 0 no-repeat; width: 87px; margin: 0 0 0 9px;} 
#mainPage #mainMenu ul li#mainMemuLink8 a:hover {background-position: -602px -74px;}
#mainPage #mainMenu ul li#mainMemuLink9 a {background: url(images/menu/ico_menu.gif) -700px 0 no-repeat; width: 82px; margin: 0 0 0 11px;} 
#mainPage #mainMenu ul li#mainMemuLink9 a:hover {background-position: -700px -74px;}
#mainPage #mainMenu ul li#mainMemuLink10 a {background: url(images/menu/ico_menu.gif) -797px 0 no-repeat; width: 81px; margin: 0 0 0 15px;} 
#mainPage #mainMenu ul li#mainMemuLink10 a:hover {background-position: -797px -74px;}

#mainPage #mainMenu2 {float:left; width: 878px; height: 102px; background: url(images/menu/ico_menu5.png) 0 0 no-repeat;}
#mainPage #mainMenu2 ul {margin: 0px; padding: 0px;}
#mainPage #mainMenu2 ul li {float: left; display: inline; list-style-type: none; height:102px; text-align: center;}
#mainPage #mainMenu2 ul li a {float: left; display: inline; height:102px; font-size: 11px; color: #FFFFFF; text-decoration: none; }
#mainPage #mainMenu2 ul li a:hover {font-size: 11px; color: #FFFFFF; text-decoration: none;}
#mainPage #mainMenu2 ul li a span{margin-top:80px; padding:0; display:block;}
#mainPage #mainMenu2 ul li#link1 a {background: url(images/menu/ico_menu5.png) 0 0; width: 72px; margin:0;}
#mainPage #mainMenu2 ul li#link1 a:hover {background-position: 0 -102px;}
#mainPage #mainMenu2 ul li#link2 a {background: url(images/menu/ico_menu5.png) -74px 0; width: 71px; margin: 0 0 0 2px;}
#mainPage #mainMenu2 ul li#link2 a:hover {background-position: -74px -102px;}
#mainPage #mainMenu2 ul li#link3 a {background: url(images/menu/ico_menu5.png) -147px 0; width: 71px; margin: 0 0 0 2px;}
#mainPage #mainMenu2 ul li#link3 a:hover {background-position: -147px -102px;}
#mainPage #mainMenu2 ul li#link4 a {background: url(images/menu/ico_menu5.png) -220px 0; width: 71px; margin: 0 0 0 2px;}
#mainPage #mainMenu2 ul li#link4 a:hover {background-position: -220px -102px;}
#mainPage #mainMenu2 ul li#link5 a {background: url(images/menu/ico_menu5.png) -293px 0; width: 71px; margin: 0 0 0 2px;}
#mainPage #mainMenu2 ul li#link5 a:hover {background-position: -293px -102px;}
#mainPage #mainMenu2 ul li#link6 a {background: url(images/menu/ico_menu5.png) -366px 0; width: 71px; margin: 0 0 0 2px;}
#mainPage #mainMenu2 ul li#link6 a:hover {background-position: -366px -102px;}
#mainPage #mainMenu2 ul li#link7 a {background: url(images/menu/ico_menu5.png) -439px 0; width: 71px; margin: 0 0 0 2px;}
#mainPage #mainMenu2 ul li#link7 a:hover {background-position: -439px -102px;}
#mainPage #mainMenu2 ul li#link8 a {background: url(images/menu/ico_menu5.png) -512px 0; width: 71px; margin: 0 0 0 2px;} 
#mainPage #mainMenu2 ul li#link8 a:hover {background-position: -512px -102px;}
#mainPage #mainMenu2 ul li#link9 a {background: url(images/menu/ico_menu5.png) -585px 0; width: 71px; margin: 0 0 0 2px;} 
#mainPage #mainMenu2 ul li#link9 a:hover {background-position: -585px -102px;}
#mainPage #mainMenu2 ul li#link10 a {background: url(images/menu/ico_menu5.png) -658px 0; width: 71px; margin: 0 0 0 2px;} 
#mainPage #mainMenu2 ul li#link10 a:hover {background-position: -658px -102px;}
#mainPage #mainMenu2 ul li#link11 a {background: url(images/menu/ico_menu5.png) -731px 0; width: 71px; margin: 0 0 0 2px;} 
#mainPage #mainMenu2 ul li#link11 a:hover {background-position: -731px -102px;}
#mainPage #mainMenu2 ul li#link12 a {background: url(images/menu/ico_menu5.png) -804px 0; width: 74px; margin: 0 0 0 2px;} 
#mainPage #mainMenu2 ul li#link12 a:hover {background-position: -804px -102px;}






#mainPage #subMenu {float: left; display: inline; margin: 1px 0 0 0; width: 878px; height: 30px; background: #006C98;}
#mainPage #subMenu ul {margin: 0px; padding: 0px;}
#mainPage #subMenu ul li {float: left; background: url(images/menu/submenuline.jpg) right no-repeat; display: inline; list-style-type: none; height: 30px; text-align: center;}
#mainPage #subMenu ul li a {float: left; display: inline; font-size: 11px; color: #FFFFFF; text-decoration: none; padding: 8px 0 0 0; margin: 0 12px 0 12px;}
#mainPage #subMenu ul li a:hover {font-size: 11px; color: #FFFFFF; text-decoration: none;}
#mainPage #subMenu .ico_search {float: left; background: url(images/icons/ico_search.gif) 0 0 no-repeat; width: 22px; height: 30px;}
#mainPage #subMenu .field_search {float: left; background: url(images/bg/field_submenu.gif) 0 0 no-repeat; width: 121px; height: 15px; margin: 7px 0 0 5px; display: inline;}
#mainPage #subMenu .field_search .field {background: #FFFFFF; color: #1B1B1B; width: 115px; height: 12px; border: 0px; font-size: 10px;}
#mainPage #subMenu .button_search {float: left; width: 16px; height: 15px; margin: 7px 0 0 5px; display: inline;}
#mainPage #subMenu .text_search a {float: left; margin: 7px 0 0 5px; font-size: 12px; color: #FFFFFF; text-decoration: none; display: inline;}
#mainPage #subMenu .text_search a:hover {font-size: 12px; color: #FFFFFF; text-decoration: none;}
#mainPage .navigation {float: left; background: url(images/icons/ico_mini_home.gif) 0 2px no-repeat; margin: 10px 0 0 0; padding: 0 0 0 20px; display: inline;}
#mainPage .navigation .navItem {float: left; background: url(images/icons/ico_arrow_right.gif) right 5px no-repeat; margin: 0 0 0 5px; padding: 0 10px 0 0; display: inline;}
#mainPage .navigation .navItem a {color: #1B1B1B; text-decoration: none;}
#mainPage .navigation .navItem a:hover {color: #1B1B1B; text-decoration: none;}

/** templates - boxWhite1**/
.boxWhiteTemplate1 {float: left; overflow: hidden;}
.boxWhiteTemplate1 .boxTopLeft {float: left; background: url(images/bg/box1/box_element_8.gif) 0 0 no-repeat; width: 16px; height: 24px;}
.boxWhiteTemplate1 .boxTopMiddle {float: left; background: #FFFFFF; border-top: 1px solid #E2E2E2; height: 23px; color: #006F93;}
.boxWhiteTemplate1 .boxTopRight {float: left; background: url(images/bg/box1/box_element_1.gif) 0 0 no-repeat; width: 14px; height: 24px;}
.boxWhiteTemplate1 .boxTopMiddle2 {float: left; background: url(images/bg/box1/box_element_2.gif) 0 0 repeat-x; height: 24px;}
.boxWhiteTemplate1 .boxTopRight2 {float: left; background: url(images/bg/box1/box_element_3.gif) 0 0 no-repeat; width: 15px; height: 24px;}
.boxWhiteTemplate1 .boxMiddle {float: left; background: #FFFFFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; padding: 5px; display: inline; overflow: hidden;}
.boxWhiteTemplate1 .boxBottomLeft {float: left; background: url(images/bg/box1/box_element_6.gif) 0 0 no-repeat; width: 17px; height: 17px;}
.boxWhiteTemplate1 .boxBottomMiddle {float: left; background: #FFFFFF; border-bottom: 1px solid #E2E2E2; height: 16px;}
.boxWhiteTemplate1 .boxBottomRight {float: left; background: url(images/bg/box1/box_element_7.gif) 0 0 no-repeat; width: 17px; height: 17px;}

/** templates - boxWhite2**/
.boxWhiteTemplate2 {float: left; overflow: hidden;}
.boxWhiteTemplate2 .boxTopLeft {float: left; background: url(images/bg/box1/box_element_8.gif) 0 0 no-repeat; width: 16px; height: 14px;}
.boxWhiteTemplate2 .boxTopMiddle {float: left; background: #FFFFFF; border-top: 1px solid #E2E2E2; height: 13px; color: #006F93;}
.boxWhiteTemplate2 .boxTopRight {float: left; background: url(images/bg/box1/box_element_9.gif) 0 0 no-repeat; width: 16px; height: 14px;}
.boxWhiteTemplate2 .boxMiddle {float: left; background: #FFFFFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; padding: 5px; display: inline; overflow: hidden;}
.boxWhiteTemplate2 .boxBottomLeft {float: left; background: url(images/bg/box1/box_element_6.gif) 0 0 no-repeat; width: 17px; height: 17px;}
.boxWhiteTemplate2 .boxBottomMiddle {float: left; background: #FFFFFF; border-bottom: 1px solid #E2E2E2; height: 16px;}
.boxWhiteTemplate2 .boxBottomRight {float: left; background: url(images/bg/box1/box_element_7.gif) 0 0 no-repeat; width: 17px; height: 17px;}
.boxWhiteTemplate2 .boxBottomRight .bg{float: right; background: url(images/btn/bt_add_basket.gif) 0 2px no-repeat; width: 100px; height: 17px; position: absolute; top: 0px; left: -83px;}
.boxWhiteTemplate2 .boxBottomRight .bg a {float: right; width: 100px; height: 14px; padding: 3px 0 0 0 ; display: inline; color: #FFFFFF;}

/** templates - boxOrange2**/
.boxOrangeTemplate2 {float: left; overflow: hidden;}
.boxOrangeTemplate2 .boxTopLeft {float: left; background: url(images/bg/box1/box_element_8.gif) 0 0 no-repeat; width: 16px; height: 14px;}
.boxOrangeTemplate2 .boxTopMiddle {float: left; background: #FFFFFF; border-top: 1px solid #E2E2E2; height: 13px; color: #006F93;}
.boxOrangeTemplate2 .boxTopRight {float: left; background: url(images/bg/box1/box_element_9.gif) 0 0 no-repeat; width: 16px; height: 14px;}
.boxOrangeTemplate2 .boxMiddle {float: left; background: #FFFFFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; padding: 5px; display: inline; overflow: hidden;}
.boxOrangeTemplate2 .boxBottomLeft {float: left; background: url(images/bg/box1/box_element_6.gif) 0 0 no-repeat; width: 17px; height: 17px;}
.boxOrangeTemplate2 .boxBottomMiddle {float: left; background: #FFFFFF; border-bottom: 1px solid #E2E2E2; height: 16px;}
.boxOrangeTemplate2 .boxBottomRight {float: left; background: url(images/bg/box1/box_element_7.gif) 0 0 no-repeat; width: 17px; height: 17px;}
.boxOrangeTemplate2 .boxBottomRight .bg{float: right; background: url(images/btn/bt_add_basket.gif) 0 2px no-repeat; width: 100px; height: 17px; position: absolute; top: 0px; left: -83px;}
.boxOrangeTemplate2 .boxBottomRight .bg a {float: right; width: 100px; height: 14px; padding: 3px 0 0 0 ; display: inline; color: #FFFFFF;}

/** templates - ab. pelny **/
.boxImage1 {float: left; width: 283px; height: 111px; background: url(images/bg/box2/bg_abonament_red.gif) 0 0 no-repeat;}
.boxImage1 .boxImage1Text {float: left; width: 150px; height: 84px; margin: 0 0 0 123px; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage1 .boxImage1Btn {float: right;}

/** templates - ab diamenty **/
.boxImage10 {float: left; width: 283px; height: 108px; background: url(images/bg/box2/bg_abonament_blue.gif) 0 0 no-repeat;}
.boxImage10 .boxImage10Text {float: left; width: 150px; height: 82px; margin: 0 0 0 123px; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage10 .boxImage10Btn {float: right;}

/** templates - ab zloty **/
.boxImage2 {float: left; width: 283px; height: 109px; background: url(images/bg/box2/bg_abonament_yellow.gif) 0 0 no-repeat;}
.boxImage2 .boxImage2Text {float: left; width: 150px; height: 82px; margin: 0 0 0 123px; padding: 5px; display: inline; overflow: hidden; color: #000000; text-align: left;}
.boxImage2 .boxImage2Btn {float: right;}

/** templates - ab srebrny **/
.boxImage3 {float: left; width: 283px; height: 108px; background: url(images/bg/box2/bg_abonament_silver.gif) 0 0 no-repeat;}
.boxImage3 .boxImage3Text {float: left; width: 150px; height: 81px; margin: 0 0 0 123px; padding: 5px; display: inline; overflow: hidden; color: #000000; text-align: left;}
.boxImage3 .boxImage3Btn {float: right;}

/** templates - zloto lokacyjne **/
.boxImage4 {float: left; width: 283px; height: 144px; background: url(images/bg/box4/bg_zloto_inwestycyjne.gif) 0 0 no-repeat;}
.boxImage4 .boxImage4Text {float: left; width: 137px; height: 117px; margin: 0 0 0 135px; padding: 5px; display: inline; overflow: hidden; color: #000000; text-align: left;}
.boxImage4 .boxImage4Btn {float: right;}

/** templates - srebro lokacyjne **/
.boxImage5 {float: left; width: 283px; height: 144px; background: url(images/bg/box4/bg_srebro_inwestycyjne.gif) 0 0 no-repeat;}
.boxImage5 .boxImage5Text {float: left; width: 150px; height: 117px; margin: 0 0 0 123px; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage5 .boxImage5Btn {float: right;}

/** templates - srebro lokacyjne **/
.boxImage50 {float: left; width: 283px; height: 111px; background: url(images/bg/box4/bg_srebro.gif) 0 0 no-repeat;}
.boxImage50 .boxImage50Text {float: left; width: 150px; height: 84px; margin: 0 0 0 123px; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage50 .boxImage50Btn {float: right;}

/** templates - upominki **/
.boxImage6 {float: left; width: 283px; height: 144px; background: url(images/bg/box4/bg_upominki.gif) 0 0 no-repeat;}
.boxImage6 .boxImage6Text {float: left; width: 150px; height: 117px; margin: 0 0 0 123px; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage6 .boxImage6Btn {float: right;}

/** templates - numikopedia **/
.boxImage7 {float: left; width: 283px; height: 255px; background: url(images/bg/box6/box_3.gif) 0 0 no-repeat;}
.boxImage7 .boxImage7Text {float: left; width: 245px; height: 50px; margin: 178px 0 0 0; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage7 .boxImage7Btn {float: right;}

.boxImage8 {float: left; width: 283px; height: 255px; background: url(images/bg/box6/box_2.gif) 0 0 no-repeat;}
.boxImage8 .boxImage8Text {float: left; width: 245px; height: 50px; margin: 178px 0 0 0; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage8 .boxImage8Btn {float: right;}

.boxImage9 {float: left; width: 283px; height: 255px; background: url(images/bg/box6/box_1.gif) 0 0 no-repeat;}
.boxImage9 .boxImage9Text {float: left; width: 245px; height: 50px; margin: 178px 0 0 0; padding: 5px; display: inline; overflow: hidden; color: #FFFFFF; text-align: left;}
.boxImage9 .boxImage9Btn {float: right;}

/**cart menu**/
#cartMenu .cartItem {padding: 2px 0 2px 0; text-align: left; border-bottom: 1px solid #F3F3F3;}
#cartMenu .cartItem a {color: #788180;}
#cartMenu .cartItem a:hover {color: #788180;}

ul#cartMenu{width:124px;}
ul#cartMenu li{list-style:none; padding:4px 0; border-bottom: 1px solid #F3F3F3;}
ul#cartMenu li a{color: #788180; text-decoration:none; }

#cartMenu .cartSubItem {background: url(images/icons/ico_arrow_right.gif)  8px 8px no-repeat; padding: 4px 0 4px 15px; text-align: left;}
#cartMenu .cartSubItem a {color: #788180;}
#cartMenu .cartSubItem a:hover {color: #788180;}
#cartMenu .cartSubItemCl {background: url(images/icons/ico_arrow_right.gif)  8px 8px no-repeat; padding: 4px 0 4px 15px; text-align: left;}
#cartMenu .cartSubItemCl a {color: #AA0C1B;}
#cartMenu .cartSubItemCl a:hover {color: #AA0C1B;}

/** navigation bar **/
.navBar {font-size: 12px; color: #AA0C1B;}
.navBar a.navBar {font-size: 12px; color: #AA0C1B;}
.navBar a {font-size: 12px; color: #919191;}

/** title **/
.title {color: #788180;}
.title2 {color: #006F93;}
.tool-tip {color: #fff; width: 139px; z-index: 13000;}
.tool-title {font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF;padding: 8px 8px 4px; background: url(bubble.png) top left;}
.tool-text {font-size: 11px; padding: 4px 8px 8px; background: url(bubble.png) bottom right;}
.tip {color: #000; width: 300px; z-index: 13000;}
	.tip-title {font-weight: normal; font-size: 11px; margin: 0; color: #3E4F14;padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74;}
.custom-text {font-size: 11px; padding: 4px 8px 8px; border-left: 1px solid #E0DCDC; border-top: 1px solid #E0DCDC; border-right: 1px solid #999797; border-bottom: 1px solid #999797; background: #F2F1F1;}
#toogleHeader {cursor: pointer;}

/** comments **/
.boxMiddle .field {border: 1px solid #989C9F; color: #6D6C69; font-size: 11px;}
.button {border: 1px solid #989C9F; color: #FFFFFF; background: #919191; font-size: 11px; width: 100px; margin: 0 0 0 10px;}
.jot-list {text-align: left}
.jot-list ul {margin: 0; padding: 0;}
.jot-list ul li {background: url(images/icons/ico_arrow_right.gif)  0 5px no-repeat; margin: 0; padding: 0 10px 0 10px; display: inline;list-style-type: none;}
.jot-err {background: #FBE0E5; border: 1px solid #B40824; color: #B40824; font-size: 11px; font-size: 15px; text-align: center;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {border: 1px solid #CCCCCC;margin-bottom: 10px;background-color: #e9e9e9;}
.jot-row-alt {background-color: #f9f9f9;}
.jot-row-author {background-color: #FFFFE1;}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 3px;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #ccc;}
.jot-posticon {float: left;width: 20px;height: 20px;padding-top: 8px;padding-right: 3px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666;color: #666;}
.jot-subject {color: #618200;font-weight: bold;font-size: larger;}
.jot-message {padding: 2px;overflow: auto; text-align: justify;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}
.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 80px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}


/** light box **/
#lightbox{background-color:#FFF;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;font-size: 11px;font-family: Tahoma;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(images/bg/overlay.png); }


/* boxy */
a.box{display:block; width:283px; font-size:10px; text-decoration:none;font-family:Tahoma;}
a.box div.text{margin:0 0 0 125px; padding-top:6px; text-align:left; line-height:1.5;}
a.box div.absolute{position:absolute; height:81px; width:86px; background: url(images/box/star.gif) 0 0 no-repeat; left:-35px; top:-30px;}
a.relative{position:relative; display:block;}
a.platyna{height:108px; background: url(images/box/bg_abonament_platyna.gif) 0 0 no-repeat;}
a.srebro{height:111px; background: url(images/box/bg_srebro.gif) 0 0 no-repeat;}
a.zloto{height:109px; background: url(images/box/bg_abonament_yellow.gif) 0 0 no-repeat;}
a.brylanty{height:108px; background: url(images/box/bg_abonament_blue.gif) 0 0 no-repeat;}
a.certyfikaty{height:111px; background: url(images/box/bg_abonament_red.gif) 0 0 no-repeat;}
a.kolekcje{height:144px; background:url(images/box/kolekcje_bg.gif) 0 0 no-repeat; float:left;}
a.prezenty{height:144px; background:url(images/box/bg_srebro-inwestycyjne.gif) 0 0 no-repeat; float:left; margin: 0 14px 0 13px;}
div.zadzwon{height:144px; width:283px;  background:url(images/bg/box4/bg_upominki.gif) 0 0  no-repeat; float:left; margin:0;}


a.platyna div{color:#000;}
a.srebro div{color:#fff;}
a.zloto div{color:#000;}
a.brylanty div{color:#fff;}
a.certyfikaty div{color:#fff;}
a.kolekcje div.text{color:#000; margin:0 0 0 140px; }
a.prezenty div{color:#fff;}

table.chartCurrency td{text-align:center;}

#portals{display: block; margin-left: 215px;}
#portals #slogan{display: block; float:left;}
#portals #links{display: block; float:left; position: relative; top:7px; text-align: right;}
#portals #links a:link, #portals #links a:hover, #portals #links a:active, #portals #links a:visited{font-family:Tahoma; font-size:12px; color:black; line-height:1.1;}
/*#mainPage #pozostalo {float: right; width: 218px; margin: 10px 0 0 0; display: inline;}
#mainPage #pozostalo .boxWhiteTemplate1 {width: 218px;}
#mainPage #pozostalo .boxWhiteTemplate1 .boxTopMiddle {width: 150px;}
#mainPage #pozostalo .boxWhiteTemplate1 .boxTopMiddle2 {width: 23px;}
#mainPage #pozostalo .boxWhiteTemplate1 .boxMiddle {width: 206px; height: 60px; padding: 0 5px 0 5px !important;}
#mainPage #pozostalo .boxWhiteTemplate1 .boxBottomMiddle {width: 184px;}
#mainPage #pozostalo #pozostaloText {margin: 0 0 5px;}*/
#pozostalo2{display: block; float: left; width: 300px; height: 62px; margin-left:6px; background: url(/portal/assets/images/header/kreska_01.png) no-repeat;}
#facebook_visit_small{display: block; float: left; width: 103px; height: 62px; background: url(/portal/assets/images/header/kreska_01.png) no-repeat;}
#facebook_visit_small a {display: block; width: 27px; height: 23px; margin: 19px auto 0 auto; background: url("/portal/assets/templates/enumizmatyka/images/btn/num-fb.png");}
#facebook_visit_small a:hover{background: url("/portal/assets/templates/enumizmatyka/images/btn/num-fb.png") 0 23px;}

#emission{display: block; float: left; width:170px; height:62px; margin:0; padding:0;}
#emission a{display: block; float: left; padding:0; margin:0; position: relative; left:23px; top: 7px; font-family: Tahoma !important; font-size:12px; text-align: left; line-height:1.6;}
#emission a:hover{text-decoration: underline;}
#time_left {display:none; float:left; height:60px; width:120px;position: relative; top:24px; left:-8px;color:#1b1b1b;}
#time_left #time{display: none; font-size: 20px; text-align: right}
#time_left #label{display:none;}
#time_left #label #days, #time_left #label #hours, #time_left #mins, #time_left #secs{display: block; float: left; position: relative; left:2px; font-size:14px; text-align:center;}
#time_left #label #days{width:30px;}
#time_left #label #hours{width:38px;}
#time_left #label #mins{width:26px;}
#time_left #label #secs{width:24px;}
#clock{display: none; float:left; width:61px; height:75px; position: relative; left:32px; top:10px; background:url(/portal/assets/images/header/zegarek.png) no-repeat;}