/* Fonts
======================================================================*/
body {
	font-size: 11px;
	margin: 0px;
	font-family: Tahoma,Arial,Sans-Serif;
	text-decoration: none;
	color: #444444;
	background-color: #343434;
	background-image: url(/Images/background.gif);
	height:100%;
}

html {
height: 100%;
} 
/* Basics
======================================================================*/
a {
	color: #1e7ec8;
	text-decoration:none;
	cursor: pointer;
}
a:visited {
	color: #1e7ec8;
	text-decoration:none;
}
a:hover {
	color: #ff3d00;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}

h2 {
	font-size: 28px;
	padding: 5px 0px 5px 5px;
	font-weight: normal;
}

h3 {
	font-size: 20px;
	padding: 5px;
	font-weight: normal;
	border-bottom: 1px solid #d5d5d5;
	background: #e9e9e9;
	margin-bottom: 5px;
	color: #000000;
}

h4 {
	font-size: 18px;
	padding: 5px;
	font-weight: bold;
}

h5 {
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}

/* Core layout
======================================================================*/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	
}

#crumb {
	padding: 5px;
	text-align: left;
}

#leftcol {
	width: 150px;
	height: 100%;
	padding-right: 1px;
}

#content {
	height: 100%;
	width: 100%;
}

#rightcol {
	width: 165px;
	height: 100%;
	padding-left: 1px;
}

#footer {
	padding-top: 1px;
	padding-bottom: 1px;
}

.Left {
	border-left-color: #7d7d7d;
	border-left-width: 1px;
	border-left-style: solid;
}

.LeftMenu {
	padding-left: 15px;
	width: 100%;
}

.LeftMenuText a, .LeftMenuText a:visited {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
	display: block;
	padding: 5px;
	background: url("Images/Arrow.gif") no-repeat 147px;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #f1f1f1;
	
}

.LeftMenuText a:hover {
	text-decoration: none;
	background-color: #e9e9e9;
	color: #ff3d00;
	display: block;
}
.LeftSubMenuText
{
	
	font-size: 11px;
	font-style: normal;
	color: #444444;
	background-position: 0.05% 3px;
	background-repeat: no-repeat;
	text-decoration: none;
}

.LeftSubMenuText a, .LeftSubMenuText a:visited {
	
	font-size: 11px;
	font-style: normal;
	color: #444444;
	text-decoration: none;
	display: block;
	padding: 2px 5px 2px 10px;
	background: url(Images/arrow.gif) no-repeat 147px;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #f1f1f1;
}

.LeftSubMenuText a:hover {
	/*background: url(/Images/arrow2.gif) no-repeat 6px 3px;*/
	background-color: #e9e9e9;
	color: #ff3d00;
	display: block;
}


/*--- Homepage Top Menu ---*/
			.TopBackground
			{
				background-image: url(/Images/mainHeader.jpg);
				background-repeat: no-repeat;
				background-position: -200px 0px;
				background-color: #0c1729;
			}
			.TopMenuHeaderText
			{
				
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				color: #ffffff;
			}
			.TopMenuHeaderText a
			{
				
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				color: #ffffff;
				padding: 6px;
				text-decoration: none;
			}
			.TopMenuHeaderHome
			{
				border-top: #0e2f57 1px solid;
				background-color: #2a4975;
				/*background-image: url(Images/bgHeaders.gif);*/
			}
			.RightMenuTextHeader
			{
				font-size: 14px;
				
				color: #666666;
				text-decoration: none;
				text-align: center;
			}
			#List1
			{
				
				font-size: 9px;
				font-style: normal;
				font-weight: bold;
				color: #FFFFFF;
				padding: 0;
				float: left;
				margin: 0px;
				width: 100%;
				white-space: nowrap;
				list-style-type: none;
			}
			.List1
			{
				border-right: #0e2f57 1px solid;
				padding: 0;
				float: left;
				margin: 0px;
				list-style-type: none;
			}
			.List2, .List2 A
			{
				float: left;
				display: block;
				height: 12px;
				width: 120px;
			}
			.List2 A:hover
			{
				background-image: url(/Images/bgHeaders_ov.gif);
				text-decoration: none;
				background-repeat: repeat-x;
				display: block;
				height: 12px;
				width: 120px;
				background-position: left bottom;
			}
			#List1 .List1 A, #List1 .List1 A:visited
			{
				padding-right: 18px;
				padding-left: 18px;
				float: left;
				color: #FFFFFF;
				border-bottom: medium none;
				text-align: left;
				text-decoration: none;
			}
			#List1 .List1 A:hover
			{
				background-image: url(/Images/bgHeaders_ov.gif);
				text-decoration: none;
				background-repeat: repeat-x;
			}
			.TopMenuText
			{
				
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				color: #ffffff;
			}
			.TopMenuText a
			{
				
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				color: #ffffff;
				text-decoration: none;
			}
			.TopMenuText A:visited
			{
				
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				color: #ffffff;
				text-decoration: none;
			}
			.TopMenuText A:active
			{
				
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				color: #ffffff;
				text-decoration: none;
			}
			.TopMenuText A:hover
			{
				
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				color: #ff3d00;
				text-decoration: none;
			}
			.LiveChat
			{
				position: absolute;
				height: 40px;
				width: 125px;
				left: auto;
				bottom: 1px;
				background-image: url(Images/livechat.png);
			}


