/**
 * Hi there!! This website was lovingly made by the good chaps at
 * Rathbone Perception.
 *
 * If you've got any questions about it, visit our site and give us a call:
 * http://www.rpi-digital.com
 *
 */

/** HTML5 Reset **/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,hgroup,nav,section{display:block}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font-size:99%}table{font-size:inherit;font:100%}a:hover,a:active{outline:none}small{font-size:85%}strong,th{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}

/** Micro Clearfix **/
.cf{zoom:1}.cf:before,.cf:after{content:"";display:table}.clear,.cf:after{clear:both}

/** Bloody IE! */
.ie img { -ms-interpolation-mode: bicubic; }

html, body {
	font: 14px/1.4 'Terminal Dosis', Helvetical, arial, sans-serif;
	color: #666;
}

body { background: url(/_files/assets/images/css/body.png) repeat 0 0; }


/** Grid **/
.container {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col2w {
	float: left;
	margin: 0 10px;
}

.first {
	margin-left: 0;
}
.last {
	margin-right: 0;
}

.col1 {
	width: 80px;
}
.col2 {
	width: 180px;
}
.col2w {
	margin: 0;
	width: 190px;
	}
	.col2w .inner {
		width: 170px;
	}
.col3 {
	width: 280px;
}
.col4 {
	width: 380px;
}
.col5 {
	width: 480px;
}
.col6 {
	width: 590px;
}
.col7 {
	width: 680px;
}
.col8 {
	width: 790px;
}
.inner {
	padding: 10px;
}


/** Fonts and ting **/
p {
	margin: 0 0 .7em 0;
}
h1, h2, .blue {
	color: #003468;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-weight: 500;
	margin: .2em 0 .5em 0;
} 
h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}

.title {
	margin: .8em 0 .4em 0;
	font-weight: 600;
	text-transform: uppercase;
}

.feint {
	color: #aaa;
}

blockquote {
	display: block;
	background: url(/_files/assets/images/css/bqopen.png) no-repeat 0 0;
	text-indent: 20px;
	margin-top: -6px !important;
	padding: 6px 0 0 0;
}

/** Some other fancy font style helpers **/
.lined {
	padding: .2em 0 0 0;
	border-top: 1px solid #69b8b4;
	font-weight: 600;
}
h2.lined {
	margin: 1.5em 0 .5em 0;
}
h3.lined {
	margin: .7em 0 .5em 0;
}
a.box {
	display: block;
	text-decoration: inherit;
	color: inherit;
	margin-bottom: 15px;
}
.box small, .link {
	display: block;
	padding: 2px 25px 3px 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	background: #67b6b2 url(/_files/assets/images/css/box-link.png) no-repeat right 3px;
}
.box:hover small, .link:hover {
	text-decoration: underline;
}

footer, #intro, .grey, #rightbar, #leftbar {
	background: url(/_files/assets/images/css/intro.png) repeat 0 0;
}

/** Quotes and the like **/
cite {
       display: block;
       font-style: normal;
       color: #999;
       text-align: right;
}       

/** Header **/
header {
	position: relative;
	z-index: 200;
	overflow: hidden;
	height: 88px;
	padding: 0 0 3px 0;
	background: url(/_files/assets/images/css/header.png) repeat-x 0 0;
	text-transform: uppercase;
	}
	#logo {
		display: block;
		float: left;
		overflow: hidden;
		width: 186px;
		height: 0;
		padding: 51px 0 0 0;
		margin: 10px 10px 0 10px;
		background: url(/_files/assets/images/logo.png) no-repeat 0 0;
	}
	nav, nav ul, nav li, #submenu, #submenu li {
		float: left;
	}
	nav li {
		display: block;
		width: 99px;
		height: 65px;
		border-right: 1px solid #66cdc7;
		}
		nav a {
			display: block;
			width: 89px;
			height: 20px;
			padding: 40px 0 0 10px;
			background: #666;
			color: #fff;
			text-decoration: none;
			font-size: 13px;
		}
		nav a:hover {
			text-decoration: underline;
		}
	nav li.selected {
		background: #666;
	}
	nav li.selected a {
		margin-top: 3px;
		padding: 42px 0 0 10px;
		background: #00928b;
	}

	.number {
		position: absolute;
		width: 240px;
		left: 806px;
		line-height: 1.2;
		font-size: 13px;
		color: #003468;
		margin: 10px 0 0 10px;
	}
	.number b {
		font-size: 27px;
	}

	#tag {
		display: block;
		float: left;
		margin: 0 0 0 12px;
		color: #888;
		font-weight: 500;
		font-size: 13px;
		line-height: 18px;
	}
	#submenu {
		font-size: 13px;
		margin: -4px 0 0 0;
		position: absolute;
		left: 206px;
		width: 585px;
		background: #00928B;
		color: white;
		padding: 3px 5px 2px 10px;
		}
		#submenu li {
			margin-right: 12px;
			}
			#submenu a {
				color: #eee;
				text-decoration: none;
			}
			#submenu a:hover {
				text-decoration: underline;
			}
			#submenu .selected a {
				font-weight: 600;
				color: #fff;
			}

/** 
 * Footer
 */
