*{
	margin:0;
	padding:0
}

body
{
	background:#fff url(/images/bgMain.jpg) repeat-x;
	color:#333;
	font:11px verdana, sans-serif
}

input, select, textarea{font:11px verdana, sans-serif}
p{margin:0 0 16px 0; line-height:15px;}
img{border:0}
ol{margin:0 0 10px 30px}
hr{margin:20px 0;border:1px solid #eba914}
dt{float:left; font-weight:bold;margin-right:5px}
dt img{vertical-align:middle}
dd{margin-bottom:10px}
th{text-align:right}
ul,ul li{list-style:none;}
strong{color:#666;}

/* BEGIN: Headings ================== */
h1{
	margin:0;
	padding-bottom:3px;
}
h2{
	color:#628BB4;
	font-size:12px;
	margin:0 0 8px 0;
}
h3{
	font-size:14px;
	color:#bc2734;
}

h4{
	font-size:13px;
	color:#bc2734;
	margin:0 0 10px 0
}

h5{
	font-size:18px;
	color:#000;
	margin:0 0 5px 0
}

h6{
	font-size:11px;
	margin:13px 0 3px 0;
	color:#333;
}
/* END: Headings ================== */
/* BEGIN: Links & Navs ================== */
a{color:#04d;text-decoration:none}
a:hover{text-decoration:underline}
/* END: Links & Navs ================== */
/* BEGIN: Main Layout ================== */
#main{
	width:762px;
	padding:3px 9px;
	background:#fff url(/images/bgPage.gif) repeat-y;
	margin:auto
}
#main:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
#page{
	float:left;
}
/* END: Main Layout ================== */


/* START: Header ================== */
#header{
	width:762px;
	height:130px;
	background:#fff url(/images/bgHeaderBtm_sub.gif) left bottom no-repeat;
}
#slogan{
	float:right;
	margin:9px 10px 0
}
.floatLeft{
	float:left;
}
#utilities{
	float:left;
	margin-right:-2px;
	margin-bottom:-2px
}
#cart{
	width:253px;
	font-size:10px;
	text-align:center;
	padding-top:5px;
	height:18px;
	color:#fff;
	background:url(/images/bgCart.gif)
}
#cart span{
	color:#fff;
}
#utilities li{float:left}
/* END: Header ================== */


/* BEGIN: Links & Navs ================== */
#leftNav{
	float:left;
	background:#fff url(/images/bgLeftNav_sub.gif) right top no-repeat;
	width:197px;
	height:647px
}
.navTitle{
	border:1px solid #fff;
	border-left:none;
	float:left;
}
.navBox{
	width:148px;
	background:#7aace5;
}
.navBox h2{
	text-indent:5px;
	background:#628bb4;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:3px;
	margin:0;
}
.navBox a{
	color:#fff;
	text-decoration:none
}

.navBox a:hover{text-decoration:underline}

#chat{
	height:128px;
	background:url(/images/bgChat.gif) top left repeat-x;
	float:left;
	padding-top:5px;
}
#search input{
	width:100px
}
#barLiveChat{
	width:18px;
	height:139px;
	background:#202c9e;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	float:left
}
#barNavBottom{
	height:22px;
	background-color:#668FBB;
	border-top:1px solid #fff;
}
#imgLiveChat{
	margin:3px 0 0 5px;
	_margin-left:2px
}
.navContent{
	float:left; 
	width:129px;
}
.navBox li{
	padding:0 0 1px 11px
	}
.navBox ul{
	margin:7px 0 10px 0px;
	padding:0;
	}
#toph2{border-top:1px solid #fff;}
#dottedh2{background:#628bb4 url(/images/bgBrowse.gif) repeat-x;}
/* END: Links & Navs ================== */

/* START: Error Messages =============== */
#valSum{
	margin-bottom:20px
}
#valSum td{
	border:1px solid #ccc;
	background:#f6ecf5;
	padding:10px 10px 5px
}
#valSum td font{
	color:#900
}
/* END: Error Messages ================ */

/* START: Content ================== */
#content{
	position:relative;
	padding:25px;
	float:left;
	width:515px;
	z-index:1
}

