/*---:[ gpamstore.com design information - "style.css"
/*---:[ --------------------------------------------
/*---:[ Project:	   General Parts and Machinery Store
/*---:[ Author: 	   Barbara Eyre - 1Webhost2000
/*---:[ Author URI:	   http://www.1Webhost2000.com/
/*---:[ Date:		   August 2009		
/*---:[ Info:		   Created strictly for http://www.gpamstore.com
/*---:[ -------------------------------------------- ]:---*/

*{margin:0;padding:0;}

body {
min-width : 760px;
max-width : 1200px;
margin-top: 10px;
background: #2A672F;
background-repeat:repeat-y;
}

#border-outter {
border: 2px solid #FFFFFF;
width: 906px;
margin-left : auto;
margin-right : auto;
margin-bottom: 10px;
}

#border-inner {
border: 2px solid #4C9152;
width: 900px;
margin-left : auto;
margin-right : auto;
margin-bottom : 1px;
margin-top : 1px;
}

#fixcenter {
width : 900px;
background : #FFFFFF;
color : #003300;
margin-top: 0px;
overflow : hidden;
position : relative; /*establish stacking order for #header a*/
}

#header {
background : #FFFFFF;
border-bottom: none;
width : 900px; 
height : 160px;
margin-left : auto;
margin-right : auto;
}

#leftColumn {
float : left;
width : 185px;
margin-top : 20px;
margin-right : 5px;
margin-left: 5px;
display : inline; /*fix double margin bug in IE6 with float added above*/
}

#main {
float : right; /*set float on #main*/
display : inline; /*fix double margin bug in IE6 with float added above*/
margin-right : 10px;
margin-top : 5px;
margin-bottom : 10px; /*added this*/
padding-bottom: 20px;
width : 665px;
background: #FFFFFF;
}

h1 {
font-family : verdana;
font-size : 14px;
color : #000000;
text-align : center;
margin: 20px 0px 25px 0px;
}

p {
font-family : arial, verdana, helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-align : justify;
padding-bottom : 10px;
}

.form {
text-align: left;
font-weight: bold;
font-size: 12px;
}

.break {
clear: both;
}

.hrbreak {
clear: both;
margin-top: -15px;
margin-bottom: 25px;
}

#footer {
clear : both;
width : 100%;
border-top : 1px solid #4C9152; 
padding-top : 8px; 
padding-bottom : 3px;
}

#footer p { /*added this new rule for the p tag*/
font-family : arial;
font-size : 10px;
color : #666666;
text-align : left;
padding-bottom : 3px;
}

#footer a {
font-family: arial;
font-size: 10px;
color: #666666;
text-align: left;
}

#sitemap {
font-family : arial;
font-size : 12px;
color : #000000;
width: 200px;
float: left;
margin-left: 75px;
}

#sitemap2 {
font-family : arial;
font-size : 12px;
color : #000000;
width: 200px;
float: right;
}

ul.text {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

ol.text {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

ul.square {
list-style-type: square;
margin-bottom: 5px;
list-style-position: inside;
}

ul.circle {
list-style-type: circle;
margin-bottom: 5px;
list-style-position: inside;
padding-left: 16px;
}

.menu {
width: 160px;
}

.menu ul {
font-weight : bold;
font-size: 11px;
font-family: arial, verdana, helvetica, sans-serif;
margin : 0;
padding : 0;
list-style-type: square;
}

.menu li a {
color : #004000; 
background: #FFFFFF;
text-decoration : none;
text-align: left;
height : 14px;
line-height : 12px;
margin : 1px;
padding-top: 2px;
padding-bottom : 2px;
padding-left: 2px;
display : block;
}

* html .menu a {
height : 1px;
}

.menu li a:visited {
color : #000000;
font-weight: none;
}

.menu li a:hover {
color : #4C9152 !important; 
display : block;
padding-top : 2px; 
padding-bottom : 2px; 
text-decoration : none;
background : #FFFFFF;
}

.links {
font-family : arial;
font-size : 12px;
color : #000000;
}
	
A:link {
color : #004000;
font-size : 12px;
font-family : arial;
text-decoration : none;
}

A:hover {
color : #4C9152;
font-family : arial;
text-decoration : none;
}

A:visited {
color : #4C9152;
font-size : 12px;
font-family : arial;
text-decoration : underline;
}

.menutabs{
width: 50%;
overflow: hidden;
border-bottom: 1px solid #4C9152; /*bottom horizontal line that runs beneath tabs*/
background-color: #FFFFFF;
padding-top: 5px;
}

.menutabs ul{
margin: 0;
padding: 0;
padding-left: 25px; /*offset of tabs relative to browser left edge*/
font-size: 12px;
font-family: arial;
list-style-type: none;
}

.menutabs li{
display: inline;
margin: 0;
}

.menutabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #FFFFFF; /*right divider between tabs*/
color: white;
background: #4C9152; /*background of tabs (default state)*/
}

.menutabs li a:visited{
color: white;
}

.menutabs li a:hover, .menutabs li.selected a{
background: #2A672F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.menutabs2 {
width: 50%;
overflow: hidden;
border-bottom: 1px solid #4C9152; /*bottom horizontal line that runs beneath tabs*/
background-color: #FFFFFF;
padding-top: 5px;
}

.menutabs2 ul{
margin: 0;
padding: 0;
padding-right: 25px; /*offset of tabs relative to browser left edge*/
font: 12px Arial;
list-style-type: none;
}

.menutabs2 li{
display: inline;
margin: 0;
}

.menutabs2 li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #FFFFFF; /*right divider between tabs*/
color: white;
background: #4C9152; /*background of tabs (default state)*/
}

.menutabs2 li a:visited{
color: white;
}

.menutabs2 li a:hover, .menutabs li.selected a{
background: #2A672F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.menutabs3 {
width: 70%;
overflow: hidden;
border-bottom: 1px solid #4C9152; /*bottom horizontal line that runs beneath tabs*/
background-color: #FFFFFF;
padding-top: 5px;
}

.menutabs3 ul{
margin: 0;
padding: 0;
padding-left: 25px; /*offset of tabs relative to browser left edge*/
font-size: 12px;
font-family: arial;
list-style-type: none;
}

.menutabs3 li{
display: inline;
margin: 0;
}

.menutabs3 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #FFFFFF; /*right divider between tabs*/
color: white;
background: #4C9152; /*background of tabs (default state)*/
}

.menutabs3 li a:visited{
color: white;
}

.menutabs3 li a:hover, .menutabs li.selected a{
background: #2A672F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.menutabs4 {
width: 30%;
overflow: hidden;
border-bottom: 1px solid #4C9152; /*bottom horizontal line that runs beneath tabs*/
background-color: #FFFFFF;
padding-top: 5px;
}

.menutabs4 ul{
margin: 0;
padding: 0;
padding-right: 25px; /*offset of tabs relative to browser left edge*/
font: 12px Arial;
list-style-type: none;
}

.menutabs4 li{
display: inline;
margin: 0;
}

.menutabs4 li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #FFFFFF; /*right divider between tabs*/
color: white;
background: #4C9152; /*background of tabs (default state)*/
}

.menutabs4 li a:visited{
color: white;
}

.menutabs4 li a:hover, .menutabs li.selected a{
background: #2A672F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}