/* S. Warrender & Co. */
/* www.warrenders.co.uk */
/* CSS */
/* Author: Tom Aston (www.fourtwentythree.co.uk) */

@import url('reset.css');
@import url('clearfix.css');

body {
	background:#195943;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:62.5%;
	margin:0;
	padding:0;
	color:#333333;
}
a:link,
a:visited {
	color:#195943;
	text-decoration:underline;
	font-weight:bold;
}
a:hover,
a:active {
	color:#111111;
	text-decoration:none;
}
#header {
	background:url(../images/header-bg.gif) left top repeat-x #FFFFFF;
	padding:54px 0 0 0;
}
#header h1 {
	padding:0;
	margin:0 auto;
	width:765px;
}
#header h1 a {
	text-indent:-999em;
	height:53px;
	width:765px;
	display:block;
	background:url(../images/s-warrender-co.gif) left top no-repeat #FFFFFF;
}
#celebrating {
	padding:20px 0 0 0;
	margin:0 auto;
	width:765px;
}
.homepage {
	background:url(../images/bg-1.gif) center bottom no-repeat #FFFFFF;
}
.aboutpage {
	background:url(../images/bg-2.gif) center bottom no-repeat #FFFFFF;
}
.collectionpage {
	background:#FFFFFF;
}
.contactpage {
	background:#FFFFFF;
}
.jewellerypage {
	background:#FFFFFF;
}
#inner-container {
	width:765px;
	margin:0 auto;
	padding:20px 0 20px 0;
	line-height:1.6em;
}
#navigation {
	width:255px;
	float:left;
	margin:0;
	padding:0;
	font-size:1.3em;
}
#navigation ul {
	margin:0 0 15px 0;	
}
#navigation li {
	margin:7px 0 0 0;
}
#navigation li#menu ul li {
	margin:3px 0 0 5px;
	padding:0 0 0 16px;
	background:url(/images/bullet.gif) 0.2em 0.45em no-repeat;
	font-size:0.85em;
}
#navigation li a {
	text-decoration:none;
}
#navigation li a:hover,
#navigation li a:active {
	color:#195943;
}
#navigation li a.fade:link,
#navigation li a.fade:visited {
	color:#6e9b8c;
}
#navigation li a.fade:hover,
#navigation li a.fade:active {
	color:#195943;
}
#navigation li#nag-link a {
	text-indent:-999em;
	width:100px;
	height:39px;
	background:url(../images/nag-logo.gif) left top no-repeat #FFFFFF;
	display:block;
	margin:30px 0 0 0;
}
#content {
	width:510px;
	float:left;
	margin:0;
	padding:7px 0 0 0;
	min-height:420px;
	height:auto !important;
	height:420px;
}
#content p,
#content ul {
	font-size:1.2em;
	margin:0 0 15px 0;
	line-height:1.5em;
}
#content h2 {
	font-size:1.2em;
	line-height:1.5em;
}
#content p.no-margin {
	margin:0;
	clear:both;
}
#content ul li {
	padding:0 0 0 16px;
	margin:0 0 4px 0;
	background:url(/images/bullet.gif) 0em 0.5em no-repeat;
}
#content p#commitment {
	text-indent:-999em;
	height:92px;
	width:473px;
	display:block;
	margin:0 0 30px 0;
	background:url(../images/commitment.gif) left top no-repeat #FFFFFF;
}
#content .drop-cap {
	float:left;
	color:#195943;
	font-size:40px;
	line-height:35px;
	padding:0 1px 0 0;
	font-weight:normal;
}
#content h1#about {
	text-indent:-999em;
	height:25px;
	width:109px;
	display:block;
	margin:0 0 15px 0;
	background:url(../images/aboutus.gif) left top no-repeat #FFFFFF;
}
#content h1#contact {
	text-indent:-999em;
	height:25px;
	width:124px;
	display:block;
	margin:0 0 15px 0;
	background:url(../images/contactus.gif) left top no-repeat #FFFFFF;
}
#content h1#diamonds {
	text-indent:-999em;
	height:25px;
	width:119px;
	display:block;
	margin:0 0 15px 0;
	background:url(../images/diamonds.gif) left top no-repeat #FFFFFF;
}
#content h1#gemstones {
	text-indent:-999em;
	height:25px;
	width:253px;
	display:block;
	margin:0 0 15px 0;
	background:url(../images/gemstones.gif) left top no-repeat #FFFFFF;
}
#content h1#care {
	text-indent:-999em;
	height:25px;
	width:274px;
	display:block;
	margin:0 0 15px 0;
	background:url(../images/care.gif) left top no-repeat #FFFFFF;
}
#content h1#collection {
	text-indent:-999em;
	height:25px;
	width:171px;
	display:block;
	margin:0 0 15px 0;
	background:url(../images/collection.gif) left top no-repeat #FFFFFF;
}
#content dl {
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 15px 0;
	padding:0;
}
#content dt {
	float:left;
	width:130px;
	clear:both;
}
#content #contact-colleft {
	width:255px;
	float:left;
	margin:0 20px 0 0;
}
#content #contact-colright {
	width:235px;
	float:left;
	padding:5px 0 0 0;
}
#content #thecollection img {
	width:49px;
	height:49px;
}
#content #thecollection a {
	display:block;
	border:solid 1px #e8eeec;
	float:left;
	width:49px;
	height:49px;
	margin:0 5px 5px 0;
	display:inline;
}
#content #thecollection a:hover,
#content #thecollection a:active,
#content #thecollection a.highlighted {
	border:solid 1px #195943;
}
#content #enlarged {
	margin:0 0 20px 0;
}
#content #enlarged img {
	border:solid 1px #e8eeec;
	float:left;
	margin:0;
}
#content #enlarged p {
	float:left;
	width:204px;
	background:url(../images/ui-selected.gif) right top repeat-x #FFFFFF;
	font-weight:bold;
	font-size:1.3em;
	padding:8px 10px;
	color:#444444;
	height:240px;
}
#content #enlarged p em {
	margin:3px 0 0 0;
	font-style:normal;
	font-weight:normal;
	display:block;
}
#disclaimer {
	padding:10px 0;
	font-size:0.9em;
	font-style:italic;
	width:500px;
}
#footer em {
	color:#4f9b81;
}

