/**
 * Application CSS Code
 * All Application Style Rule should be written here
 */
 /*=============================================================================
Base
========================================================================== */
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%; /* iOs */
	-ms-text-size-adjust: 100%; /* iOs */
}
body {
	background: #333;
	margin: 0;
}
/*========================================================================
Links
========================================================================== */
a {
	color: #fff;
	text-decoration: none;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
a:hover, a:active {
	outline: 0;
	text-decoration: none;
}
/*========================================================================
Default margins
========================================================================== */
h1, h2, h3, h4, h5, h6, ul, ol, p {
	padding: 0;
	margin: 0 0 10px 0;
}
/*========================================================================
Lists
========================================================================== */
ol, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
/*========================================================================
Embedded content
========================================================================== */
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* Force IE to resize images nicely */
}
/*========================================================================
Font families
========================================================================== */
html {
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	color: #fff;
}
/*========================================================================
Headings
========================================================================== */
h1 {
	font-size: 1.56em; /* 25px */
	line-height: 1.3em;
	color: #fff;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
h2 {
	font-size: 1.56em; /* 25px /16px */
	color: #fff;
	font-weight: bold;
	margin: 0 0 11px 0;
	line-height: 1.4em;
}
h3 {
	font-size: 1.25em; /* 20px */
	line-height: 1.2; /* 24px */
}
h4 {
	font-size: 0.75em; /* 18px */
	line-height: 1.333; /* 24px */
}
h5 {
	font-weight: bold;
}
h5, h6 {
	font-size: 1em; /* 16px */
	line-height: 1.5; /* 24px */
}
/*========================================================================
Other elements
========================================================================== */
p {
	font-size: 0.6875em;
	padding: 0;
	margin: 0 0 15px 0;
	line-height: 1.4em;
}
b, strong {
	font-weight: bold;
}
small {
	font-size: 75%;
}
/* Generic Table styles
---------------------------------------*/
table {
	margin: 0 0 1.3em 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
caption {
	margin: .9em 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}
th, td {
	padding: .6em 10px .6em 10px;
	border-left: 1px solid #fff;
}
th, thead th, thead td, tfoot th, tfoot td {
	font-weight: bold;
}
thead th, thead td {
	background: #f2f2f2;
}
tfoot th, tfoot td {
	border-top: 1px solid #fff;
}
thead span, tfoot span {
	display: block;
	margin: .6em 0 0 0;
	font-weight: normal;
}
.form dl,
.proceedContent dl {
    float: left;
    margin: 1em 0;
    width: 100%;
}
.form dt,
.proceedContent dt {
    clear: left;
    float: left;
    width: 100px;
}
.form dd, dt {
    float: left;
    font-size: 0.6875em;
    margin: 0;
    padding: 0;
}
.proceedContent dd {
    font-size: 0.6875em;
}
.proceedContent dd#total {
	margin-left: 3px;
}
.emphasise {
    font-weight: bold;
}
#total {
    float: left;
    margin-bottom: 1em;
    width: 330px;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: " ";
  display: table; }
.clearfix:after, .row:after {
  clear: both; }

.container,
.footer {
	background-color: #000;
	margin: 0 auto;
	width: 850px;
}
.container {
	margin-top: 8px;
	min-height: 540px;
}
.footer img {
	padding-left: 37px;
	clear: both;
}
.footer ul {
	float: left;
	padding: 11px 0 11px 37px;
}
.footer ul li {
	background: url("../images/bg_footer_seprator.gif") no-repeat left center transparent;
	float: left;
	padding: 0 6px 0 8px;
	font-size: 0.6875em;
	color:#999999;
}
.footer ul li:first-child {
	background: none;
	padding-left: 0;
}
.footer ul li a {
	color:#999999;
}
.footer ul li a:hover, .footer ul li a.active {
	color: #ffffff;
}
.homeContent {
	background: url("../images/ring_cropleft.jpg") no-repeat left top transparent;
	padding: 0 0 75px 0;
}
.homeInfo {
	text-align: right;
	padding-right: 5px;
	font-size: 0.6em;
}
.homeContent h1 {
	padding: 232px 0 0 428px;
}
.theDeathsSkullRingContent,
.theReptileRingContent,
.keithsRingContent,
.historyContent,
.archiveContent,
.pressContent,
.testimonialContent,
.buyContent,
.contactContent,
.proceedContent {
	padding: 41px 37px 0 37px;
}
.buyContent {
	padding-top: 29px;
}
.theDeathsSkullRingContent .colLeft,
.theDeathsSkullRingContent .colRight,
.theReptileRingContent .colLeft,
.theReptileRingContent .colRight,
.keithsRingContent .colLeft,
.keithsRingContent .colRight,
.historyContent .colLeft,
.historyContent .colRight,
.archiveContent .colLeft,
.archiveContent .colRight,
.pressContent .colLeft,
.pressContent .colRight,
.buyContent .colLeft,
.buyContent .colRight {
	float: left;
}
.theDeathsSkullRingContent .colLeft {
	padding-right: 15px;
	width: 409px;
}
.theDeathsSkullRingContent .colRight {
	width: 352px;
}
.center {
	text-align: center;
}
.theDeathsSkullRingContent .colLeft h2 {
	line-height: 0.9em;
}
.theReptileRingContent .colLeft {
	width: 310px;
}
.theReptileRingContent .colRight {
    padding: 195px 0 135px 79px;
}
.theReptileRingContent .colLeft h1 {
	margin-bottom: 25px;
}
.keithsRingContent .colLeft {
	width: 360px;
	padding-right: 50px;
}
.keithsRingContent .colRight {
	width: 365px;
}
.keithsRingContent .colRight h1 {
	margin-bottom: 22px;
	line-height: 0;
}
.historyContent .colLeft {
	padding-right: 37px;
	width: 370px;
}
.historyContent .colRight {
	width: 369px;
}
.historyContent .colLeft h2 {
	color: #c2c2c2;
	font-size: 0.6875em;
	font-weight: normal;
	margin-top: 0.5em;
}

