/* 
Stylesheet to generate specific website layout
Created by Internet Vision Technologies
*/

/**
 * General Selectors 
 */

body {
margin: 0 0 0 50%;
background-image: url('images/webimages/background.jpg');
background-repeat: repeat-x;
background-color: #3939D1;
}

img { border: none; }

p, td {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #9A9A9A;
}

/**
 * ID Selectors 
 */
/* It is best to use margin -378 then using margin-left and margin-right, Internet Explorer
does not support this method well at all. */
#container {
position: relative;
margin: 0 0 0 -378px;
width: 756px;
background: url('images/webimages/bg-mid.jpg') repeat-y;
}

/* Includes logo and slogan */
#header {
width: 756px;
height: 152px;
background: url('images/webimages/bg-header.jpg') no-repeat;
}

#contentbackground {
background: url('images/webimages/content-background.jpg') no-repeat top;
}

#footer {
background: #3939D1;
}

/**
 * Pseudo Classes 
 */

.title3 {
color: #ff0000;
}


/* Show and hide menus */
.show_menu {
display: block;
}

.hide_menu {
display: none;
}

/* Used for styling cascading menus */

a.menu2, a.menu2:hover {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #010188;
text-decoration: underline;
}

a.menu2:hover {
text-decoration: none;
}

a.menu3, a.menu3:hover {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FD1905;
text-decoration: underline;
}

a.menu3:hover {
text-decoration: none;
}

a.menu4, a.menu4:hover {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #666666;
text-decoration: underline;
}

a.menu4:hover {
text-decoration: none;
}

a.menu5, a.menu5:hover {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #999;
text-decoration: underline;
}

a.menu5:hover {
text-decoration: none;
}

ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.nav li a {
	display: block;
	padding: 5px 0 5px 0;
	text-decoration: underline;
	color: #010188;
}
ul.nav li a:hover { text-decoration: none; }

ul.nav li.subnav a, ul.nav li.subnavOn a {
	display: block;
	padding: 5px 5px 5px 10px;
}
ul.nav li.subnav_level a {
	display: block;
	padding: 5px 5px 5px 20px;
}


/* Used for formatting cascading menus */

.level1_off {
padding-top: 5px;
padding-bottom: 5px;
}

.level1_on {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}

.level2_off {
padding-top: 5px;
padding-bottom: 5px;
}

.level2_on {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}

.level3_off {
padding-top: 5px;
padding-bottom: 5px;
}

.level3_on {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}

.level4_off {
padding-top: 5px;
padding-bottom: 5px;
}

.level4_on {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}


/* Buy Button */
.buy_button {
border: 1px solid #b5b5b5;
background: #f5f5f5;
padding: 3px;
}

.buy_field {
border: 1px solid #b5b5b5;
width: 30px;
}

/* Back Button which is used throughout the site */
.back_button {
border: 1px solid #b5b5b5;
background: #f5f5f5;
padding: 3px;
width: 30px;
text-align: center;
}

.fieldset_title {
border: 1px solid #b5b5b5;
background: #f5f5f5;
padding: 5px;
color: #999;
}

.path {Ê
border: 1px solid #b5b5b5;
background: #f5f5f5;
padding: 5px;
color: #999;
}

.title1 {
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #010188;
}

hr {
border-top: 1px solid #b5b5b5;
}

.searchfield {
width: 123px;
border: 1px solid #B5B5B5;
}

.memberstext {
font: 10px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #9A9A9A;
}

.divider {
font: 11px Arial, Helvetica, sans-serif;
color: #969696;
}

.footertext {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #DFDFDF;
}

/* Standard links used throughout site */

a, a:hover {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FD1905;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a.cat_link, a.cat_link:hover {
font: 14px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FD1905;
text-decoration: underline;
}

a.cat_link:hover {
text-decoration: none;
}

a.links, a.links:hover {
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #969696;
text-decoration: underline;
}

a.links:hover {
text-decoration: none;
}

a.footerlink, a.footerlink:hover {
font: 11px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #DFDFDF;
text-decoration: underline;
}

a.footerlink:hover {
text-decoration: none;
}

.input_large_off, .input_large_on {
	width: 370px;
}

.textarea_small_off, .textarea_small_on {
	width: 370px;
}


.products_list_table {
	width: 100%;
	}



form#passwordForm legend {
	display: none;
	}
form#passwordForm ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}
form#passwordForm li {
	margin: 0 0 .75em;
	clear: both;
	}
form#passwordForm label {
	float: left;
	display: block;
	width: 100px;
	margin-right: 5px;
	text-align: right;
	}
form#passwordForm button {
	margin-left: 105px;
	}
	
	
form#update-form ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}
form#update-form li {
	margin: 0 0 .75em;
	clear: both;
	}	
form#update-form li li {
	margin: 0;
	}
form#update-form label {
	float: left;
	display: block;
	width: 100px;
	margin-right: 5px;
	text-align: right;
	}
form#update-form button {
	margin-left: 105px;
	}

fieldset, form, label, legend {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: inherit; 
	font-family: inherit; 
	vertical-align: baseline;
	list-style: none;
	}

/* -- signup form */

form#signup_form ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}

 form#signup_form fieldset legend {

 	display: none;

 	}

 form#signup_form fieldset fieldset legend {

 	display: block;

 	}

 form#signup_form li {

 	clear: both;

 	margin: 0 0 .75em;

 	}

 form#signup_form li li {

 	margin: 0;

 	}

 form#signup_form label {

 	float: left;

 	display: block;

 	width: 100px;

 	margin: 0 5px 0 0;

	text-align: right;

 	}

 form#signup_form label:after {

 	content: ":";

 	}

 form#signup_form .state {

 	float: left;

 	margin: 0 0 .75em;

 	}

 form#signup_form .state label {

 	display: inline;

 	width: auto;

 	margin: 0;

 	}

 form#signup_form .state label:after {

 	content: "";

 	}

 form#signup_form input {

 	width: 250px;

 	}

 form#signup_form textarea {

 	width: 350px;

 	height: 60px;

 	}

 form#signup_form .receive_email,

 form#signup_form .security_code_fieldset,

 form#signup_form .interests {

 	margin-left: 105px;

 	}

 form#signup_form .state label,

 form#signup_form .receive_email label,

 form#signup_form .interests label {

 	display: inline;

 	width: auto;

 	margin: 0;

 	}

 form#signup_form .receive_email input {

 	width: auto;

 	}

 form#signup_form .interests li {

 	width: 30%;

 	}

 form#signup_form button {


 	margin-left: 105px;


 	cursor: pointer;

 	}