/* CSS Document */

/* =========================  CORE  =============================== */

body {
	font-family: sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0;
	padding: 0;	
	text-align: justify;
	background-image: url(./images/ups/common/container_bgrd.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color:#f5f5f5;

}

ul, li {
	margin: 0;
	padding: 0;
}

h1, h2, h3, p {
	margin: 0;
}

table {

}

/* ========================= CUSTOM ============================ */


/* ===================== HEADER ======================= */

#headerContainer {
	background-image: url(./images/ups/common/bgrd.gif);
	background-repeat: repeat-x;
	text-align:center;
	margin: 0;
}

#header {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 150px;
	background-image: url(./images/ups/common/headerbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.logo {
	float: left;
	margin: 0 0 0 30px;
}

#shoppingCart {
width: auto;
	height: 30px;
	padding: 15px 0px 0 0;
	margin-bottom:10px;
	text-align: left;
	font-size: 11px;
}
#shoppingCart ul {	list-style-type: none;}
#shoppingCart li {

	display: inline;
	padding: 0 0 0 30px;
	background-repeat: no-repeat;
	background-position: 12px;
}

#shoppingCart li.account {
	background-image:url(./images/ups/common/shopping_arrow.gif);
}

#shoppingCart li.cart {
	background-image:url(./images/ups/common/shopping_cart.gif);
}

#shoppingCart li.logOut {
	background-image:url(./images/ups/common/shopping_cross.gif);
}
#shoppingCart li.search {
	text-align: left;
}
.searchbox{
	width: 100px;
	background-color: #74a7c9;
	color: #ffffff;
	font-size: 11px;
	font-family:   sans-serif;
	border: 1px #000000 solid;
	padding: 1px;
}
.searchbox_battery{
	width: 250px;
	background-color: #ffffff;
	color: #000000;
	font-size: 17px;
	font-family:   sans-serif;
	border: 1px #000000 solid;
	padding: 1px;
}

.searchbtn{
	text-decoration: none;
	
}

#shoppingCart a {
	color: #ffffff;
	text-decoration: none;
}

#shoppingCart a:hover {
	text-decoration: underline;
}

#headerLinks {
	width: auto;
	height: 30px;
	padding: 25px 20px 0 0;
	text-align: right;
	color: #ffffff;
}
#headerLinks ul {list-style-type: none;}
#headerLinks li {
	
	display: inline;
	margin: 0!important;
	padding: 0!important;
}

#headerLinks a {
	color: #FFFFFF;
	text-decoration: none;
}

#headerLinks a:hover {
	text-decoration: underline;
}


/* ===================== CONTAINER ======================= */
#container {
	height: 100%;
	text-align:left;
	margin: 0px;
	padding:0px;

	
}



/* ===================== NAV ======================= */
#navbar {
	margin: 0 auto;
	height: 36px;
	width: 900px;
	background-image: url(./images/ups/nav/nav_bgrd.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-top: 1px solid #fff;
	text-align:center;
	padding: 0;
}
#navbar ul {	list-style-type: none;}
#navbar li{
	width: 192px;
	display: block;

	float:left;
}

#navbar a {
	padding-top:7px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 28px;
	display: block;
	
}

#navbar a:hover {
	background-image: url(./images/ups/nav/nav_pointer.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}


/* ===================== MAIN CONTENT ======================= */

#mainContent {
	margin: 0 auto;
	width:900px;
	position:relative;
}

/* ---------------- BREADCRUMBS ---------------- */

#breadCrumbs {
	color: #000000;
	margin: 10px 10px;
	text-align: left;
	font-size: 90%;
}

#breadCrumbs a {
	font-weight: normal;
	text-decoration: underline;
	color:#000000;
}


/* ===================== FOOTER ======================= */
#dcategory {
	margin: 100px auto;
	height: 150px;
	width:798px;
	text-align:left;
	font-size: 90%;
	color: #999;
	clear: left;
	
}
.dcategory01, .dcategory02, .dcategory03, .dcategory04 {

	height:154px;
	width: 160px;
	text-align: left;
	float: left;
		
}

.dcategory01{

	margin: 0 0px 0 20px;

}

.dcategory02{

	margin: 0 5px;

}

.dcategory03{
	/*background-image: url(./images/power.jpg);*/
	margin: 0 5px;

}

.dcategory04{

	margin: 0 5px;
	
}
#footer {
clear:both;

	margin: 0 auto;

	width:900px;
	text-align:left;
	font-size: 90%;
	color: #999;

	border-top: 1px solid #a3bad1;
	
}

#footer ul {
	color: #474747;
	padding: 15px 0 0 20px;
	list-style-type: none;
}

#footer p {
	padding: 5px 0 0 20px;
}

#footer li {
	
	display: inline;
	margin: 0!important;
	padding: 0!important;
}

#footer a {
	color: #474747;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


/* ===================== CUSTOM ELEMENTS FOR ALL PAGES ======================= */

/* ===================== PRICES ======================= */
#subCategories table {
	width: 150px;
	margin: 0 10px;
	font-weight: bold;
	color: #000000;
	font-size: 11px;
}
#bs table {
	width: 650px;
	margin: 0 10px;
	font-weight: bold;
	color: #000000;
	font-size: 11px;
}
#product table {
	padding: 0px;
	margin: 10px 0 15px 0;
	font-weight: bold;

}

#subCategories table .rrp, #product table .rrp {
	text-decoration: line-through;	
}

#subCategories table .gst, #product table .gst {
	color: #cc0000;	
}

#product table .xgst {
	color: #000000;
	padding-top: 5px;
}




/* ===================== CUSTOM PAGE STYLES======================= */


/* ---------------- HOME PAGE ------------------ */

/* ---------- Banner ---------- */
#banner {
	height: 219px;
	margin: 0;
	padding:0;
}

#banner a {
	width:76px;
	height:17px;
	margin: 0 0 0 417px;
	padding: 0px;
	background-image:url(./images/ups/common/btn_readmore.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

#banner a:hover {
	background-image:url(./images/ups/common/btn_readmore2.gif);
}

