/* 
Copyright Blicqs Internet Axioms Ltd. 2006
support@blicqs.com
*/

*
{
	margin: 0;
	padding: 0;
}

select { min-width: 1.5em; }

body
{
	font-family:"Trebuchet MS" , Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#444;
	background:#52A6E7 url(/img/bg-body.jpg) repeat-x left top;
	text-align:center;
}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 1.0em; }

br.clear-br { clear:both; line-height: 0px; }
br.clear5-br { clear:both; line-height: 5px; }
br.clear10-br { clear:both; line-height: 10px; }
br.clear15-br { clear:both; line-height: 15px; }

/* --- structural --- */

#container-div
{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:804px;
	background:url(/img/bubble.gif) no-repeat right top;
}

#header-div
{
	margin-top:8px;
	height:185px;
	background:url(/img/bg-header.gif) no-repeat left top;
}

#menu-div
{
	margin-left:190px;
	/*padding-top:14px;*/
	background:url(/img/pencil.gif) no-repeat 490px top;
	width:510px;
}

#cartline-div
{
	height:21px;
}
#hHeader_cartlinepadDiv
{
	background:url(/img/cart.gif) no-repeat left top;
	font-family:Verdana,sans-serif;
	font-size:9px;
	color:#0076C0;
	padding-top:2px;
	padding-left:25px;
	height:18px;
}

#content-div
{
	float:left;
	width:804px;
	margin-top:13px;
	background:url(/img/content-top.gif) no-repeat left top;
}

#number-div
{
	margin-top:5px;
	float:left;
	width:44px;
	height:49px;	
}
#signpost-div
{
	float:left;
}
#intro-div
{
	float:left;
	margin:26px 0 0 5px;
	display: inline;
}
#flash-div
{
	float:right;
	width:76px;
	height:40px;
}
#page-div
{
	float:left;
	clear:both;
	display:inline;
	margin:10px 0 0 46px;
	width:682px;
	background:url(/img/bg-page.gif) repeat-y left top;
}
#bubble2-div
{
	float:right;
	width:58px;
	height:136px;
}
#footer-div
{
	float:left;
	clear:both;
	display:inline;
	margin:0 0 0 46px;
	width:682px;
	padding-top:38px;
	background: url(/img/bg-footer.gif) no-repeat left top;
}
div.left-div { float:left; }
div.right-div { float:right; }

#leftcol-div
{
	float:left;
	width:170px;
	background: url(/img/bg-divider.gif) no-repeat right top;
}
#rightcol-div
{
	float:left;
	width:507px;
}
#leftcolhalf-div
{
	float:left;
	width:338px;
	background: url(/img/bg-divider.gif) no-repeat right top;
}
#rightcolhalf-div, #chkoutlft-div
{
	float:left;
	width:338px;
}

#dlvyrght-div
{
	margin:0 6px 10px;
}

#pdout-div
{
	float:left;
	display:inline;
	margin:0px 18px 25px;
	width:401px;
	background:#DEEDFB url(/img/bg-pdout.gif) no-repeat left top;
}
#pdoutc-div
{
	padding:10px 10px 0 10px;
}
#pdoutint-div
{
	margin:10px 0;
	padding:5px;
	background-color:#FFF;
}
#pdoutb-div
{
	text-align:right;
	padding:4px 21px 0 0;
	background:#FFF url(/img/bg-pdoutb.gif) no-repeat left top;
}

#pseccol-div
{
	float:left;
	display:inline;
	width:222px;
	margin-bottom:25px;
}
#pcreatenow-div
{
	width:222px; height:49px;
	text-align:center;
	padding-top:12px;
	background:url(/img/bg-pcreate.gif) no-repeat left top;
	margin-bottom:10px;
}
#ptestim-div h3
{
	text-indent:-2000px;	
	width:222px; height:42px;
	background:url(/img/bg_teste.gif) no-repeat left top;
}
div.testim
{
	font-style:italic;
	padding:9px 11px;
	margin:10px 0;
	background:url(/img/testim.gif) repeat left top;
}
#ptestib-div
{
	height:18px;
	background:url(/img/bg_testeb.gif) no-repeat left top;
}
div.testim span
{
	display:block;
	font-style:normal;
	text-align:right;
}

