@charset "UTF-8";
/* TOMAC Website CSS Document */

body, html{
background-color:#ffffff;
margin:0px;
font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/_bg.gif); 
background-repeat:repeat-x; 
font-size:12px;
color:#333333;
}


#wrapper {width:990px; margin: 0 auto; padding:0;}
#container {width:990px; min-height:100%; margin-bottom: -30px; position: relative;}

/* --- header --- */
#header {width:980px; height:110px; padding:0; margin:0;}
#logo {float:left; width:230px; height:70px;}
#topnavi_bg {float:right; background-image:url(../images/_topmenu_bg.gif); background-repeat:no-repeat; width:459px; height:27px; }
#topnavigrp {float:left; width:980px; margin-top:5px; padding:0px;}
.topnavi {float:left; width:440px; margin: 5px 0px 5px 0px;}
.topnavi li {float:left; display:inline; padding: 0 10px 0 10px; list-style:none;}
#shoppingcart{float:right; width:180px; height:50px; margin-top:3px; background-image:url(../images/_cart.gif); background-repeat:no-repeat;}
.cart{float:right; width:130px; padding:20px 3px 0px 0px; font-family:'Century Gothic',Verdana,Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
/* mainnavi */
.mainnavi {float:left; width:980px; padding:0px; margin:5px 0px 0px 0px;}
.mainnavi li{float:left; display:inline; padding:0px 2px; list-style:none;}

/* --- footer --- */
#footer {height:50px; width:980px; background-color:#eeeeee; margin: 0 auto; padding:5px;}
.clearfooter {height: 50px; clear: both;}

/* --- ContentLeft --- */
#contentleft { float:left; width:200px; margin-top:10px;}
#leftbar {float:left; width:195px; height:auto; margin-bottom:5px;}
#lefttitle {float:left; width:195px; height:28px; border-bottom:#0066cc solid 1px; padding-top:5px; }
#leftbox {float:left; width:185px; min-height:80px; background-color:#eeeeee; padding:2px 5px;}
#leftaction {float:right; width:100px; padding:0px; margin:0;}
.lefttable { border:solid 1px #CCCCCC; padding:0px; margin:0px;}

/* --- index --- */
#contentright { float:right; width:780px; margin-top:10px;}
#search {float:right; width:775px; height:28px;  background-color:#eeeeee; border-bottom:#0066cc solid 1px; padding-top:5px;}
#flash {float:right; width:775px; height:250px; margin-top:5px; z-index:-1;}
#roundbox_title {float:right; width:775px; padding:0px; height:27px; margin-top:5px; background-image:url(../images/_round_title.gif); background-repeat:no-repeat;}
#roundbox_content {float:right; width:763px; padding: 5px 5px; background-color:#ffffff; border-left:#bdbcbd solid 1px; border-bottom:#bdbcbd solid 1px; border-right:#bdbcbd solid 1px;}
#roundbox_content2 {float:right; width:763px; padding: 5px 5px; background-color:#eeeeee; border-left:#bdbcbd solid 1px; border-bottom:#bdbcbd solid 1px; border-right:#bdbcbd solid 1px;}
.index_promo { float:left; width:755px; min-height:200px; padding:0; margin:0px; display:inline;}
.index_promo li{float:left; list-style:none; padding:0; margin:0 10px 0 10px; border:solid 1px #eeeeee;}

/*-- about us --*/
.subbar {float:left; width:700px; min-height:130px; margin-bottom:5px;}
.subbartitle {float:left; width:700px; height:28px; border-bottom:#ff0000 solid 1px; padding-top:5px; }
.subbarbox {float:left; width:690px; min-height:130px; background-color:#eeeeee; padding:2px 5px; text-align:justify; }


/* --- product --- */
#page_title {float:left; width:570px; padding-left:5px; height:30px; margin-top:5px; margin-left:5px;}
#page_title_promo { float:right; width:180px; padding:0px; margin:0px;}
#searchRefinder {float:right; width:773px; height:200px; padding:0px; background-color:#eeeeee; border:#e4e4e4 solid 1px; overflow:auto;} 
.refinderTitle{width:155px; padding-left:2px;padding-top:2px; padding-bottom:5px; border-bottom:solid 1px silver; color:#0066cc; font-weight:bold; font-size:12px; }
.refinderBox { float:left; width:755px; padding:0px; margin:0px; display:inline;}
.refinderBox li{float:left; width:175px; height:130px; overflow:auto; padding-bottom:5px; list-style:none; margin:5px; background-color:#FFFFFF; border:solid 1px #cccccc;}
.refinename {padding-left:2px; font-size:11px; margin:0px; font-weight:normal; display: block; color:#666666;}
.refinename:hover {color:#0066cc; text-decoration:underline;}
.refinecount{font-size:10px; display: block; text-decoration:none; padding-bottom:1px}
#roundtbl_title {float:right; width:775px; padding:0px; min-height:35px; margin-top:5px; background-image:url(../images/prod/roundtbl_title.gif); background-repeat:no-repeat; background-color:#eeeeee;}
#table_content {float:right; width:763px; padding: 5px 5px; background-color:#eeeeee; border-left:#cccccc solid 1px; border-bottom:#cccccc solid 1px; border-right:#cccccc solid 1px;}
.prodbox { float:left; width:755px; padding:0px; margin:0px; display:inline;}
.prodbox li{float:left; width:165px; height:165px; padding:5px; text-align:center; list-style:none; padding:0px; margin:10px; background-color:#FFFFFF; border:solid 1px #cccccc;}
.img{height:80px; padding:5px; margin:0px; clear:both; vertical-align:middle; display: block;}
.prodname {width:165px; text-align:center; padding-left:2px; font-size:12px; margin:0px; height:40px; font-weight:normal; display: block; text-decoration:underline;}
.prodname:hover {color:#0066cc;}
.prodcount{width:165px; font-size:10px; text-align:center; display: block; text-decoration:none; padding-bottom:1px}
a.link1 {display:block; width:165px; height:80px; margin:5; padding:0;}
a.prodname {display:block; width:165px; height:50px; margin:5; padding:0;}
a.prodcount {display:block;width:165px; height:20px;}

/*-------prod-inner ------- */
#result {float:left; width:500px; margin-top:5px; margin-bottom:5px; padding-left:5px;}
#resultpage{ float:right; width:200px; margin-top:5px; margin-bottom:5px; font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:right;}
#table_content2 { float:right; width:773px; padding:0px; margin:0px; background-color:#ffffff;  border-left:#cccccc solid 1px; border-bottom:#cccccc solid 1px; border-right:#cccccc solid 1px;}
#prodbox2 {float:left; padding-bottom:25px; margin:0px;}
.line { border-right:#cccccc solid 1px; border-bottom:#cccccc solid 1px;}
.underline { border-bottom:#cccccc solid 1px;}
.sideline { border-right: #ffffff solid 1px;}
.prodsubtable { float:left; width:773px; margin:0px; padding:10px; background-color:#333333;}
.borderleft { border-left:#cccccc solid 1px;}
.borderright { border-right:#cccccc solid 1px;}
.bordertop {border-top:#cccccc solid 1px;}
.border{ border:#cccccc solid 1px;}


/* ---- Registration ---- */
#reg {float:left; width:485px; padding:0px; margin-right:5px; margin-bottom:10px;}
#reg_title{ float:left; width:485px; height:30px; background-image:url(../images/_round_title_485.gif); background-repeat:no-repeat; margin-top:15px;}
#reg_table{float:left; width:473px; min-height:150px; background-color:#eeeeee; padding:5px 5px; border-left:#cccccc solid 1px; border-bottom:#cccccc solid 1px; border-right:#cccccc solid 1px;}

/* --- text controld --- */
.contenttext {font-family:'Century Gothic',Verdana,Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify;}
.contenttext1 {font-family:'Century Gothic',Verdana,Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify; width:190px;}
.contenttext2 {font-family:'Century Gothic',Verdana,Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify;}
.contenttext5 {float:right; font-family:'Century Gothic',Verdana,Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify;}
.contenttextPadding {font-family: 'Century Gothic',Verdana,Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; padding:0px 5px;}
.title {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:13px; color:#333333; font-weight:none; padding-left:2px; line-height:20px;}
.title2 {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; padding-left:2px;}
.title3 {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:13px; color:#0066cc; font-weight:none; padding:0px; line-height:20px;}
.bluetitle{font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; color:#0066cc; padding:0px; margin:0px;}
.left_title14 {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; padding-left:5px; line-height:25px;}
.redtitle {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:14px; color:#990000; font-weight:bold; padding-left:15px; line-height:25px;}
.bluetitle {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:14px; color:#0000FF; font-weight:bold; padding-left:5px;}
.greytitle {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:14px; color:#cccccc; font-weight:bold; padding-left:5px; line-height:20px;}

.footer_red {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:14px; color:#990000; font-weight:bold;}
.footertext { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}

a.topnavi_link, a.topnavi_link:link, a.topnavi_link:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; text-decoration:underline; color: #666666;}
a.topnavi_link:hover {color:#ff0000; font-weight:none; text-decoration:underline; } 
a.topnavi_link:active {color:#ff0000;} 

a.contenttext_linkbold, a.contenttext_linkbold:link, a.contenttext_linkbold:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; text-decoration:underline; color: #666666;}
a.contenttext_linkbold:hover {color:#cc0000; font-weight:bold; text-decoration:underline; } 
a.contenttext_linkbold:active {color:#cc0000;} 

a.left_linkbold, a.left_linkbold:link, a.left_linkbold:visited {float:right; font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color: #ff0000;}
a.left_linkbold:hover {color:#000000; text-decoration:none; font-weight:bold; } 
a.left_linkbold:active {color:#000000;}

a.footertextlink, a.footertextlink:link, a.footertextlink:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #0066cc; text-decoration:none;}
a.footertextlink:hover {color:#333333; font-style:italic;} 
a.footertextlink:active {color:#333333;} 

a.footerlink2, a.footerlink2:link, a.footerlink2:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #0066cc; text-decoration:none;}
a.footerlink2:hover {color:#333333;} 
a.footerlink2:active {color:#333333;} 

a.titlelink, a.titlelink:link, a.titlelink:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:14px; color: #666666; font-weight:bold; text-decoration:none;}
a.titlelink:hover {color:#ff0000; font-weight:bold;} 
a.titlelink:active {color:#333333;} 

a.prodlink, a.prodlink:link, a.prodlink:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; color: #666666; font-weight:none; text-decoration:none;}
a.prodlink:hover {color:#0000FF; font-weight:none; width:165px; height:165px; border:solid 1px #0000FF;} 
a.prodlink:active {color:#333333;} 

a.link, a.link:link, a.link:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; color: #333333; font-weight:bold; text-decoration:none;}
a.link:hover {color:#ff0000; font-weight:bold;} 
a.link:active {color:#333333;}

a.link2, a.link2:link, a.link2:visited { float:right; font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; color: #333333; font-weight:bold; text-decoration:none;}
a.link2:hover {color:#ff0000; font-weight:bold;} 
a.link2:active {color:#333333;}

a.linkgreen, a.linkgreen:link, a.linkgreen:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; color: #339900; font-weight:bold; text-decoration:none;}
a.linkgreen:hover {color:#ff0000; font-weight:bold;} 
a.linkgreen:active {color:#333333;}

input:focus, input.focused { border-color: #0033FF; color: #333;}