/* ---------- Home Page Categories ---------- */
#categories {
	margin-top: 0px;

	text-align: left;
}

.category01, .category02, .category03, .category04 , .category05{
		padding-top: 10px;
	
	width:179px;
	height: 167px;
	

	
		font-family:   sans-serif;

	
	float: left;
	
}

.category01{

	margin: 0 0px 0 0px;
	

}

.category02{

	margin: 0 0px;

}

.category03{
	/*background-image: url(./images/power.jpg);*/
	margin: 0 0px;

}

.category04{

	margin: 0 0px;
	
}
.category05{

	margin: 0 0px;
	
}
.category01 h1, .category02 h1, .category03 h1, .category04 h1 {

}

.category01 h1 {
	
}

.category02 h1 {
		
}

.category03 h1 {
	
}

.category04 h1 {
		
}


.category01 ul, .category02 ul, .category03 ul, .category04 ul {
	
}

.category01 li, .category02 li, .category03 li, .category04 li {

}

#categories a {

}

#categories a:hover {


}




/* ---------------- SUBCATEGORIES PAGE ------------------ */

#subCategories {
	margin: 0 20px 0 25px;
	text-align: left;
}

#subCategories h1{
	margin: 20px 0 30px 5px;
	font-family:   sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.06em;
	text-align:left;
}


.subCategoriesTitle01 {
	background: 0 url(./images/ups/titles/subCategories_hdr_comproom.gif) no-repeat;	
}

.subCategoriesTitle02 {
	background: 0 url(./images/ups/titles/subCategories_hdr_towerups.gif) no-repeat;	
}

#subCategories h2{
	font-size: 16px;
	margin-left: 10px;
}

#subCategories h3 {
	margin: 5px 5px 0 10px;
	padding:0;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#subCategories h4 {
	margin: 5px 10px;
	font-size: 11px;
	color: #003366;
	text-decoration: underline;
}

#subCategories a {
	margin: 5px 0 0 10px;
	color: #0066cc;
	
}

#subCategories h2 a{
	margin: 0;
}

#subCategories h3 a{
 margin:0;
 font-size: 12px;
 width: 120px;
}


#subCategories ul {
	margin: 5px 10px 20px 10px;
	font-size: 11px;
	list-style-type: none;
}

#subCategories li, .productOverview li {
	
	padding-left: 8px;
	padding-top: 5px;
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;	
}

#subCategories li a {
	margin-left: 0;
}

/* ---------- Subcategory Columns ---------- */

/*
.product01, .product02, .product03, .product04 {
	width:170px;
	min-height:362px;
	padding: 0 5px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	float: left;
	
}

.product01 {
	clear: left;	
}


.product02, .product03, .product04 {
	background-image: url(./images/ups/common/vert_dotted.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
*/


/* comment out 28/06/2007
.subCatContainer {
	min-height:362px;
	height:auto !important;
	height:362px;
}*/

/* comment out 27/06/2007
	.productSubLeft, .productSub {
	width:160px;
	min-height:362px;
	padding: 0 5px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	float: left;
 
}*/
/* comment out 28/06/2007
.productSubLeft, .productSub {
	width:163px;
	min-height:362px;
	height:auto !important;
	height:362px;
	padding: 0 5px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	float: left;	
}
 
.productSub {
 background-image: url(./images/ups/common/vert_dotted.gif);
 background-repeat: repeat-y;
 background-position: left top;
}

.productSubLeft p, .productSub p {
 margin-left:10px;
}*/


.subCatContainer {
	height:500px;
	margin-bottom:40px;
}

.subCatContainer_cat {
	height:300px;
	margin-bottom:40px;
}

.productSubLeft, .productSub, .productCol, .productColLeft {
	width:163px;
	height:500px;
	padding: 0 5px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	float: left;
	position:relative;
	
}

.productTitleOnCat {
	position:absolute;
	top: 155px;
	left: 5px;
	right: 5px;
}
.productDescription {
	position:absolute;
	top: 220px;
	left: 5px;
	right: 5px;
}


.productSubTable {
	position:absolute;
	top: 380px;
	width: 150px;
	left: 0px;
	margin: 0 10px;
	font-weight: bold;
	color: #000000;
	font-size: 11px;
}
.productCol, .productColLeft {
	height:400px;
}



.productSub, .productCol {
	width:163px;
	background-image: url(./images/ups/common/vert_dotted.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.productCol .viewMore, .productColLeft .viewMore {
	position:absolute;
	top:350px;
}


/* ---------------- PRODUCT DETAILS PAGE ------------------ */
#product {
	margin: 0 20px 0 25px;
	text-align:left;
	font-size: 11px;
}

#product p{
	margin-bottom: 7px;
}

#product h1{
	margin: 20px 0 30px 5px;
	font-family:   sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.06em;
	
}

#product h4{
	margin-bottom: 5px;
	font-size: 11px;
}

#productViewer {
	/*height: auto; 260px;*/
	width: 215px;
	float: right;
margin-right: 50px;
}

.productViewerPanel {
	height: 30px;
	width: 215px;
	border-top: solid 1px #CCC;

}

.productViewerPanel a.rewind, .productViewerPanel a.forward {
	height: 20px;
	width: 40px;
	display:block;
	margin-top:5px;
	float:left;
}

.productViewerPanel a.rewind {
	background: url(./images/ups/products/btn_round_back.gif) no-repeat center center;
}

.productViewerPanel a.forward {
	background: url(./images/ups/products/btn_round_fwd.gif) no-repeat center center;
}

.productViewerPanel a.zoom {
 height: 17px;
 width: 17px;
 display:block;
 margin:5px 30px 0 0;
 text-indent:20px;
 text-decoration:none;
 float:right;
 
}


#productInfo {
	margin: 0 240px 0 10px;
	font-size: 11px;
}
#productInfo ul{
	list-style-type: none;
}

#productInfo li{
	padding-left: 8px;
	padding-top: 5px;
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;	
}
/* ---------- Product Specifications ---------- */

