/* CSS Document */

body,td,th,input,select,textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #232323; }
body { background: #fff url(images/bg-body.gif) repeat-x top; margin: 30px 0px 0px 0px; padding: 0px; }

p,h1,h2,h3,ul,ol,form { margin: 0px; padding: 0px; }

a { color: #3952a4; }
a:hover { text-decoration: none; color: #666; }

#container { margin: auto; width: 960px; background: url(images/bg-container.gif) repeat-y; }

#topheader { margin: auto; width: 890px; height: 83px; border-top: 5px solid #eae9ea; border-left: 5px solid #eae9ea; border-right: 5px solid #eae9ea;
	background: url(images/bg-topheader.gif) repeat-x #fff top; }
	
#topheader-left { float: left; width: 195px; height: 83px; background: url(images/bg-topheader-left.gif) no-repeat; }
#topheader-left h1 { font-size: 18px; overflow: hidden; text-indent: -35000px; }
#topheader-left a { display: block; width: 195px; height: 83px; }

#topheader-right { float: right; width: 655px; height: 83px; padding-right: 20px; background: url(images/bg-topheader-right.gif) right no-repeat; }
#right-topbar { height: 27px; text-align: right; margin-bottom: 2px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; 
	text-transform: uppercase; color: #ccc; padding-top: 15px; }
#right-topnav { height: 23px; text-align: right; padding-top: 15px; }
#right-topnav a { font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; }

#root { margin: auto; width: 960px; background: url(images/bg-header.jpg) top no-repeat; }
#root-sideleft { float: left; width: 50px; height: 182px; background: url(images/bg-root-sideleft.gif) no-repeat; margin-top: 90px; }
#root-sideright { float: right; width: 55px; height: 182px; background: url(images/bg-root-sideright.gif) no-repeat; margin-top: 90px; }

#root-left { float: left; margin-top: 42px; width: 170px; background: url(images/bg-root-left.gif) top no-repeat; padding: 5px; }
#nav-left { padding: 2px 2px 10px 2px; background: #fff url(images/bg-nav-left.gif) bottom no-repeat; }
#nav-left ul { list-style: none; }
#nav-left ul li { display: block; width: 166px; font-family: Arial, Helvetica, sans-serif; }
#nav-left ul li, div#nav-left ul li:hover { position:relative; }
#nav-left li ul { position: absolute; top: 0; left: 100.2%; display: none; border: 1px solid #fff; background: #fff; }
#nav-left ul ul, #nav-left ul li:hover ul ul { display: none; }
#nav-left ul li:hover ul { display: block; }
#nav-left ul li a { display: block; width: 151px; background: url(images/bg-li-leftnav.gif) top no-repeat; text-decoration: none;
	color: #11235f; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 7px 5px 4px 10px; }
#nav-left ul li a:hover { color: #999; }
#nav-left ul li li a { color: #b20000; text-transform: none; font-weight: bold; font-size: 10px; }
#nav-left ul li li a:hover { background: #11235f; color: #fff; }

#root-left .leftbox { padding: 10px; color: #fff; font-size: 10px; border-bottom: 1px solid #364986; }

#root-right { float: left; width: 655px; margin-top: 90px; background: url(images/bg-root-right.gif) top repeat-x; padding-left: 20px; }
#root-right h1 { font-size: 22px; letter-spacing: -1px; padding-bottom: 2px; border-bottom: 1px dotted #ccc; color: #000; font-weight: normal; }
#root-right h2 { font-size: 18px; letter-spacing: -1px; padding-bottom: 2px; border-bottom: 1px dotted #ccc; margin-bottom: 15px; color: #3952a4; }
#root-right h3 { font-size: 14px; padding-bottom: 2px; border-bottom: 1px solid #efefef; margin-bottom: 4px; color: #b20000; }
#root-right .navigation { font-family: Arial, Helvetica, sans-serif; padding: 6px 0px 5px 0px; color: #666; margin-bottom: 20px; }
#root-right .img-tmtk { margin-bottom: 10px; }
#root-right .textbox { padding: 14px; line-height: 16px; margin-bottom: 10px; }
#root-right .textbox ul { padding: 0px 20px 0px 17px; }
#root-right .textbox ul ul { padding: 0px 20px 0px 37px; margin-bottom: 10px; }
#root-right .textbox td { font-size: 10px; border-bottom: 1px solid #efefef; padding: 15px 0px 15px 0px; }
#root-right .textbox td.shop { font-size: 11px; border-bottom: 1px solid #efefef; padding: 2px 0px 2px 0px; }
#root-right .textbox td.small { font-size: 9px;}
#root-right .textbox td.shopprice { font-size: 11px; border-bottom: 1px solid #efefef; padding: 2px 20px 2px 0px; text-align: right}
#root-right .textbox td.shopdelete { padding: 2px 10px 2px 0px;text-align:right;}
#root-right .textbox .p-price { font-size: 14px; font-weight: bold; text-align: center; color: #b20000; }
#root-right .textbox .p-list { border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
#root-right .textbox .p-title { font-size: 12px; }
#root-right .textboxsmall { padding: 14px; line-height: 14px; margin-bottom: 10px; font-size: 11px; color: #666666; }

#footer { border-top: 1px solid #eae9ea; padding: 15px 0px 15px 0px; }
#footerbox { margin: auto; width: 860px; font-size: 10px; color: #808080; 
	background: url(images/bg-footerbox.gif) top right no-repeat; }
#footerbox a { color: #333; text-decoration: underline; }
#footerbox a:hover { color: #666; text-decoration: none; }

a.btn-order { display: block; width: 70px; height: 20px; color: #fff; text-decoration: none; background: url(images/bg-btn-order.gif) top;
	font-weight: bold; padding: 2px 0px 0px 30px; }
a.btn-delete { display: block; width: 70px; height: 18px; color: #fff; text-decoration: none; background: url(images/bg-btn-order.gif) top;
	font-weight: bold; padding: 2px 0px 0px 10px; }
a:hover.btn-order { background-position: bottom; color: #333; }
/*a.hover.btn-delete { background-position: bottom; color: #333;  }*/

.clearall { clear: both; }
.botclearall { clear: both; background: url(images/bg-botclearall.gif) bottom no-repeat; }


.ulother {
	font-size: 11px;
}
#root-right .textbox td.heading {
	font-size: 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 4px;
	color: #b20000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#root-right .textbox td.headingright {
	font-size: 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 4px;
	color: #b20000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 20px;
}

#root-right .textbox td.error {
	font-size: 12px;
	padding-bottom: 2px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 4px;
	color: #b20000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttonstyle {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	color: #fff;
	background: url(images/bg-btn-order.gif) top;
	/*width: 100px;*/
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}