﻿/********************
     common elements 
*********************/
html
{
    margin:0;
    padding:0;
    height:100%
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 20px 0;
	padding: 0px;
	background-attachment: fixed;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-color: #17476F;
	background-position: center top;
	font-size: 12px;
    height:100%;
}

#layoutcontainer {
	min-height:100%;
	position:relative;
	background-color: #FFF;
}

.mvc_renderbody
{
    overflow: hidden;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    width: 1004px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 201px;  /* Height of the footer */
    padding-left: 10px;
}

.mvc_renderbody_short  
{
    overflow: hidden;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 5px;
    padding-bottom: 211px;  /* Account for home page slider */
    /* width: 1004px;
    padding-right: 10px;
    padding-left: 10px; */
    width: 1008px;
    padding-right: 8px;
    padding-left: 8px;
    
}

.mvc_footer {
	position:absolute;
	bottom:0;
	width:1024px;
	height:201px;			/* Height of the footer */
}
	
.button
{
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 5px;
	background-color: #236ba5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFFFFF !important;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

.button:hover
{
    background-color: #9ABD6D;
}

.flushleft
{
	margin: 5px 5px 5px 0px;
}

img 
{
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
}

.printonlyimage 
{
	 display: none; 
}

.mvc_renderbody a.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #236ba5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white !important;
    font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	font-weight: bold;
}
.mvc_renderbody a.button:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #236ba5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white !important;
    font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	font-weight: bold;
}
.mvc_renderbody a.button:hover{

background-color: #9ABD6D;

}
.mvc_renderbody a.f_button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #236ba5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white !important;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 4px;
	padding-right: 35px;
	padding-bottom: 4px;
	padding-left: 7px;
	font-weight: bold;
	background-image: url(images/f_button.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin: 5px;
	height: 45px;
}
.mvc_renderbody a.f_button:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #236ba5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white !important;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 7px;
	font-weight: bold;
	background-image: url(images/f_button.jpg);
	background-repeat: no-repeat;
	background-position: right;
		height: 45px;
}
.mvc_renderbody a.f_button:hover{

background-color: #9ABD6D;

}

.mvc_renderbody a.back_button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #236ba5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white !important;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 35px;
	font-weight: bold;
	background-image: url(images/b_button.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 5px;
	height: 45px;
}
.mvc_renderbody a.back_button:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #236ba5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white !important;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-weight: bold;
	background-image: url(images/b_button.jpg);
	background-repeat: no-repeat;
	background-position: left;
		height: 45px;
}
.mvc_renderbody a.back_button:hover{
    background-color: #9ABD6D;
}
.mvc_renderbody a.b_button{
	cursor: pointer;
	background-image: url(images/addcart_off.jpg);
	height: 30px;
	width: 104px !important;
	margin-top: 5px;
	margin-bottom: 10px;
}
.mvc_renderbody a.b_button:visited{
	cursor: pointer;
	background-image: url(images/addcart_off.jpg);
	height: 30px;
	width: 104px !important;
	margin-top: 5px;
	margin-bottom: 10px;
}
.mvc_renderbody a.b_button:hover{

	cursor: pointer;
	background-image: url(images/addcart_on.jpg);
	height: 30px;
	width: 104px !important;
	margin-top: 5px;
	margin-bottom: 10px;

}

.mvc_renderbody a.b_button:active{

	cursor: pointer;
	background-image: url(images/addcart_down.jpg);
	height: 30px;
	width: 104px !important;
	margin-top: 5px;
	margin-bottom: 10px;

}

.mvc_renderbody a.full_button{
	cursor: pointer;
	background-image: url(images/addcart_full_off.jpg);
	height: 30px;
	width: 122px !important;
	margin-top: 7px;


}
.mvc_renderbody a.full_button:visited{
	cursor: pointer;
	background-image: url(images/addcart_full_off.jpg);
	height: 30px;
	width: 122px !important;
	margin-top: 7px;


}
.adjacent{
	margin-right: 5px;
}
.mvc_renderbody a.full_button:hover{

	cursor: pointer;
	background-image: url(images/addcart_full_on.jpg);
	height: 30px;
	width: 122px !important;
	margin-top: 7px;
	


}
.mvc_renderbody a.full_button:active{

	cursor: pointer;
	background-image: url(images/addcart_full_down.jpg);
	height: 30px;
	width: 122px !important;
	margin-top: 7px;
	


}
.mvc_renderbody a.systype_button{
	text-decoration: none;
	
}
.mvc_renderbody a.systype_button:hover{

-webkit-box-shadow: 0px 0px 0px 3px #4080B3;
-moz-box-shadow:   0px 0px 0px 3px #4080B3;
box-shadow:        0px 0px 0px 3px #4080B3;

}


p {
	margin: 0px;
	padding: 0px;
}

.mvc_renderbody a.button.disabled
{
    background-color: #C0C0C0;
    color: #FFFFFF;
}

.mvc_renderbody a.button.disabled:hover {
	background-color: #C0C0C0;
}

.section3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px;
	border: .05em solid #003366;
	background-color: #f2f5f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	border: 1px solid #b1b1b1;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	color: #17476F;
	font-weight: bolder;
	text-transform: uppercase;
}

.nobold
{
    font-weight: normal;
}

.section3Hdr
{
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 22px;
	text-transform: uppercase;
	color: #17476F;
}

h1 {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	text-transform: uppercase;
	color: #17476F;
	font-size: 12px ;
	margin: 0px;
	padding: 0px;
}