#productSpecs {
	clear:both;
	width: 711px;
	text-align: left;
	margin: 50px auto;
	font-size: 11px;
	background-image: url(./images/ups/products/product_specs_bgrd.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}


#productSpecsNav ul {
	height: 39px;
	padding-left:15px;
	background-image: url(./images/ups/products/product_specs_topbar.gif);
	list-style-type: none;
}

#productSpecsNav li{
	height: 25px;
	width:135px;
	text-align:left;
	padding-top: 8px;
	display: block;
	
	float:left;
	background-image: url(./images/ups/products/product_specs_tab.gif);
	font-weight: bold;
	font-size: 12px;
}

.specsItem01 {	
	background-position: -15px 0px;	
}

.specsItem02 {	
	background-position: -150px 0px;
}

.specsItem03 {	
	background-position: -286px 0px;

}

.specsItem04 {	
	background-position: -422px 0px;
	
}

#productSpecsNav li a {
	color: #FFF;
	text-decoration: none;
}

#productSpecsNav li a:hover {
	text-decoration: underline;
}

.productOverview {
	text-align: left;
	width: 630px;
	margin: 0 32px;

}

.productOverview p {
	padding-top: 20px;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}

.productOverview p.l2 {
	padding: 0;
	margin: 10px 0 10px;
}


.productOverview p.l3 {
	padding: 0;
	margin: 10px 0 5px;
	font-size: 11px;
}
.productOverview ul {
	margin: 5px 10px 20px 10px;
	font-size: 12px;font-family:   sans-serif;
	list-style-type: none;
}

.productOverview li{
	
	padding-left: 8px;
	padding-top: 5px;
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;	
}

.productOverview p.Header{
	font-size:14px;font-family:   sans-serif;
	font-weight: bold;
}
.productOverview p.Title{
	font-size:11px;font-family:   sans-serif;
	font-weight: bold;
}
.productOverview p.Body{
	font-size:11px;font-family:   sans-serif;
	font-weight: normal;
	color: #666666;
}

/* -------------------- PRODUCT OVERVIEW TABBER -------------------------------- */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
 margin: 40px 0;
 clear: both;
}
.tabberlive {
 margin: 40px 0;
 clear: both;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	height: 39px;
	padding-left:39px;
	background: url(./images/ups/products/product_specs_tab.gif) no-repeat top center;
	
}

ul.tabbernav li
{
	height: 25px;
	width:96px;
	text-align:center;
	padding-top: 8px;
	display: block;
	list-style-type: none;
	float:left;
	font-weight: bold;
	font-size: 11px;
	background: url(./images/ups/products/product_specs_inactive.gif) no-repeat top center;
	
}

ul.tabbernav li a
{
	margin: 0;
	color: #FFF;
	text-decoration: none;
}

ul.tabbernav li a:link { color: #FFF; }

ul.tabbernav li a:hover
{
 	text-decoration: underline;
}

ul.tabbernav li.tabberactive
{
	background: url(./images/ups/products/product_specs_active.gif) no-repeat top center;

}


ul.tabbernav li.tabberactive a
{
	color: #000000;
	

}

ul.tabbernav li.tabberactive a:hover
{
 	text-decoration: underline;

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	clear:both;
	width: 570px;
	text-align: left;
	margin: 0px auto;
	font-size: 11px;
	background-image: url(./images/ups/products/product_specs_bgrd.gif);
	background-repeat: no-repeat;
	background-position: center top;	

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
	
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}














/* ---------------------- /END PRODUCT OVERVIEW TABBER ----------------------------- */









/* ---------------- SHOPPING CART PAGES ------------------ */

.shopHeading01, .shopHeading02, .shopHeading03, .shopHeading04, .shopHeading05, .shopHeading06 {
	margin: 20px 0 30px 10px;
	font-family:   sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.06em;
	text-align:left;
}

/* ---------- Shopping cart table ---------- */

#shoppingCartContent {
	margin-bottom: 80px;
}

.shopth01, .shopth02, .shopth03, .shopth04 {
	height:23px;	
	text-align: left;
	text-indent: 8px;
	font-weight: bold;
	color: #FFF;
	background-image: url(./images/ups/common/shopping_cart_table_top.gif);
	background-repeat: no-repeat;
	
}

.shopth02, .shopth03 {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}


.shopbot01, .shopbot02, .shopbot03, .shopbot04 {
	height:23px;
	background-image: url(./images/ups/common/shopping_cart_table_bot.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFF;
	
}

.shopth01, .shopbot01 {
	background-position: 0 0;
}

.shopth02, .shopbot02 {
	background-position: -20px 0;
}
.shopth03, .shopbot03 {
	background-position: -20px 0;
}
.shopth04, .shopbot04  {
	background-position: right 0;
}



.shopInput, .shopImage, .shopProduct, .shopPrice {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-color: #CCCCCC;
	font-weight: bold;
}

.shopInput {
	background-color: #e5f2ff;
	width: 80px;
}

.shopImage {
 	text-align: center;
	padding: 10px 10px;
}

.shopProduct {
	text-align: left;
	padding: 10px 10px;
	border-left-color: #fff;
}

.shopProduct a {
	color: #3366cc;
}

.shopPrice {
	border-right-style: dotted;
	border-right-width: 1px;
	width: 80px;
	padding-right: 5px;
	color: black;
}

.shopSubTotal {
	background-color: #FFF;
	border: 1px solid #000000;

}

.shopUpdate, .shopCheckout, .shopContinue  {
	height: 45px;
	
}

.shopContinue {
	text-align: right;
}

/* ---------------- BATTERY SELECTOR ------------------ */


/* ---------------- ORDER and DELIVERY PAGE ------------------ */

#login {
	text-align:left;
	float: left;

	color: #000000;
}


#login table {
	width: 240px;
	margin-left: 6px;
	font-size: 12px;
	font-weight: normal;
	
}

#login table td {

		
}

#login table th {
	height: 50px;

}

