/* 
    Document   : darren
    Created on : 21-Jun-2010, 15:45:09
    Author     : Darren
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Reset stylesheet (Thanks to Eric Meyer)
--------------------------------------------------*/
/*
    Opted for this style sheet because it resets ul,ol browser styles
*/
@import url(reset.css);

root { 
    display: block;
}

.suffix-20.suffix-20{margin-right:20px;}
.gold{color:#CC9900;}


body{background-color: #F2F1EC; font-family: Arial,Helvetica,sans-serif; color:#666666; line-height:110%;}

h1{font-size: 16px; margin: 5px 0 5px 0; font-weight:bold;}
p{font-size: 13px; margin: 10px 0 10px 0;}
p a{font-weight: bold; color:#666666;}
p a:hover{font-weight: bold; color:#666666; text-decoration: none;}

.headerContainer{height:76px; background: url("/images/layout/header_bg.png"); background-repeat:repeat-x; line-height:76px;}
.headerContainer .container img{vertical-align: middle;}
.menuDiv .menuList{float:right; font-size: 20px;}
.menuDiv .menuList li.listItem{float:left; margin: 0 10px 0 10px;}
.menuDiv .menuList li.lastItem{margin: 0 0 0 10px;}
.menuDiv .menuList li.listItem a{color:#999999; text-decoration: none;}
.menuDiv .menuList li.listItem:hover a{color:#000000;}

.strap{font-size:26px; color:#999999; margin: 15px 0 15px 0;}
.galleryContainer{height: 472px; background-color:#333333; padding: 10px; margin: 15px 0 15px 0;}
.galleryDiv, .pageContent{width:628px; margin-right: 10px; float:left;}
.stockInfo, .contactInfo, .plainInfo{width:260px; height:440px; padding:15px; border:solid 1px #FFFFFF; background-color: #D0CFCB; float:left; font-weight: bold;}
.stockInfo .stockInfoList{font-size:13px;}
.stockInfo .stockInfoList li{list-style-type:disc; list-style-position: inside;}
.plainInfo{font-weight:normal;}
span.gold{}

.footerContainer{padding: 15px 0 0 0; margin-top: 15px; background-color: #CFCECA; font-size:13px;}
.footerInfo img{margin-right:10px; border:solid 2px #000000;}
.line hr, .stockInfo hr, .contactInfo hr{height:2px; background-color: #FFF; margin: 15px 0 15px 0;}
.footerLinks{margin: 0 0 15px 0;}


/*
____________________________________________________________________________________________ FORMS */

form#contact{margin-top:10px;}
.contactForm {float: left; margin-left: 20px;}
.contactform input, textarea { width:246px;}

label{
    font-size:12px;
    margin-bottom:3px;
}

.errors{color:#FF0000; font-size:12px;}
dd{margin-bottom:13px;}
dt{margin-bottom:5px;}

.input, #contact_name, #contact_email, #contact_subject, #contact_phone{
	background-color:#D0CFCB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
	border:2px solid #666666;
	font-family:Tahoma, Arial, verdana;
	font-size:12px;
	width:246px;
	padding:5px 5px;
	margin:0px;
	color:#666666;
}
.input-submit, #submit-element #submit{
	background-image:url(/images/layout/send_btn.png);
	background-repeat:no-repeat;
        background-color:#D0CFCB;
	padding:0px; margin:0px;
	border:0px;
	width:47px;
	height:20px;
	cursor:pointer;
	float:right;
	margin-top:10px;
        
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
.input-submit, #submit-element #submit{
	background-image:url(/images/layout/send_btn.png);
	background-repeat:no-repeat;
        background-color:#D0CFCB;
	padding:0px; margin:0px;
	border:0px;
	width:47px;
	height:20px;
	cursor:pointer;
	float:right;
}
}
.textarea, #contact_message{
	background-color:#D0CFCB;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(border-radius.htc);
	border:2px solid #666666;
	font-family:Tahoma, Arial, verdana;
	font-size:12px;
	overflow:hidden;
	width:246px;
	padding:5px 5px;
	margin:0px;
	color:#666666;
}

#submit-label{margin:0px; padding:0px; height:0px;}
#submit-element #submit{width:60px; }


/*
____________________________________________________________________________________________ FORMS END */