.historyContent .colRight h3 {
	line-height: 0;
	margin: 0;
}

.historyContent .colRight h1 {
	line-height: 0.9;
	margin-bottom: 25px;
}
.archiveContent .colLeft {
	padding-right: 60px;
	width: 234px;
}
.archiveContent .colRight {
	width: 482px;
}
.archiveContent .colLeft ul {
	clear: both;
	display: inline-block;
}
.archiveContent .colLeft  li {
	display: inline-block;
	padding-bottom: 1px;
}
.archiveContent .colLeft li a {
	margin-left: 12px;
	float: left;
}
.archiveContent .colLeft li a:first-child {
	margin-left: 0;
}
.archiveContent .archiveInfo {
	display: inline-block;
	text-align: right;
	padding-top: 155px;
	width: 100%;
}
.archiveContent .chInfo {
	display: inline-block;
	padding-top: 65px;
}
.archiveContent .chWingedserpent {
	padding-bottom: 15px;
}
.archiveContent .chInfo.chSkeleton,
.archiveContent .chInfo.chPearlpod,
.archiveContent .chInfo.chLizardlighter {
	padding-top: 95px;
}
.archiveContent .chSilkflower {
	padding-top: 115px;
	padding-bottom: 45px;
}
.archiveContent .chImage {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.archiveContent .chHeartandDaggerIamge {
	padding-bottom: 35px;
}
.chInfo p {
	line-height: 1.2;
	margin-bottom: 10px;
}
.buyContent .colLeft {
	padding-right: 44px;
	width: 402px;
}
.buyContent .colRight {
	width: 330px;
	padding-top: 105px;
}
.buyContent .colLeft h1 {
	margin-bottom: 0;
}
.buyContent .colLeft h2 {
	margin-bottom: 3px;
}
.buyContent .colLeft h3 {
	margin-bottom: 8px;
}
.buyContent .colLeft p {
	font-size: 0.8125em;
	line-height: 1.4em;
	margin-bottom: 22px;
}
.paraSpace {
	padding-top: 20px;
}
label {
    color: #fff;
    display: block;
    float: left;
    width: 100px;
	font-size: 0.75em;
}
select, textarea {
    width: 220px;
}
.buyContent .colLeft ul li, .buyContent .colLeft ul label {
	display: block;
	float: left;
	margin-bottom: 0.5em;
}
.buyContent .colLeft ul label {
	margin-top: 0.1em;
	width: 119px;
}
.buyContent .colLeft ul input {
	display: block;
	float: left;
	width: auto;
}
.buyContent .colLeft ul input[type="text"] {
	width: 169px;
}
.buyContent .colLeft label.confirm {
	width: 85px;
}
 a {
	color: #999;
}
 a:hover,  a:focus,  a:active {
	color: #fff;
}
form .note {
	clear: left;
	display: block;
	line-height: 1.6;
	margin-left: 100px;
	width: 220px;
}
.buyContent .colRight .note,
.buyContent .colLeft label.confirm {
	font-size: 0.625em;
}
.buyContent .colRight .note.big {
	font-size: 0.75em;
	margin-bottom: 10px;
}
/*.buyContent .colRight .note.big a {
	color: #c2c2c2;
}*/
#total {
	float: left;
	margin-bottom: 1em;
	width: 330px;
}
.buyContent .colRight #total {
	margin-top: 0.5em;
}
#size_label, #total_label {
	display: block;
	float: left;
	width: 100px;
}
#total_label, #total_size, #total_gbp, #total_price {
	font-size: 0.6875em;
}
#total_size, #total_gbp, #total_price {
	background: white none repeat scroll 0 0;
	color: black;
	display: block;
	float: left;
	padding-left: 5px;
	width: 105px;
}
.buyContent .colRight #total_price {
	font-weight: bold;
	width: 214px;
}
form div.checkbox input {
	float: left;
	width: auto;
}
form div.checkbox label {
	line-height: 1.8;
	width: 310px;
}
form .note.left {
	margin-left: 4px;
	margin-top: 5px;
}
.buyContent form .colRight .end {
    margin-left: 100px;
    margin-top: 5em;
}