.cellTopBorder {
	background-image: url(./images/ups/common/hr_dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 10px;
	vertical-align: bottom;
}

#login .required {
	font-size:9px;
	color:#CC0033;
}


.continue {
	text-align: right;
	height: 40px;
	
}
.exist {
background-image: url(./images/existing_customer.jpg);
background-repeat: no-repeat;
}
.new {
background-image: url(./images/new_customer.jpg);
background-repeat: no-repeat;
}
.proceed {
background-image: url(./images/proceed_to_checkout.jpg);
background-repeat: no-repeat;
}
/* ---------------- ORDER and DELIVERY PAGE ------------------ */

#orderInfo {
	text-align:left;
	float: left;
	width: 450px;
	color: #000000;
}


#orderInfo table {
	width: 400px;
	margin-left: 70px;
	font-size: 12px;
	font-weight: normal;
	
}

#orderInfo table td {
	height: 25px;
	text-indent: 15px;	
}

#orderInfo table th {
	height: 50px;
	text-indent: 5px;
}

.cellTopBorder {
	background-image: url(./images/ups/common/hr_dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 10px;
	vertical-align: bottom;
}

#orderInfo .required {
	font-size:9px;
	color:#CC0033;
}


.continue {
	text-align: right;
	height: 40px;
	
}



/* ---------------- DELIVERY AND PAYMENT PAGE ------------------ */
#deliveryInfo, #paymentInfo, #confirmInfo {
	text-align:left;
	float: left;
	width: 500px;
	color: #000000;
	margin: 20px 0 0 70px;

}

#deliveryInfo th, #paymentInfo th, #confirmInfo th {
	height: 50px;
}

#paymentInfo td h3, #confirmInfo td h3 {
	font-weight: bold;
	font-size: 12px;
}

.conditions {
	height: 20px;
	font-size:9px;
}


/* ---------------- CONFIRMATION PAGE ------------------ */

#confirmInfo .orderConfirmation {
	padding: 5px;
}

#confirmInfo .orderConfirmation td {
	vertical-align:top;
}


#confirmInfo .orderConfirmation th{
	height: 20px;
	background-image: url(./images/ups/common/hr_dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


#confirmInfo .orderConfirmation a {
	color: #3366cc;
}

#confirmInfo .orderProduct {
	padding: 10px 0;
}

#confirmInfo .orderConfirmation .quantity, #confirmInfo .orderConfirmation .price {
	font-weight: bold;
	text-align: right;
}

/* adjustment 22/06 */
.priceSize {
	font-size: 12px;
}

.subTotal01 {
	height: 50px;
	padding-top:5px;
	font-weight: bold;
	background-image: url(./images/ups/common/hr_dotted.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: right;
}

.subTotal02 {
	height: 25px;
	font-weight: bold;
	padding-top:10px;
	text-align: right;
	background-image: url(./images/ups/common/hr_dotted_double.gif);
	background-repeat: repeat-x;
	background-position: top;
}
/* ---------------- Content PAGE ------------------ */
#contentInfo {
	text-align:justify;
	float: left;
padding: 10px;
	color: #000000;

	clear:both;
width:auto;
height:auto;

border: 1px solid #a3bad1;
}

#contentInfo h1 {
	font-family:   sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
	letter-spacing: 0.10em;
}

#contentInfo a {
	color: #3399ff;
	
}

/* ---------------- CHECKOUT PROCEDURE PANEL ------------------ */
/* ---------------- FINISHED PAGE ------------------ */
#finishedInfo {
	text-align:left;
padding-right: 15px;

	color: #000000;
	margin: 0 0 0 5px;
}

#finishedInfo h1 {
	font-family:   sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
	letter-spacing: -0.06em;
}

#finishedInfo a {
	color: #3399ff;
	
}

/* ---------------- CHECKOUT PROCEDURE PANEL ------------------ */
#checkoutProcedure {
	position:absolute;
	top:120px;
	left:670px;
	width: 160px;
	height: 197px;
	/*
	margin-left: 510px;
	margin-bottom: 100px;
	*/
	background-image: url(./images/ups/common/checkoutpro_bgrd.gif);
	background-repeat: no-repeat;
	background-position: center top;

	
}

#checkoutProcedure ul {
	padding: 25px 0 0 20px;;
	font-size:12px;
	text-align:left;
	color: #3399ff;
}

#checkoutProcedure li {
	margin-top: 20px;
	list-style-type: none;

	
}

#checkoutProcedure li .visited {
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 8px;
	padding-top: 5px;
}

#checkoutProcedure li .current {
	list-style-type: none;
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;	
	font-weight: bold;
	padding-left: 8px;
	padding-top: 5px;
}

#checkoutProcedure a {
	color: #3399ff;
	
}


/* ===================== BUTTONS ======================= */
.viewMore {

	margin: 20px 0;
}


