/**********************************/
/* Your Blades E-Commerce Website */
/* (c) 2009 All Rights Reserved   */
/**********************************/
/**********************************/
/* Site By: GeorgeBuckingham.net  */
/* george@georgebuckingham.net    */
/**********************************/

/* General */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	background: url(../imgs/pageBackground.jpg) repeat;
	font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
}

/* Wrap */
#wrap {
	width: 760px;
	margin: 0 auto;
	border: 8px solid #2C2C2C;
}

/* Top Warning */
#topWarning {
	width: 740px;
	padding: 5px 10px;
	background-color: #ff0000;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
}

#topWarning a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#topWarning a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/* Header */
#header {
	width: 760px;
	height: 160px;
	border-bottom: 5px solid #2C2C2C;
}

/* Logo */
#logo {
	float: left;
	width: 240px;
	height: 160px;
	background: #353535 url(../imgs/logo.jpg) no-repeat;
}

/* Menu */
#menu {
	float: left;
	width: 520px;
	height: 50px;
	background: #353535 url(../imgs/headerTop.jpg) no-repeat bottom left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#menu ul {
	height: 5px;
	background: #353535;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
	border-top: 5px solid #353535;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

#menu a:hover {
	border-top-color: #ffffff;
}

#menu a.selected {
	border-top-color: #ffffff;
}

/* Info Box */
#infoboxWrap {
	width: 313px;
	float: left;
	margin-top: 40px;
	margin-left: 12px;
	color: #ffffff;
	font-size: 0.85em;
}

#infoboxWrap a {
	color: #ffffff;
	text-decoration: none;
}

#infoboxWrap a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#infoboxWrap p.infoboxTitle {
	font-size: 1.1em;
	font-weight: bold;
}

#infoboxWrap p {
	margin-bottom: 4px;
}

#infoboxWrap span.basketprice {
	font-weight: bold;
}

#infoboxLeft {
	float: left;
	width: 176px;
	text-align: left;
}

#infoboxRight {
	float: left;
	width: 137px;
	text-align: right;
}

/* Page */
#page {
	width: 760px;
	margin: 0;
	background: url(../imgs/contentBackground.jpg) repeat-y top left;
}

/* View Cart */
#viewcart table tr.title {
	font-size: 1.1em;
	letter-spacing: -.4px;
	color: #343434;
	background-color: #cccccc;
	font-weight: bold;
}

#viewcart table tr td.subtitle {
	letter-spacing: -.4px;
	color: #343434;
	font-weight: bold;
}

#viewcart table tr td.subcont {
	background-color: #eeeeee;
}

#viewcart table tr td.subconttitle {
	color: #343434;
	background-color: #cccccc;
	font-weight: bold;
}

#viewcart table tr.cont {
	background-color: #eeeeee;
}

#viewcart td a {
	text-decoration: none;
}

#viewcart td a:hover {
	text-decoration: underline;
}


/* Content Wrapper*/
#contentwrap {
	float: right;
	width: 560px;
	border-bottom: 1px solid #FFFFFF;
}

/* Content */
#content {
	width: 540px;
	padding: 10px;
	clear: both;
	font-size: 0.97em;
}

#content p {
	line-height: 150%;
	padding: 0;
	margin: 4px 0 12px 0;

}

#content h1, h2, h3, h4 {
	color: #343434;
}

#content h1 {
	font-size: 1.8em;
	letter-spacing: -.8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 6px;
}

#content h1 a {
	color: #343434;
}

#content h2 {
	font-size: 1.6em;
	letter-spacing: -.55px;
}

#content h3 {
	font-size: 1.3em;
	letter-spacing: -.4px;
	margin-top: 4px;
}

#content h4 {
	font-size: 1.1em;
	letter-spacing: -.4px;
}

#content img.imgright {
	float: right;
	padding: 0 0 0 4px;
}

#content a {
	color: #585858;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#content ul {
	margin: 0 0 10px 20px;
	list-style: square;
}

#content ul li {
	margin: 2px 0;
}

#content table {
	margin-bottom: 10px;
	margin-top: 6px;
}

#content table tr td {
	padding: 2px;
}

#content table tr td.tableHeader {
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px;
}

/* Browse Bars */
#browseTopLeft {
	width: 270px;
	float: left;
	text-align: left;
}

#browseTopLeft select {
	border: 1px solid #767676;
	background: #ffffff;
	font-size: 0.9em;
	padding: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
	margin-top: 1px;
}

