/* CSS Document */

/************ main stuff **************/

html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	background: #1B3E93;
	text-align:center; /* centers the main content in IE */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#main {
	width:1000px;
	padding:0px;
	height:auto;
	margin:0px auto; /* centers the main content in other browsers */
	font: 75%/135% Arial, Helvetica, sans-serif;
	color: #1B3E93;
}
/************ header definitions **************/

	
#header {
	float:left;
	width:1000px;
	height:52px;
	color: #666666;
	background: #1B3E93 url(/en/imgs/header.gif);
}
#footer {
	float:left;
	width:900px;
	height:53px;
	color: #666666;
	background: #1B3E93 url(/en/imgs/footer.gif);
	padding-top: 5px;
	padding-left: 120px;
}
/************ nav definitions **************/

#maincontent {
	position: relative;
	width:1000px;
	left:0;
	float:left;
	background: #1B3E93 url(/en/imgs/sparkly_bg_left.gif) repeat-y left top;
}
#sidenav {
	float:left;
	top: 0px;
	right: 0px;
	width: 199px;
	background: #1B3E93 url(/en/imgs/sparkly_bg.gif) repeat-y left top;
}
#credit {
	float:left;
	width:157px;
	padding: 10px 0px 0px;
	margin-left: 42px;
	background: #EE3125;
}
.sidehol {
	float:left;
	width:157px;
	margin-left: 42px;
	font-weight: bold;
	color: #FFF;
	background-color: #EE3125;
	background-image: url(../imgs/redbg.gif);
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E7E8;
	border-bottom-color: #E6E7E8;
}
#searchbox {
	top: 0px;
	left: 0px;
	background-color: #EE3024;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-left: 42px;
}
.searchboximage {
	margin-top: 3px;
	margin-bottom: 3px;
}
.searchboxbox {
	margin-top: 3px;
	height: 15px;
	width: 130px;
	border: 1px solid #999999;
}
#phplive {
	top: 0px;
	left: 0px;
	background-color: #EE3024;
	color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-left: 42px;
}
#top {
	float:left;
	width: 759px;
	background: #FFFFFF url(/en/imgs/white_bg.gif) repeat-y left top;
	height:55px;
}
#top H2 {
	color:#1A3E94;
	text-align: left;
	margin-left: 28px;
	margin-bottom: 0px;
	font-size: 26px;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
}
#top H3 {
	color:#EE3125;
	margin-top: 12px;
	text-align: left;
	margin-left: 28px;
	font-size: 26px;
}
#top img {
	position:relative;
	float: right;
	text-align: right;
	margin-right: 28px;
}
#bottomnav {
	background-image: url(/en/imgs/nav_bottom.gif);
	padding: 0px;
	height: 52px;
	width: 199px;
	float: left;
}
#topnav {
	float:left;
	width: 759px;
	background: #FFFFFF url(/en/imgs/white_bg.gif) repeat-y left top;
}
/************ layout definitions **************/

#content {
	float: left;
	width: 739px;
	background-image: url(/en/imgs/white_bg.gif);
	background-repeat: repeat-y;
	padding: 20px;
	margin: 0px;
}
#contentleft {
	float: left;
	width: 552px;
	background-image: url(/en/imgs/white_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding: 10px 10px 10px 40px;
}
#contentleftHm {
	float: left;
	width: 582px;
	background-image: url(/en/imgs/white_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
#contentleftHm2 {
	float: left;
	width: 740px;
	background-image: url(/en/imgs/white_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding: 10px;
	margin-left: 199px;
}
#contentright {
	width: 157px;
	float: left;
	background-color: #ffffff;
	padding-top: 10px;
	text-align:right;/*padding-bottom: 10px;*/
}
#contentleft H1 {
	color:#1A3E94;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 30px;
	font-size: 16px;
	margin-top: 20px;
	margin-right: 0px;
}
#content H1 {
	color:#1A3E94;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	margin-top: 10px;
	margin-right: 0px;
}
.largeblu {
	color:#1A3E94;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	margin-top: 10px;
	margin-right: 0px;
	font-weight: bold;
}
#content H1 a:link, #content H1 a:visited {
	color: #1A3E94;
	text-decoration: underline;
}
#content H2 {
	color:#1A3E94;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	line-height: 155%;
}
.productboxtop580 {
	background-image: url(../imgs/brwstop680.gif);
	height: 22px;
	width: 376px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-top: 2px;
	padding-left: 20px;
}
.productboxtop580 a:link, .productboxtop580 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.productboxtop580 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.productboxtop100 {
	height: 22px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	padding-top: 2px;
	background-color: #EE3125;
	padding-right: 20px;
}
.productboxtop {
	background-image: url(../imgs/brwstop.gif);
	height: 22px;
	width: 315px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	padding-top: 2px;
}
.productboxtop a:link, .productboxtop a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.productboxtop a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.productboxcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.productboxcopynorm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.redproductboxcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	text-align:center;
}
/************ sectionLinks styles **************/