.section4
{   
    padding: 0px;
    margin: 0px;
    border: 1px solid #63849e;
    background-color: #f2f5f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.section4 h1
{
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63849e;
	border-right-width: 0px;
	border-top-width:  0px;
	border-left-width:  0px;
	background-color: #17476F;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: bold;
}
.section4 .content h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 3px;
}
.section4 .content
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 7px;
    font-weight: normal;
}

a.content
{
	color: #3C78B8;	
	
}
.normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: none;
    color: #000000;
}

.smalltext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: none;
    color: #000000;
}

.validation
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: none;
    font-weight: bold;
    color: Red;
    float: right;
}

.dialogvalidation
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: none;
    font-weight: bold;
    color: Red;
}

.hdract {
    color: white;
    display: block;
    font-family: "Arial Black", "Arial-BoldMT", Arial;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
}
.hdr2{
    font-family: "Arial Black", "Arial-BoldMT", Arial;
    color: #17476F;
    font-size: 11px;
}

.hdr3 {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 10px;
	color: #17476F;
	text-transform: uppercase;
	
}
.hdr4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.live_chat_hdr{
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	color: white;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url(images/chat.jpg);
	background-repeat: no-repeat;
	padding-left: 38px;
	font-weight: bold;
	background-position: 5px;
}
.live_chat_hdr_small{
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;

}

.lblstd {
	font-weight: bold;
	width: 100px;
	display: inline-block;
}

.mvc_renderbody a:link
{
	color: #3C78B8;	
}

.mvc_renderbody a:visited
{
	color: #3C78B8;	
}


.actionable {
	cursor: pointer;
}

a.actionable, a.actionable:hover {
	text-decoration: none;
}

div.actionable:hover, span.actionable:hover {
	background-color: #4080b3;
	color: #FFFFFF !important;
}

a.actionable.MainCat:hover, a.actionable.SubCat:hover {
	background-color: #4080b3;
	color: #FFFFFF !important;
	border-top-color: #555 !important;
}

.collapse
{
    visibility: hidden;
    width: 0em;
    height: 0em;
    display: none;
}



/********************************
    Select Control 
********************************/
.selectcontrol
{
    width: 100%;
}
.items.dialog .item
{
    margin: 10px;
}
.items.dialog .item.selected
{
    background-color: #FFFFCC;
}
.items.dialog .item.unselected
{

}
.selectcontrol .items.dialog
{
    position: relative;
}

/******************************
    Page Control style
*******************************/
.SortTitle 
{
    font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	text-transform: none;
	color: #17476F;
    }
.listTotalCount
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3C78A9;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline;
	margin-right: 3px;
	margin-left: 3px;
    }
	.pages
	{
	font-weight: bold;
	text-transform: none;
	/* float: right; */
	display: inline;
    }
	.pagesnoA
	{
	text-transform: uppercase;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #17476F;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 3px;
	margin-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-style: none;
    }
	.pagecount
{
	margin-top: 5px;
	margin-bottom: 5px;
	
}
.listResults
{
    font-weight: bold;
	text-transform: none;
	color: #3C78A9;
    }
.listitemhdr {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 18px;
	text-transform: none;
	color: #3C78B8;
	font-weight: bold;
}
.listitem
{
	vertical-align: top;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-transform: none;
	border: 1px solid #17476F;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
.pagesortselect
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #9ABD6D;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    border: 1px solid #666666;
    width: 150px;
}

.orderbydirection.actionable
{
    font-size: 11px;
    text-transform: none;
    color: #3c78a9;
}

