/*----------------------------------------------
    RESETS
----------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	width: 100%;
	font: 11px/16px Arial,Helvetica,sans-serif;;
}
	


p {
	padding: 0;
	margin: 0 0 16px 0;
}

ul {list-style-type: none;}
img, a img {display: block;  border: none;}

object {margin: 0; padding: 0; border: 0;}

h1,h2,h3,h4,h5 {
	font-size: 14px;
	line-height: 36px;
	font-family: Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

abbr {cursor: help; border-bottom: 1px dotted #ccc; color: #ccc;}
acronym {cursor: help; border-bottom: 1px dotted #ccc; color: #ccc;}

a {font-weight: bold;}
a:link {background:transparent; color:#4377A7; text-decoration: none;}
a:visited {background: transparent; color: #4377A7; text-decoration: none;}
a:hover {background:transparent; color:#405B9D; text-decoration: underline;}
a:active {background:transparent; color:#405B9D; text-decoration: underline;}
a:focus{background:transparent; color:#405B9D; text-decoration: underline;}




/*----------------------------------------------
    LAYOUT
----------------------------------------------*/

body {
	background: #E7EBF0;
	text-align: center;
	padding-bottom: 20px;
}

div#wrap {
	background: #fff;
	width: 770px;
	margin: 20px auto;
	text-align: left;
}

div#header {
text-align: center;
}

div#header h1 {
color:#4377A7;
font-size:11px;
font-weight:bold;
letter-spacing:3px;
text-align:center;
text-transform:uppercase;
line-height: 44px;
}

ul#siteNav {height: 40px; width: 770px; text-align: center;}
ul#siteNav li {display: inline;}


ul#siteNav li a {
	text-transform:uppercase;
	line-height:30px;
	font-weight:bold;
	letter-spacing:1px;
	margin: 0 30px 0 0;
}
ul#siteNav li a.lastNav {margin: 0;}

ul#siteNav li a:link {background:#fff; color:#333;}
ul#siteNav li a:visited {background:#fff; color:#333;}
ul#siteNav li a:hover {background:#fff; color:#333;}
ul#siteNav li a:active {background:#fff; color:#333;}
ul#siteNav li a:focus{background:#fff; color:#333;}


/* OMG - workarounds - nnnnngh! */
.white_underscore {color: #fff;}
#nav1 {padding: 0 0 0 -2px;}
#nav2 {padding: 0 1px 0 0;}
#nav3 {padding: 0 0 0 0;}
#nav4 {padding: 0 1px 0 1px;}
#nav5 {padding: 0 1px 0 0;}
#nav6 {padding: 0 0 0 0;}
#nav7 {margin: 0 0 0 0;}


div#content {
	float: left;
	display: inline;
	width: 698px;
	padding: 36px;
}

div#content h2 img {
	margin: 0 auto 16px auto;
}

div#introduction{
	width: 288px;
	float: left;
	display: inline;
	margin: 0 0 0 0;
}

div#splash {
	width:384px;
	display: inline;
	float: right;
}

div#collectionNav {
	width: 288px;
	float: left;
	display: inline;
}

div#collectionNav ul {
	list-style-type:  none;
}

div#collectionNav ul li {
	margin: 0 0 16px 0;
}

div#collectionNav ul li.lastItem {
	margin: 0;
}

div#collectionNav ul li a {
	display: block;
	height: 92px;
	padding: 3px 0 0 3px;
	width: 283px;
	border: 1px solid #fff;
}
div#collectionNav ul li a:link {background:#fff; color:#333;}
div#collectionNav ul li a:visited {background:#fff; color:#333;}
div#collectionNav ul li a:hover {background:#fff; color:#eee; border: 1px solid #efefef;}
div#collectionNav ul li a:active {background:#fff; color:#333; border: 1px solid #eee;}
div#collectionNav ul li a:focus{background:#fff; color:#333; border: 1px solid #eee;}

