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

Grafner Brothers
General Screen Styles

Created by 
http://www.ugeideas.com

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

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #2d1b00; line-height: 1.5; }
body { min-width: 1024px; background:url(../images/body-bk.jpg) top center no-repeat; } 
h1 { font: 2em Georgia, "Times New Roman", Times, serif; color: #2d1b00; margin-bottom: 1em;}
h2 { font: 1.875em Georgia, "Times New Roman", Times, serif; color: #2d1b00; }
	h2.product_info { border-top: 1px solid #91916c; border-bottom: 1px solid #91916c; text-align: right; clear: both; padding: .5em 1.25em .5em 0; }
h3 {  }

a, #main a cite, a * { color: #2d1b00; text-decoration: underline; }
a:hover, a:focus, #main a:hover cite, #main a:focus cite, a:hover *, a:focus * { color: #da9c29; }

abbr, acronym { border: none; }

p { font: 13px/1.5 Georgia, "Times New Roman", Times, serif; color: #2d1b00; }
p, ul, ol, dd { margin: .75em auto 2.5em auto; }
dd {  }
p em { font-style: italic; line-height: 1.5;}
p strong { font-weight: bold; line-height: 1.5; }
strong { font-weight: bold; line-height: 1.5; }

blockquote { margin-bottom: 1em; }
blockquote p.first { font-size: 2.25em; line-height: 1; margin-top: 1.5em; margin-bottom: 0; }
blockquote cite {  }

img { display: block; }

dfn { font-style: normal; }

a.badge img { border: none; background-color: #999; margin-top: 3em; margin-top: 0; }
a.badge:hover img, a.badge:focus img { background-color: #4e3114; }


/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { background:url(../images/header-bk.jpg) top center no-repeat; width: 1024px; height: 263px; position:relative; }

#logo { position: relative; left: 367px; top: 59px; margin-bottom: -160px; width: 302px; }

/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/

ol#horiz_nav { width: 1024px; position: relative; top: 210px; margin-top: 0; padding-left: 20px; }
	ol#horiz_nav li { display: inline; text-align: left; }
		ol#horiz_nav li a { display: inline-block; margin: 0 1.25em 0 1.25em; padding: .5em; width: 146px; font: .875em/1 Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none;}
		ol#horiz_nav li a#nav-jewelry { text-align: center; }
		ol#horiz_nav li a:hover { color: #da9c29; }
		
ol#side_nav { width: 170px; margin-right: 20px; background: url(../images/vertical-nav-bk.jpg) top right no-repeat; min-height: 550px; margin-top: -49px; padding-top: 50px;}
	ol#side_nav li { text-align: right; margin-bottom: .875em;}
	ol#side_nav li a { display: block; text-align: right; font: 13px Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #2d1b00; padding: 0 .5em .875em .5em; }
		ol#side_nav li a:hover { color: #da9c29; }
	ol#side_nav li ol { margin: -.25em 8px 1.75em 0; padding: 0; }
		ol#side_nav li ol li a { font-size: .687em; padding: 0; margin: 0; display: list-item; text-decoration: underline; line-height: .25; }


/*-------------------------------------------    
    Structure
-------------------------------------------*/

/*------------------------------------------
	Sidenav Active
-------------------------------------------*/
#nav-home { border-bottom: 1px solid #111; }
div#home a#nav-home, 
div#gifts a#nav-gifts, 
div#jewelry a#nav-jewelry,
div#custom a#nav-home,
div#diamonds a#nav-diamonds { color: #829956; font-weight: bold;  }

/*div#diamonds a#nav-diamonds, 
div#custom a#nav-custom, 
div#engagement a#nav-engagement { color: #829956; }*/


/*------------------------------------------
	Sidenav Active
-------------------------------------------
div#diamonds ol#side_nav li a#nav-diamonds, 
div#diamonds-fair ol#side_nav li a#nav-fairtrade, 
div#engagement ol#side_nav li a#nav-engagement, div#engagement ol#side_nav li a#nav-active, 
div#gifts ol#side_nav li a#nav-gifts, 
div#contact ol#side_nav li a#nav-contact, div#contact ol#side_nav li a#nav-home { color: #829956; font-weight: bold;}*/

ol#horiz_nav li a.active, ol#side_nav li a.active { color: #829956; font-weight: bold;}

ol#skipto { position: absolute; left: -999em; }

#container { width: 1024px; margin: 6px auto 2em auto; clear: both; }

#content { padding-left: 167px; /* LC width */ padding-right: 425px;  /* RC width */ margin-top: 50px;  }

/*------------------------------------------
	Width of Page Based on Content
-------------------------------------------*/
div#diamonds #content, div#diamonds-fair #content { padding-right: 300px; }
div#engagement #content { padding-right: 180px; } 
div#jewelry #content, div#history #content, div#gifts #content, div#custom #content, div#jewelry #content  { padding-right: 100px; }/* For big right image*/
	#content .column { float: left; position: relative; }

#centercolumn { width: 100%; padding-left: 20px; min-height: 500px; }
#leftcolumn { margin-left: -100%; width: 170px; right: 190px; }
#rightcolumn { width: 328px; margin-right: -425px; padding-left: 25px; }

p.hp { margin-right: 3em; }

ol.list { font: 13px Georgia, "Times New Roman", Times, serif; }
	ol.list li { padding: .1em .4em; }
	
ol#breadcrumbs { font: .687em Georgia, "Times New Roman", Times, serif; }
	ol#breadcrumbs li { display: inline; padding: .5em;}

ol#productgallery { }
	ol#productgallery li { min-width: 117px; min-height: 125px; border-right: 1px solid #90906b; padding: 25px; float: left;  }
	ol#productgallery li.first_row { border-bottom: 1px solid #90906b; }
	ol#productgallery li a {  }

ol#prev_next { font: .687em Georgia, "Times New Roman", Times, serif; clear: both; text-align: right; margin-top: 400px;}
	ol#prev_next li { display: inline; padding: .5em;}

.left { float: left; margin: 1em; }
.right { float: right; margin: 1em; }

.txtright { text-align: right; }


/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer { clear: both; color: #9ca5ae; font: .687em Georgia, "Times New Roman", Times, serif; text-align: center; width: 100%; }
	ol#address, ol#footer_nav { margin: 0 0 0 200px; width: 750px; padding-top: .5em; text-align: center;  }
		ol#address li, ol#footer_nav li { display: inline; margin: .75em 1.875em .75em 0; }
	
/*------------------------------------------- 
	FORMS
-------------------------------------------*/

form.cmxform {margin-top:15px; margin-left: 2em; width:500px;}

form.cmxform span {color:#666;}

form.cmxform span.required {color:#E2001A;}
span.required {color:#E2001A;}

form.cmxform fieldset { }


form.cmxform label {

  display: inline-block;

  line-height: 1.8;

  vertical-align: top;

  text-align:left;

  margin-right: 10px;
  color: #5B5B5D; font: bold .75em Verdana, Arial, Helvetica, sans-serif;

}

form.cmxform fieldset ol {

  margin: 0;

  padding: 0;

}

form.cmxform fieldset li {

  list-style: none;

  padding: 5px;

  margin: 0;

}

form.cmxform fieldset li.notrequired { margin-left: 12px; }

form.cmxform em {

  font-weight: bold;

  font-style: normal;

  color: #f00;

}

form.cmxform label {

  width: 150px; /* Width of labels */

}

form.cmxform fieldset li.notrequired label { width: 128px; }

#submit { margin-left: 150px; }

form.cmxform input.checkbox_subscribe { margin-left: 0em; margin-right: .75em; }
form.cmxform label.subscribe {  width: 260px; /* Width of labels */ text-align: left; }