.orderbydirection
{
	font-size: 11px;
	text-transform: none;
	color: #3c78a9;
	font-weight: normal;
	margin-left: 5px;
}
.orderbydirection.actionable.desc
{
	font-size: 11px;
	text-transform: none;
	color: #17476F;
	background-image: url(images/desc.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 3px;
	font-weight: bold;
	text-decoration: underline;		
}
.orderbydirection.actionable.asc
{
	font-size: 11px;
	text-transform: none;
	color: #17476F;
	background-image: url(images/asc.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 3px;
	font-weight: bold;
	text-decoration: underline;	
}
.orderbydirection.actionable.desc:hover
{
	font-size: 11px;
	text-transform: none;
	color: #ffffff;
	background-image: url(images/desc_hover.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 4px;
	font-weight: bold;
	text-decoration: underline;	
}
.orderbydirection.actionable.asc:hover
{
	font-size: 11px;
	text-transform: none;
	color: #ffffff;
	background-image: url(images/asc_hover.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 4px;
	font-weight: bold;
	text-decoration: underline;	
}

/******************************
    Reveal
*******************************/
.revealmast
{
    overflow: visible;
}
.revealmast_item
{
    overflow: visible;
}

/*************************************
     page header elements 
**************************************/
#phone_pageheader {
	position:absolute;
	visibility:visible;
	left:-10px;
	top:-36px;
	width:173px;
	height:39px;
	z-index:8001;
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 24px;
	color: #17476F;
}

#nav_cart
{
    border-width: 0px;
    border-style: none;
    position: absolute;
    right: 0px;
    top: -35px;
    width: 135px;
    z-index: 8000;
    visibility: visible;
}

#nav_cart_links 
{
    width: 100%;
    height: 35px;
    background-color: #4180AC;
    zoom: 1;
    z-index: 7777;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: black;
	overflow: hidden;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	vertical-align: middle;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
}

li.nav_cart_item {
    list-style-type: none;
    margin: 0;
    float: left;
    text-align: center;
    padding-top: 0;
    padding-right: 5;
    padding-bottom: 0;
}

#nav_cart_item_system {
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-left: 30px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #17476F;
    width: 100px;
    height:35px;
    padding-bottom: 2px;
    background-image: url(../../images/icon_build.jpg);
    background-position: 8px 8px;
    text-align: center;
    vertical-align: middle;
}

#nav_cart_item_cart {
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 15px;
    background-image: url(/images/icon_cart.jpg); 
    background-color: #4180AC;
    background-position: 8px 8px;
    background-repeat: no-repeat;
    width: 100px;
    padding-bottom: 2px;
}

.nav_cart_item_hover_content
{
    list-style-type: square;
    background-color: white;
    border: 1px solid #4180AC;
    color: #4180AC;
    font-family: 'Arial Narrow', 'Arial', sans-serif;
    font-size: 11px;
    background-image: url(../../images/cartbg.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    color: #666;
    zoom: 1;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    float: none;
    font-weight: bold;
    height: auto;
    text-align: left;
    vertical-align: top;
    width: 223px;
}

.nav_cart_tr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}

.footer_menu
{
	width: 820px;
	vertical-align: top;
	position: relative;
	top: 50px;
	left: 190px;

}

.footer_menu_item
{
	vertical-align: top;
	display: inline-block;
	margin-right: 15px;
	width: 135px;

}

.footer_menu_item_hdr
{
	font-size: 14px;
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 20px;
	color: #17476f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aab4bb;
	width: 140px;
	padding-right: 60px;
}
a.footer_menu_item_hdr.actionable:hover
{
	font-size: 14px;
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 20px;
	color: #3c78a9;
}
a.footer_menu_subitem_hdr
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #17476f !important;
	text-decoration: none !important;
	line-height: 16px;

}
.body a:link {
	color: #3c78a9;
}
a.footer_menu_subitem_hdr:hover
{
	color: #3c78a9 !important;
	text-decoration: none;

}


.nav_menu
{
    position: relative;
    background-color: #17476F;
    zoom: 1;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: black;
    width: auto;
    right: 10px;
    overflow: visible;
    height: 35px;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}
