/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}


body {
	font-size: small;
	font-family: Gill Sans, "Gill Sans MT", Trebuchet, sans-serif;
	text-align: center;
	background: url(../images/bk-body.jpg) repeat-x top;
}

#pageWrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#headerHome {
	width: 770px;
	height: 283px;
	float: left;
}

#headerGen {
	width: 770px;
	height: 193px;
	float: left;
	background: url(../images/bk-headerRightGen.jpg) repeat-x;
}
#headerGenLeft {
	width: 370px;
	height: 193px;
	float: left;
	background: url(../images/bk-headLeftGen.gif) no-repeat;
}


#headerHomeLeft {
	width: 370px;
	height: 283px;
	float: left;
	background: url(../images/bk-headLeft.gif) no-repeat;
}

#headerGenRight {
	width: 400px;
	height: 193px;
	float: right;
	font-family: Arial, Gill Sans, sans-serif;
	background: url(../images/bk-headerRightGen.jpg) repeat-x;
	font-size: 90%;
}

#headerHomeRight {
	width: 400px;
	height: 283px;
	float: right;
	background: url(../images/bk-headerRight.jpg) no-repeat;
	font-family: Arial, Gill Sans, sans-serif;
	font-size: 90%;
}

#topNav {
	width: 400px;
	height: 50px;
	float: left;
}

#topNav ul {
	list-style-type: none;
	font-family: Arial, Gill Sans, sans-serif;
	font-size: 90%;
	padding-top: 20px;
	padding-left: 5px;
}
#topNav li {
	display: inline;
	color: #fff;
	padding-right: 5px;
}
#topNav li a {
	color: #fff;
	text-decoration: none;
	padding-right: 5px;
}
#topNav li a:hover {
	text-decoration: underline;
}

#accountTop {
	width: 201px;
	height: 44px;
	margin-right: 19px;
	float: left;
	background: url(../images/bk-accountTop.jpg) no-repeat top right;
	padding-left: 10px;
	padding-top: 6px;
	color: #003561;
	line-height: 140%;
}

#accountTop a {
	text-decoration: underline;
	color: #003561;
}
#accountTop a:hover {
	text-decoration: none;
}

#accountLeft {
	width: 110px;
	float: left;
	padding-right: 20px;
}


#basketTop {
	width: 105px;
	height: 44px;
	float: left;
	background: url(../images/bk-basketTop.jpg) no-repeat right;
	color: #fff;
	padding-left: 33px;
	padding-top: 6px;
	line-height: 140%;
}

#basketTop a {
	color: #fff;
	text-decoration: underline;
}
#basketTop a:hover {
	text-decoration: none;
}

#basketLeft {
	width: 33px;
	float: left;
	text-align: right;
}
#basketRight {
	text-align: right;
	padding-right: 10px;
}

#contentWrapper {
	width: 770px;
	float: left;
	background: #fff url(../images/bk-contentTop.gif) top no-repeat;
	min-height: 300px;
	padding-top: 10px;
}

#contentWrapperGen {
	width: 770px;
	float: left;
	background: #fff url(../images/bk-contentTopGen.gif) top no-repeat;
	min-height: 300px;
	padding-top: 10px;
}

#homeFeatured {
	width: 725px;
	float: left;
	margin-left: 0px;
	padding-left: 30px;
	padding-top: 15px;
	background: url(../images/bk-homeFtd.gif) no-repeat top right;
	font-family: Arial, Gill Sans, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#homeFeatured img {
	border: 0px;
}

#homeFeatured h3 {
	color: #003561;
	margin-bottom: 10px;
}

#homeFeaturedBase {
	width: 740px;
	height: 15px;
	float: left;
	margin-left: 0px;
	padding-left: 15px;
	background: url(../images/base-homeFtd.gif) no-repeat right top;
	margin-bottom: 30px;
}

.featuredWrapper {
	width: 230px;
	float: left;
	padding-right: 10px;
}

.featuredImage {
	width: 228px;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.featuredLink {
	width: 190px;
	float: left;
	background: #ccc url(../images/ftd-link.gif) no-repeat bottom;
	padding-left: 40px;
	padding-bottom: 6px;
	padding-top: 6px;
}

.featuredLink a {
	text-decoration: underline;
	color: #003366;
	position: relative;
}
.featuredLink a:hover {
	text-decoration: none;
}


#homeBoxes {
	width: 770px;
	float: left;
}

