/* ------------------------------------------------------------------------
CSS sheet for 8line supply
Date Created: 1/7/08
Last Revised: 9/16/09
All inquiries for this document should be directed to 8linesupply@gmail.com
------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
}

body {
	background: #3D3D3D url(../images/bg.jpg) top left repeat;
	text-align: center;
}
.textmiddle {
                      vertical-align:middle;
}
#wrapper {
	position: relative;
	margin: 20px auto;
	width: 900px;
	background: #000;
	border: 1px solid #000;
	text-align: left;
}
#header {
	position: relative;
	height: 122px;
	background: url(../images/header_bg.jpg) top left repeat-x;
}
#header h1 {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	height: 122px;
	background: url(../images/logo.jpg) top left no-repeat;
	border-bottom: none;
}
#smart-banner {
        z-index: 1;

}
#cart {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 78px;
	width: 300px;
	padding:18px 0px 0px 0px;
	background: url(../images/cart_bg.jpg) #999 top left repeat-x;
	border: 1px solid #000;
	list-style-type: none;
}
ul#cart li.headerbasketcontents {
	position:absolute;
	top:40px;
	right:130px;
	width:160px;
	font-size:.8em;
	font-style:italic;
	text-align:left;
	color:#fff;
}
ul#cart li.button {
	margin-bottom: 18px;
	width: 100px;
	font: 8pt Verdana, Geneva, sans-serif;
	margin-left: 180px;
	line-height: 25px;
	background: url(../images/newcheckout.png) center left no-repeat;
}
ul#cart li.button2 {
	margin-bottom: 18px;
	width: 100px;
	font: 8pt Verdana, Geneva, sans-serif;
	margin-left: 180px;
	line-height: 25px;
	background: url(../images/cartbutton.png) center left no-repeat;
}
ul#cart li a {
	padding-left: 30px;
	color: #000;
	text-decoration: none;
	display: block;
}
#content {
	background: #fff url(../images/content_bg.jpg) top left repeat-y;
}
#footer {
	height: 30px;
	background: url(../images/menu_bg.jpg) #000 top left repeat-x;
	border-top: 1px solid #333;
	clear: both;
}
.footer-links {
        clear:both; 
        font-size:10px; 
        text-transform: uppercase;
        text-align:center; 
        margin: auto 0; 
        padding: 10px 0 0 0; 
}
.footer-links a {
        text-decoration:none;
        font-style:normal;
        font-weight:normal;
        color:#000;
}
#copy {
	text-align: center;
	width: 190px;
	font: 8pt/30px Verdana, Geneva, sans-serif;
	color: #fff;
	float: left;
	clear:none;
        white-space: nowrap;

}
img {
	border: 0px;
}

/* ------------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
/* top navigation */
ul#top_nav {
	height: 30px;
	background: url(../images/menu_bg.jpg) top left repeat-x;
	list-style-type: none;
	border-top: 1px solid #000; 
}
ul#top_nav li {
	width: 141px;
	float: left;
	font: 10pt/30px Verdana, Geneva, sans-serif;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #000;
}
ul#top_nav li a {
	height: 30px;
	color: #fff;
	text-decoration: none;
	display: block;
	font-weight: normal;
}
ul#top_nav li a:hover {
                     color: #ffffff;
	background: url(../images/menu_bgh.jpg) top left repeat-x;
}
ul#top_nav li.categories {
	color: #fff;
	width: 190px;
}
ul#top_nav li.contact {
	border-right: none;
}

/*side navigation */
ul#sidelinktree {
	width: 190px;
	list-style-type: none;
}
ul#sidelinktree li {
	padding-left: 10px;
	border-bottom: 1px solid #333;
	font: 10pt/28px Verdana, Geneva, sans-serif;
	color: #fff;
}
ul#sidelinktree li:hover {
	background: url(../images/btn_bgh.jpg) top left;
	border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
	margin-top:3px;

}
.litreetier1, .liheadertier1 {
	background: url(../images/btn_bg.jpg) top left;
	border-top: 1px solid #ccc;
        
	margin-top:3px;
}
ul#sidelinktree li a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
ul#sidelinktree li ul li {
	background: none;
	list-style-type: none;
}
ul#sidelinktree li ul li {
	font-size: 8pt;
}

/* bottom navigation */
ul#bot_nav {
	float:left;
	clear:none;
	list-style-type: none;
	width: 700px;
	height: 30px;
	text-align: center;
}
ul#bot_nav li {
	display: inline;
	padding: 0px 10px;
}
ul#bot_nav li a {
	font: 10pt/30px Verdana, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
}

ul#bot_nav li a:hover {
                     border-bottom: 2px solid grey; /*bottom border is 2px*/
}

/* ------------------------------------------------------------------------
TABLE ELEMENTS
-------------------------------------------------------------------------*/
table {
	width: 100% !important;
	margin: 0px;
	padding: 0px;
}
table td {
	font: 8pt Verdana, Geneva, sans-serif;
}
#prodattrib table {
	width:auto !important;
}

/* ------------------------------------------------------------------------
FORM ELEMENTS
-------------------------------------------------------------------------*/
form {
	padding: 5px;
	font: 10pt Verdana, Geneva, sans-serif;
}
label {}
input {
	margin-top: 5px;	
}
input[type="submit"] {
	padding: 2px 3px;
	width: auto;
}
/* newsletter */
form.newsletter {
	margin: 0px auto;
	width: 300px;
	background: url(../images/img_bg.jpg) top left repeat-x;
	border: 1px solid #FF9900;
}
form.newsletter input[type="text"] {
	width: 200px;
}