.nav_menu_item
{
    border-style: none;
    border-width: 0px;
    display: inline-block;
    height: 35px;
    vertical-align: top;
    position: relative;
}
div.nav_menu_item:hover
{
    background-color: #2F699B;
}
.nav_menu_link
{
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 0px;
	left: 0px;
	vertical-align: middle;
	width: 100%;
	height: 25px;
	padding-top: 10px;
}
.nav_menu_content
{
    width: 180px;
    background-color: #2F699B;
    zoom: 1;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 12px;
    padding-left: 5px;
    position: absolute;
    top: 35px;
    left: 0px;
}
h2 {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 20px;
	text-transform: uppercase;
	color: #17476F;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-margin-before: 10px;
	-webkit-margin-after: 10px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
}
.nav_menu_content_item
{
	background-position: 2px 8px;
	background-image: url(../images/nav_bullet.jpg);
	background-repeat: no-repeat;
	width: 150px;
	text-align: left;
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	text-transform: uppercase;
	font-size: 10px;
}
.nav_menu_content_link
{
    width: 150px;
    font-size: 11px;
    font-family: 'Arial Narrow', 'Arial', sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.nav_menu_content_item:hover {
	color: #A2C26F;
}

.live_chat_hdr:hover
{
    cursor: pointer;
    color: #4180AC;
}

/***********************************************************
     partsearch elements 
*********************/
.product_search_SBLeft {
	background-color: #3c78a9;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	color: #FFFFFF;
	margin-top: 10px;
	font-weight: bold;
}
.product_search_SBLeft h1 {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7ca4c5;
		-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.product_search_cartLeft {
	background-color: #17476F;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	color: #FFFFFF;
}
.product_search_cartLeft h1 {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63849e;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	
}
.product_search_criteria_left {
	background-color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	border: 1px solid #b1b1b1;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	text-transform: none;
	color: #17476F;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 21px;
}

.results_no_breadbrumbs 
{
    margin-top: 20px;
}

.no-parts-found
{
    margin: 3px 3px 3px 3px;
    font-family: "Arial" , Arial;
    font-size: 12px;
    font-weight: normal;
}

.breadcrumb
{
    margin: 0em .1em 0em 0em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #17476F;
    line-height: 10px;
}
.breadcrumbitem
{
    margin: 0em .1em 0em 0em;
    display: inline-block;
}
.ProductSearchHdr
{
    margin: 3px 3px 3px 3px;
    font-family: "Arial Black", "Arial-BoldMT", Arial;
    font-size: 14px !important;
    font-weight: normal;
    text-transform: uppercase;
    color: #17476F;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-decoration: none;
    width: 100%;
}
.ProductSearchUserInput
{
    margin: 2px 6px 6px 6px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #17476F;
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}
.MainCat
{
    display: block;
    text-transform: none;
    font-family: "Arial Black", "Arial-BoldMT", Arial;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #17476F;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 5px center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.MainCat.unselected  {
	background-image: none;
	color: #17476F !important;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #C8C8C8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-position: 15px;
	text-transform: uppercase;
}

.MainCat.withChildren  {
	background-image: url(../../images/Closed_both.jpg);
}

.MainCat.selected
{
	font-size: 12px;
	background-image: url(../../images/Cat_down.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-transform: uppercase;
}

.MainCat.leaf 
{
	background-image: url(../../images/Cat_right.png);
}

.SubCat, .SubCat:link, .SubCat:visited
{
    color: #17476F !important;
    display: block;
	text-transform: uppercase;
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	background-color: #416888;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-style: none;
	border-left-style: none;
}

a.MainCat:link, a.MainCat:visited
{
	color: #FFFFFF !important;
}


.CatChild, a.CatChild:link, a.CatChild:visited
{
	color: #FFFFFF !important;
    background-color: #416888;
    border-top-color: #444 !important;
}

.CatGrandchild, a.CatGrandchild:link, a.CatGrandchild:visited
{
    color: #FFFFFF !important;
	background-color: #6A89A2;
    border-top-color: #555 !important;
}

.CatGreatGrandchild, a.CatGreatGrandchild:link, a.CatGreatGrandchild:visited
{
	color: #17476F !important;
	background-color:  #BDCAD4;
    border-top-color: #777 !important;
}

.SubCat.selected 
{
	background-image: url(../../images/Cat_down.png);
	color: #fff !important;
}

.SubCat.leaf 
{
    color: #17476F !important;
	background-color:  #BDCAD4;
	background-image: url(../../images/Cat_right.png);
}

.SubCat.unselected 
{
	background-image: none;
/*	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C8C8C8; */
	background-color: #FFFFFF;
	padding-left: 35px;
	background-position: 15px;
}

.SubCat.withChildren 
{
	background-image: url(../../images/filter_closed.jpg);
}

.Filters  {
	color: #9abd6d;
	background-color: #ffffff;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #17476F;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-position: 15px;
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 13px;
	font-weight: normal;
}
.SearchGroup  {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	text-transform: none;
	background-repeat: no-repeat;
	background-position: 25px center;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 45px;
	margin: 0px;
	background-color: #ffffff;
}
.SearchGroup.selected  {
	color: #3C78A9;
	background-image: url(images/filter_open.jpg);
}
.SearchGroup.unselected  {
	color: #3C78A9;
	background-image: url(images/filter_closed.jpg);
	background-color: #ffffff;

}
.SearchGroupHdr {
	padding: .2em;
	margin: 0px;
	font-weight: 800;
	display: block;
	background-color: #DDEEFF;
	cursor: pointer;
	position: relative;
	height: 1.6em;
}
.SearchGroupHdrname {
	font-weight: 800;
	top: 0em;
	left: 0em;
}
.SearchGroupHdrcount
{
	font-weight: 800;
	float: right;
	margin-right: 20px;
	color: #99bc6d;
}
.SearchGroupArea {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 60px;
	background-color: #ffffff;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.SearchGroupArea.collapse
{
	background-color: #f1f4f6;

}
.SearchItem
{
    font-weight: bold;
    color: #333333;
    background-position: 0px;
    background-repeat: no-repeat;
    overflow: visible;
    position: relative;
    left: -15px;
    text-indent: 15px;
}
.SearchItem:hover
{
    font-weight: bold;
    color: #ffffff;
    background-position: 0px;
    background-repeat: no-repeat;
    overflow: visible;
    position: relative;
    left: -15px;
    text-indent: 15px;
}
.SearchItem.unselected {
	background-image: url(images/check_off.jpg);
}

.SearchItem.selected {
	background-image: url(images/check_on.jpg);
}
.SearchItemCount {
	color: #9ABD6D;
}
.SearchItemCount:hover {
	color: #9ABD6D;
}
.SearchItemCustomRange {
	font-weight: bold;
	text-transform: none;
	color: #3C78A9 !important;
}

.SearchItemCustomRangeInput {
	width: 2.5em;
	color: #3C78A9;
}
.SearchItemCustomRangeInput:hover {
	width: 2.5em;
	color: #3C78A9;
}
.SearchItemCustomRangeSelect
{
	background-position: left center;
	margin-left: 0.5em;
	font-size: 1em;
	font-weight: bold;
	width: 12px;
	height: 12px;
	background-image: url(../images/prod_filt_arrow.jpg);
	background-repeat: no-repeat;
	display: inline-block;
}
actionable.SearchItemCustomRangeSelect:hover
{
	background-position: left center;
	margin-left: 0.5em;
	font-size: 1em;
	font-weight: bold;
	width: 15px;
	height: 15px;
	background-image: url(../images/prod_filt_arrow.jpg);
	background-repeat: no-repeat;
	display: inline-block;
}
.SearchGroupMoreArea {

}
.SearchItemMoreList {
	padding: 0em;
	margin: 0em;
	width: 15.1em;
	list-style-type: none;
	display: inline-block;
}
#showmorefilters{
	background-color: #f2f5f7;
}
.SearchItemMore {
	width: 15em;
	list-style-type: none;
}
#partsearch_results
{
    font-family:  Arial;
    font-size: 11px;
}
#partsearch_results.listitem.img
{
    width: 139px;
    height: 100px;
}
.ListItemPrice {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #4D4D4D;

}
.ListItemPriceTtl {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 10px;
	text-transform: uppercase;
	color: #3C78B8;
		margin-left: 2px;
}
.PartDetailPartNum {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	color: #17476F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	margin-bottom: 5px;
	font-size: 14px;
}
.PartDetailPrice {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 14px;
	color: #4C81A9;
}
.PartDetailPreferred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #666666;
	text-transform: none;
}
.PartDetailQty
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4C81A9;
}
.imgbrowsethumb
{

}

#showmorefilters
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #4C81A9;
}

.
/*******************************
    Detail Page
*********************************/

