/*-----------------------------------------------------------------------------
SPECIALIST RIFLE SERVICES Style Sheet

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2006
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Body Remove padding and margin
----------------------------------------------------------------------------- */
* {
  margin: 0;
	padding: 0;
}

body {
	font-family: Georgia, serif;
	font-size: 62.5%; /* takes medium font size down from 16px to 10px */
	background-image: url("../images/body_bkgd.gif");
}


#home #main_nav .home a,
#moderators #main_nav .moderators a,
#fclass #main_nav .fclass a,
#custom #main_nav .custom a,
#blue #main_nav .blue a,
#general #main_nav .general a,
#shop #main_nav .shop a,
#contact #main_nav .contact a,
#actions #main_nav .actions a {
	background: #dadbcd;
	color: #000;
	text-decoration: none;
	cursor: default;
}


/* =Container wrapping the header, left and right columns and footer together
----------------------------------------------------------------------------- */
#container {
	background: #fff url("../images/container_bkgd.gif") repeat-y left top;
	border: 1px solid #414100;
	position: relative;
	left: 50%;
	margin-left: -400px;
	padding: 0;
	width: 800px;
}

/* =logo */
#masthead img {
	border: 0;
}

/* =Strapline space for time/date or contact details
----------------------------------------------------------------------------- */

#strapline {
	text-align: right;
	font-size: 1.2em;
	line-height: 2em;
	border-bottom: 1px solid #e9e9da;
	padding-right: 25px;
	color: #666600;
}

/* =Mainnav main nav in left column
----------------------------------------------------------------------------- */
#main_nav {
	background-color: #e9e9da;
	float: left;
	width: 200px;
	font-size: 1.2em;
	margin-top: 2em;
}

#main_nav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

#main_nav li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
	background: #e9e9da;
	line-height: 2em;
}

#main_nav li a {
	display: block;
	padding-left: 10px;
	text-decoration: none;
	color: #333;
}

#main_nav li a:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
}

/* =Subnav featured sections in left column
----------------------------------------------------------------------------- */
#sub_nav {
	margin-top: 4em;
	padding-bottom: 2em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-image: url("../images/feature_bkgd.gif");
	background-repeat: repeat-y;
	background-color: #e9e9da;
	float: left;
	width: 200px;
}

#sub_nav p {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 0 10px 20px 10px;
}

#sub_nav h3 {
	font-size: 1.1em;
	padding: 5px 0 5px 10px;
	color: #666600;
}

.divider {
	border-bottom: 1px solid #fff;
}

#sub_nav a {
	text-decoration: none;
	color: #666600;
	border-bottom: 1px dotted #666600;
}

#sub_nav a:hover {
	background-color: #fff;
	color: #666600;
}

#sub_nav img {
	border: 1px solid #fff;
	display: block;
	margin-bottom: 2px;
}

#sub_nav img a {
	display: block;
	border: 0;
}

/* =MainContent main content copy/images
----------------------------------------------------------------------------- */
#main_content {
	background-color: #fff;
	float: right;
	width: 580px;
	padding-bottom: 25px;
}

#main_content h2 {
	font-size: 1.6em;
	line-height: 1.4em;
	color: #666600;
	padding: 10px 0 5px 0;
}

#main_content h3 {
	font-size: 1.4em;
	color: #666600;
	padding: 10px 0 5px 0;
}

#main_content p {
	padding: 0 25px 10px 0;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #333;
}

#main_content p.spacer {
	padding: 0 0 50px 0;
}

#main_content a {
	color: #666600;
	text-decoration: none;
	border-bottom: 1px dotted #666600;
}

#main_content a:hover {
	background-color: #e9e9da;
	color: #000;
}

#main_content p img {
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px solid #666600;
}

#main_content p img.thankyou {
	float: left;
	margin: 10px 0 10px 0;
	border: 1px solid #666600;
}

#main_content img.imgL {
	float: left;
	margin: 10px 20px 20px 0;
	border: none;
}