/* Conversion Chart CSS */

.conversionChart {
	margin:0 0 0 0;
	padding:50px 50px 15px 50px;
	background:0 none;
}
.conversionChart h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	color:#ffffff;
	text-transform:none;
}

.conversionChart .tabelChart {
	/*height: 430px;*/
    /*margin: 25px 0 0 15px;*/
    /*overflow-y: auto;*/
}

.conversionChart table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 0 0 1.3em 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #fff;
}
.conversionChart table th, .conversionChart table td {
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

.conversionChart table th, .conversionChart table td {
	padding: .3em 10px .3em 10px;
	border-bottom: 1px solid #fff;
	line-height:18px;
}
.conversionChart table th span,
.conversionChart table td span {
	color: #fb052d;
}
.conversionChart table th {
	font-weight: bold;
}
/* conversion css end *?
/* tnc css */
.tncMain {
	margin:0 0 0 0;
	padding:50px 50px 15px 50px;
	background:url(../images/tnc-bg.jpg) left top no-repeat transparent;
}
.tncMain h1{
	margin-bottom: 31px;
}
/* tnc css end */

/*----------------- Testimonial Starts ----------------*/
.testimonialContent {
	width: 100%;
	overflow:hidden;
	clear:both;
	padding: 28px 33px;
}

.testimonialContent .colLeft {
    padding-right: 37px;
	width: 450px;
	min-height: 400px;
}

.paging {
	width:380px;
	clear:both;
	padding:0;
}
.paging .pgno {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	color: #666666;
	float:left;
	margin-right:9px;
	padding-top:2px;	
}
.paging ul{
	padding:0;
	margin:0;
	display:inline-block;
	position:relative;
}
.paging ul li{
	display:inline-block;
	padding:0;
	margin:0;
	margin-right:5px;
	padding:2px 2px 3px 2px;
	float:left;	
	font-size: 0.8em;
	line-height: 1.5em;
	color: #fff;	
}
.paging ul li a{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
.paging ul li a:hover{
	color:#fff;
	text-decoration:none;
}
.paging ul li.active{
	/*color:#fff;*/
	text-decoration: underline;
}
.paging ul li.box{
	color:#fff;
	font-size:0.8em;
	padding: 0 2px;
	line-height: 1.6em;
	border:1px solid #000;
}

.paging ul li.box.activeItem{
	border:1px solid #666;
}
/*----------------- Testimonial Ends ----------------*/
/*----------------- Press  Starts ----------------*/
.pressContent .colLeft {
	padding-right: 37px;
	width: 370px;
}
.pressContent .colRight {
	width: 369px;
}
.pressContent .colRight h2 {
	color: #c2c2c2;
	font-size: 0.6875em;
	font-weight: normal;
	margin-top: 0.5em;
	line-height: 1.2em;
}
.pressContent .colRight h3 {
	line-height: 0;
	margin: 0;
}
.pressContent .colLeft h1 {
	line-height: 0.9;
	margin-bottom: 25px;
}
.pressContent .colLeft h1 img{
	display: block;
}
.pressContent .colLeft p{
	margin: 0px 0px 8px;
	font-size: 0.658em;
}
/*----------------- Press Ends ----------------*/



.scroll {
	max-height: 460px;
	max-width: 720px;
	margin: 40px 0 0 0;
}
.tabelChart {
	max-height: 439px;
	max-width: 720px;
	margin: 21px 0 0 25px;
}

h2.ui-corner-all, .ui-corner-bottom, h2.ui-corner-right, .ui-corner-br {
	border-radius: 0;
}

h2.ui-state-default .ui-icon {
	background: none;
}


.ui-accordion h2.ui-accordion-header {
	display:block;
	padding:2px 45px 2px 9px;
	font-size:0.625em;
	line-height:18px;
	cursor:pointer;
	background: url(../images/arrow.png) right top no-repeat transparent;
	border:1px solid #484848;
	color:#fff;
	font-weight:normal;
	margin:0px 0 10px 0;
}
.accordion h2.ui-accordion-header-active {
	background: url(../images/arrow.png) right -235px no-repeat #484848;
	border:1px solid #484848;
	margin-bottom:0px;
	border-radius: 0;
}
.accordion p {
	margin: 5px 10px;
    padding: 10px 20px;
	border:0 none;
	background:rgba(93,93,93,0.17);
	font-size:0.625em;
	line-height:18px;
	color:#9e9e9e;
}
.accordion p a {
	color:#9e9e9e;
	text-decoration:underline;
}
.accordion p span {
	width:270px;
	display:inline-block;
}
.accordion p a:hover {
	text-decoration:none;
}
/*.ui-accordion .ui-accordion-content {
	height: auto!important;
}*/
#scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #c5c5c5;
    border-radius: 0;
}
#scroll .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #808080;
}
.proceedContent table {
	border: 0;
	margin: 0;
}

.proceedContent th, .proceedContent td {
    border-left: 0;
    padding: 0;
}

/*#ring_views,
#ring_views div {
	background: #000 !important;
}*/