/*=================================================================================

Project:		JR Jewelers
Version:		2.2
Last Changed:	02/10/2010
Author:			Daniel Rus

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
		2.2.1 HOME
		2.2.2 CONTACT US
		2.2.3 LEARN
		2.2.4 CUSTOMER SERVICE
		2.2.5 SITEMAP
	2.3 SIDEBARS
	2.4 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 MAIN NAVIGATOR
	3.2 TOP NAVIGATOR
	3.3 BOTTOM NAVIGATOR
4. FORMS [style for form elements]
5. DIRECTORY [style for listing categories and products]
6. PRODUCT HOMEPAGE

=================================================================================*/






/* 1. GENERAL -------------------------------------------------------------------*/

body { margin: 0; background-color: #000000; font: normal 0.8em/1.5em Arial; color: #555555; }
h1 { margin: 0 0 15px 0; font: normal 1.7em/1.7em "Georgia","Trebuchet MS", Tahoma; color: #a00909; }
h2 { margin: 25px 0 15px 0; font: bold 1.2em "Georgia","Trebuchet MS", Tahoma; color: #555555; font-variant: small-caps; }

a
{
	color: #c10000;
	text-decoration: none;
}

a:hover
{
	color: #333333;
}

img
{
	border: none;
}

p
{
	margin: 12px 0;
	text-align: justify;
}

em
{
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.dividerH
{
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	background: url(../../general/dividerH.gif) repeat-x;
	margin: 20px 0;
}

.clearAll
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}





/* 2. LAYOUT --------------------------------------------------------------------*/

#container
{
	width: 980px;
	margin: 20px auto;
	background-color: #ffffff;
}


/* 2.1 HEADER ------------------*/

#header
{
	height: 184px;
}

#topPhoto
{
	height: 120px;
	position: relative;
	background: url(../../general/topPic.gif) no-repeat;
}

#logo
{
	position: absolute;
	left: 35px;
	top: 6px;
}


/* 2.2 CONTENT -----------------*/

#content
{
}

#mainContent
{
	float: left;
	width: 612px;
	padding: 0 12px 30px 12px;
}

.more
{
	font-size: 0.9em;
	color: #a00909;
	text-decoration: none;
}


/* 2.2.1 HOME ------------------*/

.infoGiftBoxes
{
	height: 180px;
	width: 610px;
	background: url(../../12/photoGiftBoxes.jpg) no-repeat;
}

.infoGiftBoxes p
{
	width: 300px;
	padding-top: 80px;
	padding-left: 280px;
	margin: 0;
	font-size: 0.9em;
}

.infoBridalAdv
{
	display: block;
	height: 170px;
	margin: 0;
	padding: 0;
}

.infoTritonAdv
{
	display: block;
	height: 180px;
	margin: 0;
	padding: 0;
}


/* 2.2.2 CONTACT US ------------*/

#contactByPhone
{
	height: 100px;
	padding: 35px 200px 5px 20px;
	background: url(../../general/contactByPhone.jpg) no-repeat;
	margin-top: 12px;
	font-size: 9pt;
}

#contactByEmail
{
	height: 250px;
	padding: 10px 10px 0 260px;
	background: url(../../general/contactByEmail.jpg) no-repeat;
	margin-top: 12px;
	font-size: 9pt;
}

#contactByMail
{
	height: 90px;
	padding: 35px 180px 5px 20px;
	background: url(../../general/contactByMail.jpg) no-repeat;
	margin-top: 12px;
	font-size: 9pt;
	line-height: 13pt;
}

#contactByMail blockquote
{
	margin: 5px 0 0 40px;
}


/* 2.2.3 LEARN -----------------*/

.learnCategory
{
	padding-top: 20px;
}

.learnCategory ul
{
	margin: 0;
	padding: 0 0 0 160px;
	list-style: none;
}

.learnCategory ul li
{
	font-size: 8.6pt;
	line-height: 14px;
}

.learnDiamonds { background: url(../../general/learn/learnDiamondEd.gif) no-repeat left 60px; height: 160px; }
.learnGemstones { background: url(../../general/learn/learnColoredGemsEd.gif) no-repeat left 70px; height: 150px; }
.learnMetals { background: url(../../general/learn/learnPreciousMetals.gif) no-repeat left 90px; height: 180px; }
.learnMultiColor { background: url(../../general/learn/learnMultiColoredDias.gif) no-repeat left 70px; height: 160px; }
.learnPearls { background: url(../../general/learn/learnPearlEd.gif) no-repeat left 70px; height: 150px; }
.learnSize { background: url(../../general/learn/learnDetermineSize.gif) no-repeat left 70px; height: 180px; }

.learnCategory p { font-size: 0.85em; }

.learnCategory h2 { margin-top: 0; }

.commonList
{
	list-style-type: none;
	margin: 10px 0 10px 15px;
	padding: 0;
}

.commonList li
{
	padding-left: 15px;
	background: url(../../general/arrow3.gif) no-repeat 0 4px;
}

.row1
{
	height: 28px;
	border-top: 1px dotted #a00909;
	border-bottom: 1px dotted #a00909;
	background-color: #fff4f4;
	padding: 0;
}

.row2
{
	height: 28px;
	padding: 0;
}


/* 2.2.4 CUSTOMER SERVICE ------*/

.csQuestions
{
	list-style-type: none;
	margin: 10px 0 10px 20px;
	padding: 0;
}

.csQuestions li
{
	padding-left: 12px;
	height: 20px;
	line-height: 20px;
	background: url(../../general/arrow2.gif) no-repeat left center;
}

.csQuestions a
{
	color: #a00909;
	text-decoration: none;
}

.csQuestions a:hover
{
	color: #333333;
}

.goTop
{
	color: #a00909;
	text-decoration: none;
	font-size: 8.6pt;
	float: right;
}


/* 2.2.5 SITEMAP ---------------*/

ul.mapLinks
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.mapLinks li
{
	padding-bottom: 2px;
}

ul.mapSubLinks
{
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}

ul.mapSubLinks li
{
	padding-left: 12px;
	background: url(../../general/arrow2.gif) no-repeat 0 4px;
}


/* 2.3 SIDEBARS ----------------*/

.sidebar
{
	width: 167px;
	margin-bottom: 20px;
	background: url(../../general/menuBg.gif) repeat-y;
}

.floatleft { float: left; margin-left: 5px; display: inline; }
.floatright { float: right; }

.sidebar h2
{
	height: 23px;
	margin: 0;
	font: bold 1.2em/23px "Georgia", "Trebuchet MS", Tahoma;
	color: #555555;
	font-variant: small-caps;
}

.menuCall { text-indent: -9999px; background: url(../../general/menuCallUs.gif) no-repeat; }
.menuShopProduct { text-indent: -9999px; background: url(../../general/menuShopProduct.gif) no-repeat; }
.menuShopMaterial { text-indent: -9999px; background: url(../../general/menuShopMaterial.gif) no-repeat; }
.menuShopCategory { text-indent: -9999px; background: url(../../general/menuShopCategory.gif) no-repeat; }
.menuContact { text-indent: -9999px; background: url(../../general/menuContactUs.gif) no-repeat; }
.menuGiftIdeas { text-indent: -9999px; background: url(../../general/menuGiftIdeas.gif) no-repeat; }
.menuChat { text-indent: -9999px; background: url(../../general/menuChat.gif) no-repeat; }
.menuNewsletter { text-indent: -9999px; background: url(../../general/menuNewsletter.gif) no-repeat; }

.sidebar p { margin: 5px 0; }

.sidebarSeparator
{
	height: 12px;
	background: url(../../general/menuSeparator.gif) no-repeat;
}

.sidebarBottom
{
	display: block;
	height: 6px;
	font-size: 1px;
	line-height: 1px;
	background: url(../../general/menuBottom.gif) no-repeat;
}

.sidebar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 159px;
	margin-left: 1px;
	padding-bottom: 10px;
}

.sidebar ul li
{
	position: relative;
	padding: 3px 0;
	line-height: 16px;
	background: url(../../general/sdmenuTitleBg.gif) repeat-x;
}



.title,
.titlehidden
{
    display: block;
    font-weight: bold;
}

.arrow
{
    position: absolute;
	left: 0;
	top: 0;
	border: none;
}

.sidesubmenu
{
    overflow: hidden;
}

.sidesubmenu a
{
    padding: 2px 0 2px 15px;
	background: url(../../general/sdmenuArrow.gif) 0 3px no-repeat;
	margin-left: 15px;
    display: block;
	font: normal 8.6pt Arial;
    text-decoration: none;
	color: #a00909;
}

.sdmenuFirstLevel
{
	text-decoration: none;
	margin-left: 22px;
	font: normal 8.6pt Arial;
	color: #666666;
}

.phone
{
	color: #a00909;
	font: bold 16px/24px Arial;
	display: block;
	margin: 5px 0 5px 12px;
	padding-left: 26px;
	width: 108px;
	height: 24px;
	background: url(../../general/bgPhone.gif) no-repeat;
	font-style: italic;
}

.csLinkEmail
{
	display: block;
	padding-left: 27px;
	background: url(../../general/iconMail.gif) no-repeat;
	font: bold 15px/16px Arial;
	font-style: italic;
	font-variant: small-caps;
	color: #a00909;
	text-decoration: none;
	margin: 5px 12px;
}

.csLinkLocate
{
	display: block;
	padding-left: 27px;
	background: url(../../general/iconLocate.gif) no-repeat;
	font: bold 15px/16px Arial;
	font-style: italic;
	font-variant: small-caps;
	color: #a00909;
	text-decoration: none;
	margin: 5px 12px;
}


/* 2.4 FOOTER ------------------*/

#footer
{
	clear: both;
}

#bottomPhoto
{
	height: 54px;
	background: url(../../general/bottomPic.gif) no-repeat;
	text-align: right;
}

#sslCertificate
{
	float: left;
	margin-left: 8px;
	margin-top: 2px;
}

#search
{
	float: right;
	width: 200px;
	padding-top: 16px;
}

.fieldSearch,
.buttonSearch
{
	float: left;
}

#copyright
{
	text-align: center;
	font-size: 0.85em;
	background-color: #000000;
	color: #666666;
	padding: 10px 0 20px 0;
}

#copyright a
{
	color: #ffffff;
}

#copyright a:hover
{
	color: #ff4b4b;
}





/* 3. NAVIGATORS --------------------------------------------------------------------*/

/* 3.1 MAIN NAVIGATOR ----------*/

#menuHeader
{
	text-align: center;
	font-size: 12px;
}


/* 3.2 TOP NAVIGATOR -----------*/

#topPhoto ul
{
	float: right;
	width: 150px;
	margin: 8px 10px 0 0;
	padding: 0;
	list-style: none;
}

#topPhoto li
{
	display: block;
	height: 20px;
	padding-left: 24px;
	font: bold 0.85em/20px Arial;
	background: url(../../general/bgTopNav.gif) no-repeat;
}


/* 3.3 BOTTOM NAVIGATOR ---------*/

#menuFooter
{
	height: 23px;
	background: url(../../general/bgBottomNav.gif) repeat-x;
	text-align: center;
}

#menuFooter ul
{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 576px;
}

#menuFooter li
{
	float: left;
}

#menuFooter a
{
	float: left;
	height: 23px;
	text-indent: -9999px;
}

.navHome { width: 63px;	background: url(../../general/navHome.gif) no-repeat; }
.navAboutUs { width: 78px; background: url(../../general/navAboutUs.gif) no-repeat; }
.navContactUs {	width: 83px; background: url(../../general/navContactUs.gif) no-repeat; }
.navNewsletter { width: 93px; background: url(../../general/navNewsletter.gif) no-repeat; }
.navLearn {	width: 57px; background: url(../../general/navLearn.gif) no-repeat; }
.navCustomerService { width: 125px;	background: url(../../general/navCustomerService.gif) no-repeat; }
.navSitemap { width: 77px; background: url(../../general/navSitemap.gif) no-repeat; }

#menuFooter a:hover { background-position: 0 -23px; }

#menuFooter a:focus { outline: none; }





/* 4. FORMS ---------------------------------------------------------------------*/

form
{
	margin: 0;
	padding: 0;
}

.formHolder
{
	width: 350px;
	margin: 30px auto;
}

form br { clear: left; }

form label
{
	float: left;
	width: 120px;
	height: 20px;
	line-height: 20px;
}

.formField
{
	float: left;
	width: 200px;
	margin-bottom: 3px;
	margin-right: 10px;
	font: normal 9pt/9pt Arial;
	color: #555555;
	border: 1px solid #999999;
	padding: 3px;
}

.formTextarea
{
	float: left;
	width: 320px;
	height: 90px;
	margin-bottom: 3px;
	margin-right: 10px;
	font: normal 9pt/9pt Arial;
	color: #555555;
	border: 1px solid #999999;
	padding: 3px;
}

.formButtons
{
	clear: left;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #a00909;
	text-align: right;
}

.formNotes
{
	clear: left;
	padding: 10px 0;
	font-style: italic;
}





/* 1. DIRECTORY -----------------------------------------------------------------*/

.dirItem
{
	position: relative;
	float: left;
	margin: 18px 0 0 18px;
	width: 280px;
	height: 160px;
	border: 1px solid #c9c9c9;
	display: inline;
}

.dirItem img
{
	border: none;
}

.dirPhoto
{
	float: left;
	margin-right: 10px;
}

#mainContent .dirItem p
{
	margin: 0;
	padding: 10px;
	font-size: 8.6pt;
	text-align: left;
}

.dirViewItems
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#dirTitle
{
	margin: 10px 0;
}

#dirTitle span
{
	font-weight: bold;
	font-size: 8.6pt;
}

#dirTitle a
{
	font: bold 9pt Arial;
	color: #a00909;
	text-decoration: none;
}

#dirTitle a:hover
{
	color: #333333;
}

.dirList
{
	float: left;
	width: 110px;
	text-align: center;
	margin-left: 10px;
	margin-top: 20px;
	display: inline;
}

.dirList img
{
	border: 1px dotted #dddddd;
	margin-bottom: 4px;
}

.dirList a
{
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.2em;
	color: #333333;
}

.dirList a:hover
{
	color: #a00909;
}

.dirPaging
{
	margin-bottom: 20px;
}

.dirItemPage
{
	float: right;
	width: 160px;
	font-weight: bold;
	font-size: 0.85em;
	text-align: right;
}

.dirItemCount span
{
	float: left;
	width: 20px;
	text-align: center;
	border: 1px solid #dddddd;
	background-color: #fff2f2;
	font-size: 0.85em;
	margin-right: 4px;
	display: inline;
	font-weight: bold;
}

.dirItemCount span a
{
	float: left;
	width: 20px;
	text-align: center;
}

.rwHolder
{
	margin-top: 30px;
	border: 1px dotted #cccccc;
	padding: 18px 8px 8px 8px;
	background-color: #f2f5e4;
}

.rwHolder span
{
	float: left;
	margin-top: -28px;
	margin-left: 20px;
	padding: 0 4px;
	font: bold 16px Arial;
	color: #a00909;
	background-color: #ffffff;
}

.rwItems td
{
	text-align: center;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	padding: 4px;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.2em;
}




/* 1. PRODUCT HOMEPAGE ----------------------------------------------------------*/

.product
{
	padding-top: 10px;
}

.product h1
{
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #333333;
}

.product h1 span
{
	float: right;
	font: bold 0.8em Arial;
	padding-top: 6px;
}

.prPhotos
{
	float: left;
	width: 250px;
}

.prInfo
{
	float: right;
	width: 320px;
	padding-left: 20px;
	border-left: 1px dotted #a00909;
}

.prPrice
{
	float: left;
	width: 123px;
	padding-top: 7px;
	font-weight: bold;
	text-transform: uppercase;
	color: #a00909;
}

.prBuy
{
	float: right;
	width: 197px;
	text-align: right;
}

.prBuy table
{
	float: right;
	width: 180px;
}

.prUserOptions
{
	margin: 0;
	padding: 10px 0;
	list-style: none;
	height: 30px;
}

.prUserOptions li
{
	float: left;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}

.prFeedback { background: url(../../general/iconFeedback.gif) no-repeat left center; padding: 0 15px 0 25px; }
.prRecommend { background: url(../../general/iconEmail.gif) no-repeat left center; padding-left: 50px; }

.prCustomerSatisfaction
{
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

.prCustomerSatisfaction li
{
	float: left;
	padding: 0 12px;
	background: url(../../general/square.gif) no-repeat left center;
	font-weight: bold;
}

.prChangePhoto
{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 0;
	color: #a00909;
}

.prThumbs
{
	text-align: center;
}

.prThumbs a
{
	outline: none;
}

.prThumbs img
{
	margin: 10px;
	border: 1px dotted #dddddd;
}


.internal_links a
{

	color:#000;
	font-size:1em;
}

.internal_links a:hover
{
	color:#000;
	font-size:1em;
	text-decoration:underline;
}





.freeGift { margin: 0; }
.freeGift-thanks { text-align: center; }
.freeGift-over200 { position: relative; height: 120px; padding: 65px 310px 0 0; background: url(../../general/bgFreeGift-over200.gif) no-repeat; }
.freeGift-over200 a { position: absolute; top: 0; right: 0; width: 310px; height: 185px; }
.freeGift-over200 p { margin: 0; }
.freeGift-over200 p a { position: relative; display: block; width: 150px; height: 20px; font-size: 16px; font-weight: bold; padding: 8px 0; margin-left: 65px; }
.freeGift-over500 { position: relative; height: 155px; padding: 25px 0 0 250px; background: url(../../general/bgFreeGift-over500.gif) no-repeat; }
.freeGift-over500 p { margin: 0; text-align: right; }
.freeGift-over500 a { position: absolute; top: 0; left: 0; width: 250px; height: 180px; }
.freeGift-over500 p a {display:block; font-size:16px; font-weight:bold; height:20px; margin-left:90px; padding:8px 0; position:relative; width:30px;}

.cartFreeGift { background-color: #ededed; padding: 10px 20px; }