div.openform-div, div.openformwide-div
{
	margin:0 18px;
	padding-top:1px;
	background:#DEEDFB url(/img/bg-form-top.gif) no-repeat left top;
}
div.openformwide-div
{
	padding-top:7px;
	background:#DEEDFB url(/img/bg-form-topwide.gif) no-repeat left top;
}


#floatstretch-div
{
	margin:15px 18px;	
	padding-top:1px;
	background:#C6E1F9 url(/img/bg-form-topfs.gif) no-repeat left top;	
	float:left;
	display:inline;
}
div.chkblue-div
{
	margin-left:18px;
	background:#DEEDFB url(/img/bg-form-top.gif) no-repeat left top;
}
div.chkgrey-div
{
	margin:0 12px;
	background:#E7E7E7 url(/img/bg-form-top-grey.gif) no-repeat left top;
}

div.closeform-div
{
	margin:0 18px;
	padding-top:1px;
	background:#E5E5E5 url(/img/bg-form-top-close.gif) no-repeat left top;
}

div.formbottom-div
{
	padding-top:10px;
	background:#DEEDFB url(/img/bg-form-bottom.gif) no-repeat left top;
}
div.chkgrey-div div.formbottom-div
{
	background:#E7E7E7 url(/img/bg-form-bottom-grey.gif) no-repeat left top;
}

div.formbottomwide-div
{
	padding-top:10px;
	background:#DEEDFB url(/img/bg-form-bottomwide.gif) no-repeat left top;
}
div.formbottomclose-div
{
	padding-top:10px;
	background:#E5E5E5 url(/img/bg-form-bottom-close.gif) no-repeat left top;
}
#floatstretch-div div.formbottomwide-div
{
	background:#C6E1F9 url(/img/bg-form-bottomfs.gif) no-repeat left top;	
}
#hiw-Div
{
	float:left;
	display:inline;	
	width:638px;
	padding-left:18px;
	margin-left:18px;
	background:url(/img/bg-hiw.gif) no-repeat left top;
}
#ctc-Div
{
	float:left;
	display:inline;	
	width:638px;
	padding-left:18px;
	margin-left:18px;
	background:url(/img/bg-ctc.gif) no-repeat left top;
}
#ict-Div
{
	float:left;
	display:inline;	
	width:638px;
	padding-left:18px;
	margin-left:18px;
	background:url(/img/bg-ict.gif) no-repeat left top;
}

div.error-div
{
	padding-left:45px;
	border:1px solid Red;
	background:#FFE3DE url(/img/error-shark.gif) no-repeat left top;
}
div.infoDiv
{
	padding-left:30px;
	border:1px solid #40B3FF;
	background:#E3F4FF url(/img/ok.gif) no-repeat left top;
}

#errorcontainer
{
	margin:0 18px 12px;
	padding:1px;
	border:2px solid Red;
}
#infocontainerDiv
{
	margin:0 18px 12px;
	padding:1px;
	border:2px solid #40B3FF;
}

#step1-div, #step3-div, #step2-div, #step4-div
{
	margin-left:10px;
	padding-left:5px;
	background:url(/img/step1.gif) no-repeat left top;
}
#step2-div { background:url(/img/step2.gif) no-repeat left top; }
#step3-div { background:url(/img/step3.gif) no-repeat left top; }
#step4-div { background:url(/img/step4.gif) no-repeat left top; }

div.seloption-div
{
	padding:4px;
	padding-left:17px;
	background:url(/img/bg-selected.gif) no-repeat left top;
}

#totalCostDiv
{
	text-align:right;
	padding-right:30px;
}

#cartButtonDiv
{
	text-align:right;
	margin:10px 25px;
}
#cartButtonLftDiv
{
	margin:10px 18px;
}

