@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 67.5%;
	color: #000;
}

form { margin: 0; padding: 0; }

a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #000; }

.page {
	margin: 20px auto;
	background-color: #FFF;
	text-align: center; 
	font-size: 110%;
}
.page_inner { 
	width: 760px; 
	margin: 0 auto; 
	text-align: left; 
	background-color: #FFC;
}

.header { background-color: #FFF; }
.header .logo {}
.header .logo h1 { margin: 0; padding: 0; }
.header .logo a { display: block; background: url(../img/strapline.jpg) no-repeat left top; width: 750px; height: 150px; text-decoration: none; }
.header .logo a:hover { text-decoration: none; }
.header .logo a span { display: none; }
.header .menu { clear: both; background: #900; line-height: 3em; margin: 1em 0; }
.header .menu ul, .header .menu li { line-height: 3em; list-style: none; margin: 0; padding: 0; }
.header .menu ul {}
.header .menu li { float: left; }
.header .menu a { display: block; float: left; margin: 0; padding: 0 1em; line-height: 3em; border-right: 1px solid #C00; background-color: #900; color: #FFC; font-weight: bold; text-decoration: none; }
.header .menu a:hover { color: #FFF; background: #C00; text-decoration: none; }
.header .menu a span {}

div.main { width: 744px; background-color: #FFF; margin: 15px 6px; padding: 0 0 15px 0; }
div.shop { width: 744px; background-color: #FFF; margin: 15px 6px; padding: 0 0 15px 0; }

.shop .breadcrumb {}
.shop .breadcrumb h2 { margin: 1em 0.6em; padding: 0; font-size: 1.2em; }
.shop .breadcrumb a { color: #000; }
.shop .breadcrumb a:hover { color: #666; }

.shop .menu { width: 178px; float: left; }
.shop .menu h3 { color: #999; margin: 0 0 0.2em 0.6em; padding: 0; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; }
.shop .menu ul, .shop .menu li { list-style: none; margin: 0; padding: 0; }
.shop .menu ul { border: solid 1px #EEE; }
.shop .menu li { border-top: dashed 1px #DDD; }
.shop .menu li:first-child { border-top: 0; }
.shop .menu a { display: block; padding: 0.4em 1em; color: #333; text-decoration: none; }
.shop .menu a:hover { color: #000; background-color: #EEE; }
.shop .menu a.active { color: #000; }
.shop .menu a.active:hover { color: #000; background-color: #EEE; }

.shop .main { width: 545px; float: left; margin: 0 0 0 20px; }
.shop .main h3 { color: #666; margin: 0 0 0.6em 0; padding: 0;  font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; }

.shop .pod11 { float: left; width: 545px; margin: 0 20px 0 0; background-color: #ccc; }
.shop .pod12 { float: left; width: 245px; margin: 0 20px 0 0; }

.shop .pod12 .img { float: left; margin: 0 10px 0 0; }
.shop .pod12 .img img { width: 120px; height: auto; }
.shop .pod12 form { display: block; clear: both; margin: 5px 0; }

.shopheader { float: right; padding: 5px; }
.shopheader .search { float: left; padding: 5px; width: 200px; }
.shopheader .basket { float: left; padding: 5px; width: 275px; text-align: right; }
.shopheader .signinout { float: left; padding: 5px; width: 275px; text-align: right; }

.product {}
.product .image { width: 320px; float: left; }
.product .image img { float: left; margin: 0 15px 10px 0; }
.product .image img.image_thumb { width: 90px; height: auto; cursor: pointer; }
.product .detail {}

/* FORM : start */

.formgroup { margin: 0 0 10px 0; }
span.odd .formgroup { background-color: #FFF; }
span.even .formgroup { background-color: #EEE; }
span.odd:hover .formgroup, 
span.even:hover .formgroup { background-color: #BBB; }

.formgroup br { display: none; }
.formgroup label {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	color: #7F1A84;
	font-weight: bold;
}
.formgroup input,
.formgroup select,
.formgroup textarea {
	margin: 0;
	padding: 2px;
	border: solid 1px #999;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000;
}
.formgroup input.readonly,
.formgroup select.readonly,
.formgroup textarea.readonly {
	margin: 0;
	padding: 2px;
	border: solid 1px #999;
	background-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666;
}
.formgroup select optgroup {
	font-style: normal;
	font-weight: normal;
	color: #666;
} 
.formgroup select option {
	color: #000;
}

.formgroup input.form_price,
.formgroup select optin.form_price {
	background-image: url(../images/form_price.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 2px center;
	text-align: right;
}

.formcheckbox, .formradio { display: block; margin: 0 0 5px 0; }
.formcheckbox input, .formradio input { width: auto; border: 0;	background-color: #FFF; color: #000; }
.formcheckbox br, .formradio br { display: block; }
.formcheckbox em, .formradio em { margin: 0 10px 0 5px; font-style: normal; }

/* FORMS : end */

/* BUTTONS : start */

.buttons {
	/* background-color: #EEE; */
	text-align: right;
	vertical-align: middle;
	clear: both;
}
.buttons label {
	text-align: left;
}

.btn_back,
.btn_cartadd,
.btn_cartremove,
.btn_cartremoveall,
.btn_cartupdate,
.btn_create,
.btn_delete,
.btn_find,
.btn_login,
.btn_new,
.btn_next,
.btn_no,
.btn_print,
.btn_reset,
.btn_save,
.btn_upload,
.btn_yes {
	padding: 5px 10px;
	margin: 0 0 0 5px;
	width: auto;
	line-height: 1.2em;
	border: 0; /* solid 1px #666; */
	background-color: #999;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	cursor: pointer;
	vertical-align: middle;
}

.btn_back { background-color: #339; }
.btn_cartadd { background-color: #393; }
.btn_cartremove { background-color: #933; }
.btn_cartremoveall { background-color: #933; }
.btn_cartupdate { background-color: #393; }
.btn_create { background-color: #993; }
.btn_delete { background-color: #933; }
.btn_find { background-color: #993; }
.btn_login { background-color: #393; }
.btn_new { background-color: #393; }
.btn_next { background-color: #393; }
.btn_no { background-color: #339; }
.btn_print { background-color: #699; }
.btn_reset { background-color: #939; }
.btn_save { background-color: #393; }
.btn_upload { background-color: #393; }
.btn_yes { background-color: #933; }

.btn_back:hover,
.btn_cartadd:hover,
.btn_cartremove:hover,
.btn_cartremoveall:hover,
.btn_cartupdate:hover,
.btn_create:hover,
.btn_delete:hover,
.btn_find:hover,
.btn_login:hover,
.btn_new:hover,
.btn_next:hover,
.btn_no:hover,
.btn_print:hover,
.btn_reset:hover,
.btn_save:hover,
.btn_upload:hover,
.btn_yes:hover {
	color: #FFF;
	background-color: #666;
	border: 0; /* solid 1px #999; */
	text-decoration: none;
}

/* BUTTONS : end */

.cart_table {}
.cart_table th, .cart_table td { padding: 4px; }
.cart_table th { border-bottom: solid 2px #CCC; }
.cart_table td { border-bottom: solid 1px #CCC; }
.cart_table td.odd {}
.cart_table td.even {}

.footer {
	clear: both;
	background-color: #900;
	color: #FFC;
	font-weight: bold;
	text-align: center;
	padding: 1.2em;
}

.clear { clear: both; height: 1px; }



/* OLD CSS */
.SecHeading { font-weight: bold; text-align: left; }
.SecBody { /* text-align: justify; */  }
.style1 { /* text-align: justify; */ font-weight: bold; }
.style4 {font-size: small}
.style5 {color: #FFFFFF}
.style6 {font-size: small; color: #FFFFFF; }
.style8 {font-size: small; color: #FFFFCC; }