.viewMore a{
	width:76px;
	height:17px;
	background-image:url(./images/ups/common/btn_viewmore.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.viewMore a:hover {
	background-image:url(./images/ups/common/btn_viewmore2.gif);
}


.buyNow {
	
	margin: 20px 0;
}


.buyNow a{
	width:76px;
	height:17px;
	background-image:url(./images/ups/common/btn_buy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.buyNow a:hover {
	background-image:url(./images/ups/common/btn_buy2.gif);
}

.addToCart2 {
	margin-top: 20px;
}

.addToCart a, .addToCart2 a{
	width:76px;
	height:17px;
	background-image:url(./images/ups/common/btn_add.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.addToCart a:hover, .addToCart2 a:hover {
	background-image:url(./images/ups/common/btn_add2.gif);
}

.shopUpdate a {
	width:76px;
	height:17px;
	margin: auto;
	background-image:url(./images/ups/common/btn_update.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;

}

.shopUpdate a:hover {
	background-image:url(./images/ups/common/btn_update2.gif);
}

.shopCheckout a {
	width:76px;
	height:17px;
	margin: auto;
	background-image:url(./images/ups/common/btn_checkout.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.shopCheckout a:hover {
	background-image:url(./images/ups/common/btn_checkout2.gif);
}

.shopContinue a {
	width:120px;
	height:17px;
	background-image:url(./images/ups/common/btn_contshop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}


.continue a {
	width:76px;
	height:17px;
	background-image: url(./images/ups/common/btn_con.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.continue a:hover {
	background-image: url(./images/ups/common/btn_con2.gif);
}


.change a {
	width:93px;
	height:17px;
	background-image: url(./images/ups/common/btn_changeadd.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.change a:hover {
	background-image: url(./images/ups/common/btn_changeadd2.gif);
}

.confirm a {
	text-indent: -9999px;
	width:128px;
	height:17px;
	background-image: url(./images/ups/common/btn_confirm.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	margin: 5px 0 40px 0;
}

.confirm a:hover {
	background-image: url(./images/ups/common/btn_confirm2.gif);
}

.addAddress a {
	width:93px;
	height:17px;
	background-image: url(./images/ups/common/btn_addadd.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.addAddress a:hover {
	background-image: url(./images/ups/common/btn_addadd2.gif);
}


.back a {
	width:51px;
	height:17px;
	background-image: url(./images/ups/common/btn_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.back a:hover {
	background-image: url(./images/ups/common/btn_back2.gif);
}

.edit a {
	width:41px;
	height:17px;
	background-image: url(./images/ups/common/btn_edit.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.edit a:hover {
	background-image: url(./images/ups/common/btn_edit2.gif);
}

.delete a {
	width:41px;
	height:17px;
	background-image: url(./images/ups/common/btn_delete.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.delete a:hover {
	background-image: url(./images/ups/common/btn_delete2.gif);
}

.goSearch a {
	width:83px;
	height:17px;
	background-image: url(./images/ups/common/btn_gosearch.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.goSearch a:hover {
	background-image: url(./images/ups/common/btn_gosearch2.gif);
}

/* ===================== FORM ELEMENTS ======================= */

form, input {
	margin: 0;
	padding: 0;

}

#product select, #shoppingcart .quantity {
	font-size: 10px;
	border: 1px solid #7f9db9;
}

.details {
	height: 15px;
	background-color:#FFF;
	border: 1px solid #7f9db9;
}


.paymentFormElements {
	text-align: right;
	vertical-align: middle;
	padding: 8px;
}



.paymentFieldCell {
	text-align: right;
	vertical-align: middle;
	padding: 3px 8px;
	
}

/* ===================== ACCOUNT INFO PAGE ======================= */

#accountInfoTable {
	width:707px;
	text-align:left;
	color:black;
	font-size:11px;	
}

#accountInfoTable a {
	color: #003366;
}

#accountInfoTable a:hover {
	color:#4086b5;
}


#accountInfoTable tr {
	padding: 5px 0 20px 0;
}

.accountBox {
	width:100%;
	border:solid 1px #7f9db9;
	margin-bottom:15px;
}

#accountInfoTable td {
	padding:5px;
}

.viewBtn a {
	display:block;
	height:17px;
	width:51px;
	text-indent: -9999px;
	background: url(./images/ups/common/btn_view.gif) no-repeat left top;	
}

.viewBtn a:hover {
	background: url(./images/ups/common/btn_view2.gif) no-repeat left top;	
}


#accountInfoTable ul {
	margin: 5px 10px 20px 10px;
	font-size: 11px;
}

#accountInfoTable li {
	list-style-type: none;
	padding-left: 8px;
	padding-top: 5px;
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;	
}

.overViewColIndent {
	text-indent:15px;
}

/* ===================== SITE MAP ======================= */
 
#sitemap td {
 text-align:left;
  
}
 
#sitemap  ul {
 margin: 5px 10px 20px 10px;
 font-size: 11px;
}
 
#sitemap  li {
 list-style-type: none;
 padding-left: 8px;
 padding-top: 5px;
 background-image: url(./images/ups/common/list_arrow.gif);
 background-repeat: no-repeat;
 background-position: left 10px; 
}
 
#sitemap li a {
 margin-left: 0;
 color: #003366;
}




.categoriesTable {
	margin-bottom:15px;
	text-align:left;
	
	
}

.categoriesTable td {
	text-align:left;
	
}


.dottedBorder {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}


td.dottedBorder h3 a {
	margin-bottom:0;
	padding-bottom:0;
}


.categoriesTable p{
	text-align: left;
	padding:0 10px;
	width: 180px;
	
}


.dottedBottom {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}

.dottedBottom_LastColumn {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
/*table.priceTable {
	padding-left: 0;
	margin: 0;
	font-weight: bold;
	color: #000000;
	font-size: 11px;
}*/

.priceTable {
	padding: 0px;
	font-weight: bold;
	color: #000000;
	font-size: 11px;

}

.priceTable.rrp {
	text-decoration: line-through;	
}

.priceTable.gst {
	color: #cc0000;
	font-size:12px;	
}

.priceTable.xgst {
	color: #000000;
	padding-top: 5px;
	font-size:12px;
}


#paymentInfo td {padding-left:3px;}

#paymentInfo tr:hover.paySelect {background-color:#e5f2ff;}

.rowSelected {background-color:#e5f2ff;}


.contentTitle{
	font-size:12px;font-family:   sans-serif;
	font-weight: bold;
}
.contentBody{
	font-size:12px;font-family:   sans-serif;
	font-weight: normal;
	color: #000000;
}



#prdDescp {font-family:   sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#prdDescp ul {
	margin: 0px 10px 10px 10px;
	font-size: 12px;font-family:   sans-serif;
}

#prdDescp li{
	list-style-type: none;
	padding-left: 8px;
	padding-top: 5px;
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;	
}


.advanceSearchForm{
	text-align:left;
	font-size: 12px;font-family:   sans-serif;
	color: #000000;

}

.fieldKey{
	font-size: 12px;font-family:   sans-serif;
	color: #000000;
}

.fieldValue{
	font-size: 12px;font-family:   sans-serif;
	color: #666666;
}
.fieldValueSmall{
	font-size: 10px;font-family:   sans-serif;
	color: #666666;
}
span.small-text {
font-size: 9px;font-family:   sans-serif;

}

.Row {
	clear: both;
	border-bottom: 1px solid #DFDFDF;
	float: left;
	width: 400px;
	min-height: 22px;
	font-size: 12px;
 
        color: #000000;
	_height: 1px;
}

.Label {
	float: left;
	width: 175px;
    font-weight: bold;
}

.Value {
	float: right;
    width: 225px;
}

h4 {
    font-size:14px;
    float:left;
	width: 550px;
	height: 32px;
}

.estimate {
font-size: 10px;font-family:   sans-serif;
	color: #ffffff;
}
.estimate hover {
font-size: 10px;font-family:   sans-serif;
	color: #ffffff;
font-weight: bold;
}
/* ---------------- ORDER and DELIVERY PAGE ------------------ */

#mailInfo {
	text-align:left;
	float: right;
	width: 450px;
	color: #000000;
}


#mailInfo table {
	width: 400px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: normal;
	
}

#mailInfo table td {
	height: 25px;
	text-indent: 15px;	
}

#mailInfo table th {
	height: 50px;
	text-indent: 5px;
}

.cellTopBorder {
	background-image: url(./images/ups/common/hr_dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 10px;
	vertical-align: bottom;
}

#mailInfo .required {
	font-size:9px;
	color:#CC0033;
}


.continue {
	text-align: right;
	height: 40px;
	
}

.contact {
text-align: left;

}


/* ---------------- DELIVERY AND PAYMENT PAGE ------------------ */
.Row { CLEAR: both; FONT-SIZE: 12px; MIN-HEIGHT: 22px; FLOAT: left; WIDTH: 400px; BORDER-BOTTOM: #dfdfdf 1px solid}
.Label {	FONT-WEIGHT: bold; FLOAT: left; WIDTH: 175px}
.Value {	FLOAT: right; WIDTH: 225px}

.lineitemContainer { CLEAR: both; FONT-SIZE: 12px; MIN-HEIGHT: 22px; FLOAT: left; WIDTH: 600px; BORDER-BOTTOM: #dfdfdf 1px solid }
.sectionContainer {FONT-WEIGHT: bold; }
.sectionTitlePadding { PADDING: 10px; }
.docHead { FONT-WEIGHT: bold; }
.lineitemRowPadding { PADDING: 5px; }
.itemTitle { FLOAT: left; WIDTH: 490px;  }
.itemType { FLOAT: left; WIDTH: 50px; vertical-align:middle }
.itemSize { FLOAT: right; WIDTH: 50px; vertical-align:middle }
H4 { FLOAT: left; WIDTH: 600px; HEIGHT: 22px; padding-top:5px; color:black; }


p.brief {

text-align: justify;
font-size: 12px;
color: #000000;
font-family:   sans-serif;

}

.special hover {
color: #df0735;
}
.submitLink {
   color: #00f;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
  }
  .heading {
	font-family:   sans-serif;
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}
p.backdata {
	font-family:   sans-serif;
	font-size: 8pt;
	color: #003366;
	text-align: left;
}
.general {
	font-family:   sans-serif;
	font-size: 10px;
	color: #003366;
}
li.backdata {
	font-family:   sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #FFFFFF;
}
em.backdata {
	font-family:   sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #993300;
}
.subheading {
	font-family:   sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.subheadingblue {
	font-family:   sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
.subheadingwhite {
	font-family:   sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.itemdetail {
	font-family:   sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
A.call {
font-family:   sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}
A.call hover {
font-family:   sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
		text-decoration: none;

}
A.front { font-family:   sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
		text-decoration: none;}
A.front hover {
font-family:   sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
		text-decoration: underline;
}
/* Sample vertical fly-out menu */

/* The following is *A SAMPLE ONLY* and is based off the "suckerfish"
   drop-down menu. Is it provided only as an example of what is possible
   using CSS and unordered lists.

   See: http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html
   and : http://www.htmldog.com/articles/suckerfish/dropdowns/

   For best effect, you'll want to set the config to render the whole tree,
   and you may want to add some before/after html to clear floats, etc...

   Note: to overcome MSIE's deficiency of not recognizing elements besides the 
   anchor tag for the hover event, add the following JS to your template header

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>


*/

#nav {

    float:left;
	

    }


	#nav, #nav ul { /* all lists */
		padding: 0px;
		margin-top: 0px;
		margin-left: 0px;
		list-style: none;
		float : left;
		width : 13.5em;
			font-family: sans-serif;
			border-bottom: 0px solid #003399;
	

	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.8em;
	border-bottom: 0px solid #003399;
				
	}
	
	#nav li ul { /* second-level lists */

		position : absolute;
		left: -999em;
		margin-left : 12.7em;
		margin-top : -1.95em;
			
	

	font-family: sans-serif;



	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		
	}
	
	#nav li a {

	
	
		width: 13.5em;
		w\idth : 13.5em;
		display : block;
		color : #000000;
background-color: #eeeeee;
		font-size: 11.5px;
		text-decoration : none;

				padding : 0 0.5em;
			font-family: sans-serif;
				border-top: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: 1px solid #003399;
		border-bottom: 1px solid #003399;
	}
	
	#nav li a:hover {
	border-top: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: 1px solid #003399;
	border-bottom: 1px solid #003399;

		color : #ff0000;
			width: 13.5em;
		w\idth : 13.5em;
		background-color: #dddddd;
		display : block;


		font-size: 11.5px;
		text-decoration : none;

			padding : 0 0.5em;
			font-family: sans-serif;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

	
/* Menu items with subcategories */	
#nav a.daddy {
/*	background: url(images/arrow_green.gif) center right no-repeat; */
}

/* Selected items with subcategories */	
#nav li.selected {
    background-color: #FFCC00;
}

#main {
position: relative;
height: auto;
    float:left;
    width:170px;
    }
#sidebar {

    float:right;
    width:718px;
    }
	
A.runtime {
font-family:   sans-serif;
	font-size: 13px;
	font-weight: bold;
color: #000000;
		text-decoration: underline;
}
A.runtime hover {
font-family:   sans-serif;
	font-size: 13px;
	font-weight: bold;
color: #000000;
		text-decoration: underline;
}
A.banner { }
#call {width:712px;
height:25px;
	background-color: #82abca;
	margin-top: 5px;
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;

	
	}
	p.calls{
	padding-left:90px;
padding-top:5px;
	color:#ffffff;
	font-size:12px; 
	font-family:Tahoma;
	font-weight: bold;
	vertical-align: middle;
	
	
	}
	#top {
	
	width:auto;
height:25px;


	background-image: url(./images/title-bar.gif);
	background-repeat: repeat;
	
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;

	
	}
	p.top {
	color:#ffffff;
		font-family:   sans-serif;
		font-weight: bold;
	font-size:17px; 
padding-left: 10px;
padding-top: 3px;
	}
		#top2 {
	width:auto;
height:25px;


	background-image: url(./images/title-bar2.gif);
	background-repeat: repeat;
	
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;

	
	}
	p.top2 {
	color:#000000;
		font-family:   sans-serif;
		font-weight: normal;
	font-size:12px; 
padding-left: 10px;
padding-top: 3px;
	}
	#fiveracks {
	padding-left:10px;
	height:160px;
	}
	#sixtofifteenracks {
	padding-left:10px;
	height:220px;
	}
	#sixteenracksormore {
	padding-left:10px;
	height:250px;
	}
	#where {
	
    float:left;
    width:253px;
	}
	#morehelp {
	padding-left:10px;
	height: 50px;
	}	
	#fiveracks-message {

