/* CSS Document */
body {
	background-color:#000000;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	
	/*color: #003366;*/
	color:#003366;
}

img {
	border: none;
}

a { color: #003366; text-decoration:none; outline: none; }
a:hover { text-decoration: none; font-weight: bold; color: #6699CC; }




#bodyContainer { 	
	position:absolute;
	height:525px; 
	width:960px;
	margin:-266px 0px 0px -482px;
	top: 50%; 
	left: 50%;
	padding: 0px;
	overflow: hidden;
}

#intranetContainer { 	
	position:absolute;
	height:522px; 
	width:984px;
	margin:-260px 0px 0px -494px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
	
	background-image:url(../intranet/images/intranet_bg.jpg); 
	background-repeat:no-repeat;
}

#landingContainer { 	
	position:absolute;
	height:522px; 
	width:960px;
	margin:-260px 0px 0px -482px;
	top: 50%; 
	left: 50%;
	text-align: center;
	padding: 0px;
	overflow: hidden;
	background-color:#000020;
}

#loginContainer { 	
	  position:absolute;
	  height:522px; 
	  width:984px;
	  margin:-260px 0px 0px -494px;
	  top: 50%; 
	  left: 50%;
	  text-align: left;
	  padding: 0px;
	  overflow: hidden;
	  
	  background-image:url(../intranet/images/intranet_login_bg.jpg); 
	  background-repeat:no-repeat;

}

#content { 	
	text-align: center;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	/*width: 960px;
	height: 520px;*/
}

/*
#navcontainer {
	clear:both;
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 840px;
	height: 60px;
}
*/

/* ------------  fonts and text ----------------*/
.txtError{
	color:#FF0000;
}

.txtSuccess{
	color:#66CC33;
}

.txtH1{
	color: #6699CC;
	text-transform: uppercase;
	font-size: 14px;
}

.txtH2{
	color:#003366;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

.txtBlueLight{
	color: #3399CC;
}

.txtThumbTitle{
	color: #3399CC;
	height: 24px;
}


HR{
	color: #CCCCFF;
	background-color: #CCCCFF;
	height: 1px;
	border: 0px;
}

.divider{
	border-top: 1px #CCCCFF solid; 
	margin-top: 5px;
	width: 100%;
	height: 8px;
}



/*
.txtStoreResults div{
	font-size: 12px;
	line-height: 15px;
}

.txtDistance{
	color:#66CC33;
	
}


*/

/* ---------- buttons + links ------------*/

.logoutBtn{
	width: 170px;
	padding: 2px 0px 2px 5px;
	background-color:#FFFFFF;
}

.logoutBtn a{
	color: #003366;
	padding-right: 120px;
}

.logoutBtn a:hover{
	text-decoration:none;
	font-weight:bold;
}


.orderBtn{
	width: 170px;
	padding: 2px 0px 2px 5px;
	background-color:#003366;
	margin-bottom: 2px;
}

.orderBtn a{
	color: #FFFFFF;
}

.orderBtn a:hover{
	text-decoration:none;
	font-weight:bold;
}


.countryLink {
	font-size:9px;
}

.collectionLink a{
	border: 1px #FFFFFF solid;
}

.collectionLink a:hover{
	border-bottom: 1px #CCCCCC solid;
}

.addToOrderBtn{	
	text-align:center;
	width: 90px;
	padding: 2px 0px 2px 0px;
	background-color:#00264C;
	margin-bottom: 3px;
}
.addToOrderBtn a{
	color: #FFFFFF;
}

.addToOrderBtn a:hover{
	text-decoration:none;
	font-weight:bold;
}

.countrySelect a{
	padding: 2px 2px 2px 28px;
	line-height: 24px;
	font-size: 12px;
}

.intranetLink a{
	float:right; 
	margin-top: 3px;
	color: #CCCCCC;
}
.intranetLink a:hover{
	color: #6699CC;
}

.loginLink a{
	margin-top: 3px;
	font-size: 12px;
	color: #FFFFFF;
}
.loginLink a:hover{
	color: #6699CC;
}

.homeLink a{
	margin-top: 3px;
	font-size: 12px;
	color: #003366;
}
.homeLink a:hover{
	color: #6699CC;
}

.whiteLink a{
	color:#FFFFFF;
}

.blueLink a{
	color: #003366;
}


/* ---------- Tables ------------*/

#cartDetails{
	margin-top: 20px;
}

#orderTable{background:#fff;border-collapse:collapse;text-align:left;}
#orderTable thead th{font-weight:normal; font-size:10px; color:#003366;border-bottom:1px solid #CCCCFF;padding:5px 8px;}
#orderTable tfoot th{font-weight:normal;color:#003366;border-top:1px solid #CCCCFF;padding:5px 8px; }
#orderTable td{color:#003366;padding:5px 8px;}

