/*boxbg #020285 - darkblue*/



html {

	overflow: -moz-scrollbars-vertical;

	margin: 0;

	color:#FFF;

	padding: 0;

}

* {

	font-family: Arial, Helvetica, sans-serif;

	

}
.fr {
	float:right;
		
}
.fl {
	float:left;
		
}
a:link{

	text-decoration:none;

	

}

a{outline:none;}

#input_state,input,select {
	background:url(../image/bg_input.png);	
}
#input_state option, option{
	background-color:#FFF;
	color:#000;	
}

#column_middle_top{
	clear:both	
}


h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
	padding:0 0 10px 0;
	margin:0;
}
body {

	margin: 0px;

	padding: 0px;

	text-align: center;

	

	background:url(../image/bgimage.png) #000 top center repeat-y;

}

body, td, th, input, textarea, select, a {

	font-size: 13px;

	color:FFF;

}

form {

	padding: 0;

	margin: 0;

	display: inline;

}
a.linkButton{
	background:url(../image/checkoutbutton.png) no-repeat; 
	display:block; 
	padding:5px; 
	width:110px; 
	height:28px; 
	text-align:center; 
	color:#2D2D2D !important;
	font-weight:900;
	font-size:13px;
}
input, textarea, select {

	margin: 3px 0px;

	color:#000

}

a, a:visited {

	color: #FFF;

	text-decoration: none;

	cursor: pointer;

}

a:hover {

	text-decoration: none;

}

a img {

	border: none;

}

p {

	margin-top: 0px;

}

/* layout */

#container {
	min-height: 100%;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	/*background-image: url('../image/background.png');*/

	background-color:#000;
	padding: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}



#banner {
	height:0px;
	padding-top:0px;
	width: 895px;
	text-align: right;
	padding-right: 5px;
	
}

#header .div2 {

	float: left;

	padding-top: 15px;

	padding-left: 15px;

}

#header .div3 {

	float: right;

	padding-top: 7px;

	height: 38px;

}

#header .div3 a {

	margin-left: 15px;

	padding: 1px 0px 2px 20px;

	background-repeat: no-repeat;

	background-position: left center;

}

#header .div4 {

	width: 510px;

	clear: right;

	float: right;

	height: 32px;

	padding-right: 14px;

}

#header .div4 a {

	float: left;

	margin-right: 2px;

	width: 100px;

	height: 18px;

	padding-top: 9px;

	padding-bottom: 9px;

	background: url('../image/tab_1.png') no-repeat;

	text-align: center;

	color: #fff;

	text-decoration: none;

	font-size: 14px;

	font-weight: bold;

	position: relative;

	z-index: 1;

}

#header .div4 a.selected {

	background: url('../image/tab_2.png') no-repeat;

	color: #FFF;

	padding-bottom: 10px;

	z-index: 3;

}

#header .div5 {

	clear: both;

}

#header .div5 .left {

	background: url('../image/header_1_left.png') no-repeat;

	width: 5px;

	height: 40px;

	float: left;

}

#header .div5 .right {

	background: url('../image/header_1_right.png') no-repeat;

	width: 5px;

	height: 40px;

	float: right;

}

#header .div5 .center {

	background: url('../image/header_1_center.png') repeat-x;

	height: 40px;

	margin-left: 5px;

	margin-right: 5px;

}

#header .div6 {

	clear: both;

	margin-bottom: 10px;

}

#header .div6 .left {

	background: url('../image/header_2_left.png') no-repeat;

	width: 5px;

	height: 32px;

	float: left;

}

#header .div6 .right {

	background: url('../image/header_2_right.png') no-repeat;

	width: 5px;

	height: 32px;

	float: right;

}

#header .div6 .center {

	background: url('../image/header_2_center.png') repeat-x;

	height: 32px;

	margin-left: 5px;

	margin-right: 5px;

	padding-left: 5px;

	padding-right: 5px;

}

#header .div7 {

	float: right;

	padding-top: 2px;

}

#header .div8 {

	float: left; margin-top: 6px;

}

#header .div9 {

	float: left;

}

#header .div10 {

	float: left; 

	margin-top: 2px;	

}

#search {

	padding-top: 7px;

	padding-left: 5px;

	color: #FFF;

	font-weight: bold;

}

#search select {

	border: 1px solid #0A5391;

	padding: 1px;

}

#search a {

	color: #FFF;

}

#search input {

	border: 1px solid #0A5391;

	padding: 2px;

}

#breadcrumb {

	float: left;

	padding-top: 7px;

	padding-bottom: 11px;

	height: 13px;

	margin-bottom: 10px;

	color: #fff;

}

.switcher {
	float: right;	
	margin-top: 3px;
	margin-left: 10px;

}

.switcher a {
	text-decoration: none;
	display: block;
}

.switcher .selected {
	background: #FFFFFF url('../image/switcher.png') repeat-x;

}
.switcher .selected a {
	border: 1px solid #CCCCCC;
	background: url('../image/arrow_down.png') 116px center no-repeat;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 121px;

}

.switcher .selected a:hover {
	background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}

.switcher .option {	
	position: absolute;
	z-index: 3;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	display: none;
	width: 131px;

}

.switcher .option a {
	color: #fff;
	padding: 3px 5px 3px 5px;

}

