/*
-----------------------------------------------
www.k2mweb.com.br master style sheet
author:  K2M
edited:  10/01/2005
----------------------------------------------- */

/* layout */
body {
	background:#003D79 url(../img/bg_body.gif) repeat-y center;
	margin:0;padding:0;
	min-width:850px;
	text-align:center;
}
body.xcart-popup { min-width:460px; }
#wrapper {
	background:url(../img/bg_wrapper.gif) repeat-y center;
}
#header-wrapper {
	background:#003D79 url(../img/bg_header_wrapper.jpg) no-repeat center top;
}
#header {
	background:#003D79 url(../img/bg_header.jpg) no-repeat;
	position:relative;
	width:852px;
	height:124px;
	margin:0 auto;
	text-align:left;
}
#content-wrapper {
	/* nothing yet */
}

h5 {
	background:#ACDEFF;
	font-size:12px;
	width:410px;
	color:#1E3E65;
	font-weight:bold;
	margin-bottom:10px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#content {
	position:relative;
	background-color:#fff;
	width:850px;
	margin:0 auto;
	padding:1px 0; /* makes certain no margin weirdness happens */
	border-width:0 1px 0;
	border-style:solid;
	border-color:#e7e7e7;
	text-align:left;
}
body.xcart #content {
	background:#fff url(../img/bg_sidebar_xcart.gif) repeat-y right top;
}
body.xcart-nosidebar #content,
body.xcart-popup #content {
	background-image:none;
}
body.xcart-popup #header,
body.xcart-popup #content,
body.xcart-popup #footer { width:460px;margin:0; }
body.xcart-nosidebar #content #content-padding,
body.xcart-popup #content #content-padding {
	padding:0 30px 30px;
	color:#333;
}
body.xcart-popup #content #content-padding {
	width:370px;
}

body.xcart-popup #content-padding label {
	display:block;
}

#footer-wrapper {
	clear:both;
	background:url(../img/bg_footer_wrapper.gif);
}
#footer {
	background:#003D79 url(../img/bg_footer.jpg) no-repeat center top;
	position:relative;
	width:852px;
	height:130px;
	margin:0 auto;
	text-align:left;
}


/* link defaults */
a {
	padding:1px;
	color:#640000;
}
a:hover {
	text-decoration:none;
}

/* remove borders from images */
img {
	border:none;
}

/* clear floats */
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:1%;
}


form {
	margin:0;padding:0;
}

form#login-form input {
	padding:2px 3px;
	font-size:90%;
	font-weight:bold;
	color:#333;
	border:2px solid #ddd;
}


/* header items */
h1#logo {
	position:absolute;
	left:12px;
	top:22px;
	margin:0;padding:0;
}
h1#logo a {
	display:block;
	background:url(../img/logo_header.gif) no-repeat;
	width:222px;
	height:71px;
	text-indent:-5000px;
	outline:none;
}

p#toolbar {
	margin:0 0 0 363px;
	padding:12px 0 0;
	font-size:77%;
	color:#fff;
}
p#toolbar a {
	color:#fff;
	padding:2px;
}
p#toolbar a:hover {
	background-color:#DB7C00;
	text-decoration:none;
}

a.pagelinks img {
	vertical-align:bottom;
}

#contact {
	position:absolute;
	right:18px;
	top:0;
	width:166px;
}
#contact div#liveresponse {
	margin:0 0 -10px;padding:0;
}
/*#contact div#liveresponse a {
	display:block;
	background:url(../img/button_livesupport.gif) no-repeat;
	width:166px;
	height:34px;
	text-indent:-5000px;
	outline:none;
}*/
#contact div#liveresponse-off {
	display:none;
}
#contact p {
	margin:8px 0 0;padding:0;
	font-size:77%;
	font-weight:bold;
	line-height:1.4;
	color:#fff;
	text-align:center;
}