/*--- Homepage Top Banner Buttons ---*/

			.BtnIndex1 a
			{
				display: block;
				width: 286px;
				height: 67px;
				background-image: url(/Images/topbanner-02.jpg);
			}
			.BtnIndex1 a:hover
			{
				display: block;
				background-image: url(/Images/topbanner2-02.jpg);
			}
			.BtnIndex2 a
			{
				display: block;
				width: 286px;
				height: 69px;
				background-image: url(/Images/topbanner-03.jpg);
			}
			.BtnIndex2 a:hover
			{
				display: block;
				background-image: url(/Images/topbanner2-03.jpg);
			}
			.BtnIndex3 a
			{
				display: block;
				width: 286px;
				height: 64px;
				background-image: url(/Images/topbanner-04.jpg);
			}
			.BtnIndex3 a:hover
			{
				display: block;
				background-image: url(/Images/topbanner2-04.jpg);
			}
/*--- Homepage Featured Products ---*/
#FeaturedTitle
{
	padding: 0 10px 0 10px;
	line-height: 30px;
}

#HomepageTitle
{
	padding: 5px;
}
.CategoryPage
{
}
.CategoryPage span
{
vertical-align: top;
text-align: center;
float: left;
width:132px;
height: 140px;
overflow: hidden;
} 

.LineDots
{
	background-image: url(/Images/Dot.gif);
	background-repeat: repeat-x;
}
.LineSolid
{
	border-bottom: solid 1px #c9c9c9;
}
.LineSolid4
{
	border-top: solid 4px #d5dfee;
}
.MenuTable
{
	background-color: #ffffff;
}
.MenuHeaderText
{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #e0e5ec;
	padding: 5px;
	background-color: #0e4264;
	text-transform: uppercase;
	border-bottom: #cccccc solid 1px;
}
.MenuHeaderText a
{
	
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	padding: 6px;
	text-decoration: none;
	background-image: url(/Images/bgHeaders.gif);
	text-transform: uppercase;
}
.MenuHeaderText2
{
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #444444;
	padding: 5px;
	background-color: #e1e1e1;
	text-transform: uppercase;
	border-bottom: #cccccc solid 1px;
	height:10px;
}
.MenuHeaderText2 a
{
	color: #444444;
}
.MenuHeaderText2 a:hover
{
	color: #ff3d00;
	text-decoration: none;
}
.MenuHeaderText3
{
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #444444;
	padding: 5px;
	background-color: #afdcff;
	border-bottom: #cccccc solid 1px;
	height:10px;
}
#MenuHeaderText4
{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	background-color: #e9e9e9;
	padding: 5px;
	background-image: url(Images/sec_row_bg.gif);
}
.MenuHeaderText4
{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	background-color: #e9e9e9;
	background-image: url(Images/sec_row_bg.gif);
}

.MenuHeaderText4 ul
{
	display: inline;
}
.MenuHeaderText4 ul li
{
	position: relative;
	font-size: 11px;
	font-weight: bold;
	display: inline;
	padding-right: 8px;
	left: -40px;
}