#content div:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

#content ul{
	margin:8px;
	}
#content ol{
	margin:0 0 15px 18px;
	_margin:0 0 15px 22px;
	}
#content ul li{
	position:relative;
	margin-bottom:7px;
	padding: 0 0 1px 20px;
	background:url(/images/bullet.gif) 0 0 no-repeat;
	line-height:15px;
}
#content ol li{
	position:relative;
	line-height:15px;
	margin-bottom:12px;
	list-style-type:lower-roman;
}
#content ul ul{margin-top:10px}

.ListOne, .ListTwo, .ListThree{
	padding:8px;
	margin-bottom:14px;
	border:1px solid #fff;
	border-left:14px solid #fff;
	}
.ListOne{
	border-color:#139F04;
}
.ListTwo{
	border-color:#628BB4;
}
.ListThree{
	border-color:#7AACE5;
}

.ListOne h2{
	color: #139F04;
}
.ListTwo h2{
	color: #628BB4;
}
.ListThree h2{
	color: #7AACE5;
}
#bannerShopBrand{
	float:right;
	margin:1px 8px 0 0
}
.bannerSpace{
	margin-right:4px
}
cite{
	display:block;
	clear:left;
	margin:5px 0 20px 10px;
	font-style:italic
}
.easeUnderline em{
	font-style:normal;
	text-decoration:underline
}
.easeUnderline li em{
	font-style:italic;
	text-decoration:none
}
.alignWithText{
	margin:0 0 15px 20px;
	float:right;
}
.alignWithTextLeft{
	margin:0 20px 15px 0;
	float:left;
}
.plainTable{
	border-collapse:collapse;
}
.plainTable tr{
	background-color:#fff;
}
.plainTable td{
	padding:6px;
	border:1px solid #ccc;
}
.plainTable th{
	padding:5px;
	border:1px solid #ccc;
	background-color:#628BB4;
	color:#fff;
	text-align:left;
	}
.alt{
	background-color:#f7f7f7;
	}
.plainTable td.footnote{
	border:0;
	font:10px Verdana;
	color:#999;
	text-align:right;
}
.solutionTable{
	border:1px solid #ccc;
	margin-bottom:15px;
}	
.solutionTable td{
	vertical-align:top;
	padding:6px;
}
.solutionTable th{
	text-align:left;
	background-color:#628BB4;
	color:#fff;
	padding:6px;
}
.box{
	float:left;
	margin:0 0 7px 0;
}
caption{
	font:10px Verdana;
	color:#999;
	margin:0 0 8px 0;
	text-align:left;
}
#breadcrumbs{
	height:37px;
	padding:4px 10px;
	background:#fff url(/images/bgDetailTop.gif) repeat-x;
	color:#900;
	font-weight:bold;
}
#divNav{
	height:37px;
	padding:4px 10px;
	background:#fff url(/images/bgDetailTop.gif) repeat-x;
}
#breadcrumbs a{
	color:#900;
}
#alsoAvailable{
	font-size:10px;
	color:#999;
}
#prodDesc{
	color:#666;
	font-size:11px;
	padding:10px;
}
#customizeBuy{
	margin:0 10px 40px;
	width:488px;
	height:225px;
	float:left;
	background:url(/images/bgCustomizeBuy.gif) bottom no-repeat;
	position:relative
}
#btnAddToSavedCart{
	position:absolute;
	top:225px;
	right:5px
}
#btnEmailToFriend{
	position:absolute;
	top:225px;
	right:123px
}
#lblProductPrice{
	color:#7aace5;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	width:120px;
	text-align:center;
	top:58px;
	left:330px
}
#txtQuantity{
	width:30px;
	position:absolute;
	top:95px;
	right:66px
}
#btnAddToOrder{
	position:absolute;
	top:185px;
	right:46px
}
#btnCalculatePrice{
	position:absolute;
	top:185px;
	left:55px
}
#grdAttribute td{
	vertical-align:middle;
	height:48px
}
#prodAttributes{
	position:absolute;
	top:38px;
	left:15px;
	padding-left:50px;
	background:url(/images/bgAttributeNumbers.gif) 0 2px no-repeat
}


