@charset "utf-8";

body {
	margin: 0 auto 15px 0;
	background-color: #EFEFEF;
	text-align: center; /* fixes page center issue in IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	margin: 0 0 13px 0;
	font-size:20px;
	color: #364645;
}

	/* h1 hide system */
		#toggleText {
			display:none;
			position:relative;
			width: 100%;
			background-color: #999;
			text-align: center;
		}
		#toggleText .innertube {
			width: 	945px;
			text-align: center;
			padding: 5px;
			margin: 0 auto;
		}
		#toggleText h1 {
			margin: 0;
			font-size: 12px;
			color: #FFF;
			font-weight: bold;
		}
		.show-hide a:focus {
			outline: none;	
		}

	/* h1 hide system */

h2 {
	margin: 15px 0;
	font-size:18px;
	color: 364645;
}

h3 {
	margin: 15px 0;
	color:#464646;
	font-size: 12px;
}

h4 {
	margin: 15px 0;
	color:#464646;
	font-size: 14px;
}
a {
  color: #464646;
  text-decoration: none;
}

a:hover {
	color:#464646;
	text-decoration: underline;
}

form {
	margin: 0;	
}

.clear {
	clear: both;	
}

/*** CONTENT CONTAINER ***/

.container {
	width: 955px;
	margin: 0 auto;
	background-color: #FFF;
	border-left: 1px solid #867a6e;
	border-right: 1px solid #867a6e;
	border-bottom: 1px solid #867a6e;
	text-align: left; /* overrides IE page center fix in body */
}

/*** GLOBAL HEADER ***/
/***#867a6e Grey #b11e24 holiday red ***/

.header {
	position: relative;
	width: 955px;
	height: 110px;
}

.logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 175px;
	height: 110px;
}

.links {
	position: absolute;
	right: 12px;
	bottom: 12px;
}

.links .phone {
	font-weight: bold;	
	color: #464646;
	font-size: 16px;
}

.links-cart {
	position: absolute;
	right: 12px;
	top: 22px;
}

