/*
  dotOnlineMarketing, B2C (Business to Consumer) Shopping site
  http://www.dotOnlineMarketing.com

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
	color: #000000;
	margin: 0;
	padding: 0;
	font: 0.7em "Arial", Helvetica, Sans-Serif;
	word-wrap:break-word;
  background: #ffffff;
}


#header {width: 1020px;	height: 45px;	margin: 0 auto;}

#pageColumnLeft {float:left; width:220px; padding-top:10px;}
#pageColumnRight {float:right; width:180px; padding-top:10px; padding-left:10px;}
#pageColumnMid {float:left;width:600px; padding-top:10px;padding-left:10px;}

#pageColumnLeft, #pageColumnMid, #pageColumnRight {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {clear: both;overflow:hidden; width:1020px; margin: 0 auto;}

#breadcrumb {clear:both; margin: 45px 0 0 0; color:#fff; height:24px; background:url(images/navi_bg.gif) repeat-x 0 0px; background-color:#20aecc;}
#breadcrumbcontent {padding-top:5px; width: 1020px; margin: 0 auto;}
#breadcrumbleft {width:500px;float:left;}
#breadcrumbright {width:500px;float:right;text-align:right;}

#footer {clear:both; background:#353535;height:100px;}
#footercontent {padding-top:5px; width: 1020px; margin: 0 auto;text-align:center;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

.content {padding:10px;}

a {
	color: #3C6491;
	background-color: inherit;
  text-decoration: none;
}

a:hover {
	color: #BF3E17;
	background-color: inherit;
  text-decoration: underline;
}

h1 {
	font: 120% Arial, Sans-Serif;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0;
}

h1 a {
	color: #BF3E17;
	background: inherit;
	text-decoration: none;
}

h1 a:hover {
	color: #3C6491;
	background: inherit;
	text-decoration: none;
}

h2 {
	margin: 8px 0 5px 0;
	padding: 0;
	font-size: 1.3em;
	letter-spacing: -1px;
	color: #333;
	background-color: inherit;
}

h2 a {
	color: #000000;
	text-decoration: none;
	background-color: inherit;
	background-image: url(images/h2bg.gif);
	background-repeat: no-repeat;
	background-position: center left;

	padding: 0 0 0 20px;
}

h2 a:hover {
	background: url(images/h2bghover.gif) no-repeat center left;
}

img {
	border: 0;
}

#logo {
	float: left;
	padding: 10px 0 0 0px;
	color: #000000;
	background: inherit;
	width: 560px;
}

#logo h1 {
	float: right;
	border-left: 1px solid #cccccc;
	padding: 10px 0 0 20px;
	font-family: Verdana, Arial, sans-serif; font-size: 10px;
	margin:0 0 0 17px; width:114px;	display:block;	font-weight:normal; width:250px;

}

#hmenu {
	padding: 13px 0 5px 0;
	float: right;
}

#hmenu a {
	padding: 12px 13px 2px 11px;
	text-decoration: none;
	color: #414141;
	background: #ccc url(images/hmenuarrow.gif) no-repeat top center;
	margin: 0 0 3px 1px;
	border-bottom: 4px solid #BCBCBC;
}

#hmenu a:hover {
	background: #20aecc url(images/hmenuarrowhover.gif) no-repeat top center;
	color: #FFFFFF;
	border-bottom: 4px solid #2F4A6C;
}

#leftmenu {
	margin: 0;
	padding: 0;
}

#leftmenu a {
	display: block;
	background: #BF3E18 url(images/vmenuarrow.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
}

#leftmenu a:hover {
	color: #FFFFFF;
	background: #822C0F url(images/vmenuarrowhover.gif) no-repeat center left;
}

.leftarticle {
	background: #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 8px;
	line-height: 1.4em;
}

.leftarticle_ad {
	font: 140% Arial, Sans-Serif;
	font-weight: bold;
	border: 2px solid #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 17px;
	width: 182px;
	height: 17px;
	background: #FFFFFF url(images/seoad.jpg) no-repeat;
}

.leftarticle_ad a {
	background: transparent;
	text-decoration: none;
}

form.search { padding: 0; margin: 0; }

#searchform {
	background: #808080;
	color: #FFFFFF;
	padding: 5px 8px 5px 18px;
	margin: 0px;
}

input.text { margin: 0; padding: 0; width: 128px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
input.button { margin: 0; cursor: pointer; font-size: 100%; font-family: Arial, Sans-Serif; border: none; background: none; color: #FFF; background: #808080; font-weight: bold; }
.date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(images/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
.date a { color: #808080; background: #FFFFFF; }

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* Inset 3D Raised */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;padding:10px;}



/* Inset 3D Curved */
.inset {background: transparent; width:40%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

/* BoxGrayBig Borders*/
.boxgraybig {background: transparent; width:100%; margin:0 auto;}
.boxgraybig h1,h2, .boxgraybig p {margin:0 10px;}
.boxgraybig h1 {font-size:1.8em; color:#333; letter-spacing:1px;}
.boxgraybig h2 {font-size:1.4em; color:#333; letter-spacing:1px;}
.boxgraybig p {padding-bottom:0.5em;}

.boxgraybig .top, .boxgraybig .bottom {display:block; background:transparent; font-size:1px;}
.boxgraybig .b1, .boxgraybig .b2, .boxgraybig .b3, .boxgraybig .b4, .boxgraybig .b5 {display:block; overflow:hidden; height:1px; background:#fff; border-left:1px solid #b6b7cb; border-right:1px solid #b6b7cb;}
.boxgraybig .b1 {margin:0 5px; background:#b6b7cb;}
.boxgraybig .b2 {margin:0 4px;}
.boxgraybig .b3 {margin:0 3px;}
.boxgraybig .b4 {margin:0 2px;}
.boxgraybig .b5 {margin:0 1px;}

.boxgraybig .boxcontent {display:block; background:#fff; border-left:1px solid #b6b7cb; border-right:1px solid #b6b7cb; padding:10px;}

ul { list-style-position: inside; font-family: Verdana, Arial, sans-serif; font-size: 11px;line-height:14px;color:#333;}
ol { list-style-position: outside; font-family: Verdana, Arial, sans-serif; font-size: 11px;line-height:14px;color:#333;}

#contact-wrapper{
	background-color:#f5f5f5;
	padding:10px;
	-moz-border-radius:10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}
.valid{border:2px solid green !important;}
.invalid{border:2px solid red !important;}

ul.sitemap {
  color: #ff0000;
}

.boxNewBlue {
	border:#b6daeb solid 1px; margin-bottom:10px;
	line-height:22px;
}

.boxTitleBlue {
	padding-left:5px;
	color:#333333;
	background-color:#cedfeb;
  background-image:url(/images/infobox/design_box_title_b.gif);
}

.boxContentsBlue {
  padding: 15px;
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


.boxContentsBlue h2 {
	font: 110% Verdana, Arial, sans-serif;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0;
}

.boxBorderBlue {
	border:#b6daeb solid 1px; margin-bottom:10px;

}

/* glossary */
h1.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: #000;
}

h2.subtitle {
  margin-top: 5px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 10pt;
}

h3.definition {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
}

h4.subtitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 0px;
}

#frontdiv {
	padding: 15px;
	margin: 0 auto;
}

#frontdiv h1 {
	font-family: Verdana, Arial, sans-serif; font-size: 1.6em;
	font-weight:normal; color: #e80000;
}

#frontdiv img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}