float: right;
	}
	
/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;}
  
  
  #quicklinks-title {
	clear:both;
	width:100%;
height:25px;


	background-image: url(./images/title-bar.gif);
	background-repeat: repeat;
	
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;

	
	}
	p.quicklinks-title, a.quicklinks-title {
		text-decoration: none;
	color:#ffffff;
		font-family:   sans-serif;
		font-weight: bold;
	font-size:13px; 
padding-left: 10px;
padding-top: 5px;
	}

#quicklinks {
	padding-left:20px;
	font-size:12px; 
	font-family:   sans-serif;
	font-weight: bold;
}
#quicklinks ul {
list-style-type: none;
}
#quicklinks li{
	
	padding-left: 10px;
	padding-top: 5px;
	background-image: url(./images/ups/common/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 10px; }
#quicklinks a:hover{

	font-size:12px; 
	font-family:   sans-serif;
	text-decoration: none;

color: #c10923;
	}
	#quicklinks a {

		font-size:12px; 
	font-family:   sans-serif;
	text-decoration: none;
color: #1a5786;
	}
#contact_us {

width: 300px;
float: left;

}

#ups-front {
padding-top: 12px;
padding-left: 5px;
    float:right;}
#ups-front2 {
padding-top: 0px;
padding-left: 5px;
    float:left;
}
#feature-1 {
padding-left:5px;
margin-top: 10px;
height: 115px;
   float:left;
    width:20%;