.switcher .option a:hover {
	background: #FFC;
}
.switcher img {
	position: relative;
	top: 1px;
}



#content {
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top:0px;
}

#content .middle{
padding:0;
margin:0;	
}

#content .top h1 {
	padding: 20px 0px 8px 7px;
}

#content h1, .heading {
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;

}

.heading {
	border-bottom: 3px solid #020285;
	padding-bottom: 3px;
	margin-bottom: 10px;

}
#content .middle {
	padding: 10px 10px 1px 10px;
	min-height: 380px;

}

#content .bottom {
	height:29px;

}

.box {
	margin-bottom: 10px;
	background: url('../image/box_top.png') no-repeat;
}

.box .top {
	padding: 8px 0px 8px 7px;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.box .top img {
	float: left;
	margin-right: 5px;
}

.box .middle {
	border-left: 1px solid ;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
}

.box .bottom {
	height: 5px;
	background: url('../image/box_bottom.png') no-repeat;
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}

.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color:#000;
}

.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color:#000;
}

.required {
	color: #fff;
	font-weight: bold;
}

.error {
	color: #fff;
	display: block;
}
.help {
	cursor: pointer;
}

.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}

.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
	clear:both;
}

.button {
	padding-left: 8px;
	display: inline-block;
	margin-right: 5px;
	background: url('../image/button_left.png') top left no-repeat;
	text-decoration: none;
	color:#FFF;
}

.button span {
	color: #FFF;
	display: block;
	padding: 4px 12px 5px 5px;
	background: url('../image/button_right.png') top right no-repeat;
}
a.button span{
	font-size:12pt;
	font-weight:bold;
	text-transform:uppercase;
	
	
}
.button span {
	height:30px;	
}
.buttons {
	
	
	padding: 5px;
	margin-bottom: 10px;
}

.buttons input {
	padding: 0px;
	margin: 0px;
}

.buttons table {
	width: 100%;
	border-collapse: collapse;
}

.buttons table td {

	vertical-align: middle;

}

.content {


	
	margin-top: 3px;
	margin-bottom: 10px;
}

.list {
	margin-bottom: 10px;
	width: 100%;
}

.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}

.sort {
	margin-bottom: 10px;
	background: #000;
	height: 30px;
	width: 100%;
}

.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}

.sort .div2 {
	text-align: right;
	padding-top: 9px;
}

.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.pagination {
	display: inline-block;
	width: 100%;
	background: #000;
	margin-bottom: 10px;
}

.pagination .links, .pagination .results {
	padding: 7px;
}

.pagination .links {
	float: left;
}

.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #fff;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #fff;
	background: #FFFFFF;

}

.pagination .results {
	float: right;
}

.tabs {
	width: 100%;
	height: 31px;
	margin-bottom: 0px;
}

.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}

.tabs a.selected {
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}

.tab_page {
	
	padding: 10px;
	display: block;
	z-index: 2;
	margin-bottom: 10px;

}

#footer {

	width: 100%;
	clear: both;
	

	

}

#footer .div1 {
	float: left;
	text-align: left;

}

#footer .div2 {
	float: right;
	text-align: right;

}

.cart {

	border-collapse: collapse;
	width: 100%;

	margin-bottom: 10px;

}

.cart th {
	background: #111;
	padding: 5px;
	font-weight: normal;

}

.cart td {
	padding: 5px;
}

img.float_middle { 
    float: right; 
    margin-left: 500px; 
}

#navBox{
	background:#03196E;
	width:900px;
	height:43px;
	text-align:left;
	border-bottom:1px solid #FFF;
	z-index:0;
	
}



.jqueryslidemenu{
font: bold 15px Verdana;
width: 680px;

left:0px;

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block; /*background of tabs (default state)*/
	color: #FFF;
	padding: 14px 6px;
	color: #2d2b2b;
	text-decoration: none;
	/*background-color: #0084C4;*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	height:15px;
	font: bold 11px Verdana;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}
.jqueryslidemenu ul li a{
	color:#FFF;	
	
}
.jqueryslidemenu ul li a:hover{
	color: white;
	background-color: #0B318C;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	z-index:99;
	background-color: #0B318C;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 14px Verdana;
width: 210px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;

}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
	color: #FFF;
	background-color: #0B318C;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 17px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}





#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
#bottomNav{
	text-align:center;	
	clear:both;
	position:relative;
	bottom:0px;
	
	width:915px;
	padding:0px 0px 30px 0px;
}
#bottomCustomer{
	float:left;
	width:300px;
	text-align:left;
	
	padding-left:5px;
	padding-bottom:10px;
	height:157px;
	
}
#bottomProduct{
	width:610px;
	text-align:left;
	float:left;
	
	padding-bottom:10px;
	height:157px;
	
}
#informationLink,#productRange{
	/*border-top:1px #CCC solid;*/
	list-style:none;
	padding:0;
	margin:0;
	
}
#informationLink li{
		float:left;
		width:150px;
}
#productRange li{
	float:left;
		width:150px;
}
#informationLink a, #productRange a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;	
	color:#CCC;
	
	
	
}
div.buff{
	
	
	
}
#emailBox{
	background:url("../image/email.png") no-repeat;	
	text-align:left;
}
#passwordBox{
	background:url("../image/password.png") no-repeat;	
	text-align:left;
}

	
.middle{
	font:Arial, Helvetica, sans-serif;	
}