.links-cart .icon {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.show-hide {
	position: absolute;
	right: 12px;
	top: 0;
}

.show-hide a {
	cursor: pointer;	
}

.navigation {
	margin: 0 auto;
	width: 100%;
	background-color:#867a6e;
	background-image: url(../images/bkg-navigation.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.navigation-left {
	float: left;
	width: 410px;
	line-height: 35px;
	padding-left: 15px;
}

.navigation-left a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
}

.navigation-left-shipping {
	float: left;
	width: 230px;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	color: #FFF;
}


.form-search {
	float: right;
	width: 225px;
	height: 30px;
	overflow: hidden;
	padding: 6px 0 0 10px;
	margin: 0 8px 0 0;
	border:none;
	background-color:#867a6e;
	background-image: url(../images/bkg-navigation-right.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.form-search label {
	display: none;	
}

.form-search input {
	float: left;
	margin: 0 20px 0 0;
	padding: 4px 4px 0 4px;
	width: 130px;
	height: 14px;
	border: 0 #FFF;
	font-size: 11px;
}

.form-search button {
	float: left;
	width: 	65px;
	height: 21px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: 0;
	border: none;
	cursor: pointer;
}

.form-search button span {
	display: none;	
}

/*** CONTENT CONTAINER ***/

.content {
	display: block;
	width: 100%;
	padding: 15px 0;
	background-image: url(../images/bkg-content.gif);
	background-repeat: repeat-y;
}

/*** COLUMNS ***/

.column-right {
	float: right;
	width: 755px;
}

.column-right .innertube {
	display: block;
	width: 740px;
	padding: 0 15px 0 0;
}

.column-left {
	float: left;
	width: 185px;
}

.column-left .innertube {
	display: block;
	width: 164px;
	padding: 0 10px 0 10px;
}

/* Right Column Assets */

.bc {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}

.launch-home {
	width: 740px;
}

.sfnt-ctgy-left {
	width: 33%;
	padding: 5px 0 0 0;
	vertical-align: top;
	text-align: center;
	border-top: 1px dotted #867a6e;
}

.sfnt-ctgy-center {
	width: 33%;
	padding: 5px 0 0 0;
	vertical-align: top;
	text-align: center;
	border-top: 1px dotted #867a6e;
}

.sfnt-ctgy-right {
	width: 33%;
	padding: 5px 0 0 0;
	vertical-align: top;
	text-align: center;
	border-top: 1px dotted #867a6e;
}

.sfnt-ctgy-content {
	display: block;
	width: 100%;
	padding: 0 0 20px 0;
	text-align: center;
        background-color: #ffffff;
}

.sfnt-ctgy-content h2 {
	margin: 0 0 5px 0;
	font-size: 15px;
        background-color: #ffffff;
}

.breadcrumbs {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

/* CTGY Assets */

.ctgy-header {
	display: block;
	width: 100%;
	height: 155px;
	/*background-repeat: no-repeat;*/
}

.ctgy-header h1 {
	display: block;
	margin: 0 0 12px 0;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

.ctgy-header .move {
	margin: 0 20px 0 400px;
	padding-top: 15px;
	color: #000;
}

.ctgy-prod-name {
	font-weight: bold;	
}

.ctgy-subcats {
	width: 33%;
	vertical-align: top;
	text-align: center;
	padding: 12px 6px;
}

.ctgy-subcats a {
	text-decoration: none;
}

/* PROD Assets */

.prod-content {
	display: block;
	width: 100%;
}

.prod-image {
	float: left;
	width: 270px;
	text-align: center;
}

.prod-desc {
	float: left;
	width: 320px;
	padding-left: 15px;
	text-align: left;
}

.prod-related {
	float: right;
	width: 130px;
	text-align: center;
}

.image-xtra {
	width: 100%;
	border: 1px solid #CCC;
	border-right-width: 0;
	border-bottom-width: 0;
}

.image-xtra td {
	padding: 3px 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 11px;
	color: #666;
}

.image-xtra a {
	text-decoration: none;	
}

/* Left Column Assets */

.cattree {
	display: block;
}

.cattree a {
	text-decoration: none;	
}

.cat1 {
	display: block;
	padding: 1px 1px 1px 15px;
	margin: 4px 0;
	color: #364645;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/bkg-cat2.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.cat1 #active {
	font-weight: bold;
}

.cat2 {
	display: block;
	padding: 1px 1px 1px 15px;
	margin-bottom: 6px;
	color: #8f8279;
}

.cat2 #active {
	font-weight: bold;
}

.cat3 {
	display: block;
	padding: 1px 1px 1px 24px;
	margin-bottom: 6px;
	color: #F5881F;
}

.cat4 {
	
}

.cat4 #active {
	
}

/*** FOOTER ***/

.footer {
	display: block;
	width: 100%;
	background-color: #867a6e;
}

.footer-links {
	float: left;
	width: 555px;
	padding: 8px 0 8px 15px;
	
}

.footer-links a {
	font-size: 12px;
	font-weight: bold;	
	text-decoration: none;
	color:#FFFFFF;
}

.footer-newsletter {
	float: right;
	width: 350px;
	padding: 4px 10px 0 0;
	text-align: right;
}

.footer2 {
	display: block;
	width: 100%;
	padding: 10px 0;
	background-color: #FFF;
	text-align: center;
	color: #666;
}

/********** BUTTONS **********/

/*** Main Button Controller ***/

.button {
	display: block;
	padding: 5px 3px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	background-color: #3A8AC9;
	background-image: url(../images/bkg-buttons.png);
	background-repeat: repeat-x;
	background-position: left middle;
	text-decoration: none;
}

/*** Buttons Inside Miva ***/

#addtobasket {
	display: inline;
	margin: 0 0 0 12px;
	padding: 2px 3px;
	width: 105px;
	color: #333;
}

#addtobasket-ctgy {
	display: inline;
	margin: 0 0 0 10px;;
	width: 85px;
	color: #333;
	padding: 2px 3px;
}

#addtobasketline {
	margin: 0;
	padding: 2px;
	width: 95px;
	color: #333;
}

#buyonenow {
	margin: 12px 0;
	width: 105px;
	color: #333;
}