#sectionLinks {
	float:left;
	width:157px;
	padding: 0px;
	color: #666666;
	margin-left: 42px;
}
#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	background: url(/en/imgs/red_but_bg.gif);
	font-weight: bold;
	padding: 2px 0px 2px 10px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}
#sectionLinks a:hover {
	background: url(/en/imgs/button_over.gif);
	font-weight: bold;
	text-decoration: none;
	color: #EE3024;
}
#rightLinks {
	float:left;
	width:157px;
	padding: 0px;
	color: #666666;
}
#rightLinks a:link, #rightLinks a:visited {
	display: block;
	background: url(/en/imgs/red_but_bg.gif);
	font-weight: bold;
	padding: 2px 0px 2px 5px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}
#rightLinks a:hover {
	background: url(/en/imgs/button_over.gif);
	font-weight: bold;
	text-decoration: none;
	color: #EE3024;
}
#rightLinks2 {
	float:right;
	width:157px;
	padding: 0px;
	color: #666666;
	text-align: center;
}
#rightLinks2 a:link, #rightLinks2 a:visited {
	text-decoration: none;
}
#rightLinks a:hover {
	text-decoration: underline;
}
/************ tabs styles **************/

#tabs {
	left:0px;
	float:left;
	width:719px;
	line-height:normal;
	font-size:1em;
	background: #E6E7E8;
	height:21px;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}
#tabs ul {
	padding:0px;
	list-style:none;
	margin: 0px;
}
#tabs li {
	display:inline;
	margin: 0px;
	padding: 0px;
}
#tabs a {
	float:left;
	background:url(/en/imgs/l.gif) no-repeat left top;
	padding:0 0 0 12px;
	text-decoration:none;
}
#tabs a span {
	float:left;
	display:block;
	background:url(/en/imgs/r.gif) no-repeat right top;
	padding:5px 12px 4px 0px;
	font-weight:bold;
	color:#999999;
	width: 110px;
	margin-right: 2px;
}
/* IE5-Mac \*/
#tabs a span {
	float:none;
}
/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFFFFF;
}
#tabs #current a {
	background-position:0 -21px;
	border-width:0;
}
#tabs #current a span {
	background-position:100% -21px;
	color:#FFF;
	width: 116px;
}
#tabs a:hover {
	background-position:0% -21px;
}
#tabs a:hover span {
	background-position:100% -21px;
}
/************ bottom tabs styles **************/

#bottomtabs {
	left:0px;
	float:left;
	width:719px;
	line-height:normal;
	font-size:1em;
	background: #1A3E94;
	height:21px;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 32px;
}
#bottomtabs ul {
	padding:0px;
	list-style:none;
	margin: 0px;
}
#bottomtabs li {
	display:inline;
	margin: 0px;
	padding: 0px;
}
#bottomtabs a {
	float:left;
	background:url(/en/imgs/l2.gif) no-repeat left top;
	padding:0 0 0 12px;
	text-decoration:none;
}
#bottomtabs a span {
	float:left;
	display:block;
	background:url(/en/imgs/r2.png) no-repeat right top;
	padding:5px 12px 4px 0px;
	font-weight:bold;
	color:#FFFFFF;
	width: 110px;
	margin-right: 2px;
}
/* IE5-Mac \*/
#bottomtabs a span {
	float:none;
}
/* End IE5-Mac hack */
#bottomtabs a:hover span {
	color:#FFFFFF;
}
#bottomtabs #current a {
	background-position:0 -21px;
	border-width:0;
}
#bottomtabs #current a span {
	background-position:100% -21px;
	color:#FFF;
	width: 116px;
}
#bottomtabs a:hover {
	background-position:0% -21px;
}
#bottomtabs a:hover span {
	background-position:100% -21px;
}
/************ form styles **************/