/* content items */
#homepage-feature {
	background:url(../img/bg_homepage_feature.gif) no-repeat;
	width:850px;
	height:176px;
}
#homepage-feature-photo {
	float:left;
	margin-top:5px;
}
#homepage-feature-text,
#homepage-feature-button {
	float:right;
}
#homepage-feature-text { margin-top:5px; }

#main {
	float:left;
	width:570px;
	padding:0 30px;
	color:#333;
}
#homepage #main {
	width:465px;
}
body.xcart #main {
	width:660px;
	padding:45px 0 30px;
}
body.xcart-cart #main {
	width:600px;
	padding:0 30px 30px;
}
body.xcart-favorites #main {
	padding:0 0 10px;
}

#main p,
#main dl {
	font-size:93%;
	line-height:1.45;
}

#content h1,
#content h2,
#content h3 {
	color:#640000;
}
#content h1 em,
#content h2 em,
#content h3 em {
	color:#ccc;
	font-style:normal;
}

.search-results{
	padding-left:25px;
}

#main h2 {
	margin:0 0 -.75em;
	font-size:136%;
	color:#FF9100;
}

#main hr {
	background:url(../img/bg_hr.gif) repeat-x;
	height:3px;
	margin:15px 0;padding:0;
	border:none;
}

#main dt {
	font-weight:bold;
}
#main dd {
	margin:0 0 1em;
}

#main #download {
	background-color:#FAFAFA;
	padding:7px 10px;
	border:1px solid #F2F2F2;
}
#main #download h2 {
	background:url(../img/icon_disk.gif) no-repeat 0 50%;
	padding-left:20px;
	font-size:93%;
	line-height:16px;
	color:#333;
}
#main #download p {
	margin-bottom:0;
	padding-left:20px;
}

#main a.more {
	background:url(../img/icon_arrow_gray.gif) no-repeat left 50%;
	padding-left:14px;
}
#main a.more-alt {
	background:url(../img/icon_arrow_gray.gif) no-repeat right 50%;
	padding-right:14px;
	font-weight:bold;
}

body.xcart #main p.more {
	font-size:77%;
	font-weight:bold;
}

#creditcards {
	background:url(../img/creditcards.gif) no-repeat;
	width:850px;
	height:40px;
}


/* x-cart layout */
.ErrorMessage {
	font-weight:bold;
	padding:.25em;
	color:red;
	width:80%;	
}

body.xcart #sidebar #cartstatus {
	background:url(../img/bg_cartstatus.gif) no-repeat 0 50%;
	margin:.5em 0;padding:0 0 0 32px;
	font-size:85%;
	font-weight:bold;
	color:#b3b3b3;
}
body.xcart #sidebar #cartstatus.xcart-empty {
	padding:6px 0 6px 32px;
}
body.xcart #sidebar #cartstatus span {
	display:block;
	color:#999;
}

body.xcart #sidebar h2 {
	margin:0 0 .25em;
	font-size:92%;
	color:#FF9100;
}

body.xcart #sidebar label {
	display:block;
	margin:.75em 0 0;
	font-size:85%;
	font-weight:bold;
	color:#999;
}

body.xcart #sidebar select,
body.xcart #sidebar input {
	width:95%;
	font-size:77%;
}

body.xcart #sidebar input#updatesearch {
	width:157px;
	height:22px;
	margin:1em 0 0;
}

body.xcart #sidebar .checkbox-wrapper {
	background-color:#f0f0f0;
	margin:.25em 0;
	padding:1px 2px;
	border:1px solid #e8e8e8;
}
body.xcart #sidebar .checkbox-wrapper input {
	width:auto;
}
body.xcart #sidebar .checkbox-wrapper label {
	display:inline;
	margin-right:1px;
	font-size:77%;
	font-weight:normal;
	color:#666;
}

body.xcart #sidebar dl {
	margin:0 0 .5em;
	font-size:85%;
	color:#999;
}
body.xcart #sidebar dt {
	font-style:italic;
}
body.xcart #sidebar dd {
	margin:.75em 0 0;
}
body.xcart #sidebar dl .question,
body.xcart #sidebar dl .answer {
	font-weight:bold;
	font-style:normal;
	color:#FF9100;
}