.DetailContainer {
	width: 1026px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
}
.Detail {
	background-color: #f1f4f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	border: 1px solid #b1b1b1;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	text-transform: none;
	color: #17476F;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.DetailBody {
	background-color: #FFFFFF;
	border: 1px solid #11314f;
	margin: 5px;
}
.DetailHdrDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: none;
	color: #3778AE;
}

#keyFeaturesContainer 
{
    margin-top: 20px;
}

#customSystemDescriptionContainer 
{
    margin-top: 100px;
}

.DetailList
{
    font-family: "Arial Black", "Arial-BoldMT", Arial;
    font-size: 13px;
    color: #4C81A9;
    list-style-type: square;
    text-transform: none;
    line-height: 20px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 27px;
}
.DetailList li   {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 13px;
	color: #4C81A9;
	list-style-type: square;
	text-transform: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 10px;
	line-height: 20px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.DetailPartPriceSection {
	background-color: #FFFFFF;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	width: 200px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: right;
	margin-bottom: 10px;
	margin-top: 25px;
}
.partDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #f0f4f7;
	text-transform: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	padding: 7px;
	line-height: 17px;
}

.tabheading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4C81A9;
	text-transform: none;
	font-style: normal;
}

h2.tabheading1
{   
    margin-top: 0px;
    margin-bottom: 0px;
}

.SpecHeading {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	text-transform: uppercase;
	color: #1A476E;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #17476F;
	padding: 3px;
}
.SpecValue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333333;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E2E2E2;
    text-transform: none;
}

.SpecLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #1D476D;
	background-color: #f0f4f7;
	text-transform: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	padding: 5px;
}

.griditem {
	border-width: 0em;
	padding: 0em;
	margin: 0em;
	float: left;
	display: inline-block;
}
.partsrchgriditem {
	margin: 0em;
	border: .1em solid #C0C0C0;
	width: 19em;
	height: 24em;
	padding: 1em 0em 1em 1em;
	position: relative;
}
.griditemtop {
	height: 15em;
	position: absolute;
	top: 0em;
}
.griditemmiddle {
	height: 5em;
	position: absolute;
	top: 17em;
}
.griditembottom {
	height: 3em;
	position: absolute;
	bottom: 0em;
}
.griditemimage {
	width: 100%;
	height: 100%;
}
    
    
/********************
     cart elements 
*********************/
a.additemtocart {
	cursor: pointer;
	background-image: url(images/addcart_off.jpg);
	height: 30px;
	width: 104px !important;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: -5px;
}
a.additemtocart:hover {
	cursor: pointer;
	background-image: url(images/addcart_on.jpg);
	height: 30px;
	width: 104px !important;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: -5px;

}
a.additemtocart:active {
	cursor: pointer;
	background-image: url(images/addcart_down.jpg);
	height: 30px;
	width: 104px !important;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: -5px;
}

a.additemtocartsmall 
{
    background-size: 50px 15px;
    background-repeat: no-repeat;
    height: 15px;
    width: 50px !important;
    margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

a.additemtocartsmall:hover 
{
    background-size: 50px 15px;
    background-repeat: no-repeat;
    height: 15px;
    width: 50px !important;
    margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.removeitemfromcart {
	font-weight: 500;
	color: #CC0000;
	cursor: pointer;
}
.cartitemqtylabel {
	color: #0080C0;
	font-size: 10px;
	/*text-transform: capitalize;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.cartitemqty {
	color: #0080C0;
	font-size: 10px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
input.cartitemqty {
	color: #17476F;
	cursor: pointer;
	font-size: 12px;
	text-transform: capitalize;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;

}
div#cartinvoicesummary {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
}
.cartTotal {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	color: #17476F;
	font-weight: normal;
	text-transform: uppercase;
}
.cartprice {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	color: #3c78a9;
	font-weight: normal;
}
.carthdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	background-color: #3c78a9;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
.Ordertable {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
}
.Ordertable td{
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}

.Ordertable th{
	background-color: #3c78a9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 5px;	
}

.Shiptable tr{
	background-color: #FFFFFF;
	border-bottom-width: 0px;
	padding: 0px;
}

.Shiptable td{
	background-color: #FFFFFF;
	border-bottom-width: 0px;
	padding: 2px;
}

.OrderDetailRef {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	width: 450px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	line-height: 17px;
	height: 500px;
}
.OrderDetailRef h1 {
	background-color: #FFFFFF;
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	text-transform: uppercase;
	color: #3c78a9;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;

}
.Orderstatus {
	background-color: #f1f4f6;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	height: 500px;
	width: 450px;
	margin: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.Orderstatus td{
	background-color: #f1f4f6;
	padding: 10px;
	line-height: 17px;
}

.Orderstatus td .Shiptable td{
	background-color: #f1f4f6;
	padding: 3px;
	line-height: 17px;
}

.Orderstatus th{
	background-color: #3c78a9;
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px;
}

.Orderstatus h1{
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color:#17476F;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 10px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.Orderstatus h2{
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color:#3C78A9;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 5px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.Orderadditions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #666666;
	text-transform: none;
	margin: 0px;
	vertical-align: middle;
}
/********************
     Info Pages 
*********************/

.InfoBody li {
	margin-top: 5px;
	list-style-type: square;
	list-style-position: outside;
	margin-left: 25px;
}
.InfoBodypgHead   {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 26px;
	color: #3c78a9;
	text-transform: none;
	font-weight: 400;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.InfoBodyHead {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	color: #4C81A9;
	text-transform: uppercase;

}
.InfoBodyHeadHLT {
	font-weight: bold;
	color: #4C81A9;
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 22px;
	text-transform: capitalize;
}
.InfoBodyHLT {
	font-weight: bold;
	color: #4C81A9;
}
.InfoBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
	padding: 10px;
}
.InfodetailsBody {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	line-height: 18px;
}
.InfoBodyCat {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 30px;
	color: #1D476D;
	text-transform: uppercase;
	padding-right: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #3c78a9;
	margin-right: 5px;
}
.InfoBodyCatNoLine {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 30px;
	color: #1D476D;
	text-transform: uppercase;
	padding-right: 10px;
	margin-right: 5px;
}








.detailsLongDesc {	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: capitalize;
	color: #3778AE;
}
.prodTypeTtl {	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 22px;
	text-transform: uppercase;
	color: #17476F;
	font-style: normal;
}
.InfoDetailsContainer {
	background-color: #FFFFFF;
	width: 960px;
	
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
}
.InfoBody a:link {
	color: #3c78a9;
}

.infoDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #f0f4f7;
	text-transform: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	padding: 7px;
	line-height: 20px;
}
span.skype_pnh_container { display:none !important; }
span.skype_pnh_print_container { display:inline !important; }

fieldset {
background-color: #FFFFFF;
	border: 1px solid #17476F;
		-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	margin-top: 10px;
	margin-right: auto;
		margin-left: auto;
}
legend {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	text-transform: uppercase;
	color: #3c78a9;
}
.editor-label
{
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	font-size: 11px;
}
.field-validation-error
{
	color: #FF0000;
	font-weight: bold;
}

.AddressHeader {

	font-family: "Arial Black", "Arial-BoldMT", Arial;

	font-size: 12px;

	text-transform: uppercase;

	color: #3C78A9;

	display: block;

	margin-top: 30px;

	margin-bottom: 5px;

}



.AddressBlock {

	display: block; 

	margin-left: 20px;

}



#MapContainer {

	float:left; 

	border:#888 1px solid; 

	padding:0px; 

	-webkit-border-radius: 7px; 

	-moz-border-radius: 7px; 

	border-radius: 7px;

	margin-top: 30px;

	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);

	-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);

	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);

}