border-bottom: 1px #999999 dashed;
}
#feature-2 {
margin-top: 10px;
height: 115px;
    float:left;
    width:40%;
border-bottom: 1px #999999 dashed;
	
}

#feature-4 {
margin-top: 10px;
height: 115px;
    float:left;
    width:30%;
	border-bottom: 1px #999999 dashed;
}

#blurb {
clear:both;
width:auto;
height:377px;
color: #999;

	border: 1px solid #a3bad1;
}
#blurb2{
clear:both;
width:auto;
height:auto;
color: #999;
border: 1px solid #a3bad1;

}
#blurb3{
clear:both;
width:auto;
height:180px;
color: #999;
border: 1px solid #a3bad1;

}
#blurb4 {
clear:both;
width:auto;
height:250px;
color: #999;
padding: 10px;
	border: 1px solid #a3bad1;
}
#super-border {

}
.buyNow2 {
	
	margin: 0px 0px;
}


.buyNow2 a{
	width:76px;
	height:17px;
	background-image:url(./images/ups/common/btn_buy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

.buyNow2 a:hover {
	background-image:url(./images/ups/common/btn_buy2.gif);
}
#server-room-border {
clear:both;
width:auto;
height:200px;
color: #999;

	border: 1px solid #a3bad1;
}
#isx-left {
	position: relative;
	float:left;
	width:60%;

}
#isx-left2 {
	position: relative;
	float:left;
	width:40%;

}
#isx-right2{
float: right;
width: 60%;

}
#isx-right{
float: right;
width: 40%;

}
#isx-image {
float: left;
margin-top: 40px;
width: 60%;
height: 340px;
}
#spill {

	float: left;
	width: 100%;
	text-align: justify;

	font-family: sans-serif;
	padding-bottom: 20px;
	
	}
ul.spill li {
margin-left: 15px;
	padding: 5px;

}
#components {
margin-right:15px;
float: right;
width: 80%;
color: #a6a6a9;
font-weight: bold;
font-size: 17px;
font-family: sans-serif;
	text-decoration: underline;
	letter-spacing: 5px;

}
#components-power{
margin-top:10px;
margin-right:15px;
float: right;
width: 80%;

color: #f47820;
font-weight: bold;
font-size: 16px;
font-family: sans-serif;
background-image: url(./images/power.gif);
background-position: 65px 2px;
	background-repeat: no-repeat;

	
	 }