#fontlist-div
{
	width:165px;
	height:170px;
	background-color:#FFF;
	padding:3px;
	overflow:auto;
}
#fontlist-div img
{
	margin:2px 0;
}

#colorlist-div
{
	width:165px;
	height:145px;
	background-color:#FFF;
	padding:3px;
	overflow:auto;
}

div.clip-div
{
	display:block;
	clear:both;
	border-bottom:1px solid #CCC;
}
div.clip-div img
{
	float:left;
}
div.holdbut-div
{
	margin-top:2px;
	padding-top:2px;
	border-top:1px solid #B8DAF7;
}

div.galleft
{
	float:left;
	width:263px;
}
div.galbelow
{
	clear:both;
	float:left;
}

/* --- tables --- */
#form-tbl
{
	margin:0 18px;
	width:430px;
}
table.form-tbl
{
	width:100%;
}
div.openformwide-div table.form-tbl
{
	width:646px;
}
table.cart-tbl, table.wideform-tbl
{
	width:626px;
	margin:0 10px;
}

table.selector-tbl
{
	margin-left:11px;
	width:440px;
}
table.selector-tbl td
{
	padding:0 5px;
}
td.highlight-td
{
	color:#000
}
tr.separator-tr td
{
	padding-bottom:3px;
	border-bottom:1px solid #FFF;
}
tr.separator2-tr td
{
	padding-bottom:4px;
	border-bottom:2px solid #FFF;
}

table.cart-tbl th
{
	color:#006699;
	text-align:left;
	font-weight:normal;
	padding:2px;
}
table.cart-tbl th.right-th
{
	text-align:right;
}
table.cart-tbl th.center-th
{
	text-align:center;
}
table.cart-tbl td
{
	border-top:2px solid #FFF;
	padding:2px;
}
table.cart-tbl tr.cartsummary-tr td 
{
	border-top:5px solid #FFF;
	padding-top:6px;
}

table.wideform-tbl td
{
	color:#333;
	padding:3px;
}
table.wideform-tbl tr.linedown-tr td
{
	border-bottom:2px solid #B8DAF7;	
}
table.wideform-tbl tr.linedown2-tr td
{
	border-bottom:2px solid #B8DAF7;	
	padding-bottom:6px;
}
table.wideform-tbl tr.shim-tr td
{
	padding:0;
}
table.wideform-tbl td.callout-td
{
	padding-left:20px;
	border-bottom:2px solid #B8DAF7;	
}
tr.padtop10-tr td
{
	padding-top:8px;
}

#form-tbl td
{
	padding-bottom:4px;
	padding-right:10px;
}
table.form-tbl td
{
	padding:0 14px 4px 14px;
}

table.form-tbl td.sep-td
{
	border-top:2px solid #FFF;
	padding-top:4px;
}

table.form-tbl td.topcell-td
{
	padding-top:4px;
}

table.form-tbl td.padcelline-td
{
	padding-top:3px;
	border-top:1px dashed #FFF;
	border-bottom:1px dashed #FFF;
}
table.form-tbl td.padcellinet-td
{
	padding-top:3px;
	border-top:1px dashed #FFF;
}
table.form-tbl td.padcellineb-td
{
	padding-bottom:3px;
	border-bottom:1px dashed #FFF;
}
tr.nosepline-tr td
{
	padding-top:0px;	
	border:none;
}

td.address-td
{
	border:none;
}
td.addressel-td
{
	font-weight:bold;
}

table#shipRate, table#flatRate, table#rblUps
{
	border:2px solid #0066CC;
}

table#shipRate td, table#flatRate td, table#rblUps td
{
	padding:1px;
	background-color: #FFF;
}

td#pmntrs-td
{
	background:url(/img/bg-pymnt.gif) no-repeat left top;
	padding:8px 0 0 29px;
}