.MenuHeaderText5
{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #444444;
	background-color: #e9e9e9;
	padding: 5px;
}
.MenuHeaderText6
{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	background-color: #0e4264;
	text-transform: uppercase;
	border-bottom: #cccccc solid 1px;
}
.MenuHeaderTextBlue
{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #4c7ab9;
	padding: 5px;
	background-color: #d5dfee;
	text-transform: uppercase;
	background-position: bottom;
}
#MenuHeaderTextBlueBG
{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	padding: 5px;
	color: #1f5070;
	background-image: url(Images/sec_row_bg_blue.gif);
}
.MenuHeaderTextGreen
{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #bbed8a;
	padding: 5px;
	background-color: #38581a;
	text-transform: uppercase;
	border-bottom: #cccccc solid 1px;
	height:10px;
}
.More a, .More ul li
{
	
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	padding-left: 13px;
	background-image: url(/Images/arrow3.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
.More a:hover
{
	background-image: url(/Images/arrow2.gif);
	background-repeat: no-repeat;
	color: #ff3d00;
}
.More li
{
	
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	padding-left: 13px;
	background-image: url(/Images/arrow3.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	list-style: none;
}
.pagination2 a {
    text-decoration: none;
	padding-right: 0.5em;
}

.pagination2 .current {
    color: #ff3d00;
	padding-right: 0.5em;
}

.pagination2 .current.prev, .pagination2 .current.next{
	color:#1f5070;
}

.PNote
{
	font-weight: bold;
}

/*--- Rounded Corners ---*/
				
			.roundbody {
				width: 100%;
				text-align: left;
				position:relative;
				background-color:#FFFFFF;
				height: 100%;
			}
			.roundbodycontent {
				width: 100%;
				text-align: left;
				position:relative;
				background-color:#FFFFFF;
			}
			.roundtopleft {
				width: 6px;
				height: 6px;
				background-position: top left;
				background-image: url(/Images/square.gif);
				background-repeat: no-repeat;
				position: absolute;
				top:0;
				left:0;
			}
			.roundtopright {
				width: 6px;
				height: 6px;
				background-position: right top;
				background-image: url(/Images/square.gif);
				background-repeat: no-repeat;
				position: absolute;
				top:0;
				right:0;
			}
			.roundbottomleft {
				width: 6px;
				height: 6px;
				background-position: 0% 100%;
				background-image: url(/Images/square.gif);
				position: absolute;
				bottom:0;
				left:0;
			}
			.roundbottomright {
				width: 6px;
				height: 6px;
				background-position: bottom right;
				background-image: url(/Images/square.gif);
				background-repeat: no-repeat;
				position: absolute;
				bottom:0;
				right:0;
			}
			
			
			/*--- Round Body White Background---*/
			
			.roundbodywhite {
				width: 100%;
				height: 100%;
				text-align: left;
				position:relative;
				background-color:#FFFFFF;
			}
			
			/*.roundbodywhite td{
				padding: 3 10 3 10;
			}*/
			.roundtopleftwhite {
				width: 6px;
				height: 6px;
				background-position: top left;
				background-image: url(/Images/square2.gif);
				background-repeat: no-repeat;
				position: absolute;
				top:0;
				left:0;
			}
			.roundtoprightwhite {
				width: 6px;
				height: 6px;
				background-position: right top;
				background-image: url(/Images/square2.gif);
				background-repeat: no-repeat;
				position: absolute;
				top:0;
				right:0;
			}
			.roundbottomleftwhite {
				width: 6px;
				height: 6px;
				background-position: bottom left;
				background-image: url(/Images/square2.gif);
				position: absolute;
				bottom:0;
				left:0;
			}
			.roundbottomrightwhite {
				width: 6px;
				height: 6px;
				background-position: bottom right;
				background-image: url(/Images/square2.gif);
				background-repeat: no-repeat;
				position: absolute;
				bottom:0;
				right:0;
			}
			.boxborder {
				width: 100%;
				z-index: -1;
				font-size: 11px;
				border: 1px solid #cccccc;
				background-color: #ffffff;
				border-collapse:collapse;
				height: 100%;
				margin: 1px;

			}

.PTitle
{
	font-weight: bold;
}		
.PImportant
{
	font-weight: bold;
	color: #FF0000;
}	


/* Content
======================================================================*/

/*--- Account Styles ---*/
		.AccountLabelText
		{
			color: #666666;
			text-decoration: none;
		}
		.AccountLabelTextBold
		{
			font-size: 11px;
			
			color: #666666;
			text-decoration: none;
			font-weight: bold;
		}
		
.Bold
{
	color: #666666;
	
	font-size: 11px;
	font-weight: bold;
}	
.BlackText
{
	color: #444444;
	text-decoration: none;
	text-align: left;
}
.BlackTextB1
{
	font-size: 11px;
	
	color: #666666;
	text-decoration: none;
	text-align: left;
	border: 1px solid #c9c9c9;
	background-color: #FFFFFF;
}
.Block a
{
	display:block;
	border: solid 1px #ffffff;
	height: 100%;
	float: left;
}
.Block a:hover
{
	display:block;
	border: solid 1px #1e7ec8;
	height: 100%;
	float: left;
}
.border {
	border: 1px solid #cccccc;
	border-collapse:collapse;
	background: #ffffff;
}
.border2 {
	border: 1px solid #00FFFF;
	border-collapse:collapse;
}
.BorderBlue4 {
	border: 1px solid #a0b3c3;
	background-color: #e7f1f4;
}
.BorderWhite {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #cccccc;
}
.BorderGray {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	padding: 4px;
	background-color: #f1f1f1;
}
.BorderGray2 {
	border-top: 1px solid #ffffff;
	padding: 4px;
	background-color: #e9e9e9;
}

.Border-Right {
	border-right: #cccccc 1px solid;
}

.borderImage {
	border: 4px solid #e5e5e5;
	border-collapse:collapse;
	background: #ffffff;
}
#IndexAccessoryImage
{
	background: url(Images/home_banner.jpg) top right no-repeat;
	min-height: 219px;
	top: 0;
	right: 0;
	padding: 10px;
	height: 219px;
}
.Box
{ 
	font-size: 11px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	border-collapse:collapse;
	height: 100%;

}
.BoxOuterBorder
{ 
	border: 1px solid #666666;
	border-collapse:collapse;
	height: 100%;
	
}
.BoxOuterTopBorder
{ 
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-collapse:collapse;
	height: 100%;
	
}
.borderbox
{
	margin:5px;
	padding: 5px;
	
}
.Box2
{
	font-size: 11px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	border-collapse:collapse;
}
.Box3
{
	border-collapse:collapse;
	height: 100%;
}
.BoxBlue
{ 
	font-size: 11px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	border-collapse:collapse;
	height: 100%;

}
.BoxContent
{
	
	font-size: 11px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	border-collapse:collapse;
	padding: 4px;
	height: 100%;
}
.BoxBottom
{
	
	font-size: 11px;
	background-color: #ffffff;
	border-collapse:collapse;
	padding: 5px;
}
.BoxBottom li
{
	position: relative;
	display: inline;
	vertical-align: middle;
	padding: 10px;
	top: 3px;
	left: -35px;
}
.BoxGreen
{
	font-size: 11px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	background-image: url(/Images/one_tree_hills.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-collapse:collapse;
	height: 100%;
}
.Box10pxBlueBordered40px
{
	font-size: 14px;
	border: 1px solid #c9c9c9;
	width: 46px;
	padding: 2px;
}
.Box10pxBlueBordered50px
{
	
	font-size: 10px;
	border: 1px solid #c9c9c9;
	width: 50px;
}
.Box10pxBlueBordered
{
	
	font-size: 10px;
	border: 1px solid #c9c9c9;
}

.Box10pxBlueBordered160px
{
	
	font-size: 14px;
	border: 1px solid #c9c9c9;
	width: 250px;
	padding: 2px;
}
.BoxSearchImage
{
	background-image: url(Images/Search.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
}
.BoxSearch
{
	
	color: #444444;
	background-color: #e9e9e9;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #666666;
	width: 122px;
	height: 20px;
}
.BoxQty
{
	
	color: #444444;
	background-color: #EEEEEE;
	font-size: 11px;
	border-style: solid;
	border-color: #c9c9c9;
	border-width: 1px;
	width: 30px;
	height: 16px;
}

.highlight { background-color: yellow }

#popup {
    position: relative;
	top: -250px;
	left: 30px;
    display: none;
}

#PopupLiveChat
{
	position: absolute;
	height: 115px;
	width: 208px;
	left: 570px;
	bottom: -25px;
	background-image: url(Images/BubbleChat.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: right;
	visibility: hidden;
}

/*--- Buttons ---*/
		/*--- Blue Button ---*/
			.ButtonSquareBlue{
			background: transparent url('/Images/square-blue-left.gif') no-repeat top left;
			display: inline-block;
			float: left;
			font-size: 11px;
			line-height: 15px;
			height: 23px; 
			padding-left: 9px;
			text-decoration: none;
			color: #ffffff;
			}
			.ButtonSquareBlue span{
			display: block;
			background: transparent url('/Images/square-blue-right.gif') no-repeat top right;
			padding: 4px 9px 4px 0; 
			color: #ffffff;
			text-decoration: none;
			}
			.ButtonSquareBlue:hover {
			background-position: bottom left;
			color: #0000FF;
			text-decoration: none;
			}
			.ButtonSquareBlue:hover span{ 
			background-position: bottom right;
			text-decoration:none;
			color: #ffffff;
			}
			
			/*--- Blue Big Button ---*/
			.BtnBigBlue{
			background: transparent url('/Images/BtnBigBlue_left.gif') no-repeat bottom left;
			display: inline-block;
			font-size: 11px;
			line-height: 15px;
			height: 33px; 
			padding-left: 14px;
			text-decoration: none;
			color: #ffffff;
			font-weight: bold;
			}
			.BtnBigBlue span{
			display: block;
			background: transparent url('/Images/BtnBigBlue_right.gif') no-repeat bottom right;
			padding: 9px 14px 9px 0; 
			color: #ffffff;
			text-decoration: none;
			}
			.BtnBigBlue:hover {
			background-position: top left;
			}
			.BtnBigBlue:hover span{ 
			background-position: top right;
			color: #1e7ec8;
			text-decoration:none;
			}
			
		/*--- Orange Button ---*/
			.ButtonSquareOrange{
			background: transparent url('/Images/square-gray-left.gif') no-repeat top left; display: block; float: left; font-size: 11px; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; color: #ffffff;	}
			.ButtonSquareOrange span{ display: block;	background: transparent url('/Images/square-gray-right.gif') no-repeat top right; padding: 4px 9px 4px 0; color: #ffffff;	}
			.ButtonSquareOrange:hover{ display: block; background-position: bottom left; color: #0000FF; text-decoration:none;}
			.ButtonSquareOrange:hover span { background-position: bottom right; }
			
			.BtnBigOrange{
			background: transparent url('/Images/BtnBigOrange_left.gif') no-repeat bottom left;
			display: inline-block;
			font-size: 11px;
			line-height: 15px;
			height: 33px; 
			padding-left: 14px;
			text-decoration: none;
			color: #ffffff;
			font-weight: bold;
			}
			.BtnBigOrange span{
			display: block;
			background: transparent url('/Images/BtnBigOrange_right.gif') no-repeat bottom right;
			padding: 9px 14px 9px 0; 
			color: #ffffff;
			text-decoration: none;
			}
			.BtnBigOrange:hover {
			background-position: top left;
			}
			.BtnBigOrange:hover span{ 
			background-position: top right;
			color: #ff3d00;
			text-decoration:none;
			}
			
		/*--- Gray Button ---*/
			.ButtonSquareGray{
			background: transparent url('/Images/square-gray-left.gif') no-repeat top left; display: block; float: left; font-size: 11px; line-height: 15px; height: 23px; padding-left: 9px; text-decoration: none; color: #ffffff;	}
			.ButtonSquareGray span{ display: block;	background: transparent url('/Images/square-gray-right.gif') no-repeat top right; padding: 4px 9px 4px 0; color: #ffffff;	}
			.ButtonSquareGray:hover{ display: block; background-position: bottom left; color: #0000FF; text-decoration:none;}
			.ButtonSquareGray:hover span { background-position: bottom right; }	
		
		/*--- Blue Button ---*/	
			.ButtonGo, .ButtonGo A, .ButtonGo:visited{
			color: #FFFFFF; background-color: #005484; display: block; font-weight: bold; font-size: 11px; padding: 2px 5px 2px 5px; border: 1px solid #666666; text-decoration: none;}
			.ButtonGo:hover{ color: #ffffff; text-decoration:none; background-color: #ff3d00;}
			
.CheckoutTextbox
{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 1px;
	border: medium;
}
.Content
{
	font-size: 11px;
	color: #555555;
}
.Content a, .Content a:link, .Content a:visited
{
	
	font-size: 11px;
	color: #1e7ec8;
}
.Content a:hover
{
	
	font-size: 11px;
	color: #ff3d00;
}

#floatleft
{
	float: left;
}

#floatleftclear
{
	float: left;
	clear: both;
}
/*--- CrumbTrail ---*/
			.CrumbTrail
			{
				
				font-size: 11px;
				font-weight: normal;
				color: #999999;
			}
			.CrumbTrail a, .CrumbTrail a:visited 
			{
				
				font-size: 11px;
				font-weight: normal;
				color: #ffffff;
				text-decoration: none;
			}
			.CrumbTrail a:hover
			{
				
				font-size: 11px;
				font-weight: normal;
				color: #ff3d00;
				text-decoration: none;
			}


/*--- Error Page Styles ---*/
			.ErrorTopBackgroundTable
			{
				background-color: #0c1729;
				height: 105px;
			}
			.ErrorStyle
			{
				color: Red;
				text-decoration: none;
				text-align: center;
			}
			.ErrorStyleBig
			{
				font-size: 12px;
				color: Red;
				text-decoration: none;
				text-align: center;
			}


/*--- Footer ---*/
			.Footer
			{
				color: #444444;
				font-size: 11px;
				font-weight: normal;
				text-decoration: none;
			}
			.Footer A, .Footer A:visited
			{
				color: #1e7ec8;
				font-size: 11px;
				font-weight: normal;
			}
			
			.Footer A:hover
			{
				color: #ff3d00;
				font-size: 11px;
				font-weight: normal;
				text-decoration: none;
			}
			
			.Copyright
			{
				color: #444444;
				font-size: 11px;
				font-weight: normal;
				text-align: center;
				text-decoration: none;
			}
			
			
.GreyPrice
{
	font-size: 11px;
	color: #7c7c7c;
	font-weight: bold;
}
.GreyText
{
	font-size: 11px;
	color: #666666;
}


/*--- Headers Styles ---*/
			.HeaderText
			{
			color: #444444;
			text-decoration: none;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 12px;
			}
			.HeaderText:hover
			{
				color: #ff3d00;
				text-decoration: none;
				font-weight: bold;
			}
			.HeaderText10
			{
			color: #444444;
			text-decoration: none;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 10px;
			}
			.HeaderText14
			{
				font-size: 14px;
				text-decoration: none;
				font-weight: bold;
				color: #444444;
				text-transform: uppercase;
			}
			.HeaderText16
			{
				font-size: 16px;
				text-decoration: none;
				font-weight: bold;
			}
			.HeaderText16 a
			{
				font-size: 16px;
				text-decoration: none;
				font-weight: bold;
			}
			.HeaderText16 a:hover
			{
				font-size: 16px;
				text-decoration: none;
				font-weight: bold;
				color: #ff3d00;
			}
			.HeaderText28
			{
				font-size: 28px;
				font-family: Arial, Helvetica, sans-serif;
			}
			.HeaderTextOrange, .HeaderTextOrange A 
			{
				font-weight: bold;
				color: #ff3d00;
				text-decoration: none;
			}
			.HeaderTextOrange a:hover
			{
				font-weight: bold;
				color: #666666;
				text-decoration: none;
			}
			.HeaderTextOrange14, .HeaderTextOrange14 A, .HeaderTextOrange14 Visited
			{
				font-weight: bold;
				font-size: 14px;
				color: #ff3d00;
				text-decoration: none;
			}
			.HeaderTextOrange14:Hover
			{
				font-weight: bold;
				color: #ff3d00;
				text-decoration: none;
			}
			.HeaderTextOrange16, .HeaderTextOrange16 A, .HeaderTextOrange16 Visited
			{
				font-weight: bold;
				font-size: 16px;
				color: #ff3d00;
				text-decoration: none;
			}
			.HeaderTextOrange16:Hover
			{
				font-weight: bold;
				color: #ff3d00;
				text-decoration: none;
			}
			.HeaderTextOrange24
			{
				font-size: 24px;
				font-weight: normal;
				color: #ff3d00;
				text-decoration: none;
			}
			.HeaderTextOrange24 A
			{
				font-size: 24px;
				font-weight: normal;
				text-decoration: none;
				color: #336699;
			}
			.HeaderTextOrange24:Hover
			{
				font-size: 24px;
				font-weight: normal;
				color: #ff3d00;
				text-decoration: none;
			}
			.HeaderTextOrange24:Visited
			{
				font-size: 24px;
				font-weight: normal;
				color: #990033;
			}
			.HeaderTextGreen24
			{
				font-size: 24px;
				font-weight: normal;
				color: #669900;
				text-decoration: none;
			}
			.HeaderTextGreen24 A
			{
				font-size: 24px;
				font-weight: normal;
				text-decoration: none;
				color: #669900;
			}
			.HeaderTextGreen24:Hover
			{
				font-size: 24px;
				font-weight: normal;
				color: #669900;
				text-decoration: none;
			}
			.HeaderTextGreen24:Visited
			{
				font-size: 24px;
				font-weight: normal;
				color: #669900;
			}
			.HeaderTextGray
			{
				font-weight: normal;
				color: #666666;
				text-decoration: none;
			}
			
/*--- BEGIN Messages Styles ---*/

.message {
  padding: 10px;
  border: 2px solid #ddd;
  background-color: #eee;
  color: #222;

}

.notice {
  background: #FFF6BF;
  color: #817134;
  border-color: #FFD324;
}

.success {
  background: #E6EFC2;
  color: #529214;
  border-color: #C6D880;
}

.error {
  background: #FBE3E4;
  color: #D12F19;
  border-color: #FBC2C4;
}

/*--- END Messages Styles ---*/
			
.ItemsCellRight
{
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding-left: 5px;
	font-size: 11px;
	color: #4B4B4B;
	
	text-decoration: none;
}
.ImgBorder
{
	border-color: #c9c9c9;
	border-width: 1px;
	background-color: #FFFFFF;
}
.JoinOurTeam li
{
	display: list-item;
	list-style: disc;
	margin-left: 1.5em;
	padding-bottom: 8px;
}


/*---Light Small Text ---*/
			.Light
			{
				color: #336699;
				
				font-size: 7pt;
				font-weight: normal;
				text-decoration: none;
			}
			.Light A
			{
				color: #336699;
				
				font-size: 7pt;
				font-weight: normal;
				text-decoration: none;
			}
			.Light A:visited
			{
				color: #990033;
				
				font-size: 7pt;
				font-weight: normal;
				text-decoration: none;
			}
			.Light A:active
			{
				color: #336699;
				
				font-size: 7pt;
				font-weight: normal;
				text-decoration: none;
			}
			.Light:hover
			{
				color: #ff3d00;
				
				font-size: 7pt;
				font-weight: normal;
				text-decoration: none;
			}
			
			
.menu_head_off
{
	cursor: default;
}
.menu_head_on
{
	cursor: pointer;
}


/*--- Login Page Styles ---*/
			.LoginText
			{
				
				font-size: 11px;
				font-style: normal;
				color: #666666;
				padding-left: 4px;
			}
			.LoginBox
			{
				
				color: Black;
				background-color: White;
				font-size: 10px;
				font-weight: bold;
				width: 114px;
				border: solid 1px #c9c9c9;
			}


.OrangeLink, OrangeLink a
{
	
	font-size: 12px;
	font-style: normal;
	color: #ff3d00;
}


/*--- Order Row Style ---*/
			.OrderAltRowStyle
			{
				color: #7D7D7D;
				font-family: Tahoma, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				background-color : #E7E5D9;
				text-align : center;
			}
			.OrderHeaderStyle
			{
				color: #FFFFFF;
				font-family: Tahoma, Helvetica, sans-serif;
				font-size: 10px;
				text-decoration: none;
				font-weight: bold;
				background-color : #0f3a5b;
				text-align : center;
			}
			.OrderRowStyle
			{
				color: #7D7D7D;
				font-family: Tahoma, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				background-color : #FFFFFF;
				text-align : center;
			}
			
			
.PaddRight5px
{
	padding-right: 5px;
}
.pad5px {
	padding: 5px;
}


/*--- Page Webpage style ---*/
			.Pagination
			{
				
				color: #ff3d00;
				font-weight: normal;
				font-size: 11px;
			}
			.Pagination a
			{
				
				color: #1e4275;
				font-weight: normal;
				font-size: 11px;
				text-decoration: none;
			}
			.Pagination a:hover
			{
				
				color: #ff3d00;
				font-weight: normal;
				font-size: 11px;
				text-decoration: none;
			}
			
/*			
.PUList
{
	list-style-image: url(/Images/ListBullet.gif);
}
*/
.PLink
{
	color: #1C7F84;
	
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}
A.PLink
{
	color: #1e7ec8;
	
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}
.PLink:hover
{
	
	font-size: 11px;
	font-style: normal;
	color: #ff3d00;
	text-decoration: none;
}
.GrayText10, .GrayText10 a
{
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}
.RedText
{
	color: Red;
	text-decoration: none;
	text-align: center;
}
.RedTextNew
{
	color: Red;
	font-style: italic;
	font-size: 10px;
	font-weight: bold;
}
.RedTextBox
{
	color: #FF3737;
	text-decoration: none;
	border: solid 1px #9D0000;
	background-color: #FFD7D7;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	display: block;
	width: 100%;
}
.RedTextBox2
{
	color: #FF3737;
	text-decoration: none;
	border: solid 1px #9D0000;
	background-color: #FFD7D7;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	display: block;
}
.GreenTextBox
{
	color: #3d6611;
	text-decoration: none;
	border: solid 1px #95a486;
	background-color: #eff5ea;
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
	text-align: center;
	display: block;
	width: 100%;
}
.RedTextLeft
{
	color: Red;
	text-decoration: none;
	text-align: left;
}
.RedText12
{
    font-size: 12px;
    color: Red;
    text-decoration: none;
    text-align: center;
}
.RetailPrice
{
	color: #7c7c7c;
	text-decoration: line-through;
}
.White
{
	
	color: #ffffff;
	text-decoration: none;
}
.YouSave
{
    font-size: 10px;
    color: #4B4B4B;
    
    text-decoration: none;
    font-style: italic;
}

/*--- Hands-free webpages ---*/

			.handli {
				list-style-position: outside;
				list-style-type: square;
				position: relative;
				right: 25px;
			}


/*--- Comparison Chart ---*/

			#divcontent
			{
				overflow: hidden;
				width: 100%;
			}
			
			#scroll
			{
				overflow: auto;
				width: 700px;
				height: 600px;
			}
			
			.ComLeftNav 
			{
				font-family: Arial, Helvetica, sans-serif; font-size: 11px;
			}
			
			


#SaveBox {
	position: static;
	left: 0; 
	top:0px;
	left:10px;
	border: 1px solid #cccccc;
}
#LoadBox {
	position: static;
	left: 0; 
	top:20px;
	left:10px;
	border: 1px solid #cccccc;
}
#DeleteBox {
	position: static;
	left: 0; 
	top:20px;
	left:10px;
	border: 1px solid #cccccc;
}

.BGColumn
{
	background-color:#f1f1f1;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#444444;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position: absolute;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: yellow;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */







/*SLIDE SHOW*/
			
ul.paging {
	
	clear: both;
	margin-left: -40px;
	left: -40px;
}
		
ul.paging li,
ul.paging2 li {
	width: 50%;
	margin-bottom: 1px;
	display:block;
	float: left;
}

ul.simplePagerNav li{
    padding: 3px;
    margin-bottom: 10px;
    font-family: arial;
	display: block;
	float: left;
	margin-left: 0px;
}

ul.simplePagerNav li a{
    color: #fff;
    text-decoration: none;
	background-color:#dddddd;
	padding: 5px;
	margin-left: 0px;
}

ul.simplePagerNav li.currentPage a {
	color: #ffffff;
	background-color:#ff3d00;	
	padding: 5px;
	margin-left: 0px;
}

ul.simplePagerNav li a:hover{
	color: #ffffff;	
	background-color:#ff3d00;
	padding: 5px;
}

/*- Nav Sub--------------------------- */

    #nav_sub {
      float:left;
      width:100%;
      background:#fff;
      font-size:93%;
      line-height:normal;
	  border-bottom: 1px solid #d5d5d5;
      }
    #nav_sub ul {
        margin:0;
        padding:10px 10px 0 5px;
        list-style:none;
      }
    #nav_sub li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav_sub a {
      float:left;
      background:url("images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nav_sub a span {
      float:left;
      display:block;
      background:url("images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav_sub a span {float:none;}
    /* End IE5-Mac hack */
    #nav_sub a:hover span {
      color:#000;
      }
    #nav_sub a:hover {
      background-position:0% -42px;
      }
    #nav_sub a:hover span {
      background-position:100% -42px;
      }

        #nav_sub #current a {
                background-position:0% -42px;
				color: #222222;
				font-weight: bold;
        }
        #nav_sub #current a span {
                background-position:100% -42px;
        }

#btn_sign_up {
	float: left;
}

#btn_sign_up a {
	width: 114px;
	height: 13px;
	background: url(Images/btn_sign_up.gif) left bottom;
	float: left;
	padding: 10px 0 10px 0;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

#btn_sign_up a:hover {
	background: url(Images/btn_sign_up.gif) left top;
	color: #ff3d00;
}

#ecommerce_box{
	float: left;
	width: 49%;
	margin: 0 4px 20px 4px;
	height: 150px;
	overflow: hidden;
}

#ecommerce_col2{
	float: left;
	width: 49%;
	margin: 0 4px 20px 4px;
	height: 80px;
	overflow: hidden;
}

#ecommerce_col2 img{
	float: left;
	margin-right: 10px;
}

#ecommerce_col2 p {
	margin-left: 73px;
	margin-top: 0;
}