#main_content ul {
	margin: 0;
	border: 0;
	padding: 0 25px 10px 0;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #333;
	list-style: none;
}

#main_content li {
	padding: 0 0 10px 2em;
	margin: 0;
	background: url("../images/bullet.gif") no-repeat 0.2em left;
}

#main_content img a {
	text-decoration: none;
}

#main_content .product_frame {
	display: block;
	margin: 0 10px 10px 0;}

/* =MainContenttable main content table specs
----------------------------------------------------------------------------- */

caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.5em 0;
	color: #666600;
	text-align: left;
}

table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 555px;
	font-family: verdana;
}

th {
	background-color: #e9e9da;
	text-align: left;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0.5em;
	font-weight: normal;
}

td {
	background-color: #fff;
	text-align: left;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0.5em;
}

.tabletitle {
	background-color: #dadbcd;
	font-weight: bold;
	line-height: 1.6em;
}

table#riflespec {
	margin-bottom: 10px;}


/* =MainContentimages main content thumbnail images
----------------------------------------------------------------------------- */

#imagesleft {
	float: left;
	margin: 10px 0 0 0;
	width: 260px;
}

#imagesleft img {
	display: block;
	border: 1px solid #e9e9da;
	margin-bottom: 10px;
}

#imagesleft p {
	font-style: italic;
	line-height: 1.3em;
}

#imagesright {
	float: right;
	margin: 10px 25px 0 0;
	width: 260px;
}

#imagesright img {
	display: block;
	border: 1px solid #e9e9da;
	margin-bottom: 10px;
}

#imagesright p {
	font-style: italic;
	line-height: 1.3em;
}

/* =Button for going back
----------------------------------------------------------------------------- */

#backbutton {
	margin: 20px 0 20px 0;
	clear: both;
}

#backbutton h3 {
	font-size: 1.4em;
	color: #666600;
	padding: 10px 0 5px 0;
}



/* =Footer site info
----------------------------------------------------------------------------- */
#site_info {
	background-color: #666600;
	clear: both;
	text-align: center;
	font-size: 1em;
	color: #fff;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}

#site_info a {
	text-decoration: none;
	color: #fff;
}

#site_info a:hover {
	background-color: #e9e9da;
	color: #666600;
}

/* =Classes
----------------------------------------------------------------------------- */
.frame {
	border: 1px solid #fff;
}

.highlight {
	font-weight: bold;
}

#main_content p.notice {
	font-weight: bold;
	color: #000;
	text-transform: uppercase;}

/* =popup STYLES
----------------------------------------------------------------------------- */

#popup_container {
	width: 640px;
	margin-left: -320px;
	position: relative;
	left: 50%;
	margin-top: 20px;
}

#popup_container a {
	font-family: verdana, sans-serif;
	font-size: 1.2em;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border-bottom: 1px dotted #666600;
}

#popup_container a:hover {
	background-color: #e9e9da;
	color: #000;
}

#popup_container_target {
	width: 320px;
	margin-left: -160px;
	position: relative;
	left: 50%;
	margin-top: 20px;
}

#popup_container_target a {
	font-family: verdana, sans-serif;
	font-size: 1.2em;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border-bottom: 1px dotted #666600;
}

#popup_container_target a:hover {
	background-color: #e9e9da;
	color: #000;
}

/* =Form styling
----------------------------------------------------------------------------- */

#contact fieldset {
	margin: 10px 0 25px 0;
	padding: 1em;
	width: 450px;
	border: 1px solid #e9e9da;
}

#contactlist ul {
	margin: 0;
	padding: 0;
}

#contactlist li {
	margin: 0;
	padding: 0;
	background: none;
	font-weight: bold;
}

legend {
	font-weight: bold;
	color: #666600;
}

label {
	display: block;
}

input[type="text"] {
	width: 20em;
}

textarea {
	width: 430px;
	height: 100px;
}

input.submit {
	width: auto;
}

input:focus, textarea:focus {
	background: #ffc;
}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}

.required {
	font-size: 0.9em;
	color: #ff0000;
}

.highlighter {
	color: #666600;
}