#orderTableSm{ font-size:10px; background:#fff;border-collapse:collapse;text-align:left; margin-top: 5px;}
#orderTableSm thead th{font-weight:normal;color:#003366;border-bottom:1px solid #CCCCFF;padding:3px 0px;}
#orderTableSm tfoot th{font-weight:normal;color:#003366;border-top:1px solid #CCCCFF;padding:3px 0px; }
#orderTableSm td{color:#003366;padding:3px 0px;}



/*
#orderTable tbody tr:hover td{color:#3399CC;}
*/

/*

.orderTable thead{
	
}

.orderTable th{
	padding: 5px 10px 2px 0px;
}

.orderTable td{
	padding: 0px 10px 5px 0px;
}*/



/*------------------------------------------------------------------*/
/* ---------- dora form rows ------------*/

.doraRow{
	margin-bottom: 2px; 
	background-image: url(../intranet/images/field_trans_bg.png);
	padding: 5px;
}

.doraRow .label{
	float:left; 
	padding-top: 5px; 
	color: #003366;
}
.doraRow .field{
	margin-left: 70px;
}

.doraOrderRow{
	margin-bottom: 2px;
	margin-right: 4px;
	padding: 0px 5px 2px 5px;
	border: 1px #CCCCFF solid;
}

.doraOrderRow .label{
	float:left; 
	padding-top: 5px; 
	color: #3399CC;
}
.doraOrderRow .field{
	margin-left: 85px;
}

#doraOrderErrorContainer {
}

#doraOrderErrorContainer .errorRow{
	line-height: 26px; 
	height: 26px; 
	overflow: hidden;
}

#doraContactErrorContainer {
	clear:both; width: 266px; position: absolute; right: 0px; top: 50px;
}

#doraContactErrorContainer .errorRow{
	line-height: 26px; 
	height: 26px; 
	overflow: hidden;
}



/* ---------- dora form fields ------------*/

.doraTextbox{
	border: none; 
	margin-top:2px; 
	background-color: transparent !important; 
	color: #003366;
	font-size:12px;
}

.doraListbox{
	border-color: transparent !important; 
	border: 0;
	border-style: none;
	margin-top:2px; 
	background-color: transparent !important; 
	color: #003366;
	font-size:12px;
}


.doraBtn {
	margin-bottom: 2px; 
	background-image: url(../intranet/images/field_trans_bg.png);
	padding: 8px; 
	text-align: right; 
}

.doraBtn a{
	color: #003366;
}

.doraBtn a:hover{
	text-decoration:none;
	font-weight:bold;
}

.orderQtyField{
	width: 50px; 
	border: 1px #CCCCFF solid !important; 
	background-color: transparent !important; 
	color:#003366; 
	font-size: 10px; 
	padding: 2px;
}

.doraLoginField{
	width:150px; 
	color:#003366; 
	font-size: 12px; 
	padding: 2px;
}






/*
.txtTextBox{
	color:#666666;
	background-color: #FFFFFF !important;
}

.ddlDropLists{
	color:#666666;
	background-color: #FFFFFF !important;
}

.textboxMulti{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF !important;
}*/

/*------------------------------------------------------------------*/



/* ---------- slider ------------*/
#main {
  width: 636px;
  margin: 0 auto;
}

#content-slider {
  width: 630px;
  height: 1px;
  margin: 10px 0 0 0;
  /*background: #00264C;*/
  position: relative;
  padding: 2px 0;
  border-top: 1px #00264C solid;
}

.content-slider-handle {
  width: 26px;
  height: 12px;
  position: absolute;
  top: -5px;
  
  background-image: url(../intranet/images/slider_selector.png);
  background-repeat: no-repeat;
}

#content-scroll {
  width: 630px;
  height: 230px;
  margin-top: 10px;
  overflow: hidden;
}

#content-holder {
 /* width: 1000px;  THIS NEEDS TO BE DYNAMIC! */
  height: 200px;
}

.content-item {
  float: left;
  height: 200px;
  padding: 5px;
  text-align: center;
  color:#FF0000;
}

/* ------------  landing page links ----------------*/

.regionSelect{
	padding-top:0px;
	margin-top:0px;
	white-space:nowrap;
	list-style-type:none;
	margin-right: 40px;
}
.regionSelect ul {
	padding-top: 0px;
	margin-top: 6px;
}

.regionSelect li {display:inline;}
.regionSelect li a
{
	padding:2px 10px;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
.regionSelect li a:hover
{
	color:#6699CC;
}

/* ------------  intranet menu items ----------------*/

.menuItem{
	padding:0;
	margin:0;
	white-space: nowrap;
	list-style-type: none;
	font-size: 10px;
}
.menuItem li {
	display:inline;
	width: 100px;
	float:left;
	text-align: center;
	padding:0px 10px;
}

.menuItem li a {
	padding:0px 0px;
	color:#FFF;
	text-decoration:none;
	
	/* 99CCCC */
}

/* ------------  jQuery Tooltip Preview----------------*/
#preview{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	border:2px solid #CCCC;
	background:#00264C;
	padding:2px;
	display:none;
	color:#fff;
}



/* -------------------------- */
/* ------   for SPAM    ----- */
/* -------------------------- */
#checkUser {
	display:none;
}