#prodFeatures{
	float:left;
	width:330px;
	min-height:220px;
	_height:220px;
	margin-right:10px
	
}
#prodFeatures p{
	margin-left:20px;
}
#prodFeatures img{
	margin:0 0 10px 0;
	padding:0 200px 1px 0;
	border-bottom:1px solid #c4d8f0
}
#bannerLearnMore{
	float:left;
	width:155px;
	padding:8px;
	border:1px solid #ccc;
	border-top:none
}
#bannerLearnMore a{
	font-weight:bold;
	color:#900;
	cursor:help;
	position:relative;
	z-index:240
}
#bannerLearnMore span{
	display:none
}
#bannerLearnMore a:hover span{
	display:block;
	position:absolute;
	background:#fff url(/images/bgLearnMorePop.gif) bottom repeat-x;
	font-weight:normal;
	color:#666;
	border:1px solid #cececd;
	z-index:9999;
	left:130px;
	top:0;
	padding:5px;
	height:100px;
	width:200px
}
#bannerLearnMore img{
	margin:3px 0
}
#prodSpecs{
	margin-top:20px;
	padding:0 370px 1px 0;
	border-bottom:1px solid #c4d8f0
}
#prodSpecsLeft{
	border-right:1px solid #c4d8f0;
	padding:20px 20px 0 0;
	float:left;
	width:230px
}
#prodSpecsRight{
	padding:20px 0 0 20px;
	float:left;
	width:230px
}
#prodSpecsLeft dt, #prodSpecsRight dt{
	text-align:right;
	width:80px
}
#prodSpecsLeft dd, #prodSpecsRight dd{
	float:left;
	margin-left:5px;
	width:130px
}
.detailPrice{
	color:#c00;
	}
.product{
	padding:14px 0;
	border-bottom:1px solid #ccc;
	width:120px;
	vertical-align:top;
	}
.GridPageNumberSelected{
	font-weight:bold;
	color:#c00;
	}
.message{
	border:1px solid #7AACE5;
	background-color:#E9F1F9;
	padding:10px;
	margin-bottom:14px;
	color:#4C70A3;
	font-weight:bold;
}
#catList_dlItem td{
	padding-left:40px
}
#SameAsShipping strong{
	color:#fff
}
/* END: Content ================== */


/* START: Footer ================== */
#topBar{
	width:762px;
	height:7px;
	background:#628bb4;
	border-top:2px solid #fff;
	border-bottom:1px solid #fff;
	overflow:hidden
}
#footer{
	clear:left;
	width:762px;
	height:103px
}
#footer img{
	margin:0 7px
}
#bbb img{
	margin:0 3px 12px;
}
#copyright{
	width:762px;
	text-align:center;
	background:#000;
	color:#ccc;
	padding:10px 0;
	margin-bottom:3px;
	height:13px
}
#seals{
	padding-left:210px
}
#bottomLinks{
	background-color: #6690bb;
	border: 1px solid #ccc;
	line-height:14px;
	padding:2px 0;
	font-size:10px;
	color:#ccc;
	text-align:center;
	margin:0 auto;
	width:780px
}
#bottomLinks a{ 
	font-size:10px;
	color:#fff;
	text-decoration:none
}
#bottomLinks a:hover{text-decoration:underline}
/* END: Footer ================== */


/* BEGIN: FLASH Replacement ============== */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 16px;
	margin-bottom:15px
}
.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
	margin:0
}
/* END: FLASH Replacement ============== */
/* BEGIN: Shop By Sections ============== */
.pricingSections{
	padding:3px;
	border:1px solid #c7daf1;
	margin:6px 0
}

.topSections{
	position:relative;
	padding:15px 10px;
	margin:0 0 3px 0;
	width:485px;
	border:1px solid #c7daf1;
	background:#fefff0;
}

.topSections:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.topSections img{
	vertical-align:middle
}

#content .topSections h2{
	font:bold 15px "trebuchet ms", arial, sans-serif;
	color:#104184;
	display:inline;
	margin:0 10px 0 0;
}