form {
	margin:0;
}
.admintablenew {
	color: #1A3E94;
}
.admintablenew td {
	text-align: left;
	background-color: #E6E7E8;
	border: 1px solid #CCCACA;
	padding: 2px;
}
.admintablenew th {
	text-align: center;
	font-size: 16px;
	background-color: #E6E7E8;
	border: 1px solid #CCCACA;
	padding: 4px;
}
.admintable {
	text-align:left;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px;
	background-color: #E6E7E8;
}
.admintable h2 {
	text-align:center;
	color: #1A3E94;
	padding: 0px;
	margin: 2px 0px;
	font-size: 16px;
}
.admintabledk {
	text-align:left;
	color: #FFFFFF;
	border: 1px solid #E6E7E8;
	padding: 2px;
	background-color: #CCCACA;
	font-weight: bold;
}
.redbox {
	display: block;
	padding: 10px;
	width: 85%;
	text-align: left;
	background-color: #FFCCCC;
	border: 1px solid #FF0000;
	color: #FF0000;
}
.enqbox {
	display: block;
	padding: 10px;
	width: 85%;
	text-align: left;
}
.container {
	width : 160px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: auto;
}
.container_L {
	width : 340px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: auto;
}
.containertbox {
	width : 320px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: auto;
}
.table80left {
	text-align:left;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px;
	width:76px;
	background-color: #E6E7E8;
}
.table80center {
	text-align:center;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px;
	width:76px;
	background-color: #E6E7E8;
}
.table80right {
	text-align:right;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px 5px 2px 2px;
	width:73px;
	background-color: #E6E7E8;
}
.table80centerdk {
	text-align:center;
	color: #FFFFFF;
	border: 1px solid #B4AFAF;
	padding: 2px;
	background-color: #CCCACA;
	font-weight: bold;
	width:76px;
}
.table540left {
	text-align:left;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px;
	width:536px;
	background-color: #E6E7E8;
}
.table540leftdk {
	text-align:left;
	color: #FFFFFF;
	border: 1px solid #B4AFAF;
	padding: 2px;
	width:544px;
	background-color: #CCCACA;
	font-weight: bold;
}
.table440leftdk {
	text-align:left;
	color: #FFFFFF;
	border: 1px solid #B4AFAF;
	padding: 2px;
	width:440px;
	background-color: #CCCACA;
	font-weight: bold;
}
.table440left {
	text-align:left;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px;
	width:440px;
	background-color: #E6E7E8;
}
.table440left img {
	text-align:left;
	color: #1A3E94;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
}
.table440left a {
	margin-top: 10px;
	float: left;
}
.table492left {
	text-align:left;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px;
	width:492px;
	background-color: #E6E7E8;
}
.table44center {
	text-align:center;
	color: #1A3E94;
	border: 1px solid #CCCACA;
	padding: 2px;
	width:44px;
	background-color: #E6E7E8;
}
HR {
	width:100%;
	height:1px;
	color:#B4AFAF;
}
input.btndk {
	color:#1A3E94;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color: #FFFFFF;
	border: 1px solid #1A3E94;
	cursor: default;
	width: 165px;
	height: 30px;
}
input.btndklong {
	color:#1A3E94;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color: #FFFFFF;
	border: 1px solid #1A3E94;
	cursor: default;
	width: 225px;
	height: 30px;
}
input.btnimg {
	cursor: default;
	background-image: url(/en/imgs/search_button.gif);
	background-color: transparent;
	height: 18px;
	width: 52px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a:link {
	color: #1A3E94;
	text-decoration: underline;
}
a:visited {
	color: #1A3E94;
	text-decoration: underline;
}
a:active {
	color: #1A3E94;
	text-decoration: underline;
}
a:hover {
	color: #1A3E94;
	text-decoration: none;
}
.cartdescblu {
	color:#1A3E94;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	margin-top: 20px;
	display: block;
	float: left;
	font-weight: bold;
	line-height:normal;
}
.cartdescgry {
	color:#666666;
	text-align: left;
	margin-bottom: 10px;
	font-size: 18px;
	margin-top: 20px;
	display: block;
	float: left;
	font-weight: bold;
	line-height:normal;
}
#error {
	color:#FF0000;
	text-align: center;
	clear: both;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.emailHeader {
	background-image: url(../imgs/email_header2.gif);
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 750px;
}
.emailMiddle {
	background-image: url(../imgs/email_middle.gif);
	margin: 0px;
	width: 670px;
	background-repeat: repeat-y;
	color: #666666;
	font-size: 12px;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;
}
.emailFooter {
	background-image: url(../imgs/email_footer.gif);
	margin: 0px;
	height: 34px;
	width: 750px;
	color: #666666;
	font-size: 12px;
	padding-bottom: 15px;
}
#slideouter {
	height:50px;
	float:left;
	width:157px;
	margin-left: 42px;
	background: #EE3125;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
table.tablef {
	width: 100%;
	padding: 0px;
}
table.tablef a:link, table.tablef a:visited, table.tablef a:hover {
	color: #FFF;
	text-decoration: underline;
}
.imgspacer {
	margin-bottom: 10px;
}
.tablelink td a {
	color:#FFF;
}
#myForm label {
	width: 80px;
	text-align: left;
	margin-right: 40px;
	display: block;
	height: 26px;
	padding-left: 100px;
	float: left;
}
.redstar {
	color: #F00;
}
#myForm .submit input {
	margin-left: 200px;
	width: 140px;
	color: #FFF;
	background-color: #675746;
	padding-top: 4px;
	padding-bottom: 4px;
}
#myForm input {
	color: #1B3E93;
	border: 1px solid #d0d0d0;
	background-color: #FFF;
	width: 300px;
	margin-bottom: 6px;
	margin-right: 140px;
}
#myForm fieldset {
	border: 1px solid #CCC;
	width: 700px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