body.xcart #sidebar p.more {
	margin:0;
	font-size:77%;
	text-align:right;
}
body.xcart #sidebar p.more-alt {
	margin:0;
	font-size:77%;
	font-weight:bold;
	text-align:right;
}


#xcart-toolbar-top,
#xcart-toolbar-bottom {
	position:absolute;
	width:642px;
	padding:11px 0 11px 25px;
	font-size:77%;
	color:#999;
	border-width:0 0 1px;
	border-style:solid;
	border-color:#f0f0f0;
}
#xcart-toolbar-top {
	left:0;
	top:0;
}
#xcart-toolbar-bottom {
	left:0;
	bottom:0;
	border-width:1px 0 0;
}

#xcart-toolbar-top p,
#xcart-toolbar-bottom p,
#xcart-toolbar-top form,
#xcart-toolbar-bottom form {
	display:inline;
	margin:0;padding:0;
}

#xcart-toolbar-top select,
#xcart-toolbar-bottom select {
	margin:0 15px 0;
}

#xcart-toolbar-top .button-go,
#xcart-toolbar-bottom .button-go {
	vertical-align:bottom;
}

#xcart-toolbar-top .xcart-viewfavorites a,
#xcart-toolbar-bottom .xcart-viewfavorites a {
	background:url(../img/icon_star.gif) no-repeat;
	padding:3px 0 3px 18px;
	font-weight:bold;
}

body.xcart #main .item {
	float:left;
	width:120px;
	margin:0 20px 25px 25px;
}
body.xcart #main .item a {
	padding:0;
}
body.xcart #main .item-info {
	margin:5px 0 0;padding:0;
	font-size:92%;
	font-weight:bold;
	color:#999;
	border-top:1px solid #F0F0F0;
	text-align:right;
}
body.xcart #main .item-info span {
	float:left;
	margin:1px 0 0;
	color:#b3b3b3;
	font-weight:normal;
}
body.xcart #main .item-links {
	margin:0;padding:0;
}
body.xcart #main .item-links a,
body.xcart #main .item-links form a,
body.xcart #main .item-links p form a {
	display:block;
	padding:1px;
	font-size:85%;
	text-align:right;
}

#xcart-information {
	background-color:#f5f5f5;
	margin:1em 0 0;
	padding:0 1em;
	font-size:90%;
	border:1px solid #eee;
}


/* product detail page  */
img.xcart-imagedetail {
	float:left;
	margin:0 15px 1em 0;
}

div#xcart-itemprice {
	text-align:right;
	margin-left:390px;
}
div#xcart-itemprice h2 {
	margin:0;
}
div#xcart-itemprice h2 em {
	color:#333;
	font-style:normal;
}
div#xcart-itemprice h3 {
	margin:0;
	color:#bbb;
}
div#xcart-itemprice h4 {
	margin:0;
	color:#ccc;
}

div#xcart-itemquantity {
	margin:.75em 0 .5em;
}
div#xcart-itemquantity label,
div#xcart-itemoptions label { font-size:90%;font-weight:bold;color:#999; }

div#xcart-itemquantity input,
.xcart-cartitem-top input,
table#xcart-cartcheckout input {
	padding:2px 3px;
	font-size:90%;
	font-weight:bold;
	color:#333;
	text-align:right;
	border:2px solid #ddd;
}

div#xcart-itemoptions {
	margin:5px 0 0;
}
div#xcart-itemoptions label { padding-top:.4em; }
div#xcart-itemoptions textarea {
	width:190px;
	height:70px;
	margin:2px 0 0;
	padding:2px 3px;
	font-size:90%;
	color:#333;
	border:2px solid #ddd;
}

div#xcart-itemdescription {
	clear:both;
	color:#555;
}

