@charset "utf-8";
body {
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #999;
	background-image: url(../images/bkg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

a {
	color: #000;		
}

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #036;
	margin-top: 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
}

h2,h3,h4,h5 {
	font-size: 22px;
	font-weight: bold;
	color: #6C99DD;
	padding-bottom: 3px;
	border-bottom: 1px solid #6C99DD;
}

#styledh2{font-size: 22px; font-weight: bolder; color: #036; margin-top:0px; padding-bottom: 0px; border-bottom: 1px solid #000; }

h2.lp-subheader {color: #333; font-size: 18px; border-bottom: none;}


/*** Global Elements ***/

form {
	margin: 0;
}

p {
	margin: 0 0 12px 0;
}

/*** Clears ***/

.clear {
	clear: both;	
}

.container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
}

.header {
	position: relative;
	width: 100%;
	height: 95px;
	margin: 0 0 2px 0;
	background-color: #DEEDF8;
	border-bottom: 5px solid #036;
}

.header .logo {
	position: absolute;
	left: 5px;
	top: 2px;
}

.header .links {
	position: absolute;
	right: 8px;
	bottom: 2px;
}

.header .links #account { /* override for account links */
	background-color: #A8C3EB;
	color: #036;
}

.ddcolortabs{
	padding: 0;
	margin-bottom: 1px;
	background: transparent;
}

.ddcolortabs ul{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}

.ddcolortabs li{
	display:inline;
	margin:0 0 0 0;
	padding:0;
	text-transform:uppercase;
}


.ddcolortabs a{
	float:left;
	color: white;
	font-weight: bold;
	background: #252653 url(../images/color_tabs_left.gif) no-repeat left top;
	margin:0 0 0 3px;
	padding:0 0 0 3px;
	text-decoration:none;
}

.ddcolortabs a span{
	float:left;
	display:block;
	background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
	padding: 0 10px 0 7px;
	line-height: 25px;
}

.ddcolortabs a span{
	float:none;
}

.ddcolortabs a:hover{
	background-color: #A8C3EB;
	color: #252653;
}

.ddcolortabs a:hover span{
	background-color: #A8C3EB;;
	color: #252653;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
	background-color: #A8C3EB;
	color: #252653;
}

/*** Top Search ***/

.top-search {
	position: absolute;
	right: 5px;
	top: 8px;
	width: 285px;
	height: 35px;
	background-color: #EFEFEF;
	}