#myForm legend {
	color: #1B3E93;
	background-color: #CCC;
	margin-bottom: 10px;
	font-weight: bold;
	padding: 6px;
}
#myForm textarea {
	color: #1B3E93;
	border: 1px solid #d0d0d0;
	background-color: #FFF;
	width: 300px;
	height: 100px;
	margin-right: 140px;
	margin-bottom: 6px;
}
#myForm label.error {
	margin-left: 120px;
	color: #F00;
	width: 580px;
}
.brochureimg {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 3px;
	margin-bottom: 3px;
}
/************navigation **************/
body {
	padding:0;
}
img {
	border:0;
}
#scroll {
	position:relative;
 height:;
	overflow:hidden;
	border:1px solid #ddd;
	width:588px;
	height:255px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#tools {
	width:9999em;
	position:absolute;
	height:160px;
}
.tool {
	float:left;
	width:588px;
	height:160px;
	text-align:center;
}
.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}
#thumbs {
	height:100px;
	position:absolute;
	top:170px;
	width:588px;
	left:0px;
	background-image: url(../../pixs/navi.jpg);
	background-repeat: no-repeat;
}
.t {
	padding:0 !important;
	border:0 !important;
}
.t a {
	background:transparent url(../../pixs/navi.jpg) no-repeat scroll 0px -100px;
	margin-left:0px;
	display:block;
	width:147px;
	float:left;
	height:100px;
	cursor:pointer;
}
.t a.active {
	cursor:default !important;
}
.navi {
	margin-left:147px;/*_margin-left:304px;*/
}
/* CSS sprite for the navigation */
#t0 {
	margin-left:0px;/*_margin-left:10px;*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 105%;
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
	color: #666;
}
#t0.active {
	background-position:0px 0 !important;
}
#t0:hover {
	background-position:0px -200px;
}
#t0:active {
	background-position:0px -300px;
}
#t1 {
	background-position:-147px -100px;
	line-height: 105%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
	color: #666;
}
#t1:hover {
	background-position:-147px -200px;
}
#t1:active {
	background-position:-147px -300px;
}
#t1.active {
	background-position:-147px 0 !important;
}
#t2 {
	background-position:-294px -100px;
	line-height: 105%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
	color: #666;
}
#t2:hover {
	background-position:-294px -200px;
}
#t2:active {
	background-position:-294px -300px;
}
#t2.active {
	background-position:-294px 0 !important;
}
#t3 {
	background-position:-441px -100px;
	line-height: 105%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
	color: #666;
}
#t3:hover {
	background-position:-441px -200px;
}
#t3:active {
	background-position:-441px -300px;
}
#t3.active {
	background-position:-441px 0 !important;
}