table.galcallout-Tbl
{
	width:638px;
	margin:0 18px;
}
td.gislft-Td
{
	padding:4px 20px 2px 10px;
	background:url(/img/bg-td-gis-top.gif) no-repeat left top;
}
td.gisclft-Td
{
	padding:5px 15px 2px 15px;
	background:url(/img/bg-td-gis-cnt.gif) repeat-y left top;
}
td.gisblft-Td
{
	padding:13px 25px 10px 10px;
	background:url(/img/bg-td-gis-btm.gif) no-repeat left top;
}

/* --- forms --- */
#form-tbl label, table.form-tbl label { display:block; }
table.form-tbl td.check-td label { display:inline; }
table#shipRate td label, table#rblUps td label, table#flatRate td label { display:inline; margin-left:10px; }


#form-tbl input, table.form-tbl input, 
#form-tbl textarea, table.form-tbl textarea,
#form-tbl select, table.form-tbl select,
input.normal-inp, textarea.normal-inp, select.normal-inp
{
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-left-color: #7C7C7C;
	border-bottom-color: #DDD;
	
	font-size: 1.0em;
	width: 100%;
	font-family: inherit;
	margin: 0;
}
table.form-tbl input.wid-inp, table.form-tbl select.wid-inp
{
	width:auto;
}
input.nnn-inp 
{
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-left-color: #7C7C7C;
	border-bottom-color: #DDD;
	
	font-size: 1.0em;
	width: 250px;
	font-family: inherit;
	margin: 0;
}

select.quan-select
{
	font-size: 1.0em;
	font-family: inherit;
	width: 45px;
}

table.form-tbl td.check-td input, table#shipRate td input, table#flatRate td input, table#rblUps td input
{
	border:none;
	width:auto;
}

#form-tbl input.error-inp, #form-tbl textarea.error-inp,
table.form-tbl input.error-inp, table.form-tbl textarea.error-inp
{
	border: 1px solid #FF9999;
	border-top-color: #CC0000;
	border-left-color: #CC0000;
	background-color:#FAE5E5;
}

#form-tbl textarea, table.form-tbl textarea
{
	height: 110px;
	line-height: 1.6em;
	padding: 2px 4px;
	-moz-box-sizing: border-box;
}

form input.send-btn 
{
	display: block; 
	margin: 4px 11px 0 auto;
	padding-right:25px;
	width: 69px; 
}
form input.table-btn 
{
	display: block; 
	border:none;
	margin:0 2px 0 0;
	width:auto; 
}
form input.inline-btn 
{
	display: inline; 
	border:none;
	width:auto; 
}


/* --- lists --- */
ul { list-style:none; }
#menu-ul
{
	position:relative;
	height:19px;	
}
#menu-ul li
{
	position:absolute; 
	display:block;
}
#menu-ul li a
{	
	height:19px;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	text-indent:-3000px;
}
#home-li { left:0; }
#magnet-li { left:99px; }
#banner-li { left:161px; }
#site-li { left:223px; }
#decal-li { left:310px; }
#contact-li { left:440px; }

#home-li a { background-image: url(/img/menu/mm_a.gif); width:97px; }
#magnet-li a { background-image: url(/img/menu/mm_c.gif); width:60px; }
#banner-li a { background-image: url(/img/menu/mm_e.gif); width:60px; }
#site-li a { background-image: url(/img/menu/mm_g.gif); width:85px; }
#decal-li a { background-image: url(/img/menu/mm_i.gif); width:128px; }
#contact-li a { background-image: url(/img/menu/mm_k.gif); width:65px; }
#home-li a.over-a { background-image: url(/img/menu/mm_a_over.gif); }
#magnet-li a.over-a { background-image: url(/img/menu/mm_c_over.gif); }
#banner-li a.over-a { background-image: url(/img/menu/mm_e_over.gif); }
#site-li a.over-a { background-image: url(/img/menu/mm_g_over.gif); }
#decal-li a.over-a { background-image: url(/img/menu/mm_i_over.gif); }
#contact-li a.over-a { background-image: url(/img/menu/mm_k_over.gif); }

