/* Html tags */
body {
	font-family:"arial","helvetica",sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-left: 0px;
	background: #FFFFFF url(/Design/Default/images/main_bg.gif) top center repeat-y;
	height: 100%;
}
html {
	height: 100%;
}
p {
	width: 100%;
}
img {
	border:none;
	border:0px;
}
h1
{
	margin-top:0px;
    margin-bottom:-19px;
}
h2{font-size:14px;}
h3{font-size:12px;}
.addtocart{background:#99c2ff url(/Design/Product/images/ui-bg-startech_dark_1x400.png) 50% 50% repeat-x;text-align:center;font-weight:bold;font-size:13px;color:white;margin-top:1px;width:90px;display:inline-block;vertical-align:middle;padding:4px 0px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #5381b0;}
.addtocart:hover{text-decoration:none!important;background:#99c2ff none;}
.searchquantity{vertical-align:middle;width:30px;}
.disabled_option{color:black;text-decoration:none!important;}
/*
A:active
{
    text-decoration:underline;
}
A.link {
	color:#000099;
}
A.visited {
	color:#4682B4;
}*/

a{color:#0066CC;text-decoration:none;}
a:hover{text-decoration:underline;}


.homeButtons {
	display: block;
	padding: 3px 10px;
	margin: 0px 0px 0px 5px;;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	border: #5a8ec2 solid 1px;
	background: #7BA4CD url(/Design/Default/images/button_backgrounds.png) left center;
}

/*
----------------------------------------------------------------------------
Main Navigation
----------------------------------------------------------------------------

/* Navigation Top Drop Down 
NOTE: Important to specify height or IE6 will collapse (hide) the menu
*/

#navMainWrapper {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 928px;
	height: 24px;
	border: 1px solid #2694e8;
	background: #7BA4CD url(/Design/Default/images/button_backgrounds.png) 800px center;
	outline: none;
}

.navMain, .navMain ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 24px;
	}

.navMain {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	z-index: 989;
	position: relative;
	}

.navMain li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}

.navMain li a, .navMain li a:link, .navMain li a:active, .navMain li a:visited {
	color: #ffffff;
	display: block;
	padding: 5px 11px;
	text-decoration: none;
	border-right: #5a8ec2 solid 1px;
	background: #7BA4CD url(/Design/Default/images/button_backgrounds.png) left center;
	}

.navMain li a:hover {
	color: #ffffff;
	background-image: none;
	background-color: #5381b0;
	}

#nav-one li:hover a,
#nav-one li.sfHover a,
#nav-two li:hover a,
#nav-two li.sfHover a {
	background-color: #5381b0;
	color: #ffffff;
	}

/* background of drop down */
#nav-one li:hover ul a,
#nav-one li.sfHover ul a,
#nav-two li:hover ul a,
#nav-two li.sfHover ul a {
	background-color: #6699CC;
	color: #ffffff;
	padding: 8px 10px;
	}

/* background hover of drop down */
#nav-one li:hover ul a:hover,
#nav-one li.sfHover ul a:hover,
#nav-two li:hover ul a:hover,
#nav-two li.sfHover ul a:hover {
	background-color: #5381b0;
	color: #ffffff;
	}

.navMain ul {
	background: transparent url(/Design/Default/images/nav_main_bg.gif) top left repeat-x;
	list-style: none;
	margin: 0;
	width: 168px;
	position: absolute;
	top: -999px;
	left: -1px;
	}

.navMain li:hover ul,
.navMain li.sfHover ul {
	top: 24px;
	height: 24px;
	}

.navMain ul li {
	border: 0;
	float: none;
	}

.navMain ul a {
	border-bottom: 1px solid #5381b0;
	width: 150px;
	}

.navMain ul a:hover {
	background-color: #6699CC;
	color: #6d9dcc;
	}

.right {
	float: right;
}

.left {
	float: left;
}



/*
----------------------------------------------------------------------------
sub navigation
----------------------------------------------------------------------------
*/
#navSubWrapper {
	position: relative;
	float:left;
	margin: 0px;
	padding: 0px;
	width: 148px;
	height: auto;
	background-color: #e6e6e6;
	z-index: 998;
}

/* Sub Navigation */
.navSub {
	list-style: none;
	font-weight: bold;
	font-size: 9pt;
	color: #5A5A5A;
	margin: 0px;
	padding: 0px;
}