div#collectionNav ul li#rowan1 a:hover {background:#fff; color:#eee; border: 1px solid #C3E0D5;}
div#collectionNav ul li#rowan3 a:hover {background:#fff; color:#eee; border: 1px solid #EFE2B6;}

div.subCon {
	margin: 1em 0;
	padding: 0;
	clear: right;
	float: right;
}

div#splash div.subCon p {
	margin: 0 0 1em 0;
	padding: 0;
}

/* PRODUCT PAGE  -  body.productPage */

div#orderForm {
	background: #fff;
	float: left;
}

form#myform h3 {
	background: #fff;
	width: 100%;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	line-height: 32px;
	margin: 0 0 32px 0;
}

img#productImage {
	float: left;
	display: inline;
}

div#formOptions {
	background: #fff;
	width: 327px;
	min-height: 400px;
	border-left: 1px solid #ddd;
	padding: 0 0 0 32px;
	float: right;
	display: inline;
}



div#formOptions table {
	font-size: 13px;
	margin: 0 0 16px 0;
}
div#formOptions th {
	padding: 3px 4px 3px 0;
	font-weight: bold;
	text-align: right;
}

div#formOptions td {
	padding: 3px 4px;
}

tr.colHeaders {
	display:none;
}

tr.productPrice td {
	color: #f30;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 4px;
}

div#formOptions label {
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

div#enamelOptions{
	background: #fff;
	float: left;
	display:inline;
	width: 300px;
}

div#enamelOptions h4{
	padding: 0 0 0 16px;
	font-weight: bold;
}

div.enamelValue {
	background: #fff;
	float: left;
	display: inline;
	text-align: center;
	width: 80px;
	margin: 0 8px 8px 0;
	padding: 4px;
}



div#formOptions div.enamelValue label {
	font-size: 11px;
}

div.enamelValue img {
	margin: 0 auto;
}

div#buyNow {
	clear: both;
	padding: 8px 0 0 76px ;
}

/* FOOTER */

div#footer {
	clear: both;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

div#footer ul {text-align: center; margin: 0 0 10px 0}
div#footer ul li {display: inline; border-right: 1px solid #ccc;}
div#footer ul li.lastList {border-right: 0;}
div#footer ul li a {padding: 0 10px}

div#footer p {
	color:#000;
	font: bold 10px Arial,Helvetica,sans-serif;
	text-align: center;
}

/* Product Pages */

div#formOptions td em {
font-style:italic;
color: #f30;
}

div#splashCol {
position: relative;
padding: 0 0 0 49px;
background: #fff;
}

.colInfo {
text-align: center;
width: 600px;
margin: 0 auto 4px auto;
text-transform: uppercase;
color: #aaa;
}

.colInfo a {font-weight: normal;}
.colInfo a:link {color:#666666;}
.colInfo a:visited {color:#666666;}
.colInfo a:hover {color:#333;}
.colInfo a:focus {color:#333;}
.colInfo a:active {color:#333;}

ul#gallery_subnav {
margin: 0 auto 8px auto;
text-align: center;
list-style-type: none;
}

ul#gallery_subnav li {
display: inline;
border-left: 1px solid #eee;
padding: 0 4px;
}

ul#gallery_subnav li.first {
border: none;
}
ul#gallery_subnav li a {padding: 4px;}
ul#gallery_subnav li a:link {}
ul#gallery_subnav li a:visited{}
ul#gallery_subnav li a:hover{color:#000;}
ul#gallery_subnav li a:focus {}
ul#gallery_subnav li a:active {}

a.active {color:#006666; background: #eee; }

/* Pebble Nov 2009 */

body#pebble-index div#content h2 {
	margin-bottom: 32px;
}

div.Pebble div.enamelValue {
	padding: 16px;
}

/* ENDS Pebble */


/* MISC. */

.left {
	float: left;
	padding: 0 8px 4px 0;
}