#signpost-div ul { position: relative; }
#signpost-div ul li { text-indent: -3000px; }
#homepst-ul { margin:19px 0 0 6px; background: url(/img/sign-home.gif) left top no-repeat; }
#cartpst-ul { margin:19px 0 0 6px; background: url(/img/sign-cart.gif) left top no-repeat; }
#magnetpst-ul { margin:19px 0 0 6px; background: url(/img/sign-magnets.gif) left top no-repeat; }
#gallerypst-ul { margin:19px 0 0 6px; background: url(/img/sign-gallery.gif) left top no-repeat; }
#bannerspst-ul { margin:19px 0 0 6px; background: url(/img/sign-banners.gif) left top no-repeat; }
#jobsitepst-ul { margin:19px 0 0 6px; background: url(/img/sign-jobsite.gif) left top no-repeat; }
#vinylpst-ul { margin:19px 0 0 6px; background: url(/img/sign-vinyl.gif) left top no-repeat; }
#digitalpst-ul { margin:19px 0 0 6px; background: url(/img/sign-digital.gif) left top no-repeat; }
#decalspst-ul { margin:19px 0 0 6px; background: url(/img/sign-decals.gif) left top no-repeat; }
#chkoutpst-ul { margin:19px 0 0 6px; background: url(/img/sign-checkout.gif) left top no-repeat; }
#optionspst-ul { margin:19px 0 0 6px; background: url(/img/sign-options.gif) left top no-repeat; }
#ctcpst-ul { margin:19px 0 0 6px; background: url(/img/sign-contact.gif) left top no-repeat; }
#loginpst-ul { margin:19px 0 0 6px; background: url(/img/sign-login.gif) left top no-repeat; }
#accountpst-ul { margin:19px 0 0 6px; background: url(/img/sign-account.gif) left top no-repeat; }
#homepst-ul, #cartpst-ul, #magnetpst-ul, #gallerypst-ul, #bannerspst-ul, #jobsitepst-ul, #decalspst-ul, #digitalpst-ul, #vinylpst-ul, #optionspst-ul, #chkoutpst-ul { width: 57px; height: 63px; }
#ctcpst-ul, #loginpst-ul, #accountpst-ul { width: 62px; height: 63px; }


#page-div ul
{
	margin:10px 18px;
}
#page-div ul li
{
	margin-top:2px;
	margin-bottom:2px;
	padding-left:14px;
	background:#EEE url(/img/ul-li.gif) left top no-repeat;
}
#page-div ul.white-ul li
{
	margin-top:3px;
	margin-bottom:3px;
	padding-left:14px;
	background:#FFF url(/img/ul-li.gif) left top no-repeat;
}

#page-div ul.whitetd-ul
{
	margin:0;
}
#page-div ul.whitetd-ul li
{
	margin-top:4px;
	margin-bottom:4px;
	padding-left:14px;
	background:#FFF url(/img/ul-li.gif) left top no-repeat;
}
#page-div div.error-div ul li
{
	background:#FFE3DE url(/img/ul-li.gif) left top no-repeat;
}

#page-div ul.features-ul
{
	margin:0;
	margin-top:6px;
}
#page-div ul.features-ul li
{
	margin-bottom:15px;
	background:none;
	padding-left:41px;
}
#page-div ul.features-ul li.tools { background:url(/img/icons/tools.gif) left top no-repeat; }
#page-div ul.features-ul li.green { background:url(/img/icons/green.gif) left top no-repeat; }
#page-div ul.features-ul li.uses { background:url(/img/icons/uses.gif) left top no-repeat; }
#page-div ul.features-ul li.design { background:url(/img/icons/design.gif) left top no-repeat; }
#page-div ul.features-ul li.price { background:url(/img/icons/price.gif) left top no-repeat; }
#page-div ul.features-ul li.colors { background:url(/img/icons/colors.gif) left top no-repeat; }
#page-div ul.features-ul li.magic { background:url(/img/icons/magic.gif) left top no-repeat; }

#page-div ul.features-ul li strong
{
	display:block;
	margin-bottom:2px;
}