.navSub ul {
	position: relative;
	list-style: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.navSub li a, .navSub li a:link, .navSub li a:active, .navSub li a:visited {
	color: #5A5A5A;
	font-size: 9pt;
	display: block;
	padding: 2px 10px;
	margin: 0px;
	text-decoration: none;
	background-color: #e6e6e6;
	border-top: 1px solid #CCCCCC;
}
	
.navSub li li a {
	position: relative;
	display: block;
	border: none !important;
	padding: 0px 10px !important;
	margin: 0px;
}


.navSub li a:hover {
	color: #0066CC;
	background-color: #dddddd;
	display: block;
}

.navSub ul li:hover ul {
	display: block;
}

.navSubHeading {
	font-weight: bold;
	font-size: 9pt;
	padding: 2px 10px;
	color: #5A5A5A;
	border-top: 1px solid #CCCCCC;
}


/*
----------------------------------------------------------------------------
Home Page
----------------------------------------------------------------------------
*/
.homeHeaders {
	width: 266px;
	height: 24px;
	background: #EEEEEE url(/Design/Default/images/button_backgrounds.png) -300px center no-repeat;
	margin: 0px;
	padding: 0px;
	border: #CCCCCC 1px solid;
}

.homeHeaders h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #666666;
	text-align:left;
	padding: 4px 10px;
	margin: 0px;
}

/*
----------------------------------------------------------------------------
Banner Buttons
----------------------------------------------------------------------------
*/

#navBannerWrapper {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 553px;
	height: 36px;
	border: 1px solid #CCCCCC;
	background: #EEEEEE url(/Design/Default/images/button_backgrounds.png) right center no-repeat;
	outline: none;
}

.bannerNav, .bannerNav ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 36px;
	}

.bannerNav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	position: relative;
	}

.bannerNav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}

.bannerNav li a, .bannerNav li a:link, .bannerNav li a:active, .bannerNav li a:visited {
	color: #666666;
	text-align: center;
	width: 137px;
	display: block;
	padding: 10px 0px;
	text-decoration: none;
	border-left: #CCCCCC solid 1px;
	background: #EEEEEE url(/Design/Default/images/button_backgrounds.png) right center;
	}

.bannerNav li a:hover {
	color: #666666;
	background-image: none;
	background-color: #DDDDDD;
	}

/*
----------------------------------------------------------------------------
Reseller Banners
----------------------------------------------------------------------------
*/

.resellerBanners {
	width: 188px;
	height: 80px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #FFFFFF;
	text-align: center;
}

.resellerBanners h3 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	width: 188px;
	margin: 0px;
	padding: 3px 0px;
}

.resellerBanners p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 5px 0px;
}

.resellerBanners a, .resellerBanners a:link, .resellerBanners a:active, .resellerBanners a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 5px 0px;
}

.resellerBanners a:hover {
	text-decoration: underline;
}

.lightRed {
	color: #9C1616;
	background-color: #FFCCCC;
}

.darkRed {
	background-color: #9C1616;
}

.darkRedText {
	color: #9C1616;
}

.lightOrange {
	color: #9C1616;
	background-color: #FFCC99;
}

.darkOrange {
	background-color: #C55800;
}

.darkOrangeText {
	color: #C55800;
}

.lightGreen {
	color: #9C1616;
	background-color: #BDEB7F;
}

.darkGreen {
	background-color: #456914;
}

.darkGreenText {
	color: #456914;
}


/* Table */
TABLE.Container {
	border-collapse: collapse;
	padding: 0px;
	margin: auto;
	height:85%;
	background-color: #ffffff;
}
TABLE.BGLightBlue {
	background-color: #d0e7ff;
}
TABLE.BGLightGrey {
	background-color: #E6E6E6;
}
TD.SideBar {
	vertical-align: top;
	background-color: #E6E6E6;
	width: 130px;
	height: 100%;
	text-align:left;
}

TD.Feature {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 40px;
	width: 636px;
	vertical-align: top;
	text-align:left;
}

TD.GreyBackground {
	background-color: #F9F9F9;	
}

TD.AllBorders {
	padding: 0px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #C1C1C1;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: #C1C1C1;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #C1C1C1;
	border-right-width: 1px;
}

