/* MAIN STYLES */

body {

	margin: 0;

	padding: 0;

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}

a {

	color: #006699;

}

a:hover {

	color: #CC0000;

}

img {border: none;}

div {margin:0;padding:0;}



/* LAYOUT STYLES */



#wrapper {

	margin: 0 auto;

	padding: 0;

	text-align: center;

	border-top: 6px solid #003366;

	background-color: #fff;

}

header {position:relative;background-color:#79a7d4;height:150px;z-index:99;}



#header-outer {

	text-align: center;

	background: #fff url(/gd-images/main-header-bg.jpg) repeat-x top;

}

#header-inner {

	position: relative;

	margin: 0 auto;

	padding: 0;

	height: 150px;

	text-align: center;

	width: 980px;

}

#logo {

	margin: 0;

	margin-top: 10px;

	display:inline-block;

	float: left;

	height: 100px;

	text-align: left;

}

#wrap-body{

	margin: 0;

	padding: 0;

	text-align:center;

}

#mainBody {

	margin: 0;

	padding: 0;

	text-align:center;

	clear: both;

	margin-top: 25px;

}

#BodyContainer {

	position:relative;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	/*width: 980px;*/

}

#LeftColumn {

	float: left;

	margin: 0;

	padding: 0;

	width: 560px;

}

#LeftColumn-catalog {

	float:left;

	margin:0;

	padding:20px 0 0;

	/*width:760px;*/

}

#RightColumn {

	float: left;

	margin: 0;

	margin-top: 20px;

	padding: 0;

	margin-left: 10px;

	width: 400px;

	/*border-left: 1px solid #ddd;

	background-color: #8cb4de;*/

}

#RightColumn-narrow {

	float:left;

	margin:20px 0 0 10px;

	padding:0;

	width:200px;

}

#feature {

	margin: 20px 10px 20px 0px;

	padding: 0;

	height: 185px;

	background: #fff url(/gd-images/feature-bg.jpg) repeat-x top;

	border: 1px solid #eee;

}

#footer {

	clear: both;

	margin: 0;

	margin-top: 20px;

	padding: 15px 0;

	text-align: center;

	font-size: 12px;

	color: #666666;

	border-top: 3px solid #eee;

	background: #f9f9f9;

}



/*** NAVIGATION ***/

.headerlinks{

	float:right;

	display: inline;

	color:#FFFFFF;

	margin-top: 10px;

}

.headerlinks a{

	font-size: 12px;

}

.headerlinks a:link, .headerlinks a:visited{

	color: #ffffff;

}

.headerlinks a:hover{

	color: #000000;

	text-decoration: none;

}

#mainNav {

	margin: 0;

	padding: 0;

	height: 40px;

	text-align: center;

	background: url(/gd-images/mainnav-bg.png) repeat-x;

}

#mainNav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	font-family: Arial, Helvetica, sans-serif;



}

#mainNav li {

	display: inline;

	float: left;

	margin: 0;

	padding: 0;

}

#mainNav li a {

	display: block;

	padding: 0;

	margin: 0;

	width: 105px;

	line-height: 40px;

	text-align:center;

	font-size: 12px;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	background: url(/gd-images/button-bg.png) no-repeat top left;

}



#mainNav li a:hover {

	background-position: bottom left;

}

#mainNav .navend {

	height: 40px;

	width: 100px;

	background: url(/gd-images/button-bg.png) no-repeat;

	background-position: top left;

}



/********** NAVIGATION *****************/

ul.mainNav {

	margin: 0;

	padding: 0;

	height: 40px;

	text-align: center;

	list-style: none;

	background: url(/gd-images/mainnav-bg.png) repeat-x;

	font-family: Arial, Helvetica, sans-serif;

}

.mainNav li {

	display: inline;

	float: left;

	margin: 0;

	padding: 0;

}

.mainNav li a {

	display: block;

	padding: 0;

	margin: 0;

	width: 105px;

	line-height: 40px;

	text-align:center;

	font-size: 12px;

	color: #fff !important;

	font-weight: bold;

	text-decoration: none;

	background: url(/gd-images/button-bg.png) no-repeat top left;

}



.mainNav li a:hover {

	background-position: bottom left;

}

.mainNav .navend {

	height: 40px;

	width: 100px;

	background: url(/gd-images/button-bg.png) no-repeat;

	background-position: top left;

}



.catalog-tabs a {font-size: 14px; font-weight: bold;margin: auto 20px;}

.catalog-tabs li a {border: 1px solid #ccc;}





/********** END OF NAVIGATION **********/



#catlinkssection {

	margin: 10px;

	margin-top: 0;

	padding: 0;

}

#catlinkssection .catthumbs{

	float: left;

	margin-bottom: 10px;

	width: 185px;

	height: 180px;

	background: #fff;

	border-bottom: 1px solid #D8D8D8;

	border-left: 1px solid #D8D8D8;

	border-right: 1px solid #D8D8D8;

}

#catlinkssection .catthumbs-left {

	border-right: 1px solid #fff;

}