/* ------------------------------------------------------------------------
FONT ELEMENTS
-------------------------------------------------------------------------*/
h1 {
	margin: 10px 0px;
	padding-bottom: 5px;
	font: 16pt Verdana, Geneva, sans-serif;
	border-bottom: 1px solid #ccc;
}
h2 {
	margin: 10px 0px;
	padding-bottom: 5px;
	font: 14pt Verdana, Geneva, sans-serif;
}
h3 {
	margin: 10px 0px;
	padding-bottom: 1px;
	font: 11pt Verdana, Geneva, sans-serif;
        font-weight:bold;
}
h4 {
	margin: 10px 0px;
	padding-bottom: 5px;
	font: 12pt Verdana, Geneva, sans-serif;
	border-bottom: 1px solid #ccc;
}
p {
	margin: 10px 0px;
	font: 10pt/12pt Verdana, Geneva, sans-serif;
}
p.dotted {
        border-top-style:solid;
        border-top-color:#999999; 
        border-top-width:15px; 
}

a {
	font-weight: bold;
	color: #2953A9;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.large	 {
        font-size:18pt; 
}
.floatright {
	float:right;
}
.floatleft {
	float:left; 
}

/* ------------------------------------------------------------------------
LIST ELEMENTS
-------------------------------------------------------------------------*/
#mva_content ul {
	margin-left: 20px;
}
#mva_content li {
	margin-left: 10px;
	font: 10pt/14pt Verdana, Geneva, sans-serif;
}

/* ------------------------------------------------------------------------
MISC ELEMENTS
-------------------------------------------------------------------------*/
.hide {
	display: none;
}
.clear_float {
	clear: both;
}
/* search field */
form.search {
	padding: 10px;
        white-space: nowrap
}
form.search input[type="text"] {
	width: 100px;
	border: 1px solid #FEC335;
        
}
form.search input[type="submit"] {
	margin-left: 5px;
        margin-top: 3px;
	padding: 2px 3px;
	background: #FEC335;
	border: 1px solid #000;
	color: #000;
	font-size: 8pt;
	vertical-align: top;
}
#searchwrapper {
width:190px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(/mm5/graphics/00000001/searchbox1.jpg);
background-repeat:no-repeat; /*important*/
background-color:transparent; /*important*/
padding:0px;
margin:10px 1px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:5px;
font-size: 11pt;
font:Arial, Helvetica, sans-serif;
color:#000000;
left:24px;
width:108px;
height:18px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:138px;
width:45px;
height:22px;
}

/* ------------------------------------------------------------------------
FAQ ELEMENTS
-------------------------------------------------------------------------*/
ul#faq_menu {
	margin-left: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
ul#faq_menu li {
	margin-left: none;
	padding-right: 5px;
	list-style-image: none;
	list-style-type: none;
	font: 8pt Verdana, Geneva, sans-serif;
	display: inline;
}
ul#faq_menu li a {
	font-weight: normal;
}

/* ------------------------------------------------------------------------
CONTACT ELEMENTS
-------------------------------------------------------------------------*/
#c1 {
	width: 325px;
	height: 400px;
	float: left;
	display: block;
}
#c2 {
	margin-left: 10px;
	width: 345px;
	height: 400px;
	float: right;
	display: block;
}
iframe {
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
}

/* ------------------------------------------------------------------------
MIVA ELEMENTS
-------------------------------------------------------------------------*/
#mva_header {
	display: none;
}
#mva_menu {
	width: 190px;
	background: #363636;
	float: left;
}
#mva_content {
	float:left;
	width: 690px;
	padding: 10px 0px;
}
#mva_footer {
	display: none;
}
#mva_tablefix {
	padding-left:10px;
} 

/* miva classes */
.page_title {
	font: 14pt Verdana, Geneva, sans-serif;
}
.page_title a {
	font-weight: bold;
}
.spotlight_prod_title {
	margin-bottom: 10px;
	background: #eee;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.spotlight_text {
	font-weight: bold;
}
a.spotlight_text {
	color: #000;
}
a.newstitle {
	color: #2953A9;
}
.blackborder {
	margin-bottom: 20px;
	border: 1px solid #000;
	background: #FFF4CE url(../images/img_bg.jpg) bottom left repeat-x;
}
.blackborder td.first-child {
	width:100px;
}
.price {
	color: #FF0000;
}
.siteby {
	color:#ccc;
	padding-bottom:10px;
}
.siteby a {
	color:#999 !important;
	text-decoration:underline !important;
}
.siteby a:hover {
	color:#fff !important;
}
#itemdescripbox {
	border:1px solid #a7a7a7;
	border-bottom-width:0px;
	position:relative !important;
	background:url(../images/itemdescrip.png) #fff repeat-x bottom;
}
#itemaddbox {
	border:1px solid #a7a7a7;
	border-top-width:0px;
	height:20px;
}
#addfix {
	float:left;
	width:100%;
	height:100%;
}
#cartaddsec {
	width:100%;
}
#cartadd {
	padding:0px 10px;
}
#prodattrib {
	padding:10px;
	font-size:1em;
}
.formattable {
	border:1px solid #ccc;
	padding:1px;
	width:98%;
	font-size:.4em !important;
}
.formattable2 {
	float:right;
	margin-top:10px;
	padding:4px;
	width:98%;
	font-size:.4em !important;
}

.formatheaderrow td {
	background:#ccc;
	padding:3px;
}
.formatfooterrow td {
	background:#ccc;
	padding:3px;
}
.formatdefaultrow td {
	padding:6px 3px;
}

/* basket buttons */
ul#basket {
	margin: 10px 0px 0px 0px;
	
}
ul#basket li {
	margin-left: 0px;
	padding-right: 5px;
	float: left;
	list-style-image: none;
	list-style-type: none;
}

/* category pages */


.paddit {
	margin:5px;
}

/* icons */
#iconblock {
	text-align:center;
	margin:10px 0px 10px 0px;
}