div#xcart-itemdescription h2 { margin:0; }
div#xcart-itemdescription table { margin:1em 0 0;width:100%;border-collapse:collapse; }
div#xcart-itemdescription td { width:50%;padding:.35em .35em;font-size:90%;border-right:2px solid #f5f5f5;color:#666; }
div#xcart-itemdescription tr.odd td { background-color:#ebebeb; }
div#xcart-itemdescription tr.even td { background-color:#f5f5f5; }

p.note {
	font-size:85%;
	color:#bbb;
}


/* favorites */
body.xcart-favorites h1 {
	margin:15px 25px;
}

#xcart-sendfavorites {
	clear:both;
	background:#f2f2f2;
	margin:15px 25px;padding:10px;
	border:1px solid #e9e9e9;
	color:#666;
}



/* cart detail */
.xcart-cartitem {
	clear:both;
	margin-bottom:5px;
	padding:8px 0 0;
	border-top:3px solid #F0F0F0;
}


.xcart-cartitem-thumbnail {
	float:left;
	margin:2px 0 0;
}

.xcart-cartitem-top {
	margin:0 0 0 92px;
}
.xcart-cartitem-top span {
	display:block;
	margin:-2em 0 0;
	padding:0 2px 4px 0;
	font-size:90%;
	color:#333;
	text-align:right;
	border-bottom:1px solid #F2F2F2;
}

.xcart-cartitem-options {
	background:url(../img/bg_xcart_item_options.gif) repeat-x;
	margin:0 0 0 92px;
	padding:5px 0 0;
}
.xcart-cartitem-options p {
	margin:0;
	color:#555;
}
.xcart-cartitem-options p.note {
	color:#999;
}

#xcart-total {
	clear:both;
	padding:8px 0 0;
	border-top:3px solid #F0F0F0;
}

.xcart-cartitem table,
#xcart-total table {
	border-collapse:collapse;
	border:none;
}

#xcart-total table {
	float:right;
}

#xcart-total table td {
	padding:3px;
	color:#666;
	font-size:95%;
}
#xcart-total table tr#total td {
	background-color:#ffc;
	font-weight:bold;
	color:#333;
	font-size:100%;
}

#xcart-cartdetail-buttons {
	text-align:right;
}



/* xcart checkout progress bar */
#xcart-progress {
	background-repeat:no-repeat;
	background-position:center top;
	width:785px;
	margin:15px 0;
	padding:55px 0 0;
	text-align:center;
}
#xcart-progress.step1 { background-image:url(../img/bg_progressbar_1.gif); }
#xcart-progress.step2 { background-image:url(../img/bg_progressbar_2.gif); }
#xcart-progress.step3 { background-image:url(../img/bg_progressbar_3.gif); }
#xcart-progress.step4 { background-image:url(../img/bg_progressbar_4.gif); }

#xcart-progress ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0;padding:0;
}
#xcart-progress ul li {
	float:left;
	width:25%;
	font-weight:bold;
	text-align:center;
	color:#B3B3B3;
}
#xcart-progress ul li.currentstep {
	color:#f90;
}
#xcart-progress ul li a {
	color:#B3B3B3;
}


/* xcart checkout table format */
table#xcart-cartcheckout {
	border-collapse:collapse;
	border:none;
	width:100%;
	margin:1em 0;
}
table#xcart-cartcheckout h3 {
	margin:0;
}
table#xcart-cartcheckout h3 em {
	color:#bbb;
}
table#xcart-cartcheckout th,
table#xcart-cartcheckout td {
	text-align:right;
	padding:.25em .5em;
	color:#666;
}
table#xcart-cartcheckout th,
table#xcart-cartcheckout td {
	border-bottom:2px solid #fff;
}
table#xcart-cartcheckout .itemname {
	text-align:left;
}

table#xcart-cartcheckout tr.odd td { background-color:#f0f0f0; }
table#xcart-cartcheckout tr.even td { background-color:#f5f5f5; }