#ecommerce_box ul{
	margin: 0;
	padding-left: 115px;
}

#ecommerce_box ul li{
	background: url(Images/ArrowGray.gif) no-repeat left 3px;
	padding-left: 15px;
	list-style: none;
}

#ecommerce_box img{
	float: left;
	margin-top: 7px;
	margin-right: 10px;
	border: 1px solid #d5d5d5;
}

#ecommerce_box2{
	float: left;
	width: 99.5%;
	margin: 0 4px 20px 4px;
}

#ecommerce_box2 ul li{
	padding-bottom: 5px;
}

#ecommerce_box3{
	float: left;
	width: 45%;
	margin: 0 4px 20px 4px;
}

#ecommerce_menu { 
	width: 250px;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	border: 1px solid #d5d5d5;
}

#ecommerce_menu ul{ 
	list-style:none;
	margin-left: 0;
	margin-top: 0;
	padding: 5px;
}
#ecommerce_menu ul li{	
	background:#fff;
	margin:0 ;
	border-bottom:1px solid #d5d5d5;
	padding: 10px;
}

#ecommerce_menu ul li.tabactive{
	font-weight: bold;
}

#ecommerce_menu ul li a{
	height:100%;
	line-height:2;
	cursor:pointer;
	font-size: 12px;
}