#catlinkssection .catthumbs img{

	margin: 10px;

	padding: 0;

}

#catlinkssection .catthumbs p a, #catlinkssection .catthumbs p{

	font-size: 13px;

	color: #999;

	text-align: center;

}

#catlinkssection .catthumbs h4 {

	font-size: 13px;

	color: #006699;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	border-bottom: 1px solid #eee;

}

#catlinkssection hr {

	margin: -7px 13px 3px 13px;

	color: #fff;

}

/******** STOREFRONT STYLES *********/

div.catheader {

	position: relative;

	height: 228px;

}

#mainBody .catheader h2{

	padding-top: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

	font-size: 2.2em;

	font-weight: normal;

	color: #000;

}

div.catwrapper {

	text-align: center;

}

div.catnav {

	margin: 10px auto 0 auto;

	/*width: 590px;*/

	text-align: left;

}

#leftbtns {

	float:left;

	margin: 0;

	margin-right: 50px;

	padding: 0;

	width: 245px;

}

#leftbtns ul{

	margin: 0;

	padding: 0;

	list-style: none;

}

#rightbtns {

	float:left;

	margin: 0;

	margin-left: 50px;

	padding: 0;

	width: 245px;

}

#rightbtns ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



	#leftbtns li, #rightbtns li {

		padding-right: 15px;

		background-color: #eeeeee;

	}

		#leftbtns li a, #rightbtns li a{

			display: block;

			margin: 0;

			padding: 0;

			text-align: right;

			line-height: 35px;

			font-weight: bold;

			text-decoration: none;

			/*border: 1px solid red;*/

		}

		#leftbtns li a:link, #leftbtns li a:visited, #rightbtns li a:link, #rightbtns li a:visited{

			color: #CC0000;

			background: url(/gd-images/catnav-bg.png) no-repeat top left;

		}

		#leftbtns li a:hover, #rightbtns li a:hover{

			color: #000000;

			background: url(/gd-images/catnav-bg.png) no-repeat bottom left;

		}

		#leftbtns h4, #rightbtns h4 {

			line-height: 40px;

			font-size: 17px;

			text-align: center;

			color: #333333;

			background-color: #FFFFFF;

			border-bottom: 1px solid #CC0000;

		}



/******** Left buttons on sidebar *********/

#leftbtns-sidebar {

	float:left;

	margin: 0;

	margin-left: 5px;

	padding: 0;

	width: 190px;

}

#leftbtns-sidebar ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



	#leftbtns-sidebar li {

		padding-right: 15px;

		background-color: #eeeeee;

	}

		#leftbtns-sidebar li a{

			display: block;

			margin: 0;

			padding: 0;

			text-align: right;

			line-height: 35px;

			font-weight: bold;

			text-decoration: none;

			/*border: 1px solid red;*/

		}

		#leftbtns-sidebar li a:link, #leftbtns li a:visited{

			color: #CC0000;

			background: url(/gd-images/catnav-bg.png) no-repeat top left;

		}

		#leftbtns-sidebar li a:hover{

			color: #000000;

			background: url(/gd-images/catnav-bg.png) no-repeat bottom left;

		}

		#leftbtns-sidebar h4{

			line-height: 40px;

			font-size: 17px;

			text-align: center;

			color: #333333;

			background-color: #FFFFFF;

			border-bottom: 1px solid #CC0000;

		}





.advsrch_btn {

	position: absolute;

	top: 185px;

	left: 270px;

	width: 200px;

	text-align: right;

	background-color: #eee;

}

	.advsrch_btn a {

		display: block;

		padding-right: 15px;

		line-height: 35px;

		text-decoration: none;

		font-size: 12px;

		font-weight: bold;

	}

	.advsrch_btn a:link, .advsrch_btn a:visited {

		color: #CC0000;

		background: url(/gd-images/search-bg.gif) no-repeat top left;

	}

	.advsrch_btn a:hover {

		color: #000000;

		background: url(/gd-images/search-bg.gif) no-repeat bottom left;

	}

div.banner {

	margin: 0 0 20px 0;

	text-align: center;

}



/**** go button ***/

.btn {

	margin: 10px auto;

	/*width: 110px;*/

	text-align:center;

}

.btn a {

	display: block;

	height: 38px;

	line-height: 38px;

	color: #fff;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;

	background: url('/images/go-btn.png') no-repeat top left;

}

.btn a:hover {

	background-position: bottom left;

}



	

/*** CONTENT STYLES ***/



#feature img {

	margin: 5px 30px 0 30px;

	padding: 0;

}

#BodyContainer h3{margin: 3px 15px 10px 10px;	padding: 10px 0; font-size: 1.2em;	color: #FF3333;	border-bottom: 1px solid #999;}

#BodyContainer h4{margin: 0 0 10px 10px;padding: 0px;font-size: 0.84em;color: #333;}

#BodyContainer h5{margin: 0 0 10px 10px;padding: 0px;font-size: 0.8em;color: #333;}