/* faq styles */
ul#faq-list {
	list-style:none;
	padding:0 0 0 1em;
}
ul#faq-list li {
	line-height:1.3;
}
ul#faq-list li a {
	background:url(../img/bullet_orange.gif) no-repeat 0 50%;
	padding-left:16px;
	color:#6BA249;
}
ul#faq-list li a:hover {
	background-image:url(../img/bullet_arrow_green.gif);
}

dl#faq-answers {
	padding-top:1em;
	border-top:3px solid #eee;
	line-height:1.3;
}

dl#faq-answers dt {
	background:url(../img/bullet_arrow_green.gif) no-repeat 0 50%;
	padding-left:16px;
	font-weight:bold;
	color:#6BA249;
}
dl#faq-answers dd {
	margin:0 0 0 16px;
	color:#555;
}
dl#faq-answers dd p:first-child {
	margin-top:.25em;
}

.faq-backtotop a {
	background:url(../img/bullet_arrow_up.gif) no-repeat 0 50%;
	margin-left:-3px;
	padding-left:14px;
	font-size:87%;
}



/* sidebar */
#sidebar {
	float:right;
}
#homepage #sidebar {
	background:url(../img/bg_sidebar_homepage.gif) repeat-y;
	width:323px;
	padding:0 0 0 2px;
	border-width:2px 0 1px 0;
	border-style:solid;
	border-color:#fff #fff #fff #F0F0F0;
}
body.xcart #sidebar {
	background-color:transparent;
	width:157px;
	padding:0 12px 0;
	border:none;
}

#homepage #sidebar hr {
	background:url(../img/bg_hr_sidebar_homepage.gif) no-repeat;
	height:2px;
	margin:3px 0 0;
	border:none;
}
body.xcart #sidebar hr {
	clear:both;
	height:3px;
	margin:.25em 0 .5em;
	border:none;
	border-bottom:3px double #ededed;
}


/* sidebar modules for homepage */
#homepage #sidebar .module {
	margin:0;
	padding:10px 5px 5px 15px;
}
#homepage #sidebar .module h2 {
	margin:0 0 5px;
	font-size:136%;
	color:#640000;
	letter-spacing:-1px;
}
#homepage #sidebar .module h2 span {
	display:block;
	font-size:51%; /* this calculates to 9px approx. */
	color:#333333;
	letter-spacing:0;
	text-transform:uppercase;
}
#homepage #sidebar .module p {
	margin:0;
	color:#666;
}

#homepage #sidebar .module .thumb-logo {
	float:left;
	width:91px;
	margin:0 10px 0 0;
}
#homepage #sidebar .module .thumb-stationery {
	float:right;
	margin:0 10px 0 0;
}

#homepage #sidebar .module .thumb-logo p,
#homepage #sidebar .module .thumb-stationery p {
	margin:0;padding:0 1px 0 0;
	font-size:70%;
	color:#000000;
	text-align:right;
	text-transform:uppercase;
}
#homepage #sidebar .module .thumb-logo p a,
#homepage #sidebar .module .thumb-stationery p a {
	display:block;
	padding:0;
	font-weight:bold;
	text-transform:none;
}


/* footer items */
#footer p#copyright {
	position:absolute;
	right:20px;
	bottom:30px;
	margin:0;padding:0;
	font-size:77%;
	color:#ccc;
}

#footer #logo-hackersafe {
	position:absolute;
	right:94px;
	top:38px;
}
#footer #logo-csite {
	position:absolute;
	right:20px;
	top:15px;
}


/* nav */
ul#nav {
	position:absolute;
	right:9px;
	bottom:14px;
	width:480px;
	height:31px;
	margin:0;padding:0;
	list-style:none;
}
ul#nav li {
	float:left;
}
ul#nav li a {
	float:left;
	background-image:url(../img/nav_matrix.gif);
	background-repeat:none;
	background-position:0 0;
	width:96px;
	height:31px;
	padding:0;
	text-indent:-5000px;
	outline:none;
}

ul#nav li#nav-logos a { background-position:0 0; }
ul#nav li#nav-logos a:hover { background-position:0 -31px; }
body#logos ul#nav li#nav-logos a { background-position:0 -62px; }

