@charset "ISO-8859-1";

/**
 * Cascade CSS Framework designed to make life easier
 * master.css
 * 
 * @package cascade css
 * @author Michelle Britton & Chris Cook
 * @version 1.0
 * @copyright Michelle Britton & Chris Cook 2008
 */

/**
 * This file is a browser reset and attempts to unify the display of all web browsers
 */
 
@import "library/reset.css";

/**
 * These are the files that you edit to customise your website
 */
 
@import "custom/global_preset.css";
@import "custom/generic.css";
@import "../fonts/stylesheet.css";

body { color: #333; }

.hdr_img {
	display: block;
	border: 0px;
	position: absolute;
	right: 0px;
	bottom: 0px; }

#nav {
	height: 47px; }
	
#mod_header {
	width: 924px;
	height: 280px;
	background: #fff url(../images/bg_rainbow.jpg) no-repeat left bottom;
	position: relative;
	margin-bottom: 1px; }
	
#main_2 {
	width: 865px;
	background: #fff url(../images/bg_sidebar.jpg) repeat-y 540px top;
	padding: 0px 30px;
	margin-top: 30px; }
	
#main_1 {
	width: 865px;
	background-color: #fff;
	padding: 30px; }
	
#content {
	width: 480px;
	padding: 30px 0px;
	margin-right: 30px;
	float: left; }
	
#main_2 #content {
	padding-top: 0px; }
	
#content p {
	line-height: 24px; }
	
#sidebar {
	font-family: 'ColaborateLightRegular', Arial, sans-serif;
	font-size: 12px;
	width: 295px;
	border-top: #eee 1px solid;
	padding: 30px;
	float: left; }
	
#sidebar p, .side_p {
	font-family: 'ColaborateLightRegular', Arial, sans-serif;
	font-size: 14px;
	line-height: 24px; }
	
.side_mod {
	margin-bottom: 50px; }
	
#sidebar ul {
	margin-left: 20px; }
	
#sidebar ul li {
	font-family: 'ColaborateLightRegular', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 8px; }
	
h1 {
	font-family: 'ColaborateLightRegular', Arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 20px;
	color: #333; }
	
h2 {
	font-family: 'ColaborateLightRegular', Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0px;
	color: #333; }
	
h3 {
	font-family: 'ColaborateLightRegular', Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #333; }
	
h3.nomargin {
	margin: 0px; }
	
h4 {
	margin: 0px 0px 20px 0px;
	font-size: 18px; }
	
.left {
	float: left; }
	
.link {
	font-family: 'Colaborate-RegularRegular';
	text-decoration: underline;
	font-size: 14px; }
	
#footer {
	border-top: #ccc 3px solid; }
	
.btn_buyitnow {
	display: block;
	width: 152px;
	height: 35px;
	background: url(../images/btn_buyitnow.jpg) no-repeat left top;
	padding: 0px; 
	margin: 0px 10px 0px 0px;
	cursor: pointer; }
	
#banner_copernicus {
	width: 924px;
	height: 100px;
	background: url(../images/banner_copernicus.jpg) no-repeat left top;
	margin-bottom: 1px;
	display: block;
	cursor: pointer; }
	
#content a {
	text-decoration: underline; }
	
.mod {
	padding-bottom: 20px;
	border-bottom: #eee 1px solid;
	margin-bottom: 30px; }
	
#state_list {
	width: 480px;
	list-style-type: none; }
	
#state_list li {
	display: block;
	float: left;
	width: 134px;
	background-color: #eee;
	border: #ddd 1px dotted;
	padding: 5px 7px;
	margin: 0px 10px 10px 0px; }
	
#state_list li:hover, #state_list li.selected {
	cursor: pointer;
	background-color: #ddd;
	border: #ccc 1px solid; }
	
#states {
	width: 480px;
	height: 390px;
	position: relative;
	margin-top: 20px;
	list-style-type: none; }
	
#states li {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 12px; }
	
#states li p {
	float: left;
	width: 220px;
	margin: 0px 10px 0px 0px; }
	
	
	
/* Rotator */

#hdr_rotator {
	list-style-type: none;
	width: 924px;
	height: 280px;
	position: absolute;
	right: 0px;
	overflow: hidden; }
	
#hdr_rotator li {
	width: 680px;
	height: 280px;
	position: absolute;
	left: 0px;
	top: 0px; }
	
#slide_1 {
	background: url(../images/slide_1.png) no-repeat left top; }
	
#slide_2 {
	background: url(../images/slide_2.png) no-repeat left top; }
	
#slide_3 {
	background: url(../images/slide_3.png) no-repeat left top; }
	
#slide_4 {
	background: url(../images/slide_4.png) no-repeat left top; }
	
#hdr_tabs {
	list-style-type: none;
	width: 140px;
	height: 25px;
	position: absolute;
	bottom: 20px;
	right: 10px;
	padding: 0px; }
	
#hdr_tabs li {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 23px;
	float: left;
	margin-right: 10px; }
	
#hdr_sel {
	width: 23px;
	height: 23px;
	background-color: #fff;
	border: #ddd 1px dotted;
	position: absolute;
	left: 773px;
	bottom: 21px; }
	
.faq p {
	padding-left: 35px; }
	
.question, .answer {
	display: block;
	width: 23px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #c33;
	border: #900 1px solid;
	float: left;
	margin-right: 10px; }
	
.question {
	font-weight: normal;
	color: #333;
	background-color: #ccc;
	border: #ddd 1px solid; }
	
p.ans {
	padding-bottom: 20px;
	border-bottom: #eee 1px solid;
	margin-bottom: 20px; }
	
	
	
/* Sidebar */

#sidebar ul#list_num {
	list-style-type: none;
	margin: 0px;
	padding: 0px; }
	