#homeRanges {
	width: 325px;
	float: left;
	margin-right: 30px;
	padding: 15px;
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 18px;
	background: url(../images/bk-homeYellow2.jpg) no-repeat right top;
}

.rangeLink {
	font-family: Arial, Gill Sans, sans-serif;
	padding-top: 10px;
	float: left;
}
.rangeLink a {
	color: #43b400;
	text-decoration: underline;
	font-weight: bold;
}
.rangeLink a:hover {
	text-decoration: none;
}

#homeRanges h4 {
	color: #003561;
	font-size: 140%;
	margin-bottom: 15px;
}

#homeWhy {
	width: 340px;
	float: right;
	height: 280px;
	padding: 15px;
	padding-top: 10px;
	background: url(../images/bk-homeWhy2.gif) no-repeat left bottom;
	color: #fff;
}

#homeWhy h4 {
	color: #00adef;
	font-size: 140%;
	margin-bottom: 15px;
}

#homeWhy p {
	color: #fff;
	font-family: Arial, Gill Sans, sans-serif;
	margin-bottom: 10px;
}

#homeWhy a {
	color: #fff;
	text-decoration: underline;
}
#homeWhy a:hover {
	text-decoration: none;
}

.rangeImage {
	width: 44px;
	height: 32px;
	float: left;
	background: #fff;
	border: 1px solid #d6d6d6;
	margin-right: 10px;
	text-align: center;
}
.rangeImage img {
	border: 0px;
}

.homeRange {
	float: left;
	padding-bottom: 7px;
}

.rangeDescription {
	height: 32px;
	float: left;
	width: 265px;
}

.rangeDescription a {
	font-size: 160%;
	color: #003561;
	text-decoration: none;
	border-bottom: 1px dashed #003561;
	font-weight: normal;
}
.rangeDescription a:hover {
	color: #43b400;
	border-bottom: 1px dashed #43b400;
}

#footer1 {
	width: 770px;
	float: left;
	height: 86px;
	background: url(../images/bk-footer.gif) no-repeat;
	color: #fff;
	font-size: 80%;
	font-family: Arial, Gill Sans, sans-serif;
	margin-top: 20px;
}

#footer1 ul {
	list-style-type: none;
	padding-left: 130px;
	padding-top: 37px;
}
#footer1 li {
	display: inline;
}
#footer1 a {
	color: #fff;
	text-decoration: none;
}
#footer1 a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer2 {
	width: 740px;
	float: left;
	padding-bottom: 20px;
	padding-top: 15px;
	font-size: 80%;
	padding-left: 15px;
	padding-right: 15px;
	color: #646464;
	font-family: Arial, Gill Sans, sans-serif;
}


.footer2Left {
	width: 50%;
	float: left;
}

.footer2Right {
	width: 50%;
	float: right;
	text-align: right;
}


.footer2Right a {
	color: #99cc00;
	text-decoration: none;
}
.footer2Right a:hover {
	color: #646464;
}

.pageTitle {
	width: 755px;
	color: #43b400;
	padding-left: 15px;
	margin-bottom: 15px;
	padding-top: 5px;
}


#genTitle {
	width: 740px;
	height: 40px;
	float: left;
	margin-top: 5px;
	padding-left: 15px;
	background: url(../images/bk-titleGen.gif) no-repeat right;
	margin-bottom: 15px;
	color: #fff;
	font-family: Arial, Gill Sans, sans-serif;
}

#genTitle h2 {
	float: left;
	font-size: 150%;
	font-weight: normal;
	line-height: 210%;
	width: 220px;
	padding-left: 15px;
	height: 41px;
}

#genTitle h3 {
	float: left;
	font-size: 150%;
	font-weight: normal;
	line-height: 210%;
	padding-left: 15px;
	height: 41px;
}


#columnWrapper {
	width: 740px;
	min-height: 300px;
	float: left;
	padding-left: 15px;
}