footer {
	margin: 20px 0 0 0;
	padding: 10px;
	font-size: 12px;
	}
	footer h2 {
		color: #6c6c6c;
		font-size: 14px;
	}
	footer a {
		color: #439c97;
		text-decoration: none;
		text-transform: uppercase;
	}
	footer a.box {
		text-transform: none;
	}
	footer .author {
		display: block;
		color: #888;
	}
/**
 * Homepage intro
 */
#intro {
	margin: -5px 0 15px 0;
	border-bottom: 1px solid #cfcfcf;
	}
	#intro .right, #intro .left {
		float: left;
	}
	#intro .right {
		width: 590px;
	}
	#intro .left {
		width: 410px;
	}
	#intro .caption {
		background: #00928B;
		padding: 10px;
		height: 36px;
		color: #fff;
		width: 570px;
	}
	#intro .left h1, #intro .left p {
		padding:  0 10px;
	}
	#intro .caption b {
		text-transform: uppercase;
	}
	#intro .caption p {
		color: #fff;
	}
	#intro h1 {
		margin-top: 25px;
	}
	#product-intro {
		display: block;
		height: 36px;
		padding: 10px 40px 10px 10px;
		color: #fff;
		font-size: 13px;
		text-decoration: none;
		text-transform: uppercase;
		background: #999 url(/_files/assets/images/css/about-link.png) no-repeat 381px 12px;
	}
	.text-right { 
		margin-top: 32px;
	}

#rightbar, #leftbar {
	margin: -15px 0 0 0;
	padding: 20px 0 0 0;
	}
	#leftbar {
		margin-bottom: 10px;
		padding-bottom: 10px;
		}
		#leftbar .categories a {
			display: block;
			margin: 2px 10px;
			padding: 5px 5px 2px 5px;
			font-size: 13px;
			color: #888;
			text-transform: uppercase;
			text-decoration: none;
		}
		#leftbar .categories a:hover {
			color: #555;
		}
		#leftbar .categories .selected a {
			background: #00356a;
			color: #fff;
		}
	#rightbar .lined, #leftbar .lined {
		margin-top: 1.5em;
	}

/**
 * Products
 */

#sorter {
	position: absolute;
	top: 5px;
	right: 20px;
	}
	#sorter label {
		float: left;
		padding: 0 5px 0 0;
	}
	.product-split {
		float: left;
		width: 100%;
		margin: 15px 0;
	}
	.small-product {
		color: #888;
		}
		.small-product img {
			display: table-cell;
			max-width: 170px;
			height: auto;
			max-height: 170px;
			margin: 5px;
			vertical-align: middle;
		}
		.small-product .product-image {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			height: 180px;
			width: 180px;
			background: #fff;
			border: 1px solid #e6e6e6;
		}
		.product-name, .itemTitle, .itemTitle a {
			display: block;
			margin: 10px 0 2px 0;
			font-weight: 600;
			text-transform: uppercase;
			text-decoration: none;
			color: #666;
		}
		.small-product br {
			display: block;
			height: 0;
			margin: 0;
			line-height: 0;
		}

/**
 * Forms
 */
input, textarea {
	width: 100%;
	border: 1px solid #00968e;
	font: 14px/1.4 'Terminal Dosis', Helvetical, arial, sans-serif;
	padding: 2px 4px;
	margin: 3px 0;
	}
	.col4 input, .col4 textarea {
		width: 370px;
	}
	.col6 input, .col6 textarea {
		width: 580px;
	}
	input[type='image'] {
		width: auto !important;
		padding: 0 !important;
		float: right;
		border: 0 none;
	}

#description ul {
	margin: .5em 0 1em 20px;
	}
	.metadata {
		color: #444;
	}
	.model {
		color: #999;
		display: inline-block;
		margin-left: 5px;
	}
	#main-image {
		color: #aaa;
		text-decoration: none;
	}

/**
 * Nivo slider
 */
#sshow {
	width: 590px;
	height: 255px;
	position:relative;
	background:#fff url(/_files/assets/images/nivo/loading.gif) no-repeat 50% 50%;
}
#sshow img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#sshow a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
	margin-left:-40px; /* Tweak this to center bullets */
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background: url(/_files/assets/images/nivo/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -15px;
}
a.nivo-nextNav {
	right:15px;
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		background: url(/_files/assets/images/nivo/arrows.png) no-repeat;
		background-position:-30px 0;
		text-indent: -9999px;
		border: 0;
		cursor: pointer;
	}
a#galleryBack {
	background-image: url(/_files/assets/arrows-black.png);
	top: 200px;
	left: 40px;
}
a#galleryForward {
	background-image: url(/_files/assets/arrows-black.png);
	top: 200px;
	right: 40px;
}
a.nivo-prevNav {
	left:15px;
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		background: url(/_files/assets/images/nivo/arrows.png) no-repeat;
		text-indent: -9999px;
		border: 0;
		cursor: pointer;
	}

.nivo-caption {
	font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
	color:#fff;
	border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
	color:#fff;
}

/**
 * Gallery 
 */
.gallery-container {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 1000px;
background: white;
}
#gallery-main {
	max-height: 400px;
}
.thumbnails p {
	float: left;
}
.thumbnails img {
	background: white;
	border: 1px solid #DDD;
	margin: 5px;
	width: 70px !important;
	height: auto !important;
	max-height: 100px;
	float: left;
	padding: 5px;
	cursor: pointer;
}

#caption {
    padding: 2px 0 5px 0;
    color: #aaa;
}