/* ********************************* 
SET PAGE DEFAULTS
********************************** */
body {
	font-size:62.5%;
	text-align:center;
	background:#fff url(../graphics/bg_header_slice.jpg) top left repeat-x;
	line-height:1.7;
}
html, body, h1, h2, h3, h4, h5, p, dl, dd, dt, ul, li, ol, img, form {
	margin:0;
	padding:0;
	}
ul {
    list-style-type:none;
    }
img {
	border:none;
	}
body, input, label, textarea, #imageData #caption, #imageData #numberDisplay {
	font-family:arial, helvetica, sans-serif;
	color:#777;
}
h1, h2, h3, h4, h5, span.req, #header ul, #imageData #caption {
	color:#e61c84;
}

/* ********************************* 
BIG BLOCKS
********************************** */
#outer {
	background:#fff url(../graphics/bg_content.jpg) top left repeat-x;
	padding-top:40px;
	min-width:940px;
	}
#wrap {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}
#container {
	width:100%;
	float:left;
	margin-left:-360px;
	text-align:left;
}
#content {
	margin-left:360px;
	padding-right:20px;
	padding-top:20px;
}
#subcon {
	width:360px;
	float:left;
	/* text-align:right; */
	}
#innersub {
	padding-left:20px;
	padding-top:20px;
	}
#footer {
	width:920px;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	}
/* ********************************* 
HEADER & TOPNAV
********************************** */
#header {
	height:120px;
}
#header h1 {
    float:left;
	line-height:1;
	margin:0;
	padding:0;
}
#header h1 img {
	display:block;
}
#header ul {
    text-align:right;
	padding-top:90px;
}
#header li {
    display:inline;
	padding-left:40px;
}
#header li.first {
	padding-left:0;
}
#header li.last {
}
.B_crumbBox {
	float:right;
}
/* ********************************* 
TEXT SPACING
********************************** */
h2 {
	padding-bottom:0.33em;
}
h3 {
	padding-top:0.3em;
	padding-bottom:0;
}
#innersub h3 {
	padding-bottom:0.5em;
}
p {
	padding-bottom:0.7em;
}
ol {
	list-style-position: inside;
}
#wrap ul, #wrap ol {
	margin-left:0;
	padding-bottom:7px;
}
#wrap ol li {
	padding-left: 0;
	margin-bottom: 3px;
}
#wrap ul li {
	padding-left:17px;
	background: url(../graphics/bull_dimp.gif) 0 0.4em no-repeat;
	margin-bottom:3px;
} 
.productthumb p {
	padding-bottom:0;
}
#footer p, #header ul {
	padding-bottom:0;
}
.nopad {
	margin:0;
	padding:0;
}
/* ********************************* 
CONTENT
********************************** */
.productthumb {
	border:1px solid #ece7ea;
}
.productthumb h4,.productthumb p {
	margin-left:90px;
} 
.liveproduct {
	background-color:#f8f8f8;
}
div.thumbs {
	border:1px solid #ece7ea;
	padding:10px;
	margin-top: 7px;
	margin-bottom:30px;
}
div.colorthumb {
	width:86px;
	float:left;
	text-align:center;
	height:120px;
}
#splashimage {

}

/* ********************************* 
SUBCON
********************************** */
.productthumb img {
	float:left;
	padding:5px;
	border:1px solid #ece7ea;
	background-color: #fff;
}
.productthumb {
	padding:10px;
	margin-bottom:10px;
}
.productthumb h4 {
	padding-top:0;
}
/* ********************************* 
General styles
********************************** */
.right {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #ece7ea;
	padding:4px;
}
.left {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ece7ea;
	padding:4px;
}
.centered {
	display:block;
	margin:0 auto 10px auto;
	border:1px solid #ece7ea;
	padding:4px;
}
.clearer {
	clear:both;
}
.hilite {
	font-weight:bold;
	color:#e61c84;
}
img#splashimage {
    border:none;
	margin-top:15px;
}