#leftColumn {
	width: 235px;
	float: left;
	min-height: 100px;
}

#rightColumn {
	width: 490px;
	float: right;
	min-height: 100px;
	padding-right: 0px;
	margin-left: 15px;
	font-family: Arial, Gill Sans, sans-serif;
}

#leftNav {
	width: 205px;
	float: left;
	min-height: 50px;
	padding: 15px;
	background: url(../images/bk-leftNav.gif) no-repeat top;
	font-family: Arial, Gill Sans, sans-serif;
}

#leftNav h4 {
	color: #003561;
	margin-bottom: 10px;
	font-size: 130%;
}

#leftNav ul {
	list-style-type: none;
}

#leftNav li {
	line-height: 200%;
}

#leftNav li a {
	color: #003561;
	text-decoration: underline;
	background: url(../images/bullet-nav.gif) no-repeat left;
	padding-left: 30px;
	font-weight: bold;
}
#leftNav li a:hover {
	text-decoration: none;
}

#leftNavBase {
	width: 235px;
	float: left;
	height: 10px;
	background: url(../images/leftNavBase.gif) no-repeat;
	margin-bottom: 15px;
}

#leftSubNav {
	width: 205px;
	float: left;
	min-height: 50px;
	padding: 15px;
	background: url(../images/bk-leftSubNav.gif) no-repeat top;
	font-family: Arial, Gill Sans, sans-serif;
}

#leftSubNav h4 {
	color: #666;
	margin-bottom: 10px;
	font-size: 130%;
}

#leftSubNav ul {
	list-style-type: none;
}

#leftSubNav li {
	line-height: 200%;
}

#leftSubNav li a {
	color: #666;
	text-decoration: underline;
	background: url(../images/bullet-subnav.gif) no-repeat left;
	padding-left: 30px;
	font-weight: bold;
}
#leftSubNav li a:hover {
	text-decoration: none;
}

#leftSubNavBase {
	width: 235px;
	float: left;
	height: 10px;
	background: url(../images/leftSubNavBase.gif) no-repeat;
}

#prodDetails {
	width: 255px;
	float: left;
	margin-right: 0px;
	margin-top: 10px;
	padding-right: 15px;
}

#prodDetails h4 {
	color: #66cc00;
	font-weight: bold;
	font-size: 180%;
	margin-bottom: 0px;
}
#prodDetails h5 {
	color: #66cc00;
	font-weight: normal;
	font-size: 100%;
}
#prodDetails h6 {
	color: #0069b2;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 10px;
}

#prodDetails p {
	color: #666;
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 150%;
}

#prodDetails ul, ol {
	color: #666;
	padding-left: 20px;
	margin-bottom: 10px;
	line-height: 150%;
}

#prodAdd {
	border: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #003561;
	font-size: 140%;
	font-weight: bold;
}
#prodAdd td {
	vertical-align: middle;
	padding-right: 10px;
}

.prodAddQty {
	width: 50px;
	font-size: 110%;
	padding-left: 2px;
	margin-bottom: 0px;
}

#prodImages {
	width: 205px;
	float: left;
	height: 238px;
	background: url(../images/bk-prodImages.gif) no-repeat;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 0px;
}

#prodImages h4 {
	color: #003561;
	font-size: 120%;
}
#prodImages img {
	border: 0px;
}

.mainImage {
	width: 188px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
.mainImage:hover {
	border: 1px solid #66cc00;
}

.subImage1 {
	width: 54px;
	height: 38px;
	float: left;
	border: 1px solid #ccc;
	margin-right: 11px;
}
.subImage1:hover {
	border: 1px solid #66cc00;
}

.subImage2 {
	width: 54px;
	height: 38px;
	float: left;
	border: 1px solid #ccc;
	margin-right: 11px;
}
.subImage2:hover {
	border: 1px solid #66cc00;
}

.subImage3 {
	width: 54px;
	height: 38px;
	float: left;
	border: 1px solid #ccc;
}
.subImage3:hover {
	border: 1px solid #66cc00;
}


#alsoShopped {
	width: 490px;
	border: 0px;
}

#alsoShopped img {
	border: 0px;
}

#alsoShopped td {
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #efefef;
	vertical-align: top;
}