.hdr_bold {
	font-weight: bold;
	text-transform: uppercase; }
	
#list_num li {
	display: block;
	height: 35px; }
	
.num {
	width: 23px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #c33;
	border: #900 1px solid;
	float: left;
	margin-right: 10px; }
	
#list_num li p {
	font-size: 16px;
	line-height: 25px; }
	
	

/* Store */
	
#mod_bracelet {
	width: 924px;
	height: 280px;
	background: url(../images/bg_rainbow.jpg) no-repeat left top;
	position: relative;
	margin-bottom: 1px; }
	
#bracelets {
	margin: 0px;
	padding: 0px;
	width: 310px;
	height: 280px;
	position: absolute;
	left: 242px;
	list-style-type: none; }
	
#bracelets li {
	width: 310px;
	height: 280px;
	position: absolute;
	left: 0px;
	top: 0px; }
	
#bracelet_info {
	width: 350px;
	height: 240px;
	padding-top: 20px;
	position: absolute;
	left: 554px; }
	
#bracelet_info h1, #bracelet_info h2 {
	color: #333;
	margin: 0px; }
	
#bracelet_info h1 {
	font-size: 24px; }
	
#bracelet_thumbs {
	width: 350px;
	height: 58px;
	margin-top: 20px;
	list-style-type: none; }
	
#bracelet_thumbs li {
	width: 60px;
	height: 58px;
	margin-right: 10px;
	float: left;
	cursor: pointer; }
	
#bracelet_form {
	width: 330px;
	padding: 10px;
	background: url(../images/bg_bracelet_form.png) repeat left top;
	border: #eee 1px solid;
	position: relative; }
	
#bracelet_form p {
	padding: 0px;
	margin-bottom: 10px; }
	
#bracelet_form span, .mini_form span {
	display: block;
	margin-right: 10px;
	padding: 4px 0px;
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #666; }
	
#bracelet_form input[type="text"], .mini_form input[type="text"] {
	float: left;
	font-family: Arial;
	font-size: 13px !important;
	color: #000;
	padding: 1px;
	border: #aaa 1px solid; }
	
#bracelet_form .addtocr, .btn_addtocart {
	display: block;
	width: 145px;
	height: 33px;
	background: url(../images/btn_addtocart_lrg.png) no-repeat left top;
	padding: 0px; 
	margin: 0px 10px 0px 0px;
	cursor: pointer; }
	
#social_links {
	position: absolute;
	left: 20px;
	bottom: 20px; }
	
#social_links a {
	float: left;
	margin-right: 10px;
	border: none; }
	
#addres {
	color: #666; }
	
.content_left {
	margin: 0px;
	padding: 0px;
	width: 480px;
	float: left;
	overflow: hidden;
	line-height: 24px; }
	
.content_left ul {
	margin-left: 20px; }
	
.content_left a {
	color: #aa6e92;
	font-weight: bold;
	text-decoration: underline; }
	
.content_right {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 360px;
	float: left; }
	
.content_right p, .content_left p {
	text-align: left !important; }
	
.product_thumb {
	width: 141px;
	height: 141px;
	float: left; }
	
.mini_form {
	width: 209px;
	height: 141px;
	margin-bottom: 30px;
	float: left;
	/*overflow: hidden;*/
	padding-left: 10px; }
	
.mini_form p {
	padding-bottom: 5px !important; }
	
.mini_form h3 {
	font-family: 'ColaborateLightRegular', Arial, sans-serif;
	color: #666;
	font-size: 20px;
	margin-bottom: 0px; }
	
.mini_form h4 {
	font-weight: normal;
	color: #666;
	margin-bottom: 8px;
	font-size: 11px; }
	
.content_right .addtocr {
	width: 115px;
	height: 31px;
	background: url(../images/btn_addtocart_sml.png) no-repeat left top;
	padding: 0px; 
	margin: 5px 0px 10px 0px;
	float: left;
	cursor: pointer; }
	
#form_keychain, #form_gtgc {
	height: 171px; }
	
.content_right strong {
	font-family: Verdana !important;
	font-size: 11px !important;
	color: #666 !important; }
	
.content_right .label_price {
	margin: 9px 0px 0px 10px; }
	
.content_right a {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline; }
	
	
	
/* TESTIMONIALS */

#videos_frame {
	width: 480px;
	height: 385px;
	overflow: hidden;
	margin-bottom: 20px; }

#videos {
	list-style-type: none;
	width: 1920px;
	height: 385px;
	padding: 0px;
	position: relative; }
	
#videos li {
	float: left; }
	
#video_thumbs {
	list-style-type: none;
	width: 500px;
	overflow: hidden;
	position: relative; }
	
#video_thumbs li {
	width: 105px;
	float: left;
	margin-right: 20px;
	cursor: pointer; }
	
	
	
/* CONTACT */

.fields input[type="text"] {
	width: 283px;
	padding: 5px;
	border: #ccc 1px solid;
	margin-bottom: 10px; }

.fields textarea {
	width: 283px;
	padding: 5px;
	border: #ccc 1px solid;
	margin-bottom: 10px; }

.btn_sendmsg {
	display: block;
	width: 183px;
	height: 35px;
	background: url(../images/btn_sendmsg.png) no-repeat left top;
	padding: 0px; 
	margin: 0px 10px 0px 0px;
	border: 0px;
	cursor: pointer; }
	
.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}