#continue {
	margin: 12px 0;
	width: 80px;
	color: #333;
}

#donotadd {
	margin: 12px 0;
	width: 150px;
	color: #333;
}

#login {
	margin: 12px 0;
	width: 60px;
	color: #333;
}

#next {
	margin: 12px 0;
	width: 55px;
	color: #333;
}

#previous {
	margin: 12px 0;
	width: 80px;
	color: #333;
}

#remove {
	margin: 0;
	padding: 1px;
	width: 60px;
	color: #333;
	font-size: 11px;
}

#save {
	margin: 12px 0;
	width: 55px;
	color: #333;
}

#back {
	margin: 12px 0;
	width: 55px;
	color: #333;
}

#search2 {
	margin: 12px 0;
	width: 65px;
	color: #333;
}

#update {
	margin: 0;
	padding: 1px;
	width: 50px;
	color: #333;
	font-size: 11px;
}

#updatebasket {
	margin: 0;
	width: 70px;
	color: #333;
	font-size: 10px;
}

#complete-order { /* technically outside miva, but replaces the continue button on the OPAY page */
	margin: 12px 0;
	width: 160px;
	color: #333;
	font-size: 14px;
}

/*** Buttons Outside Miva ***/

#checkout {
	width: 100px;
	padding: 8px;
	color: #333;
	font-size: 15px;
	background-color: #3A8AC9;
	background-image: url(../images/bkg-buttons.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-decoration: none;
}

#complete-purchase {
	width: 170px;
	padding: 8px;
	color: #333;
	font-size: 15px;
	background-color: #3A8AC9;
	background-image: url(../images/bkg-buttons.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-decoration: none;
}



#minibasket {
	width: 100px;
	padding: 3px;
	color: #333;
	text-decoration: none;
}

#createaccount {
	margin: 0 auto 12px auto;
	width: 185px;
	padding: 7px 5px;
	color: #333;
	text-decoration: none;
}

#noaccount {
	margin: 12px auto;
	width: 185px;
	padding: 7px 5px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}


/*** BASKET ASSETS ***/

.bask {
	display: block;
}

.bask-table {
	width: 100%;
	background-color: #cccccc;
	border: none;
}

.bask-header {
	padding: 6px;
	white-space: nowrap;
	font-weight: bold;
	background-color: #cccccc;
	color: #FFF;
}

.bask-remove {
	padding: 6px;
	text-align: center;
	vertical-align: middle;
}

.bask-contents {
	padding: 6px;
}

.bask-contents span {
	text-transform: uppercase;	
}

.bask-border {
	border-top: 1px solid #CCCCCC;
	height: 1px;
}

.bask-total-prompt {
	font-size: 18px;
	padding: 6px;
}

.bask-total {
	font-size: 18px;
	font-weight: bold;
	padding: 6px;
	color: #cccccc;
}

.bask-buttons {
	display: block;
	margin: 15px 0;
}

.bask-buttons-left {
	float: left;
	text-align: right;
	vertical-align: middle;
	width: 600px;
	line-height: 30px;
	color: #C00;
	font-size: 14px;	
	font-weight: bold;
}

.bask-buttons-left span {
	font-size: 19px;	
}

.bask-buttons-right {
	float: right;
}

/* Login Page Assets */

.logn-head {
	display: block;
	margin-top: 0;
	background-color: #cccccc;
	padding: 4px;
	color: #FFF;
	font-size: 13px;
}

.logn-left {
	width: 50%;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
	padding: 10px;
}

.logn-right {
	width: 50%;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
	padding: 10px;
}

/* Checkout Login Assets */

#checkout-logn {
	display: block;
	width: 158px;
	padding: 4px;
}

#checkout-logn span {
	display: block;
	font-size: 13px;
	font-weight: bold;
}

#checkout-logn strong {
}