#BodyContainer p{margin: 2px 12px;padding: 0;padding-bottom: 10px;text-align: justify;color: #666;font-size: 1em;line-height: 18px;}

#BodyContainer li {margin: 10px 0;font-size: 12px;line-height: 16px;color: #666666;}

#LeftColumn h2 {margin-top: 25px;font-size: 1.4em;color: #6B9CCF;text-align: center;}



.BodyContainer h3{margin: 3px 15px 10px 10px;	padding: 10px 0; font-size: 1.2em;	color: #FF3333;	border-bottom: 1px solid #999;}

.BodyContainer h4{margin: 0 0 10px 10px;padding: 0px;font-size: 0.84em;color: #333;}

.BodyContainer h5{margin: 0 0 10px 10px;padding: 0px;font-size: 0.8em;color: #333;}

.BodyContainer p{margin: 2px 12px;padding: 0;padding-bottom: 10px;text-align: justify;color: #666;font-size: 1em;line-height: 18px;}

.BodyContainer li {margin: 10px 0;font-size: 14px;line-height: 16px;color: #666666;}

.charmslist li.list-group-item {margin: 2px; padding: 7px;}



	.ofgForm {

		margin-left: 40px;

		margin-bottom: 20px;

	}

	.ofgForm table {

		border: none;

		color: #666666;

		font-size: 12px;

	}

	.ofgForm td {

		border: none;

		padding: 10px 5px;

	}

div.block {

	margin: 0;

	margin-bottom: 30px;

}

#LeftColumn .block h3 {

	margin: 0;

	margin-bottom: -5px;

	margin-right: 5px;

	padding: 0;

	padding-left: 10px;

	font-size: 19px;

	color: #CC0000;

	line-height: 35px;

	

	border-bottom: none;

}

#magazines {

	padding:10px;

	border:1px solid #ddd;

}

#magazines a:img {

	margin: 5px;

	border: none;

}

#magazines a:link {

	margin: 0 3px;

	border: 1px solid #000;

}



.clr {

	clear: both;

	margin: 0;

	padding: 0;

}

#store {

	margin: 0 15px;

	padding: 0;

	font-size: 12px;

}

	#store h2 {

		font-size: 14px;

		color: #CC0000;

		text-align: center;

	}

	#store h4 {

		font-size: 12px;

		color: #666666;

		text-align: left;

	}

.itemBlock {

	float: left;

	margin: 10px 5px 10px 0;

	padding: 5px;

	text-align: center;

	border: 1px dotted #ccc;

}

	.itemBlock a:link, .itemBlock a:visited {

		font-size: 11px;

		color: #006699;

	}

	.itemBlock a:hover {

		color: #999;

		text-decoration: none;

	}

	.call {

		color: #FF9900;

	}

#featuredItems{

	height: 250px;

	width: 375px;

}

#hotItems {

	height: 250px;

	width: 375px;

}

.required {

	color: #FF0000;

}

.back-to-top {

	text-align: right;

}

.back-to-top a{

	font-size: 11px;

}

#switch-cat-view {

	text-align: center;

}

/*************************************/

/*			Product styles			 */

/*************************************/

	

.prodListItem{

	display: inline-block;

	/*float: left;*/

	margin: 5px;

	padding: 5px;

	width: 215px;

	/*height: 215px;*/

	background-color: #eee;

}

.prodListTxt {font-size: 12px; color: #333;}

/*.prodListItem h5{

	padding: 0;

	font-size: 12px;

}

.prodListItem p {

	padding: 5px;

	font-size: 12px;

	color: #000;

}*/



.prodListItem a:link, .prodListItem a:visited {

	font-size: 12px;

	color: #006699;

}

.prodListItem a:hover {

	color: #999;

	text-decoration: none;

}

.prodListDetail {}



.addfavorite {font-size: 14px !important;}

.addfavorite a { display:inline-block; padding-left: 22px; background:url(/images/star-ico.png) no-repeat top left;}



.productThumb {

	margin: 0;

	padding: 0;

	display: table-cell;

	text-align: center;

	border: 1px solid #ccc;

	background-color: #fff;

}

div.necklaces-thmbs {

	margin: 0;

	padding: 0;

}

.necklaces-thmbs img{

	float: left;

	margin: 0 10px 10px 15px;

	padding: 0;

}

/********** Kits page navigation  **********/

.kits-nav {

	margin: 10px 0;

	text-align: center;

}

a.kits-active {

	font-weight: bold;

	color: #990000;

}

div.ShowPasses-outer {

	padding: 20px;

	text-align:center;

}

div.ShowPasses1 {

	margin: 0 auto;

	text-align:center;

	padding: 3px;

	width: 280px;

	background-color: #D8E7F3;

	border: 3px dotted #99CCFF;

}

div.ShowPasses2 {

	margin: 0 auto;

	padding: 15px;

	text-align: center;

	border: 1px solid #fff;

}

#wideColumn div.ShowPasses2 p{

	text-align:center;

}