#Map {

	/* chrome doesnt seem to render the corners properly when a border is placed on an iframe so the container gets the border*/

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}



.clearfix {

  /* lets the container div "InfoBody" expand to the height of the floated divs inside*/

  clear: both;

  font-size: 1px;

}
.infoheader {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	background-color: #3c78a9;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

/********************
  Category Navigation 
*********************/
.CategoryBox {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	width: 208px;
	height: 200px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: inline-block; 
	vertical-align:top
}

.CategoryBox.main 
{   
    padding-top: 5px;
    width: 640px;
    height: 160px;
}

.CategoryBox a:hover {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	width: 220px;
	height: 190px;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.SubCategoryBox {
	width: 95px;
	height: 100px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: bottom
}

.AndMoreBox {
	width: 35px;
	height: 100px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: bottom
}

.CatBoxTitle {
	font-family: 'Arial Narrow', 'Arial', Sans-Serif;
	font-size: 17px;
	text-transform: none;
	color: #FFFFFF;
	margin-top: 10px;
	display: block;
	margin-bottom: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #17476F;
	margin-left: -5px;
	background-color: #17476F;
	margin-right: 15px;
	padding-left: 10px;
	padding-right: 3px;
	padding-top: 1px;
	font-weight: bold;
}

.SubCatTitle 
{
    font-family: 'Arial Narrow', 'OriyaSangamMN', 'PT Sans Narrow', 'Arial', Sans-Serif;
    font-size: 15px;
    font-weight: normal;
}

.CatBoxDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3c78a9;
	font-weight: bold;
	margin-right: 25px;
	display: block;
	text-transform: none;
}

.SubCatDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3c78a9;
	font-weight: bold;
	display: block;
	text-transform: none;
    text-align: center;
    vertical-align: bottom;
}
.SubCatimg {
	width: 80px;
	height: 80px;
	vertical-align: bottom;
	display: table-cell;
	text-align: center;
	margin-left:auto;
	margin-right:auto
}

.AndMoreimg {
	width: 10px;
	height: 80px;
	vertical-align: bottom;
	display: table-cell;
	text-align: center;
	margin-left:auto;
	margin-right:auto
}

/********************
   System Builder 
*********************/