/**/

@media projection, screen {
    #content .ui-tabs-hide {
        display:none;
    }
}
@media print {
    #content .ui-tabs-nav {
        display:none;
    }
}
#content ul.ui-tabs-nav {
	margin:0;
	padding:0;
}
#content .ui-tabs-nav:after {
    display:block;
    clear:both;
    content:" ";
}
#content ul.ui-tabs-nav li {
    float:left;
	margin:0 5px 0 0;
	padding:0;
	background:none;
}
#content .ui-tabs-nav a,
#content .ui-tabs-nav a span {
    display:block;
    padding:0;
}
#content .ui-tabs-nav a {
    margin:0;
    padding:0;
    text-decoration:none;
    white-space:nowrap;    
    outline:0;
	font-size:0.95em;
	padding:4px 8px 4px 7px;
}
#content .ui-tabs-nav .ui-tabs-selected a {
    margin:0;
	background:url(../images/ui-corner.gif) right top no-repeat #E8EEEC;
}
#content .ui-tabs-nav a span {
    padding:0;
}
*>#content .ui-tabs-nav a span {
    width:auto;
    height:auto;
}
#content .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
/*#content .ui-tabs-nav .ui-tabs-selected a,
#content .ui-tabs-nav a:hover, 
#content .ui-tabs-nav a:focus, 
#content .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
#content .ui-tabs-nav a {
    background-position: 100% -100px;
}
#content .ui-tabs-nav .ui-tabs-selected a span, 
#content .ui-tabs-nav a:hover span, 
#content .ui-tabs-nav a:focus span, 
#content .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
#content .ui-tabs-nav a span {
    background-position: 0 0;
}*/
#content .ui-tabs-nav .ui-tabs-selected a:link, 
#content .ui-tabs-nav .ui-tabs-selected a:visited {
    cursor: text;
}
#content .ui-tabs-nav a:hover, 
#content .ui-tabs-nav a:focus, 
#content .ui-tabs-nav a:active,
#content .ui-tabs-nav .ui-tabs-unselect a:hover, 
#content .ui-tabs-nav .ui-tabs-unselect a:focus, 
#content .ui-tabs-nav .ui-tabs-unselect a:active {
    cursor: pointer;
}

#content .ui-tabs-panel {
    padding:15px;
	background:url(../images/ui-selected.gif) left top repeat-x #FFFFFF;
}
* html #content .ui-tabs-nav {
    display: inline-block;
}
*:first-child+html #content .ui-tabs-nav  {
    display: inline-block;
}

/**/

#footer {
	background:url(../images/footer-bg.gif) left top repeat-x #195943;
}
#footer p {
	display:block;
	margin:0 auto;
	padding:12px 0;
	width:765px;
	color:#EAF4F1;
	font-size:1.1em;
}