/* PAGE STRUCTURE ********************************************************************************/
* {margin:0px;padding:0px}
html, body {height:100%;margin:0;padding:0} 
* html #outer{height:100%;}
html {overflow-y: auto !important;}
body {text-align:center;vertical-align:top;background-color:#ccc;padding-bottom: 0px;padding-right: 0px;padding-left: 0px;padding-top: 0px;
height:100%; /* fix height to 100% for IE */max-height:100%; /* fix height for other browsers */color:#424242;font-family:Tahoma;font-size:12px}
#outer {min-height:100%;height:auto;background:#fff;width:960px;margin:0 auto;border:0px solid blue}
#container {width:938px;background-color:#fff;padding:10px;margin:0;text-align:left}
.content-container {margin-bottom:10px;height:auto}
/*************************************************************************************************/

/* COMMON ****************************************************************************************/
p  {line-height:1.5em}
a {text-decoration:none}
.floatl {float:left}
.floatr {float:right} 
.gray{color:#333333 !important}
.black{color:#000000 !important}
.white {color:#ffffff !important}
.clear {clear: both}
 h1, h1 a, h1 a:visited 
{text-decoration:none;font:18px Tahoma;color:#333333;margin-bottom:30px;margin:20px 0px 10px 0;}
.note {font-size:11px;line-height:1.5em;margin-top:20px}
.btn {-moz-border-radius:3px 3px 3px 3px;background:none repeat scroll 0 0 #DDDDDD;border:1px solid #999999;color:#4C4C4C;cursor:pointer;font:bold 11px arial;margin-left:-3px;overflow:visible;padding:3px 5px 2px;text-transform:uppercase;width:auto;height:22px;padding-top:2px;}
.btn:hover {background:#CCCCCC;color:#000}
/*************************************************************************************************/

/* MODULES ***************************************************************************************/
/* logo */
.logo {margin: 10px 0px 20px 10px}

/* navigation */
div#divNav {height: 18px;margin: 20px 10px 0px 10px;padding:0px;border-bottom: 1px solid;border-bottom-color: #EBEBEB;font-size:9px}
#divNav ul {padding:0px;margin:0px;list-style-type: none}
#divNav li {float: left;text-transform: uppercase}
#divNav li a {text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color:#666666}
#divNav li a:visited {text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 10px}
#divNav a:visited, #divNav a:link {text-decoration: none}
#divNav li a:hover {color:#000000}
ul#nav a, ul#nav a:visited {padding: 0px;display: block;text-decoration: none;text-transform:uppercase}
#nav li a.black, #footer ul li a.black {color:black}
#nav li ul  {padding:0px;margin:0px;width: 120px;position: absolute;height: auto;left: -999em;font-weight: normal;border-bottom: 1px solid;border-bottom-color:#EBEBEB}
#nav li ul a {border-left: 1px solid; border-right: 1px solid;position:relative;width:119px;border-color:#EBEBEB}
#nav li:hover, #nav li.hover {position: static}/*downdown position*/
#nav li:hover ul, #nav li.navhover ul {left: auto}
#nav li a:hover {position: static}/*downdown position IE6 */
#nav li a:hover ul {left: auto}
li.blank {font-size:1px;}
#nav li ul li.blank  {background-color: inherit}/*border:1px solid red;*/
#nav li ul li.blank a {margin: 5px 0px 0px 0px;line-height:3px;height:3px;padding:0px;border-top: 1px solid #EBEBEB;width:119px;cursor:default;border-right: 1px solid #EBEBEB;border-left: 1px solid #EBEBEB}/* not hyperlinked */
li.blankEnd {font-size:1px}
#nav li ul li.blankEnd a {line-height:6px;height:6px;padding:0px;width:119px;cursor:default}
#nav li ul, #nav li ul li.blank a  {background:url(images/opacity.png);_filter:alpha(opacity=5);_-moz-opacity:.05;_opacity:.05;_zoom: .5; /*this is to make opacity works in IE*/}/* to make the background semi-transparent */
#divNav.divNav #navhome {width: 137px;}
#divNav.divNav #navnew {width: 158px;}
#divNav.divNav #navjewelry {width: 158px;}
#divNav.divNav #navmens {width: 185px;}
#divNav.divNav #navgifts {width: 113px;}
#divNav.divNav #navjade {width: 167px;}

/* promotions */
.promoArea {padding:10px;border: 1px solid #484848;height:197px;background-color: #484848}
.promoArea .promoBox {height:197px;padding:0px}
.promoArea .promoBox h2 {margin-top:5px;text-align:center;text-transform:uppercase;font:bold 12px Tahoma;color:#666666}
.promoArea .promo {height:197px;float:left;text-align:center;cursor:pointer}
.promoArea .promo p {margin:10px 0 20px 0}
.promoArea .promo1, .promoArea .promo2 {margin-right:11px}
.promoArea a, .promoArea a:visited {font:bold 10px Arial;text-transform: uppercase}
.promoArea a:hover {text-decoration:underline}
.promoArea a.gray:hover {color:#000000 !important}
.promoArea a.black:hover {color:#FFFFFF !important}

/* footer */
.footer {clear:both;margin-bottom:20px;text-align:center;padding:0px;height:3.3em;white-space: no-wrap;border-top:1px solid #EBEBEB}
.footer ul {margin-top:20px;padding:0;white-space: no-wrap}
.footer ul li {display:inline;text-align:center;white-space: no-wrap}
.footer li a, .footer li a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color:#666666;text-decoration:none;margin-left:10px;margin-top:0px;text-align: center;padding:1.2em 1.2em;text-transform: uppercase}
.footer li a.black, .footer li a:hover, .pagecount a:hover, .backToTop a:hover {color:#000000}
.footer li a.black:hover {text-decoration:none}
.footer li a:hover, .pagecount a:hover, .backToTop a:hover {text-decoration:underline}

/* copy right */
.copyright {	font-family: Arial, Helvetica, sans-serif;font-size: 10px;color:#999999;text-transform: uppercase;text-align:center}

/* landing image area */
.landing-image {width:938px;height:387px}
.landing-text {float:right}
.landing-text a, .landing-text a:visited {color:#424242;font-weight:bold}
.landing-text a:hover {color:#000000; text-decoration:underline}
.landing-text h1 span.welcome, span.welcome {font:16px Iskoola Pota}
.landing-text h1 {font:28px Byington; color:#666666}
.landing-text p {margin-bottom:10px; line-height:1.5em}
.landing-text ul {list-style:none; margin:0; padding:0;}
.landing-text ul li a, .landing-text ul li a:visited {font:normal 12px Arial}
/*************************************************************************************************/

/* HOME ******************************************************************************************/
.home .content-container {margin-bottom:0}
.home .landing-image {background:url("images/winterbg.jpg") no-repeat scroll 0 0 #000; height:480px;}
.home .landing-text {width:305px; margin:0; padding:0 10px}
.home .landing-text a, .home .landing-text a:visited, .home .landing-text a:hover {color:#db7b87;}
.home .landing-text .welcomeText {padding:30px 0 0 0}
.home .landing-text .welcomeText a:hover {text-decoration:underline}
.home  span.welcome {color:#EFDE99}
.home .landing-text h1 {color:#EFDE99;font-size:24px;margin:0 0 10px 20px;}
.home .landing-text p { color:#db7b87;font-family:Arial;padding-left:20px}
.home .landing-text ul  {margin-top:10px}
.home .landing-text ul li {margin-bottom:10px}
.home .landing-text ul li a, .home .landing-text ul li a:visited {font-weight:14px}
.home .landing-text p.sale {font:bold 28px Arial; margin-bottom:20px; color:#db7b87}
.home .landing-text p.sale span  {font:bold 20px Arial}
.home .landing-text p.percent  {font-size:40px}
.home .landing-text p.gift  {font-size:18px}
.home .landing-text p.gift span  {font-size:20px;text-transform:uppercase}
.home .landing-text .landing-promo {margin:10px; height:225px;background:url(images/summer_promo.jpg) no-repeat 230px 0px;background-color:#ffffff;padding:0;border:none;position:relative;cursor:pointer}
.home .landing-text p.summer {color:#FF6666;font-size:36px;position:absolute;top:40px;left:40px}
.home .landing-text p.collection {color:#663366;font-size:30px;position:absolute;top:100px;left:60px}
/* promotions */
.home .promo {width:298px;background:#fff}
.home .home-promo1, .home .home-promo2 {margin-right:11px}
.home .home-promo1 {background:#FE597B}
.home .home-promo2 {background:#81D8CF}
.home .home-promo3 {background:#D9D9D9}
/*************************************************************************************************/

/* JEWELRY LANDING *******************************************************************************/
.jewelry .content-container {margin-bottom:0}
.jewelry .landing-image {height:387px;background:url(images/valentines_bg.jpg) no-repeat}
.jewelry .landing-text {margin-right:15px;margin-top:20px;width:300px;}
/* promotions ************************************************************************************/
.jewelry .promo {width:298px;background:#fff}
.jewelry .jw-promo1, .jewelry .jw-promo2 {margin-right:11px}
/*************************************************************************************************/

/* MENS LADNING **********************************************************************************/
.men .content-container {margin-bottom:0}
.men .landing-image {height:387px;background:url(images/mens_bg.jpg) no-repeat;}
.men .landing-text {margin-right:15px;margin-top:20px;width:300px;}
/* promotions */
.men .promo {width:298px;background:#fff}
.men .mens-promo1, .men .mens-promo2 {margin-right:11px}
.men .mens-promo1 {background:url(images/valentine-men-promo1.jpg) no-repeat}
.men .mens-promo2 {background:url(images/valentine-men-promo2.jpg) no-repeat}
.men .mens-promo3 {background:url(images/valentine-men-promo3.jpg) no-repeat}
/*************************************************************************************************/

/* GIFTS AND OCCASIONS LANDING *******************************************************************/
.gift .content-container {margin-bottom:0}
.gift .landing-image {height:387px;background:url(images/gifts-bg.jpg) no-repeat}
.gift .landing-text {margin-right:15px;margin-top:20px;width:300px;}
/* promotions */
.gift .promo {width:298px;background:#fff}
.gift .gift-promo1, .gift .gift-promo2 {margin-right:11px}
.gift .gift-promo1 {background:url(images/valentine-gift-promo1.jpg) no-repeat}
.gift .gift-promo2 {background:url(images/valentine-gift-promo2.jpg) no-repeat}
.gift .gift-promo3 {background:url(images/valentine-gift-promo3.jpg) no-repeat}
/*************************************************************************************************/

/* PRODUCT LANDING *******************************************************************************/
.category .content-container {padding:0 10px}
.category .prod-thumb {float: left;display: inline;width: 220px;border: 1px solid #cccccc;margin-left: 6px}
.category .prod-img {padding: 5px}
.category .prod-img img {width:210px;height:160px}
.category .prod-name {display: block;padding: 6px 0 6px 0;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;text-decoration: none;	text-align: center;height:30px !important}
.category a.prod-name {font:bold 12px Arial;color:#666666 !important;text-decoration:none}
.category a.prod-name:visited {font:bold 12px Arial;text-decoration:none}
.category a.prod-name:hover {color:#000 !important}
.category .prod-price {font:12px Arial;text-align: center;padding: 6px 0 6px 0;color: #666666}
.category .prod-price span.now  {color: #be2a2a;font-weight: bold}
.category .pagecount {padding-top:20px;width:935px;text-align:right;font:normal 10px Arial;color:#000000}
.category .pagecount a, #backToTop a, .category .pagecount a:visited, .category #backToTop a:visited {text-decoration:none;font:normal 10px Arial;	color:#610B0B !important}
/*************************************************************************************************/

/* PRODUCT PAGES *********************************************************************************/
.item .content-container {padding:0 10px 10px 10px}
.item h1 {font:bold 14px Arial !important;color:#424242 !important;margin:0 0 20px 0 !important}
.item h1 a, .item h1 a:visited {text-decoration:none;font:bold 14px Arial !important;margin:0 0 20px 0 !important;color:#0174DF !important}
.item .itemNav {margin:10px 0 10px 0}
.item .itemNav a, .item .itemNav a:visited {text-decoration:none;font:bold 12px Arial;color:#610B0B !important}
.item .backToTop {text-align:right;margin:0 25px 0 0}
.item .backToTop a, .item .backToTop a:visited {font-weight:bold;color:#610B0B !important}
.item .top {width:90%;height:auto;padding-bottom:35px}
.item .smallimage {float:left;width:30%}
.item .smallimage img {width: 215px; height: 161px}
.item .smallimage img, .item .bottom img {border:1px solid #CCCCCC}
.item .largeimage {margin-bottom:10px}
.item .item-description {float:right;width:69%}
.item .item-description ul {margin:0;padding:0}
.item .item-description ul li {list-style:none;font:12px Tahoma;line-height:1.7em}
.item .item-description ul li span.now   {color: #be2a2a;font-weight: bold}
.item .bottom {text-align:center;border-top:1px solid #EBEBEB}
.item .bottom img {border:1px solid #CCCCCC;margin-top:20px}
.item .bottom p {font:bold 12px Tahoma;color:#666666;margin-top:20px}
.item .note {text-align:left}
.item .note a, .item .note a:visited {color:#0174DF}
.item .note a:hover {color:#000;text-decoration:underline}
/*************************************************************************************************/

/* CONTACT US ************************************************************************************/
.contact .content-container {padding:0 10px}
.contact .contact-form {font:12px Tahoma;color:#424242;line-height:1.8em}
.contact .contact-form table {text-align:left}
.contact .contact-form table td.submit {text-align:left;padding:10px 0 0 5px}
.contact .contact-form table td.required {font:10px Tahoma;color:red}
.contact .contact-form table td.message {font:bold 12px Tahoma;color:#084B8A}
.contact .contact-form table td.message a {font:bold 12px Tahoma;color:#0174DF}
.contact .contact-form table td.note {font:12px Tahoma;color:#424242;margin-top:20px}
.contact .contact-form table td.note a {text-decoration:none;font:12px Tahoma;color:#0174DF}
.contact .contact-form table td.note a:visited {text-decoration:none;font:12px Tahoma}
.contact .contact-form tr {vertical-align:top}
.contact .contact-form p.note {color:green;margin-bottom:20px}
/*************************************************************************************************/

/* ABOUT *****************************************************************************************/
.about .content-container {padding: 0 10px}
.about .about-img {float:left;width:130px}
.about .about-content {float:right;width:780px}
.about .about-img img {border:1px solid #CCCCCC;float:left}
.about .about-content p {font:12px Tahoma;color:#424242;margin-top:0 !important;line-height:1.7em;margin-bottom:10px}
.about .about-content p a, .about-content p.about a:visited {color:#0174DF}
.about .about-content p a:hover {color:#000;text-decoration:underline}
/*************************************************************************************************/

/* REVIEWS ***************************************************************************************/
.reviews .content-container {padding: 0 10px}
.reviews p.feedback {font:bold 12px Tahoma;color:#424242;line-height:1.5em;margin-top:10px}
.reviews p.testimonial {font:12px Tahoma;color:#424242;line-height:1.5em;margin-top:10px}
.reviews p.testimonial span {color:#999999;font-style:italic}
.reviews h2.comment {font:14px Tahoma;color:#424242;margin-top:20px}
.reviews a, .reviews a:visited {color:#0174DF}
.reviews a:hover {color:#000;text-decoration:underline}
/*************************************************************************************************/

/* OUR STORE *************************************************************************************/
.store .content-container {padding: 0 10px}
.store p.slideshownote {font:10px Tahoma;color:#424242;margin-left:270px;line-height:1.5em;margin-bottom:10px}
.store .slideshow {margin-left:200px;margin-top:20px}
.store a, .store a:visited {color:#0174DF}
.store a:hover {color:#000;text-decoration:underline}
/* slideshow */
#gallery {
	position:relative;
	height:405px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:500px; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
/*************************************************************************************************/

/* BLOG /*****************************************************************************************/
#containerAll {width:938px;background-color:#fff;padding:10px;margin:0;text-align:left}
#contentcontainer {margin-bottom:10px;height:auto;padding:0 10px}
#blogContent {overflow: hidden;width: 100%;background:#ffffff;margin:0}
#mainblogger {margin:0px;padding:0 0 10px;color:#000;font-size:100%;line-height:1.5em;width: 65%;float: left}
#main {float:left;width:100%;padding:10px 0 0}
.post-body {	margin:0}
.post-body img {margin: 10px 10px 10px 20px}
.post-body h1, .post-body h2 {font:bold 14px Arial;color:#424242}
.post-body p {font:12px Tahoma;color:#424242;line-height:1.5em}
.hr {border-top:1px solid #EBEBEB;margin:20px 0 20px 0}
h1.post-title {margin:0 0 20px 0px !important;font:16px Tahoma !important;color:#424242 !important}
h1.post-title a, h1.post-title a:visited {text-decoration:none;font:16px Tahoma !important;color:#424242 !important;margin:0 0 20px 0px !important}
h2.date-header {font-size:12px !important;color:#B40404;margin:10px 0px 10px 0px}
.pagination {width:100%;height:30px}
.postNav {margin-top:10px}
.postNav a  {font:bold 12px Arial;color:#B40404;text-decoration:none}
.postNav a:visited  {font:bold 12px Arial;text-decoration:none}
#diggit {padding:10px 0 20px 0}
#diggit ul {margin:0;padding:0}
#diggit ul li {display:inline;float:left;color:#000;font:14px/18px Arial;padding-right:10px;}
#diggit ul li a, #diggit ul li a:visited {color:#424242}
#diggit ul li.digg {padding-top:2px;display:inline;float:left;color:#000;font:14px/18px Arial}
#sidebar  {background:#EEEEEE;width: 250px;float: right;margin:0px 20px;font-size:100%;line-height:1.5em;-moz-border-radius: 15px;border-radius: 15px}
.sidebox {width:249px;padding:10px}
.sidelist {padding-right:15px}
.sidelist h2 {font:18px Tahoma;color:#2E2E2E;padding:10px 0 10px 0}
.sidelist ul {margin:0 0 0 30px}
.sidelist ul li {text-align:left}
.sidelist ul li a, .sidelist ul li a:visited {font:normal 12 Arial;color:#424242 !important;text-decoration:none}
.sidelist ul li a:hover {color:#000 !important;text-decoration:none}
.subscribe {padding-bottom:20px;text-align:left;margin:0 0 0 30px}
/*************************************************************************************************/