/* --- anchors --- */
a
{
	text-decoration:none;
}
a.strong-a
{
	font-weight:bold;
}
#page-div a
{
	color:#CC3300;
}
#page-div a:hover
{
	color:#333;
}

#clipart-tbl a
{
	color:#CC3300;
	font-size:14px;
	font-weight:bold;
}

a img { border:none; }

a.icon-a
{
	width:130px;
	height:110px;
	display:block;
	text-indent:-3000px;
}

#hHeader_cartlinepadDiv a
{
	color:#0076C0;
	text-decoration: underline;
}

#flash-div a
{
	background: url(/img/gallery.gif) no-repeat left top; 
	width:76px;
	height:40px;
	display:block;
	text-indent:-3000px;
}

#footer-div a
{
	color: #FFF;
	text-decoration: underline;
}
#footer-div a:hover
{
	color:#333;
	text-decoration: none;
}

#magnets-div a.icon-a
{
	background: url(/img/icon-a.gif) no-repeat left top; 
}
#banner-div a.icon-a
{
	background: url(/img/icon-b.gif) no-repeat left top; 
}
#site-div a.icon-a
{
	background: url(/img/icon-c.gif) no-repeat left top; 
}
#decal-div a.icon-a
{
	background: url(/img/icon-d.gif) no-repeat left top; 
}

a.float-a
{
	text-decoration:underline;
	margin-left:20px;
}

td.gisclft-Td a
{
	margin-right:5px;
}

/* --- headers --- */
#logo-h1
{
	background:url(/img/logo.gif) no-repeat left top;
	width:296px;
	height:38px;
	text-indent:-3000px;
	margin:35px 0 0 72px;
}

#strap-h2
{
	background:url(/img/strap.gif) no-repeat left top;
	width:402px;
	height:16px;
	text-indent:-3000px;
	margin:2px 0 0 121px;
}

h3.cost-h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#666;
}

h3.replace-h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
}

h2.replace-h2
{
	font-size: 16px;
	margin:5px 5px 5px 18px;
}
h2.replace2-h2
{
	font-size: 16px;
	margin:0;
}

/* --- text --- */
#page-div p, #footer-div p, #clipart-tbl p
{
	margin:10px 18px;
}

#page-div p:hover
{
	color:#000;
}
#page-div p.bigger-p
{
	font-size:12px;
}
#page-div p.biggest-p
{
	font-size:14px;
}
#footer-div p
{
	color:#FFF;
}

#clipart-tbl p.clip-p
{
	border-bottom:1px solid #CCC;
}

#page-div div.error-div p
{
	font-size:13px;
	font-weight:bold;
}

span.price-label
{
	font-weight:bold;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser 
text before it is replaced... the negative-letter 
spacing in this case is used to make the browser text 
metrics match up with the sIFR text metrics since the 
sIFR text in this example is so much narrower... your own 
settings may vary... any weird sizing issues you may run 
into are usually fixed by tweaking these decoy styles 
*/

.sIFR-hasFlash h3.replace-h3 {
	letter-spacing: 0;
	font-size: 12px;
	visibility: hidden;
}
.sIFR-hasFlash h2.replace-h2 {
	letter-spacing: -4px;
	font-size: 16px;
	visibility: hidden;
}
.sIFR-hasFlash h2.replace2-h2 {
	letter-spacing: -4px;
	font-size: 16px;
	visibility: hidden;
}
/*
.sIFR-hasFlash h2.recently-h2 {
	letter-spacing: -4px;
	font-size: 16px;
	visibility: hidden;
}

.sIFR-hasFlash h2.comments-h2 {
	letter-spacing: -4px;
	font-size: 15px;
	visibility: hidden;
}
*/

/* generated rounded box for in table */
.rbroundbox { background: url(/img/nt.gif) repeat; }
.rbtop div { background: url(/img/tl.gif) no-repeat top left; }
.rbtop { background: url(/img/tr.gif) no-repeat top right; }
.rbbot div { background: url(/img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/img/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 95%; margin: 1em auto; }