.SB2button
{
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #003366;
	background-color: #9ABD6D;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFFFFF;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 20px;
	margin-right: 35px;
	width: 100px;
	display: block;
	float: left;
}
.step {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 24px;
	color: #FFFFFF;
	background-color: #99bc6d;
	padding: 3px;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.SB2Prodtitle {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 20px;
	color: #17476F;
	text-transform: uppercase;
	font-weight: normal;

}
.SB2ProdtitleTD {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
	text-align: center;
	vertical-align: top;
	margin-right: 10px;
	padding-right: 10px;
}
.SB2Prodlongdesc {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 19px;
	color: #3c78a9;
	font-weight: bold;
	padding-bottom: 10px;
}
.SB2Prodprice {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 20px;
	color: #3c78a9;
	font-weight: bold;
	margin-right: 35px;
	width: 90px;
	display: block;
	float: left;
	padding-top:10px;
}
#descriptandprice {

	padding-top:15px;
}
.SBSmallProdqyt {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 12px;
	color: #17476F;
	font-weight: bold;
	display: block;
	margin-right: 5px;
	padding-top:7px;
}
.SB2Prodqyt {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 16px;
	color: #17476F;
	font-weight: bold;
	display: block;
	float: right;
	margin-right: 5px;
	padding-top:10px;
}
.SB2Prodcart {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 35px;
	width: 90px;
	display: block;
	float: left;
	background-color: #99bc6d;
	text-transform: uppercase;
}
.SBProdbox {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	width: 220px;
	height: 190px;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.SBProdbox a:hover {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	width: 220px;
	height: 190px;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.SBStep1img {
	width: 212px;
	height: 100px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	margin-left:auto;
	margin-right:auto
}
.SBProdTitle {
	font-family: 'Arial Narrow', 'OriyaSangamMN', 'PT Sans Narrow', 'Arial', Sans-Serif;
	font-size: 15px;
	text-transform: none;
	color: #FFFFFF;
	margin-top: 10px;
	display: block;
	margin-bottom: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #17476F;
	margin-left: -5px;
	background-color: #17476F;
	margin-right: 15px;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.SBProdDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3c78a9;
	font-weight: bold;
	margin-right: 25px;
	display: block;
}
.SB2ProdDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 18px;

}
.SB2table 
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.SB2SpecValue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #333333;
    padding: 5px;
    border:none;
    text-transform: none;
}
.SB2SpecLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #1D476D;
	background-color: #f0f4f7;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: table-cell;
	margin-top: 7px;
}

.SB2SpecSubLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1D476D;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: table-cell;
	margin-top: 7px;
}