TD.ThreeBorders {
	padding: 0px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #C1C1C1;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #C1C1C1;
	border-right-width: 1px;
}

TD.BottomBorder {
	padding: 0px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	border-bottom-width: 1px;
}

TD.TopBorder {
	padding: 0px;
	border-top-style: solid;
	border-top-color: #C1C1C1;
	border-top-width: 1px;
}
.GreyHeader {
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
	color: #333333;
	background-color: #E5E5E5;
	border-bottom-color: #BBBABA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 2px;
	padding-left: 5px;
}

/* Header */
.TableHeader{
	background-color:#F3F3F3;
	font-weight:bold;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	}

/* Header */
.NormalFontWeight
{
	font-weight: normal;
}

/* Link */
A.FeatureNavLink
{
    color:#0066cc;
    text-decoration:none;
    font-size: 12px;
}
A.FeatureNavLink:active
{
    color:#0066CC;
    text-decoration:underline;
}
A.FeatureNavLink:hover
{
    text-decoration:underline;
}
A.FeatureNavLink:visited
{
    color:#0066cc;
}
A.ItemLinkSmall
{
    color:#0066CC;
    text-decoration:underline;
    font-size: 11px;
}
A.ItemLinkSmall:active
{
    color:#0066CC;
    text-decoration:underline;
}
A.ItemLinkSmall:hover
{
    text-decoration:underline;
}
A.ItemLinkSmall:visited
{
    color:#990099;
    text-decoration:underline;
}
A.ItemLink
{
    color:#0066CC;
    text-decoration:underline;
    font-size: 12px;
}
A.ItemLink:active
{
    color:#0066CC;
    text-decoration:underline;
}
A.ItemLink:hover
{
    text-decoration:underline;
}
A.ItemLink:visited
{
    color:#990099;
    text-decoration:underline;
}
A.GalleryLink
{
    color:#0066cc;
    text-decoration:none;
    font-size: 11px;
}
A.GalleryLink:active
{
    color:#0066CC;
    text-decoration:underline;
}
A.GalleryLink:hover
{
    text-decoration:underline;
}
A.GalleryLink:visited
{
    color:#0066cc;
}
A.FooterNavLink
{
    color:#666666;
    text-decoration:none;
    font-size: 10px;
}
A.FooterNavLink:active
{
    color:#666666;
    text-decoration:underline;
}
A.FooterNavLink:hover
{
    text-decoration:underline;
}
A.FooterNavLink:visited
{
    color:#666666;
}

/* CSS for Ordering Process */
.Checkout{
	color:#5A5A5A;
	font-family:"arial","helvetica",sans-serif;
	font-size:12px;
}
.Checkout .Title
{
	background-color:#EEEEEE;
	font-weight:bolder 	
}
.Checkout .Accent
{
	font-weight:bolder 	
}
.Checkout .Label
{
	background-color:#EEEEEE;
	vertical-align:top; 
}
.Checkout .Body
{
	background-color:#FFFFFF;
}

/* CSS for BreadCrumbs */
.BC_Row{
	padding-left:28px;
	border-bottom:solid 1px #f3a372;
	background-color:#f9ccb0;
}
.BC_Text
{
	font-size: 8pt;
	color: black;
}
.BC_Link, .BC_Link:link, .BC_Link:visited, .BC_Link:hover
{
	padding-left: 0px;
	font-weight: normal;
	font-size: 8pt;
	color: #0066cc;
	text-decoration:underline;
}

/* NetPageTop.ascx */
.TopBarThirdRow {
	background-color :  #E5E5E5;
	/*vertical-align:text-top;*/
	text-align: right;
	color:#5A5A5A;
	font-family:"arial","helvetica","sans-serif";
	font-size:12px;
	border-bottom:#a6a6a6 1px solid;
	height: 20px;
}
A.TopBarMainLink
{
    font-family:arial,helvetica;
    font-size:9pt;
    color:#0066CC;
    text-decoration:none;
	/*vertical-align:text-top;*/
}
A.TopBarMainLink:hover
{    
    text-decoration:none;
	/*vertical-align:text-top;*/
}
.SideBarMenu
{
    font-family:arial,helvetica;
    font-size:9pt;
    color:#5A5A5A;
    text-decoration:none;
	vertical-align:text-top;
}
.SideBarMenu:hover
{
    font-family:arial,helvetica;
    font-size:9pt;
    color:#0066CC;
    text-decoration:none;
	vertical-align:text-top;
}
/* Tab Menu - Press Room and Support pages */
.TabMenuDefault
{
    font-family:Arial,Veranda;
    font-size:9pt;
    padding-left:10px;
    padding-right:10px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#F5F5F5;
}
.TabMenuSelected
{
    font-family:Arial,Veranda;
    font-size:9pt;
    padding-left:10px;
    padding-right:10px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#FFFFFF;
}