ul#nav li#nav-stationery a { background-position:-96px 0; }
ul#nav li#nav-stationery a:hover { background-position:-96px -31px; }
body#stationery ul#nav li#nav-stationery a { background-position:-96px -62px; }

ul#nav li#nav-icons a { background-position:-192px 0; }
ul#nav li#nav-icons a:hover { background-position:-192px -31px; }
body#icons ul#nav li#nav-icons a { background-position:-192px -62px; }

ul#nav li#nav-fonts a { background-position:-288px 0; }
ul#nav li#nav-fonts a:hover { background-position:-288px -31px; }
body#fonts ul#nav li#nav-fonts a { background-position:-288px -62px; }

ul#nav li#nav-templates a { background-position:-384px 0; }
ul#nav li#nav-templates a:hover { background-position:-384px -31px; }
body#templates ul#nav li#nav-templates a { background-position:-384px -62px; }


/* subnav */
ul#subnav {
	list-style:none;
	margin:40px 20px 0 0;padding:0;
	border-top:1px solid #E5E5E5;
}
ul#subnav li {
	margin:0;padding:0;
	border-bottom:1px solid #E5E5E5;
}
ul#subnav li a {
	display:block;
	background-image:url(../img/icon_subnav_gray.gif);
	background-repeat:no-repeat;
	background-position:4% 50%;
	padding:8px 5px 7px 25px;
	font-size:85%;
	font-weight:bold;
	color:#999;
	text-decoration:none;
}
ul#subnav li a:hover {
	background-color:#f3f3f3;
	color:#666;
}
ul#subnav li#current a {
	background-image:url(../img/icon_subnav_orange.gif);
	background-color:#f3f3f3;
	color:#666;
}


/* footer nav */
#footer ul {
	float:left;
	margin:30px 0 0 20px;padding:0;
	font-size:85%;
	list-style:none;
}
#footer ul li {
	line-height:1.4;
}
#footer ul li a {
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:10px;
	color:#ddd;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#fff;
}

#footer ul#nav-a li a { background-image:url(../img/bullet_footer_blue.gif); }
#footer ul#nav-b li a { background-image:url(../img/bullet_footer_orange.gif); }
#footer ul#nav-c li a { background-image:url(../img/bullet_footer_green.gif); }
#footer ul#nav-d li a { background-image:url(../img/bullet_footer_green.gif); }
/* #footer ul#nav-d { display:none; } */

/* Cart Progress */
.LineAfterCart {
	background-color: #ffd44c;
}
.LineBeforeCart {
	background-color: #ff8600;
}


/* styles for color picker - colourmod.com */
#swatch-wrapper {
	float:right;
	width:190px;
	margin:.6em 0;
}

.cart-swatch {
	float:left;
	margin:0 0 0 5px;
	width:15px;
	height:15px;
}

body.xcart-popup #xcart-itemoptions{
	width:190px;
}

body.xcart-popup #swatch-wrapper {
	float:left;
	width:190px;
	margin:.6em 0;
}

body.xcart-popup .change-options{
	margin:0;padding:0;
	float:right;
}

#swatch-wrapper label {
	display:block;
	text-align:left;
	margin-bottom:3px;
}
.colorswatch {
	float:left;
	margin-right:16px;
}
.colorswatch h4 {
	padding-bottom:2px;
	font-size:9px;
	text-align:left;
	color:#a6a6a6;
}
.colorswatch a {
	float:left;
	width:46px;
	height:24px;
	padding:0;
	text-align:left;
	background:url(../img/bg_colorswatch.gif) no-repeat;
}
.colorswatch div {
	position:relative;
	left:2px;
	top:2px;
	width:20px;
	height:20px;
}

/* rules below used as hooks for colourmod */
/*#swatch1 { background:#333; }
#swatch2 { background:#666; }
#swatch3 { background:#999; }*/

.Star{
	color:red;
	font-weight:bold;
}