.ttContent
{
	color: #3c78a9;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
.moreFeat
{
	color: #3c78a9;
	font-family: "Arial Black", "Arial-BoldMT", Arial !important;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(images/moreFeat.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
}
.lessFeat
{
	color: #3c78a9;
	font-family: "Arial Black", "Arial-BoldMT", Arial !important;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(images/lessFeat.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
}

.orderBodyHead {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 11px;
	color: #4C81A9;
	text-transform: uppercase;

}

.welcome {
	font-family: 'Arial Narrow', 'Arial', sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 10px;
}
div.MoveRight {

	margin-left: 5px;
}
div.MoveLeft {

	margin-right: 3px;
}
.CartProdbox {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 190px;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-transform: capitalize;
}
.CartProdTitle {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 18px;
	text-transform: capitalize;
	color: #FFFFFF;
	margin-top: 10px;
	display: block;
	margin-bottom: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;

border-bottom-right-radius: 5px;
	background-color: #17476F;
	margin-left: -15px;
	background-color: #17476F;
	margin-right: 30px;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.SubProdbox {
	background-color: #FFFFFF;
	border: 1px solid #17476F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 6px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.35);
	margin-right: auto;
	margin-left: auto;
	width: 220px;
	height: 220px;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.SuBProdTitle {
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	font-size: 12px;
	text-transform: Capitalize;
	color: #FFFFFF;
	margin-top: 10px;
	display: block;
	margin-bottom: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
	background-color: #17476F;
	margin-left: -5px;
	background-color: #17476F;
	margin-right: 15px;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.SuBProdDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #17476F;
	font-weight: bold;
	text-transform: none;
}

/* -----------[ System Difference Table ]--------------*/

#SystemDiffs DIV
{
	cursor: pointer;
    float: left;
    width: 150px;
    padding-left: 10px;
    padding-right: 5px;
	text-transform: capitalize;
}

#SystemDiffs .FirstCol 
{
    cursor: inherit;
    width: 50px !important; 
    clear: both;
    padding-left: 5px;
}

#SystemDiffs .TopRow, #SystemDiffs .BottomRow 
{
    height: 1px;
}

#SystemDiffs .LastRow
{
    border-bottom: none;
}

#SystemDiffs .SBLabel, #SystemDiffs .SBValue
{	
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: none;
	border-bottom: 1px solid #E2E2E2;
    padding-top: 5px;
    padding-bottom: 5px;
}

#SystemDiffs .SBLabel
{
	color: #1D476D;
	background-color: #f0f4f7;
}

#SystemDiffs .SBValue
{
    color: #333333;
}

#SystemDiffs .FirstRow
{
    border-bottom: 1px solid #3C78A9;
}

#SystemDiffs .LastRow
{
    border-bottom: none;
}


#SystemDiffs .Model 
{
    font-size: 14px;
    font-weight: bold;
    color: #3C78A9;
}

#SystemDiffs .Price 
{
    font-size:14px;
    color: #3C78A9;
}

#SystemDiffs .highlighted 
{
    border: none;
    padding-bottom: 6px;
    padding-right: 3px;
    padding-left: 8px;
    background-color: #F0F4F7;
    border-left: 2px solid #17476F;
    border-right: 2px solid #17476F;
}

#SystemDiffs .highlighted.TopRow 
{
    border-top: 2px solid #17476F;
    border-top-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
}

#SystemDiffs .highlighted.BottomRow 
{
    border-bottom: 2px solid #17476F;
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
}

#SystemDiffs .highlighted.FirstRow 
{
    padding-bottom: 5px;
    border-bottom: 1px solid #3C78A9;
}

#SystemDiffs .FirstCol.FirstRow 
{
    border-top-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
}

#SystemDiffs .FirstCol.LastRow 
{
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
}


#SBdiffNextButton {
	cursor: pointer;
    margin-top:40px;
    display:block;
    float:right;
    clear:right;
}

#SBdetailsBackButton {
	cursor: pointer;
    margin-top: 40px;
    display: block;
    float: left;
    clear: left;
}

#SystemTypeInfo 
{
     border: 1px solid #D8D8D8;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 3px;
     margin-top: 30px;
     margin-bottom: 20px;
     overflow: hidden;
	 background-color: #F0F4F7;
	 padding: 10px;
}

#SystemTypeImage 
{
    float:left;
     border: 1px solid #17476F;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 3px;
     background-color: #FFF;
}
#SystemTypeImage img
{
    margin: 10px;
}

#SystemTypeTextContainer 
{
    float: left;
    padding-left: 20px;
    width: 720px;
}

#SystemTypeTitle
{
}

#SystemTypeDescription
{
}

.placeholder 
{
    position: absolute;
    left: 8px;
    bottom: 2px;
    color: #999;
    font-style: italic;
    font-size: 10px;
}

.placeholderparent 
{
    position: relative;
    display: inline;
}

#Customize 
{
    border: 1px solid #D8D8D8;
    background-color: #F0F4F7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    width: 600px;
    margin-top: 40px;
}

.Cust_R {    
    clear: right;
    float: right;
}

.Cust_L {    
    clear: left;
    float: left;
}

.CustomizeNote
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.CustomizeHeading
{
    display: block;
    font-family: 'Arial Narrow', 'Arial', sans-serif;
    font-size: 18px;
    color: #3C78A9;
    font-weight: bold;
    padding-bottom: 5px;
}

.drive_array
{
    border: 1px solid #D8D8D8;
    background-color: White;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    width: 95%;
    margin-top: -8px;
}

.drive_array_heading
{
    background-color: White;
    padding: 3px;
    vertical-align:middle;
}

#shipMethodFreightNotice 
{
    display: block;
    background-color: #FFE6E6;
    border: 1px solid #CCB8B8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    
}

.system_group_options_block
{
    margin: 10px;
    width: 100%;
}

.system_group_option
{
}

.system_group_detail
{
    padding-bottom: 10px;
    margin-left: 10px;
	font-family: Arial;
	font-size: 11px;
}

.system_group_subdetail
{
    margin-left: 15px;
}

.system_group_subsubdetail
{
    margin-left: 20px;
}

.system_group_hdr
{
	font-size: 14px;
	font-family: "Arial Black", "Arial-BoldMT", Arial;
	text-transform: none;
	text-decoration: none;
	line-height: 20px;
	color: #17476f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aab4bb;
	margin-top: 10px;
	width: 100%;;
}

h2.listitemhdr {
    margin: 0px;
    font-size: 18px;
}

p.category_description 
{
    text-transform: none;
    font-weight: normal;
    font-size: 12px;    
    display: block;
 /*   width: 550px;  */
    margin-bottom: 15px;
}

a.breadcrumbitem, a.breadcrumbitem:visited, a.breadcrumbitem:active, a.breadcrumbitem:link
{
    color: #17476F;
}

a.breadcrumbitem:hover 
{
    background-color: #4080b3;
    color: #FFF;
}

.grayborder
{
    background-color: #d1dae1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
}

.thinborder 
{    
    background-color: #fff;
	border: 1px solid #afafb1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	
}

.homepageContent 
{   
    margin-top: 25px; 
    margin-bottom: 15px; 
    margin-left: 6px; 
    margin-right: 6px; 
    font-size: 12px; 
    color: #444; 
    line-height: 16px;
}

.homepageContentSubheading
{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*------------------------------------------ Sitemap -----------------------------------------------*/


#Sitemap #cont{
    margin:auto;
    width:800px;
    text-align:left;
}
#Sitemap a:link, #Sitemap a:visited {
    color: #3c78a9;
    text-decoration: underline;
}
#Sitemap a:hover {
    color: #666;
}
#Sitemap h1 {
    background-color:#fff;
    padding:20px;
    color:#3c78a9;
    text-align:left;
    font-size:32px;
    margin:0px;
}
#Sitemap h3 {
    font-size:12px;
    background-color:#fff;
    margin:0px;
    padding:10px;
}
#Sitemap h3 a {
    float:right;
    font-weight:normal;
    display:block;
}
#Sitemap th {
    text-align:center;
    background-color:#00AEEF;
    color:#fff;
    padding:4px;
    font-weight:normal;
    font-size:12px;
}
#Sitemap td {
    font-size:12px;
    padding:3px;
    text-align:left;
}
#Sitemap tr {background: #fff}
#Sitemap tr:nth-child(odd) {background: #f0f0f0}
#Sitemap #footer {
    background-color:#fff;
    padding:10px;
    color: #ddd;
}
#Sitemap #footer a, #Sitemap #footer a:hover, #Sitemap #footer a:visited, #Sitemap #footer a:link 
{
    color: #ddd;
}
#Sitemap .pager,#Sitemap .pager a {
    background-color:#00AEEF;
    color:#fff;
    padding:3px;
}
#Sitemap .lhead {
    background-color:#fff;
    padding:10px 3px 3px 3px;
    font-weight:bold;
    font-size:16px;
}
#Sitemap .lpart {
    background-color:#f0f0f0;
    padding:0px;
}
#Sitemap .lpage {
    font:normal 12px verdana;
}
#Sitemap .lcount {
    background-color:#236ba5;
    color:#fff;
    padding:2px;
    margin:2px;
    font:bold 12px verdana;
}
#Sitemap a.aemphasis {
    color:#009;
    font-weight:bold;
}