#browseTopLeft select:hover {
	border:	1px solid #353535;
}

#browseTopLeft select option {
	padding: 0 2px;
}

#browseTopRight {
	width: 270px;
	float: left;
	text-align: right;
}

#browseBottomLeft {
	width: 270px;
	float: left;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
}

#browseBottomRight {
	width: 270px;
	float: left;
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
}

#browseBottomLeft a, #browseBottomRight a {
	text-decoration: none;
}

#browseBottomLeft a:hover, #browseBottomRight a:hover {
	text-decoration: underline;
}

/* View Product */
#viewProdLeft {
	width: 309px;
	float: left;
}

#viewProdRight {
	width: 225px;
	float: left;
	margin-left: 6px;
}

#viewProdRight img.prodimg {
	margin: 4px 0 4px 0;
	border: 1px solid #c7c7c7;
	clear: both;
}

#viewProdRight a {
	text-decoration: none;
}

#viewProdRight a:hover {
	text-decoration: underline;
}

#viewProdLeft h3 {
	font-size: 1.3em;
	letter-spacing: -.4px;
	margin: 15px 0;
	font-weight: normal;	
}

/* Add To Cart */
#addToCart {
	width: 276px;
	background: url(../imgs/addCartBack.jpg) top left no-repeat;
	padding: 0 12px;
	height: 45px;
	float: left;
	clear: both;
	line-height: 45px;
}
#addToCart p {
	line-height: 45px;
	padding: 0;
	margin: 0;
}

/* Sidebar */
#sidebar {
	float: left;
	width: 200px;
	padding: 0;
}

.sidetitle {
	display: block;
	padding: 4px 5px 5px 10px;
	background-color: #646464;
	color: #ffffff;
	font-weight: bold;
	font-size: 115%;
	text-decoration: none;
}

/* Footer */
#footer {
	width: 760px;
	margin: 0;
	background: #353535;
	padding: 15px 0;
	border-top: 5px solid #2C2C2C;
	height: 20px;
}

#footer p {
	font-size: 0.85em;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footleft {
	width: 365px;
	float: left;
	text-align: left;
	margin-left: 15px;
}

#footright {
	width: 365px;
	float: left;
	text-align: right;
	margin-right: 15px;
}

/* Nav Bar */
#navcontainer { 
	width: 200px;
	padding: 0;
}

#navcontainer ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#navcontainer li {
	border-bottom: 1px solid #646464;
	margin: 0;
}

#navcontainer li a {
	display: block;
	padding: 4px;
	border-left: 5px solid #646464;
	border-right: 5px solid #646464;
	background-color: #484848;
	color: #ffffff;
	text-decoration: none;
}

#navcontainer li a:hover {
	background-color: #3E3E3E;
	color: #ffffff;
}

#navcontainer li a.selected {
	background-color: #353535;
	color: #ffffff;
}

/* Side Search */
#sidesearch {
	width: 190px;
	border-left: 5px solid #646464;
	border-right: 5px solid #646464;
	border-bottom: 5px solid #646464;
	float: left;
	clear: both;
}

.searchboxside {
	margin: 10px 10px 0 10px;
	width: 161px;
	background-color: #484848;
	color: #ffffff;
	padding: 3px;
	border: 1px solid #353535;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.searchboxside:hover {
	background-color: #3e3e3e;
	color: #ffffff;
	border: 1px solid #2c2c2c;
}

.searchbuttonside {
	float: right;
	margin: 10px;
	background: url(../imgs/searchButton.jpg) top left no-repeat;
	width: 70px;
	height: 27px;
	border: none;
}

.searchbuttonside:hover {
	background: url(../imgs/searchButtonHover.jpg) top left no-repeat;
	border: none;
}

/* Product List */
#productList {
	width: 530px;
	float: left;
	clear: both;
	padding: 5px 0;
	margin: 5px 0;
}

#productList table {
	margin: 0;
	padding: 0;
}

#productList a {
	text-decoration: none;
}

#productList a:hover {
	text-decoration: none;
	color: #2c2c2c;
}

#productList h3 {
	font-size: 1.1em;
	letter-spacing: -.4px;
	padding: 0;
	margin: 0;
}

#productList img {
	border: 1px solid #c7c7c7;
}

hr {
	color: #b1b1b1;
	background-color: #b1b1b1;
	height: 1px;
	border: 0;
	width: 100%;
}