.search {
	margin: 0;
	padding: 0;
	height: 35px;
	width: 285px;
	background-image: url(../images/top-search.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow:hidden;
	border: none;
	text-transform: none;
}

.search label {
	display: none;	
}

.search input {
	float: left;
	margin: 11px 0 0 10px;
	padding: 0 0 0 0;
	width: 215px;
	height: 13px;
	border: none;
	background: 0;
	font-size: 12px;
}

.search button {
	float: right;
	margin: 4px 5px 0 0;
	width: 45px;
	height: 25px;
	overflow: hidden;
	border: none;
	background: none;
	cursor: pointer;
}

.search button span {
	display: none;	
}



/*** HORIZONTAL MENU CONTROL ***/

.solidblockmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-color: black;
	background-image: url(../images/indentbg.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 8px 35px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background: transparent url(../images/indentbg2.png) center center repeat-x;
}





/*** CONTENT CONTROL ***/

.content {
	width: 100%;
	float: left;
}

/*** LEFT COLUMN ***/

.column-left {
	float: left;
	margin: 15px 0 0 0;
	width: 200px;
}

.column-right {
	float: right;
	margin: 15px 0 0 0;
	width: 200px;
}

.column-center {
	float: right;
	margin: 15px 0 0 0;
	width: 785px;
}

.column-center .innertube {
}

.column-center-home {
	float: left;
	margin: 15px 0 0 15px;
	width: 570px;
}

.column-center .innertube {
}

.column-full {
	float: right;
	margin: 15px 0 0 0;
	width: 1000px;
}

.column-full .innertube {
}

.column-launch {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
	border: 1px solid #5FAADD;
}

/*** Footer ***/

.footer {
	display: block;
	width: 100%;
	margin: 15px auto;
	padding: 15px 0;
	border-top: 2px solid #CCC;
}

.footer .links {
	display: block;
	width: 100%;
	margin: 0 0 15px;
	text-align: center;
}

.footer .links a {
	margin: 0 12px;
}

.footer .seals {
	width: 100%;
	display: block;
	text-align: center;
}
.footer .seals a{
	vertical-align: bottom;
}

.footer .seals img {
	margin: 0 12px;	
}



/*** Content Column Assets ***/

.breadcrumbs {
	display: block;
	width: 100%;
	margin: 0 0 12px 0;
}

/*** Left Column Assets ***/

.navigation {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.navbar {
	display: block;
	margin: 0 auto;
	width: 100%;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #5FAADD;
	background-color: #DEEDF8;
}

.cattree {
	font-size: 11px;
}

.cattree a {
	text-decoration: none;
 	color: #036;
}


.cattree ul {
	list-style-type: none;
	margin: 0 0 0 -12px;
}

.cattree li {
	margin: 0 0 0 -24px;
}

.cattree .parent {
	font-weight: bold;
	font-size: 13px;
}

.box {
	display: block;
	width: 100%;
}

.box-head {
	display: block;
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom: 1px solid #036;
	color: #036;
	font-weight: bold;
	font-size: 13px;
}

/*** SFNT Assets ***/

.sfnt-cats {
	width: 100%;	
}

.sfnt-cats ul {
	list-style-type: none;		
}

.sfnt-cats li {
	float: left;
	width: 33%;
}

.cattree-home {
	display: block;
	width: 100%;
	padding: 12px 0;
}

.cattree-home a {
	text-decoration: none;
}

.cattree-home img {
	margin-bottom: 4px;
	border: 1px solid #333;
}

.cattree-home ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cattree-home li {
	float: left;
	width: 140px;
	height: 155px;
	margin: 0;
	padding: 3px 6px;
	text-align: center;
	white-space: normal;
}

/*** CTGY Assets ***/

.ctgy-contents {
	
}

.ctgy-contents h2 {
	margin: 0 0 12px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #000;
	color: #036;
	font-size: 14px;
	font-weight: bold;
	width: 785px;
}

.ctgy-contents-left {
	float: left;
	width: 760px;
	padding: 8px;
	text-align: left;
	vertical-align: top;
	background-color: #EFEFEF;
	font-size: 12px;
}

.ctgy-contents-left ul {
	margin: 0;
	padding: 0;
}

.ctgy-contents-left li {
	margin: 0 0 8px 0;
	list-style-type: none;
}

.ctgy-contents-right {
	width: 100%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.ctgy-layout {
	width: 33%;
	vertical-align: top;
	text-align: center;
	padding: 5px;
}

.ctgy-layout img {
}

.ctgy-layout strong {

}

.ctgy-table {
	padding: 6px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
}

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

.ctgy-table-head {
	padding: 6px;
	color: #FFF;
	font-weight: bold;
	background-color: #036;
	white-space: nowrap;
}

.ctgy-table-add-to-basket {
	display: block;
	width: 100%;
	text-align: right;	
}

.ctgy-new {
	display: block;
	width: 50%;
	margin: 0 auto 5px auto;
	padding: 2px 0;
	background-color: #036;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.ctgy-discontinued {
	display: block;
	width: 50%;
	margin: 0 auto 5px auto;
	padding: 2px 0;
	background-color: #C00;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.ctgy-safe {
	display: block;
	width: 50%;
	margin: 0 auto 5px auto;
	padding: 2px 0;
	background-color: #C00;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/*** PROD Assets ***/

.prod-image {
	text-align: center;
	vertical-align: top;
	padding: 8px;
	border-bottom: 1px solid #CCC;
}

.prod-order {
	text-align: left;
	vertical-align: top;
	width: 100%;
	padding: 8px 16px;
	border-bottom: 1px solid #CCC;
}

.prod-desc {
	display: block;
	width: 100%;
	padding: 12px 0;
}

.prod-right-column {
	text-align: center;
	vertical-align: top;
	padding: 8px 0 8px 16px;
	border-bottom: 1px solid #CCC;
}

.prod-next-prev {
	width: 100%;
}

.prod-next-prev .left a {
	float: left;
	display: block;
	width: 50px;
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	padding: 3px;
	text-decoration: none;
}

.prod-next-prev .left a:hover {
	background-color: #036;
	color: #FFF;
}

.prod-next-prev .right a {
	float: right;
	display: block;
	width: 50px;
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	padding: 3px;
	text-decoration: none;
}

.prod-next-prev .right a:hover {
	background-color: #036;
	color: #FFF;
}

/* Login Page Assets */

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

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

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

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

/*** Main Button Controller ***/

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

/*** Buttons Inside Miva ***/

#addtobasket {
	margin: 12px 0;
	width: 105px;
	color: #FFF;
}

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

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

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

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

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

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

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

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

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

#search {
	margin: 12px 0;
	width: 65px;
	color: #FFF;
}

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

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

/*** Buttons Outside Miva ***/

#checkout {
	width: 100px;
	padding: 8px;
	color: #FFF;
	font-size: 15px;
	background-color: #036;
	background-image: url(../images/bkg-navigation-2.png);
	background-repeat: repeat-x;
	background-position: left middle;
}

#minibasket {
	width: 70px;
	padding: 3px;
	color: #FFF;
}

#createaccount {
	margin: 0 auto 12px auto;
	width: 185px;
	padding: 5px;
	color: #FFF;
}

#noaccount {
	margin: 12px auto;
	width: 185px;
	padding: 5px;
	color: #FFF;
	white-space: nowrap;
}



/*** BASKET ASSETS ***/

.bask {
	display: block;
}

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

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

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

.bask-contents {
	padding: 6px;
}

.bask-contents span {
	text-transform: uppercase;	
	font-weight: bold;
	color: #036;
	font-size: 13px;
}

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

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

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

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

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

#view-volume-pricing {
	text-decoration: none;
	color: #4d4d4d;
	font-weight: bold;
}
#view-volume-pricing:before {

}
#view-volume-pricing:hover {
	
}

/* Correct Magnaflux image height in product descriptions */
.tabcontent img[src="graphics/00000001/magnafluxlogo.png"] {height: auto;}