﻿/*************************/
/* Tags

/*************************/
body {
	margin: 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3f60ab;
	background-image: url('images/bg/bg.png');
}
form {
	margin: 0px;
	padding: 0px;
}
.gheader {
	background-image: url('images/banner-bkg.jpg');
	background-repeat: no-repeat;
	width: 515px;
	height: 79px;
}
table {
	border: 0px;
}
p {
	margin: 7px 0px 7px;
}
ul {
	margin-bottom: 7px;
	margin-top: 7px;
}
/*************************/
/* Navigation Bar

/*************************/
.nav_ac {
	color: #3b472e;
	font-weight: bold;
}
.navbar {
	background-image: url('images/hrz-bar.jpg');
	background-repeat: repeat-x;
	text-align: left;
	padding-left: 10px;
	color: gray;
	font-size: 11px;
	line-height: 20px;
}
.navbar a {
	color: #6d411c;
	text-decoration: none;
}
.navbar a:hover {
	text-decoration: underline;
	color: #635b53;
}
/* Navigation Bar */
.gapX {
	width: 7px;
	background-color: #6a87c5;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.gapY {
	height: 7px;
	background-color: #6a87c5;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.highlightit img {
	border: 1px solid #ccc;
}
.highlightit:hover img {
	border: 1px solid #FA9600;
}
.titlecategory, .titlesearch {
	background-image: url('images/category-header.jpg');
	background-repeat: no-repeat;
	height: 25px;
	width: 187px;
}
.titlesearch {
	background-image: url('images/searchby-header.jpg');
}
.boxcontent {
	background-color: white;
	vertical-align: top;
	text-align: left;
	padding: 1px;
}
/*************************/
/* Main Content

/*************************/
#body {
}
/*************************/
/* Left Menu

/*************************/
#leftmenu {
	width: 187px;
	text-align: left;
	vertical-align: top;
	background-color: #6a87c5;
}
#left-menu {
	width: 100%;
	text-align: left;
	height: 100%;
}
.bgcategory {
	background-image: url('images/category-bkg.jpg');
	background-repeat: repeat-y;
	text-align: left;
}
.vmenu, .vmenusearch {
	list-style-type: none;
	padding: 5px 0px 5px;
	margin: 0px;
	padding-left: 10px;
	text-transform: uppercase;
}
.vmenu li {
	line-height: 38px;
	padding-left: 43px;
	background-repeat: no-repeat;
	background-position: left center;
}
.vmenu li a {
	color: maroon;
	text-decoration: none;
	font-weight: bold;
}
.vmenu li a:hover {
	border-bottom: 1px maroon dashed;
}
.vmenusearch li {
	line-height: 27px;
	background-image: url('images/brand-bullet.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.vmenusearch li a {
	text-decoration: none;
	font-weight: bold;
	color: #2d57ab;
}
.vmenusearch li a:hover {
	border-bottom: 1px #2d57ab dashed;
}
.vmenusearch {
	list-style: none;
	margin-left: 10px;
}
.vmenu li a:active, .vmenusearch li a:active {
	color: #DE6629;
}
/*****************************/
.productname2 a {
	color: #004EC2;
	text-decoration: none;
}
.productname2 a:hover {
	color: #F5B800;
}
.productname, .productname a {
	font-size: 13px;
	color: #356AA0;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 1px;
}
.productname a:hover {
	border-bottom: 1px #356AA0 dashed;
}
.productname:hover, .productname a:hover {
	color: #356AA0;
}
.productnamehome a {
	color: black;
	text-decoration: none;
	font-size: 11px;
}
.productnamehome a:hover {
	color: gray;
}
/******************** Footer ********************/
.linkfooter {
	line-height: 45px;
	background-color: #9cb4e8;
	color: #3f60ab;
	text-align: center;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.linkfooter a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
.linkfooter a:hover {
	text-decoration: underline;
}
.nav2 {
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
.product_heading {
	font-size: 13px;
	color: #356AA0;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}
.heading {
	font-size: 12px;
	color: #356AA0;
	text-decoration: none;
	font-weight: bold;
}
.titlepage {
	background-image: url(images/bg/brand-header-bkg2.jpg);
	background-repeat: repeat-y;
	background-position: left;
	line-height: 30px;
	margin-bottom: 20px;
	width: 400px;
	margin-top: 0px;
	border-left: 2px #cfd8f5 solid;
}
.titlepage h2 {
	font-size: 16px;
	color: maroon;
	text-align: left;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
}
.titlepage-s {
	background-image: url(images/bg/brand-header-bkg2.jpg);
	background-repeat: repeat-y;
	background-position: left;
	line-height: 21px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
}
.titlepage-s h3 {
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
}
.titlepage-s a {
	text-decoration: none;
	color: maroon;
}
.titlepage-s a:hover {
	color: #f29000;
}
/* Ha */
.add_button, .add_button_disabled {
	background: transparent url(images/button/add_bk_but.jpg) no-repeat scroll 0 0;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	vertical-align: middle;
	font-size: 10px;
	height: 20px;
	width: 70px;
}
.add_button_disabled {
	background: transparent url(images/button/disable_add_bk_but.gif) no-repeat scroll 0 0;
}
/* //Ha */
img {
	border: 0px;
}
table.style {
	width: 100%;
	border: 0px;
	border: 1px #56a1ca solid;
}
table.style th {
	background-color: #e5ecf9;
	color: #1b5cb0;
	height: 25px;
	text-align: left;
	padding-left: 15px;
}
table.style td {
	border-bottom: 1px silver solid;
	padding-left: 3px;
	color: #573c22;
}
table.style tr.odd td {
	background-color: #f0f0f0;
}
table.style tr.even td {
	background-color: #fff;
}
table.style td a {
	color: #573c22;
	text-decoration: none;
}
table.style td a:hover {
	color: #977f68;
}
br.gap {
	margin-bottom: 5px;
}
.attr_select {
	width: 100%;
}
.account a {
	color: #666666;
	text-decoration: none;
}
.account a:hover {
	text-decoration: underline;
}
.productbox {
	background-color: white;
	border: 1px silver solid;
	cursor: pointer;
}
.productbox:hover {
	background-color: #dee5f0;
	border: 1px #9cb4e8 solid;
}
.productbox img {
	padding: 5px;
}
hr.l1 {
	border: 0px none;
	width: 90%;
	height: 1px;
	background-color: silver;
	color: silver;
	text-align: center;
}
.boxmess {
	text-align: center;
	font-weight: bold;
	color: #0080ff;
	border: 1px #668cff solid;
	padding: 8px;
	background-color: #dee5f0;
}
.titleproductbrand a {
	background-image: url(images/icons/up-button.jpg);
	padding: 3px;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	color: #de6629;
	line-height: 25px;
	font-weight: bold;
}
.titleproductbrand a:hover {
	border-bottom: 1px #de6629 dashed;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h4 {
	color: blue;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	margin: 10px 0px 0px;
}
h5 {
	text-align: left;
}
h5 a {
	color: #356AA0;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 3px 10px;
}
.upnav {
	background-image: url('images/icons/up-button.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-right: 15px;
}
.upnav a {
	font-weight: bold;
	color: #de6629;
	text-decoration: none;
}
.upnav a:hover {
	text-decoration: underline;
}
.titlebox, .titlebox2 {
	color: #cf5503;
	background-color: #e6ecfa;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}
.titlebox2 {
	background-color: #fecfb0;
}
.titlelist, .titlelist2 {
	color: #1b5cb0;
	font-weight: bold;
	font-size: 13px;
	background-color: #e5ecf9;
	line-height: 30px;
	padding-left: 15px;
}
.boxlist {
	border: 1px #56a1ca solid;
}
.titlelist2 {
	color: #f24f00;
	background-color: #ffdca9;
}
.boxlist2 {
	border: 1px #ff8000 solid;
}
a.linkp {
	border-bottom: 1px #0080c0 dotted;
	text-decoration: none;
	color: #0080c0;
}
a.linkp:hover {
	background-color: #bddaea;
}
span.gapw {
	width: 8px;
}
.sharesit {
	vertical-align: middle;
	padding-left: 10px;
	background-color: #dee5f0;
	color: #0080ff;
	line-height: 25px;
	font-weight: bold;
	font-size: 13px;
	cursor: default;
}
.sharesit:hover {
	background-color: #ffdca9;
	color: #ec7000;
}
.sharesit img {
	vertical-align: middle;
}
ul.list1 {
	list-style-image: url(images/icons/arrow_right.png);
}
.headerbox1, .headerbox2 {
	line-height: 45px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background-color: #a4884a;
}
.borderbox1, .borderbox2 {
	border: 1px #a4884a solid;
	width: 350px;
	height: 200px;
}
.headerbox2 {
	background-color: #4060ab;
}
.borderbox2 {
	border: 1px #4060ab solid;
}
.errormessage {
	color: red;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px red solid;
	border-top: 1px red solid;
	background-color: #ffd2d2;
}
/*************************/
/* Item Box

/*************************/
.item-box {
	border: 1px silver solid;
}
.item-box:hover {
	border-color: #3366cc;
}
.item-box2 {
	border: 1px #3366cc solid;
}
.item-box-title2 {
	background-color: #d5dff3;
	color: #3366cc;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	font-size: 13px;
}
/************************/
.thumbnail-item-name {
	color: #2E3A46;
}
/*************************/
/* Newsletter

/*************************/
.newsletter {
	margin: 5px 10px 0px 10px;
	padding: 7px;
	background-color: #6a87c5;
	text-align: center;
	border: 1px #3F60AB solid;
}
.newsletter a {
	color: white;
	font-weight: bold;
}
.newsletter a:hover {
	color: #FFDCA9;
}
.newsletter:hover {
	border: 1px #FFDCA9 dashed;
}
/*************************/
/* Product Pages

/*************************/
.features li {
	list-style-image: url(images/icons/check-icon.png);
}
.features .caption {
	font-weight: bold;
	color: #2e3a46;
}
.features .info {
	font-style: italic;
	color: #3b5998;
}
.subhead {
	color: #373D09;
	font-weight: bold;
	font-size: 12px;
}
.intro {
	font-style: italic;
	font-weight: bold;
	color: #7D8A2E;
}
.features .download {
	text-align: right;
	margin-left: auto;
}
.features .download span.text {
	background-image: url(images/icons/download_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
	line-height: 25px;
	display: inline-block;
}
.features .download span.text a {
	color: #288526;
	font-weight: bold;
}
.features .note {
	font-style: italic;
	font-weight: bold;
	color: #596f00;
}
.linkt, .link-sf, .link-so {
	background-image: url(images/icons/btn-email-frd.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #828282;
	line-height: 25px;
}
.link-so {
	background-image: url(images/icons/btn-offers.jpg);
}
.share {
	border-bottom: 1px silver dotted;
}
/*************************/
/* Buttons

/*************************/
.navmain li {
	display: inline;
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: center;
	height: 30px;
	list-style: none;
	text-transform: uppercase;
	clear: left;
}
.add-basket:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/*************************/
/* Links

/*************************/
a.link-button {
	background-color: #2e3a46;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	display: inline-block;
}
a.linkmore, a.linklist {
	/*	background-image: url(images/icons/foward.png);*/

	/*	padding-right: 12px;*/

	background-position: right;
	background-repeat: no-repeat;
	color: #ec7000;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}
a.linkmore:hover, a.linklist:hover {
	border-bottom: 1px #ec7000 dashed;
}
a.linklist {
	font-size: 12px;
	font-weight: normal;
	color: #00509f;
}
a.linklist:hover {
	border-bottom: 1px #00509f dashed;
}
a.search-price {
	background-color: #f0f7f9;
	color: #336633;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	display: inline-block;
}
a.search-price:hover {
	border: 1px #336633 solid;
	padding: 7px;
	text-decoration: none;
}
/*************************/
/* Navigation Bar

/*************************/
#navmain {
	text-align: center;
	margin: 0px auto;
}
#navmain ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#navmain li {
	text-transform: uppercase;
	font-weight: bold;
	display: inline;
}
#navmain li a {
	color: #356aa0;
	text-decoration: none;
	padding: 5px;
}
#navmain li a span {
	padding: 0px;
}
#navmain li a:active {
	color: #DE6629;
}
#navmain li a:hover {
	text-decoration: underline;
}
/*************************/
/* Controls

/*************************/
.ta_pl_field area {
	width: 100%;
}
input[type="text"], input[type="password"], textarea, select {
	background-image: none;
	background-position: right;
	background-repeat: no-repeat;
	border: 1px #bdcdff solid;
}
input[type="text"], input[type="password"] {
	width: 150px;
}
input[type="image"] {
	margin: 0px;
	padding: 0px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border: 1px #f29000 solid;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border: 1px #f29000 solid;
	background-color: #FFEEBF;
}
.attr_textarea {
	width: 100%;
	height: 100px;
}
/*************************/
/* Message

/*************************/
.message-box {
	border: 1px #2e3a46 solid;
}
.message-box .body {
	padding: 10px;
}
.message-box .title {
	background-color: #2e3a46;
	color: white;
	padding: 7px;
	font-weight: bold;
	font-size: 13px;
}
.message-box2 {
	border: 1px #56A1CA solid;
}
.message-box2 .body {
	padding: 10px;
}
.message-box2 .title {
	background-color: #E5ECF9;
	color: #1B5CB0;
	padding: 7px;
	font-weight: bold;
	font-size: 13px;
}
/*************************/
/* Images

/*************************/
img.gap {
	padding: 3px;
}
img.brand-l {
	border: 2px white solid;
}
img.brand-l:hover {
	border: 2px #f29000 solid;
}
img.thumb-s:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