/* Horizontal Bar - Item List and Order History pages */
.RowSeparator 
{
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-color:Gray;
	border-bottom-style: solid;
}

/* Divider */
.Divider{background-color:#c5e1f3; font-size:0.5em}

/* Big Text > 12
 	TitleBig =		18 ~ 20
	TitleNormal =	16 ~ 17
	TitleSmall =	13 ~ 15 
*/
.TitleBigBig {
	color:#000000;
	font-weight:bold;
	font-size:21px;
}
.TitleBigBlue {
	color:#31558c;
	font-weight:bold;
	font-size:18px;
}
.TitleBig {
	color:#000000;
	font-weight:bold;
	font-size:18px;
}
.TitleNormal {
	color:#000000;
	font-size:16px;
	font-weight : bold;
}
.TitleSmall {
	color:#000000;
	font-size:14px;
	font-weight : bold;
}
.TitleSmallBlue {
	color:#31558c;
	font-size:14px;
	font-weight:900;
}
.TitleSmallLightBlue {
	color:#5991CA;
	font-size:14px;
	font-weight:900;
}
.TitleSmallGreyBold {
	color:#666666;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
.TitleSmallGrey {
	color:#5A5A5A;
	font-size:13px;
}

/* Regular Text = 11, 12
	TextNormal =	12
	TextSmall =		11
*/
.TextSmallGrey {
	color:#5A5A5A;
	font-size:11px;
}
.TextNormal {
	color:#000000;
	font-size:12px;
}
.TextNormalGrey {
	color:#5A5A5A;
	font-size:12px;
}
.TextNormalBold 
{
	color:#000000;
	font-weight: bold;
	font-size:12px;
}
.TextNormalBoldBlueCategoryHeader 
{
	color:#5381b0;
	font-weight: bold;
	font-size:12pt;
}
.TextNormalBoldLightBlue {
	color:#5991CA;
	font-size:12px;
	font-weight:bold;
}
.TextNormalBoldBlue {
	color:#006699;
	font-size:12px;
	font-weight:bold;
}
.TextNormalBoldBlueHome {
	color:#0066cc;
	font-size:12px;
	font-weight:bold;
}
.TextNormalBoldRed {
	color:#cc0000;
	font-size:12px;
	font-weight:bold;
}
.TextNormalBoldGrey {
	color:#666666;
	font-size:12px;
	font-weight:bold;
}

/* Small Text <= 10
	ContentSmall = 10
	ContentTiny =	9
*/
.ContentTiny {
	color:#666666;
	font-family:"arial","helvetica",sans-serif;
	text-decoration:none;
	font-size:9px;
}
.ContentSmallRed {
	color:#b22222;
	font-family:"arial","helvetica",sans-serif;
	font-size:10px;
}
.ContentSmallGrey {
	color:#666666;
	font-family:"arial","helvetica",sans-serif;
	font-size:10px;
}
.ContentSmallLightBlue {
	color:#5991CA;
	font-family:"arial","helvetica",sans-serif;
	font-size:10px;
}
.ContentGrey {
	color:#5A5A5A;
	font-size:10px;
}
.GreenText 
{
	color: Green; 
}
.RedText 
{
	color: Red; 
}
.BlueText 
{
	color: #0066cc; 
}
GreyText
{
	color: #333333;
}

.Bold
{
	font-weight:bold;
}
.F14 {
	font-size:14px;
}
.HeaderGreyReseller {
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
	color: #333333;
	background-color: #E5E5E5;
	border-top-color: #BBBABA;
	border-top-width: thin;
	border-top-style: solid;
	padding-bottom: 2px;
	padding-left: 5px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor: default;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

#imgFreeShipping, #imgFastShipping, #imgVolumePricing {
    margin-bottom: 3px;
}