#ecommerce_menu ul li a.tabactive{
	color:#000;
}

#ecommerce_menu ul li a:hover{
	color:#690;
}

.ecommerce_content { 
	float: left;
	font-size: 12px;
	line-height: 20px;
	width: 500px;
}



/* Begin Form Ecommerce
======================================================================*/

#form_ecommerce h3
{
	padding-top: 0px;
	border: 0px;
}

#form_ecommerce ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

#form_ecommerce ul li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

#form_ecommerce li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form_ecommerce li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form_ecommerce li div
{
	display:inline-block;
}

form_ecommerce li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form_ecommerce li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form_ecommerce li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form_ecommerce li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form_ecommerce li div.left .medium
{
	width:100%;
}

form_ecommerce li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form_ecommerce li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form_ecommerce li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form_ecommerce li .datepicker
{
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}

.form_description
{
	margin:0 0 0 1em;
}

.form_description[class]
{
	display:block;
}

.form_description h2
{
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

.form_description p
{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

form_ecommerce hr
{
	display:none;
}

form_ecommerce ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	display:block;
	line-height:150%;
	padding-top:10px;;
}

.elementsmall
{
	width: 50px;
}

.elementmedium
{
	width: 150px;
	padding: 2px;
	margin-bottom: 5px;
}

.elementlarge
{
	width: 300px;
	padding: 2px;
	margin-top: 5px;
}

input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

select.select[class] {
	margin:0;
	padding:1px 0;
}


/* End Form Ecommerce
======================================================================*/

/* Description.aspx
======================================================================*/
.product_grid 
{
	margin: 0px;
	padding: 0px;
	width: 240px;
}
.product_grid li
{
	display: block;
	float: left;
	width: 100px;
	padding: 2px;
}

.product_grid .col1
{
	clear: both;
}
.product_col3
{
float: left; width: 225px;
}

.addtocart{
			background: transparent url('/Images/BtnBigBlue_left.gif') no-repeat bottom left;
			display: inline-block;
			font-size: 13px;
			line-height: 15px;
			height: 33px; 
			padding-left: 14px;
			text-decoration: none;
			color: #ffffff;
			font-weight: bold;
			width: 200px;
			text-align: center;
			}
			.addtocart span{
			display: block;
			background: transparent url('/Images/BtnBigBlue_right.gif') no-repeat bottom right;
			padding: 9px 14px 9px 0; 
			color: #ffffff;
			text-decoration: none;
			}
			.addtocart:hover {
			background-position: top left;
			}
			.addtocart:hover span{ 
			background-position: top right;
			color: #1e7ec8;
			text-decoration:none;
			}
.popup_msg{
position:absolute;
z-index:10;
width:500px;
height:289px;
text-align:center;
color:#FF0000;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background:url('http://www.2buypcs.com/mmpcsnew/images/html/promotions/rssfeed.jpg') bottom right no-repeat;
display:none;
}
.popup_msg2{
position:absolute;
z-index:10;
width:500px;
height:289px;
text-align:center;
color:#FF0000;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background:url('http://www.2buypcs.com/mmpcsnew/images/html/promotions/savecart.jpg') bottom right no-repeat;
display:none;
}
.popup_msg3{
position:absolute;
z-index:10;
width:500px;
height:289px;
text-align:center;
color:#FF0000;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background:url('http://www.2buypcs.com/mmpcsnew/images/html/promotions/realtime.jpg') bottom right no-repeat;
display:none;
}

/* batteries.aspx
======================================================================*/

.border_td td{
	border-bottom: 1px solid #d5d5d5;
}