/* PAGINATION */

.pagination {
	width: 485px;
	float: left;
	font-size: 90%;
	padding-top: 8px;
	padding-bottom: 8px;
}

.pagination ul {
	list-style-type: none;
	float: right;
}
.pagination li {
	float: left;
	margin-left: 2px;
	color: #003561;
	position: relative;
}
.pagination li a {
	float: left;
	margin-left: 2px;
	color: #003561;
	text-decoration: underline;
}
.pagination li a:hover {
	text-decoration: none;
}

.paginationLeft {
	width: 125px;
	float: left;
	color: #003561;
	padding-left: 10px;
}

.paginationRight {
	width: 330px;
	float: right;
	text-align: right;
	color: #003561;
	padding-right: 15px;
}


/* PRODUCT LISTINGS */

.prodListGrey {
	width: 455px;
	min-height: 50px;
	float: left;
	background: url(../images/bk-prodListGrey.gif) no-repeat top;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.prodlistGreyBase {
	width: 475px;
	height: 7px;
	float: left;
	background: url(../images/prodListGreyBase.gif) no-repeat top;
	margin-bottom: 5px;
}

.prodListBlue {
	width: 455px;
	min-height: 50px;
	float: left;
	background: url(../images/bk-prodListBlue.gif) no-repeat top;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.prodlistBlueBase {
	width: 475px;
	height: 7px;
	float: left;
	background: url(../images/prodListBlueBase.gif) no-repeat top;
	margin-bottom: 5px;
}

.prodListImage {
	width: 148px;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 15px;
}

.prodListImage img {
	border: 0px;
}

.prodListInfo h5 {
	font-size: 150%;
	margin-bottom: 10px;
	color: #003561;
}
.prodListInfo h5 a {
	color: #003561;
}
.prodListInfo h5 a:hover {
	color: #333;
}
.listPrice {
	color: #0069b2;
	font-size: 130%;
}
.prodListMore {
	float: right;
	padding-top: 30px;
}
.prodListMore img {
	border: 0px;
}




#registerForm table {
	border: 0px;
	margin-bottom: 30px;
}

#registerForm td {
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #efefef;
	vertical-align: top;
}

.formLeft {
	width: 235px;
}



#genContent {
	color: #333;
	font-family: Arial, Gill Sans, sans-serif;
	float: right;
	
}

#genContent p {
	margin-bottom: 10px;
	line-height: 150%;
}

#genContent ul {
	margin-bottom: 10px;
	padding-left: 20px;
}
#genContent li {
	line-height: 150%;
}

#genContent h2 {
	color: #43b400;
	margin-bottom: 10px;
}
#genContent h3 {
	color: #003561;
	margin-bottom: 7px;
}

#genContent a {
	color: #43b400;
}
#genContent a:hover {
	text-decoration: none;
}

.inputText {
	min-width: 250px;
	padding: 3px;
	border: 1px solid #003561;
}
.inputText:focus {
	border: 1px solid #43b400;
}
.inputSelect {
	min-width: 55px;
	padding: 1px;
	border: 1px solid #003561;
}
.inputSelect:focus {
	border: 1px solid #43b400;
}

.submit {
	padding: 4px;
	border: 0px;
	background: #43b400;
	color: #fff;
	cursor: pointer;
}
.submit:hover {
	background: #003561;
}

.submitUpdate {
	padding: 4px;
	border: 0px;
	background: #003561;
	color: #fff;
	cursor: pointer;
}
.submitUpdate:hover {
	background: #43b400;
}

#basket {
	width: 740px;
	margin-top: 30px;
	border: 0px;
	border-collapse: collapse;
}

#basket th {
	padding: 5px;
	background: #003561;
	color: #fff;
}
#basket td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#basket img {
	border: 2px solid #43b400;
}
#basket a:hover img {
	border: 2px solid #003561;
}


/* GENERIC STYLES */


.left {
	float: left;
}

.access {
	display: none;
}

.error {
	color: #FF0000;
}
.offer {
	color: #FF0000;
}

a:active {
	outline: 0px;
}
a:focus {
	outline: 0px;
}

.success {
	color: #43b400;
	font-weight: bold;
}