.components-power ul {
list-style-type: none;}
li.components-power {
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/power2.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
	li.components-power2 {
	font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/power1.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	}
#components-rack{
margin-top:10px;
margin-right:15px;
float: right;
width: 80%;

color: #516e76;
font-weight: bold;
font-size: 16px;
font-family: sans-serif;
background-image: url(./images/rack.gif);
background-position: 50px 2px;
	background-repeat: no-repeat;
}
.components-rack ul {
list-style-type: none;}
li.components-rack {
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/rack2.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
	li.components-rack2 {
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/rackno2.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
	li.components-rack3 {
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/rackno3.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
#components-cooling{
margin-top:10px;
margin-right:15px;
float: right;
width: 80%;

color: #a4c3e1;
font-weight: bold;
font-size: 16px;
font-family: sans-serif;
background-image: url(./images/cooling.gif);
background-position: 75px 2px;
	background-repeat: no-repeat;}
.components-cooling ul {
list-style-type: none;}
.components-cooling li{
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/cooling2.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
#components-management {
margin-right:15px;
margin-top:10px;
float: right;
width: 80%;
color: #905101;
font-weight: bold;
font-size: 16px;
font-family: sans-serif;
background-image: url(./images/management.gif);
background-position: 119px 2px;
	background-repeat: no-repeat;}
.components-management ul {
list-style-type: none;}
li.components-management {
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/management2.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
	li.components-management5 {
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/managementno5.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
#components-service {
margin-top:10px;
margin-right:15px;
float: right;
width: 80%;

color: #008d7c;
font-weight: bold;
font-size: 16px;
font-family: sans-serif;
background-image: url(./images/service.gif);
background-position: 75px 2px;
	background-repeat: no-repeat;}
.components-service ul {
list-style-type: none;}
.components-service li{
font-family: sans-serif;
color: #6d6c6b;
font-size: 12px;
font-weight: normal;
list-style-type: none;
padding-left: 30px;
	padding-top: 5px;
	background-image: url(./images/service2.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px; }
	
#enquire-online {
position: relative;
float: right;
width: 40%;}
/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #eeeeee;
	border-bottom: 1px solid #003399;

	
	
	
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
width: 170px;
	white-space: nowrap;
		border-top: 1px solid #003399;
				border-left: 1px solid #003399;
						border-right: 1px solid #003399;

}

.vertitem	a {   /* Font style, size of main menu items */
	font-family: sans-serif;
	font-size: 11px;
				
	text-decoration: none;
	position: relative;
	display: block;

		padding : 0.3em 0.3em;

			
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	text-decoration: none;
		
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ff0000;
	background-color: #dddddd;
	text-decoration: none;
	
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #dddddd;	
	text-decoration: none;
		
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0px;
	top: 0;
	visibility: hidden;
	
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #e6e7e6;
	border-bottom: 1px solid #003399;
	
		
	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
			border-top: 1px solid #003399;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  	font-family: sans-serif;
	font-size: 11px;			
	text-decoration: none;
	
	position: relative;
	display: block;
	padding : 0.3em 0.3em;
	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;
			
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ff0000;
	background-color: #dddddd;
	text-decoration: none;
	
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}
#dm_categories {

}
#cat {

}
/* blogger style */
/* Posts
----------------------------------------------- */
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#c60;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
  /* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important} 

#assembly, #Battery, #Software, #Commissioning, #Software-basic, #extended{
	font-family:   sans-serif;
	font-size:   11px;
	float: left;
	border: 1px #000000 solid;
	background-color: #ffffff;
	padding: 5px;
	position: absolute; left: 5px; top: 80px;
	width: 190px;
	height: auto;
    visibility: hidden;

}
#left {
width: 430px;
float: left;
height: 90px;
}
#left2 {
width:215px;
float: left;

}
#center {
 
}
#right {
width:215px;
float: right;

}
/* 
Description:
    CSS for home and extended pages
*/

.searchbtn {
    text-decoration: none;
}

.searchbox{
    width: 110px;
    background-color: #ffffff;
    color: #164472;
    font-size: 11px;
    font-family: arial,helvetica,sans-serif;
    border: 1px #000000 solid;
    padding: 1px;
}


DIV {text-align: left; font-family: arial,helvetica,sans-serif;}

DIV.main2 {
    position: relative;
    margin-top: 0px;
	height: 136px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
}

DIV.left_box {
    text-align: left;
    padding-left: 20px;
    padding-right: 15px;
}

DIV.botbox {
    width: 250px;
    height: 275px;
    border: 1px solid #164472;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    padding-top: 14px;
    vertical-align: top;
    background: #D1DDEF;
}

DIV.bottext {
    color: #000000;
    width: 215px;
    margin-top: 6px;
    line-height: 1.3em;
    font-size: 8pt;
    text-align: left;
    padding-left: 6px;
}

.body_txt {
    font-size: 12px;
    font-weight: normal;
    color: #444444;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.header_txt {
    font-size: 15px;
    font-weight: bold;
    color: #164472;
    margin-top: 14px;
    margin-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

.redhead {
    font-size: 9pt;
    font-weight: bold;
    color: #841C18;
}

.bluehead {
    font-size: 8pt;
    font-weight: bold;
    color: #164472;
}

.box_txt {
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 0px;
}

.point_head {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.point {
    font-size: 12px;
    font-weight: normal;
    color: #444444;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 25px;
    margin-right: 15px;
}

UL.list_box {
    margin-top: 5px;
    margin-right: 15px;
}

LI.list_text {
    font-size: 12px;
    font-weight: normal;
    color: #444444;
    margin-bottom: 8px;
}

A.footer {font-size: 7pt; font-weight: normal; color: #000000;  text-decoration: none;}

A.navbut {font-size: 8pt; font-weight: normal; color: #FFFFFF; 
    font-family: arial,helvetica,sans-serif; text-decoration: none;}
A.pagelink:link {font-size: 12px; font-weight: normal; color: #006DAF; font-family: arial,helvetica,sans-serif; text-decoration: underline;}
A.pagelink:active {font-size: 12px; font-weight: bold; color: #3394CF; font-family: arial,helvetica,sans-serif; text-decoration: none;}
A.pagelink:visited {font-size: 12px; font-weight: normal; color: #006DAF; font-family: arial,helvetica,sans-serif; text-decoration: underline;}
A.pagelink:hover {font-size: 12px; font-weight: bold; color: #3394CF; font-family: arial,helvetica,sans-serif; text-decoration: none;}