/* Home Image Fader */
#imageContainer {
	position: relative;
	margin: 0 0 5px 5px;
	width: 165px;
	border: none;
	float: right;
	height: 165px;
}

#imageContainer img {
	display:none;
	padding: 0;
	margin: 0;
	position:absolute;
}

/* Form Elements */
span.inputTitle {
	font-size: 1.05em;
	font-weight: bold;
	color: #353535;
}

span.inputHelp {
	font-size: 0.8em;
	font-weight: bold;
}

span.inputHelp2 {
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 0.5px;
}

input {
	border: 1px solid #767676;
	background: #ffffff;
	font-size: 0.95em;
	padding: 1px 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
	margin-top: 1px;
}

input:hover {
	border: 1px solid #353535;
}

textarea {
	border: 1px solid #767676;
	background: #ffffff;
	font-size: 0.95em;
	padding: 1px 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
	margin-top: 1px;
}

textarea:hover {
	border: 1px solid #353535;
}

input.loginButton {
	background: url(../imgs/loginButton.jpg) top left no-repeat;
	width: 70px;
	height: 24px;
	border: none;
}

input.loginButton:hover {
	background: url(../imgs/loginButtonHover.jpg) top left no-repeat;
}

input.findButton {
	background: url(../imgs/findButton.jpg) top left no-repeat;
	width: 61px;
	height: 24px;
	border: none;
}

input.findButton:hover {
	background: url(../imgs/findButtonHover.jpg) top left no-repeat;
}

input.sendButton {
	background: url(../imgs/sendButton.jpg) top left no-repeat;
	width: 61px;
	height: 24px;
	border: none;
}

input.sendButton:hover {
	background: url(../imgs/sendButtonHover.jpg) top left no-repeat;
}

input.registerButton {
	background: url(../imgs/registerButton.jpg) top left no-repeat;
	width: 94px;
	height: 24px;
	border: none;
}

input.registerButton:hover {
	background: url(../imgs/registerButtonHover.jpg) top left no-repeat;
}

input.updateButton {
	background: url(../imgs/updateButton.jpg) top left no-repeat;
	width: 86px;
	height: 24px;
	border: none;
}

input.updateButton:hover {
	background: url(../imgs/updateButtonHover.jpg) top left no-repeat;
}

input.checkoutButton {
	background: url(../imgs/checkoutButton.jpg) top left no-repeat;
	width: 102px;
	height: 24px;
	border: none;
}

input.checkoutButton:hover {
	background: url(../imgs/checkoutButtonHover.jpg) top left no-repeat;
}

input.payNowButton {
	background: url(../imgs/payNowButton.jpg) top left no-repeat;
	width: 97px;
	height: 47px;
	border: none;
	margin: 2px 9px 0 0;
}

input.payNowButton:hover {
	background: url(../imgs/payNowButtonHover.jpg) top left no-repeat;
}

input.saveButton {
	background: url(../imgs/saveButton.jpg) top left no-repeat;
	width: 70px;
	height: 27px;
	border: none;
	margin-top: 2px;
}

input.saveButton:hover {
	background: url(../imgs/saveButtonHover.jpg) top left no-repeat;
}

input.addCartButton {
	background: url(../imgs/addCartButton.jpg) top left no-repeat;
	width: 123px;
	height: 22px;
	margin-left: 8px;
	border: none;
}

input.addCartButton:hover {
	background: url(../imgs/addCartButtonHover.jpg) top left no-repeat;
}

select {
	border: 1px solid #767676;
	background: #ffffff;
	font-size: 0.95em;
	padding: 1px 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585858;
	margin-top: 1px;
}

select:hover {
	border:	1px solid #353535;
}

select option {
	padding: 0 3px;
}


/* Register Form */
#blockForm {
	width: 450px;
	clear: both;
	float: left;
	border: 2px solid #A4A4A4;
	margin-top: 4px;
}

#blockForm p {
	margin: 0;
	padding: 0;
}

#blockForm .blockFormHead {
	width: 440px;
	padding-left: 10px;
	line-height: 29px;
	font-weight: bold;
	background: #A4A4A4;
	color: #353535;
	font-size: 1.1em;
	float: left;
	clear: both;
}

#blockForm .blockFormTitle1 {
	width: 160px;
	padding-left: 10px;
	line-height: 28px;
	font-weight: bold;
	background: #cccccc;
	font-size: 1em;
	float: left;
	color: #353535;
}