/* ********************************* 
FONT SIZES
********************************** */
#footer p, .instruction, .B_crumbBox {
	font-size:1.1em;
    }
h1 {
	font-size:5.2em;
	font-weight:normal;
	text-transform:lowercase;
	}
h2 {
	font-size:2.4em;
	font-weight:normal;
	}
h3 {
	font-size:1.8em;
	font-weight:normal;
	}
h4, #imageData #caption {
	font-size:1.4em;
}
h5 {
	font-size:1.2em;
	line-height: 1;
}
p, ul, dl, ol, div.errors {
	font-size:1.2em;
}
.homecopy p {
	font-size:1.6em;
}
p.colourdisclaim {
	font-size:1.1em;
}
input, label, textarea, #formholder p {
	font-size:1.1em;
}
label {
	font-weight:bold;
}
div.colorthumb p {
    font-size:1em;
    text-transform:uppercase;
}

#imageData #caption { 
	font-weight: bold;
}

#header ul {
	font-size:2em;
	text-transform:lowercase;
	line-height:1;
}

#subcon ul {
}
#subcon h3 {
}
/* ********************************* 
LINKS
********************************** */
a:link, a:visited, #header .B_crumbBox a:link, #header .B_crumbBox a:visited {
	color:#ca1974;
	text-decoration:none;
}
a:hover, #header .B_crumbBox a:hover {
	color:#fe0284;
	text-decoration:none;
}

#header a:link, #header a:visited {
    color:#666;
}
#header .live a:link, #header .live a:visited {
    color:#e61c84;
}
#header a:hover {
    color:#e61c84;
}

/* ********************************* 
FORM
********************************** */
.forminstruction {
	font-style:italic;
}
.instruction {
	font-style:italic;
}
#formholder {
	border:1px solid #ece7ea;
	background-color:#f8f8f8;
	padding:10px;
}
label, .formrow img {
	float:left;
}
.formrow img {
	margin-left:132px;
}
label {
	width:120px;
	text-align:right;
    color:#e61c84;
}
input, textarea {
	margin-left:12px;
}
.formrow, #formholder p {
	clear:both;
	padding-top:10px;
}
#formholder p {
	margin-left:132px;
	padding-bottom:0;
}
.control {
	padding-top:20px;
}
.control input {
	float:none;
	margin-left:132px;
	border:1px solid #ece7ea;
	background-color:#f0f0f0;
	cursor:pointer;
    color:#e61c84;
	padding:0 5px;
}
.control input:hover {
	color:#888;
}
/* ************* 
FOOTERSTICK ALT
************* */
html {
    height: 100%;
	margin-bottom:1px;
}
body {
    height: 100%;
}
#page {
    position: relative;
    min-height: 100%;

}
* html #page {
    height: 100%;
}

#outer {
    padding-bottom: 40px;
}

#footer {
    position: relative;
    /*height:1.6em;*/
    margin: -2.5em auto 0 auto;
}
/* ********************************* 
IMAGE REPLACEMENT
********************************** */
.switched {
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:14px;
}
.switched em {
	display:block;
	position:absolute;
	top:0;
	z-index:1;
}
.switched a {
	cursor:pointer;
}
#pagehead, #pagehead em {
	background:url(../graphics/mrkaliski.jpg) top left no-repeat;
}

/* IE5 mac specific rules */
* html>body .switched {
	position:static;
	overflow:visible;
	font-size:10px;
}
* html>body .switched em {
	position:static;
}
* html>body .switched a {
	text-decoration:none;
}
/* end of IE5 mac rules */
#pagehead, #pagehead em {
	width:260px;
	height:120px;
}
* html>body #pagehead em {
	margin-bottom:-120px;
}

/* ********************************* 
HACKS & FIXES
********************************** */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	_height: 1%;
	}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
	}
/* End hide from IE-mac */

/* Has Layout Triggers */
/* Hide from IE5/Mac \*/
* html #nav li {
	height:1px; 
	} 
/* End hide from IE5/Mac */