.topSections span{
	position:absolute;
	top:1px;
	left:255px;
	width:230px;
	display:block;
	text-align:right;
	font-size:10px;
	color:#666;
	height:20px;
	padding:13px 0 13px 10px;
	background:url(/images/dottedLineBg.gif) repeat-y
}

.pricingSections table{
	width:100%;
	clear:both;
	border:1px solid #c7daf1;
	background:url(/images/dottedLineBg.gif) repeat-x 0 27px;

}

.evens{
	background-color:#ecf5fd
}

.pricingSections tbody td{
	vertical-align:top
}

.pricingSections th{
	text-align:left;
	color:#999;
	padding:9px 3px
}

.pricingSections td{
	font-weight:bold;
	color:#6483c9;
	padding:7px 3px 7px
}

.pricingSections td a{
	float:right
}

.pricingSections .firstCols{
	background-image:url(/images/bullet.gif);
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:35px
}

.pricingSections th.firstCols{
	background-image:none;
	padding-left:35px
}

#openingPara{
	margin:10px 0
}

#openingPara span{
	color:#999
}
#lblLongDescription{
	float:left;
	display:block
}

/* BEGIN: Also Shop By ================== */
.alsoShopBySections{
	background:#6d8ad0 url(/images/bg1.gif) repeat-x;
	padding:4px 14px 4px 0;
	text-align:right;
	border:1px solid #c7daf1
}

.alsoShopBySections strong{
	color:#fbf4e7
}

.alsoShopBySections *{
	margin:0;
	padding:0 !important;
	display:inline;
	list-style:none;
	color:#fff;
	background-image:none !important
}

.alsoShopBySections li{
	border-left:1px solid #fff;
	padding:0 3px 0 6px !important;
}

.alsoShopBySections a{
	text-decoration:underline;
	font-weight:bold
}

.alsoShopBySections a:hover{
	text-decoration:none
}

.firstListItems{
	border-left:0 !important
}
/* END: Also Shop By ================== */
/* BEGIN: Content Navigation ================== */
#contactNav{
	background:#d7e5f5 none;
	border:1px solid #c7daf1;
	padding-right:0;
	text-align:center;
	margin:4px 0 0 0;
	font-size:10px
}

#contactNav strong{
	color:#222
}

#contactNav a{
	color:#3d65a9;
}

#contactNav li{
	border-left:1px solid #3d65a9;
}
/* END: Content Navigation ================== */
/* BEGIN: Why Page ================== */
#revolution{
	padding:0 0 14px 0;
	border:1px solid #c7daf1;
	background:url(/images/bgDetailBottom.gif) repeat-x 0 100px
}

#revolution img{
	margin:10px 2px 10px 4px
}

#mainReasons div{
	float:left;
	margin:6px 2px 6px 0;
	width:125px;
	height:330px;
	border:1px solid #ddd;
	background:url(/images/bottomFadeBg.gif) repeat-x bottom left
}

#mainReasons p{
	margin:6px
}

#mainReasons h6{
	margin:0;
	padding:4px;
	color:#fff;
	background:#375fa4;
	height:40px
}

#advantage{
	background:url(/images/topFadeBg.gif) repeat-x 0 30px;
	border:1px solid #ddd;
	height:250px
}

#advantage div{
	float:left;
	margin:0 10px;
	_margin:0 5px
}

#advantage h6{
	background:url(/images/checkmark.gif) no-repeat;
	padding:2px 0 8px 30px
}

#advantage p{
	font-size:10px;
	line-height:12px
}
/* END: Why Page ================== */
/* BEGIN: Why Page ================== */
.savingsPage .ListOne,.savingsPage .ListTwo,.savingsPage .ListThree{
	border-width:1px
}
.savingsPage img{
	display:block;
	float:left;
	padding:35px 5px 27px;
	margin:-9px 10px -9px -8px
}	
.savingsPage .ListOne img{
	background:#139f04
}
.savingsPage .ListTwo img{
	background:#628bb4
}
.savingsPage .ListThree img{
	background:#7aace5
}
/* END: Why Page ================== */