#blockForm .blockFormTitle2 {
	width: 440px;
	padding-left: 10px;
	line-height: 28px;
	font-weight: bold;
	background: #cccccc;
	font-size: 1em;
	float: left;
}

#blockForm .textoption {
	width: 430px;
	padding: 0 10px;
	line-height: 28px;
	font-weight: bold;
	background: #EEEEEE;
	font-size: 1em;
	float: left;
}

#blockForm .textoption1 {
	width: 280px;
	padding: 0 10px;
	line-height: 28px;
	font-weight: bold;
	background: #EEEEEE;
	font-size: 1em;
	float: left;
}

#blockForm .textoption2 {
	width: 130px;
	padding: 0 10px;
	height: 28px;
	font-weight: bold;
	background: #EEEEEE;
	font-size: 1em;
	float: left;
	text-align: right;
}

#blockForm .textoption3 {
	width: 160px;
	padding: 0 10px;
	line-height: 28px;
	font-weight: bold;
	background: #cccccc;
	font-size: 1em;
	float: left;
}

#blockForm .textoption4 {
	width: 250px;
	padding: 0 10px;
	height: 28px;
	font-weight: normal;
	background: #EEEEEE;
	font-size: 1em;
	float: left;
	text-align: left;
}

#blockForm .textoption5 {
	width: 430px;
	padding: 0 10px;
	line-height: 22px;
	font-weight: normal;
	background: #EEEEEE;
	font-size: 1em;
	float: left;
}

#blockForm .end {
	width: 430px;
	padding: 0 10px;
	line-height: 14px;
	font-weight: bold;
	background: #EEEEEE;
	float: left;
}

#blockForm .textoption input.checkbox {
	margin-right: 6px;
}

#blockForm .blockFormTextBox {
	width: 260px;
	padding: 0 10px;
	height: 28px;
	font-weight: bold;
	background: #EEEEEE;
	font-size: 1em;
	float: left;
}

#blockForm .blockFormTextBox input {
	width: 200px;
	padding: 1px;
	color: #274058;
	letter-spacing: normal;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin-top: 3px;
}

#blockForm .blockFormTextBox input:hover {
	border: 1px solid #A4A4A4;
}

#blockForm .blockFormTextBox select {
	padding: 1px;
	border: 1px solid #cccccc;
	background: #ffffff;
	color: #274058;
	margin-top: 3px;
}

#blockForm .blockFormTextBox select:hover {
	border: 1px solid #A4A4A4;
}

#blockForm .blockFormTextBox option {
	padding: 0 20px 0 2px;
}

#blockForm .textoption textarea {
	width: 425px;
	height: 130px;
	padding: 1px;
	color: #274058;
	letter-spacing: normal;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 10px 0;
}

#blockForm .textoption textarea:hover {
	border: 1px solid #A4A4A4;
}






/* Message Boxes */
.boxWarning {
	background: url(../imgs/boxWarning.gif) top left no-repeat #C7C7C7;
	border: solid 2px #9A9A9A;
	color: #2C2C2C;
	padding: 5px 5px 5px 20px;
	margin: 8px 0;
}

.boxMsg { 
	background: url(../imgs/boxmsg.gif) top left no-repeat #C7C7C7;
	border: solid 2px #9A9A9A;
	color: #2C2C2C;
	padding: 5px 5px 5px 20px;
	margin: 8px 0;
}

/* Misc */
.smallText {
	font-size: 0.9em;
}

.txtGreen {
	color: #007733;
}

.txtRed {
	color: #E10004;
}

.txtYellow {
	color: #DF8600;
}

.txtRedBg {
	color: #ffffff; 
	background: #E10004; 
}

.clearer {
	height: 1px;
	width: 100%;
	clear: both;
}

/* My ACcount */
#myAccountNav ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #A4A4A4;
	color: #353535;
	float: left;
	width: 100%;
	border: 1px solid #353535;
}

#myAccountNav ul li { 
	display: inline; 
}

#myAccountNav ul li a {
	padding: 0.3em 1.1em;
	background-color: #A4A4A4;
	color: #353535;
	text-decoration: none;
	font-weight: bold;
	float: left;
	border-right: 1px solid #353535;
}

#myAccountNav ul li a:hover {
	background-color: #cccccc;
}

#myAccountNav ul li a.selected {
	background-color: #cccccc;
}

img.pageimg {
	margin: 0 0 4px 4px;
	float: right;
	border: 1px solid #c7c7c7;
}