/* Main */
body { margin: 0; padding: 0; color: #000; background: #FFF; font: 14px "trebuchet ms",arial,verdana,geneva,helvetica,sans-serif; text-align: left; }
a:link { color: #0000FF; }
a:visited { color: #7D26CD; }
a:active { color: #FF0000; }
a:hover { color: #FF0000; }
h1 { margin: 0 0 -7px 0; padding: 0 0 5px 0; font: bold 17px verdana,geneva,helvetica,sans-serif; border-bottom: 1px solid #CCC; }
h2 { margin: 40px 0 0 0; padding: 0; font: bold 17px verdana,geneva,helvetica,sans-serif; }
form { margin: 0; padding: 0; }
p { padding: 3px; }

/* Basic Tags */
p.parcenter { text-align: center; }
div.divcenter { text-align: center; }
ul.notlist { list-style-type: none; padding: 0; margin: 10px 0 0 2px; }
li.sublist { line-height: 1.2; padding-bottom: 10px; }
a.totop:link, a.totop:visited, a.totop:active, a.totop:hover { color: #999999; font-size: 11px;	font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif; text-decoration: none; }
.floatl { float: left; }
.floatr { float: right; }
.fsubimg { float: right; margin: 0 15px 0 15px; border: none; }
.fsubimgl { float: left; margin: 0 15px 0 0; border: none; }
.imgpad { padding: 5px; border: none; }
.subh { margin-top: 25px; padding: 2px 2px 1px 5px; background: #EEE; font: bold 0.9em "trebuchet ms",sans-serif; border-bottom: 1px solid #CCC; } 
.subhfix { margin-right: 138px; }
.navmenu { font: bold 11px verdana,arial,sans-serif; }
.bottommargin { margin-bottom: 15px; }
.small { font-size: 0.8em; }
#smalllinks li { font: 10px verdana,arial,sans-serif; }
.noborder { border: none; }
.pin { text-indent: 20px; }
#freegallery { text-align: center; }
#jsdiv { margin-right: 40px; padding-top: 10px; }
#jsdiv ul { margin-left: 70px; }
#listright { float: right; width: 50%; }
p.nbm { margin-bottom: 0; padding-bottom: 0; }
#rlinks li { margin: 0 0 10px -15px; padding: 0; }
.both { clear: both; }
.clearleft { clear: left; }
a.nonnav:link, a.nonnav:visited, a.nonnav:active { padding: 2px; color: #36C; font: bold 12px verdana,arial,sans-serif; border-bottom: 1px dotted #36C; text-decoration: none; }
* html a.nonnav:link, * html a.nonnav:visited, * html a.nonnav:active { border-bottom: 1px solid #36C; }
a.nonnav:hover { background: #F0F8FF; }
* html a.nonnav:hover { background: transparent; color: #000; }
p.gotolink { text-align: center; }
a.gotolink:link, a.gotolink:visited, a.gotolink:active { font-weight: bold; font-size: 15px; color: #36C; text-decoration: none; border-bottom: 1px dotted #36C; padding: 3px; }
a.gotolink:hover { background-color: #F0F8FF; }
* html a.gotolink:hover { background: transparent; color: #000; }
.displaynone { display: none; }
.loadingimg { text-align: center; }
.freetemplatestemp { font-weight: bold; font-size: 20px; text-align: center; }
.freetemplatestemp span { font-size: 22px; color: #FF0000; }
.freetemplatestempnewsletter { margin: auto; margin-bottom: 25px; padding: 10px; width: 400px; background: #FFE4E1; font: 13px verdana,geneva,helvetica,sans-serif; border: 1px dashed #FF0000; text-align: center; }
.freetemplatestempnewsletter span { font-size: 14px; font-weight: bold; }
.catbox1 { float: left; margin-right: 10px; }
.mainbox { padding: 15px 10px 0 10px; background: #EEE; font-size: 11px; border: 1px dashed #666; }
.mainbox h2 { margin-top: 0; font-size: 12px; }

#topbox { margin: auto; margin-top: 15px; padding: 10px; font: 11px arial,sans-serif; }
#topbox h2 { margin: 10px; font-size: 13px; }
.topbox1 { float: left; width: 305px; padding: 10px; text-align: left; line-height: 1.2; }
.topbox1 ul { margin: 4px 0 10px 10px; padding: 0; }
.topbox1 li { margin: 0; padding: 0 0 5px 0; list-style: none; }
.topbox1 a:link, .topbox1 a:visited, .topbox1 a:active, .topbox1 a:hover { color: #0000FF; font: bold 11px arial,sans-serif; }
.topbox1 a.smlink:link, .topbox1 a.smlink:visited, .topbox1 a.smlink:active, .topbox1 a.smlink:hover { color: #666; font: normal 10px arial,sans-serif; text-decoration: none; }
.topbox2 { float: right; margin: 0 0 10px 0; padding: 10px; width: 305px; }

/* TOP */
.wrapper { margin: auto; width: 900px; }
#topheader { padding-top: 10px; background: #0066CC; }
#header { width: 600px; }
#slogan { float: left; margin: 8px 0 0 8px; color: #FFD700; font-size: 0.97em; font-variant: small-caps; }
#slogan a { color: #FFD700; text-decoration: none; }
#cartlinks { float: right; margin-top: 4px; width: 190px; font-size: 12px; text-align: right; }
#cartlinks ul { margin: 0; padding: 0; }
#cartlinks li { margin: 0 0 0 3px; display: inline; list-style-type: none; }
#cartlinks a:link, #cartlinks a:visited, #cartlinks a:active { color: #FFF; text-decoration: none; }
#cartlinks a:hover { color: #CCC; text-decoration: underline; }

/* First Navigation */
#fnavcon {  margin: 0; padding: 0; width: 700px; }
ul#fnav { margin: 0; padding: 0 0 25px 0; font-weight: bold; font-size: 13px; list-style-type: none; border-bottom: none; }
ul#fnav li { float: left; margin: 2px; padding: 0; background: #F0F8FF; border: 2px solid #C6E2FF; border-bottom: none; }
li#active a, li#active a:hover { color: #000; background: #C6E2FF; border-bottom: 1px solid #C6E2FF; }
#fnav a { float: left; display: block; padding: 2px 5px; color: #666; text-decoration: none; }
#fnav a:hover { background: #EEE; }

/* Second Navigation */
#snavcon { padding: 7px; background: #C6E2FF; }
#snavcon ul { margin: 0; padding: 0; }
#snavcon li { display: inline; list-style-type: none; margin: 0; padding: 0 5px; color: #0000FF; font-size: 11px; }
#snavcon li span { font-weight: bold; }
#snavcon a:link, #snavcon a:visited { color: #0000FF; }
#snavcon a:active, #snavcon a:hover { color: #000; }
#livechat { display: inline; font-weight: normal; }
#livechat3 { text-align: center; }

/* Content Area */
#main { padding-top: 10px; background: #FFF; }
#content { float: left; width: 707px; margin: 0 0 10px 0; line-height: 1.8; text-align: justify; background: #FFF; }
#navigation { float: right; width: 170px; margin: 0 0 10px 0; padding: 0; background: #FFF; }
.subnav {  padding: 0; margin-bottom: 10px; }
.subtitle { font-size: 0.8em; color: #000; background: #EEE; margin: 0; padding: 3px 3px 3px 4px; border-bottom: 1px solid #CCC; font-weight: bold; }
.subcontent { padding: 5px; }
#featuredmain { margin: 40px 0; padding: 0 0 0 5px; }
#featuredmain .subh { margin: 15px 0; padding: 0; font: bold 17px verdana,geneva,helvetica,sans-serif; background: none; border: none; text-align: center; }
#dudemain { float: right; padding: 0 30px 0 20px; width: 200px; text-align: center; }
#Examples { margin: auto; width: 600px; }
.imgheight { height: 130px; }
#thanks { margin: auto; padding: 35px 0; width: 85%; }

/* SUBNAV Links */
ul.sublinksnav { list-style-type: none; margin: 0; padding: 0 0 3px 0; color: #CCC; }
.sublinksnav li.spacer { padding-bottom: 10px; }
.sublinksnav a:link, .sublinksnav a:visited { color: #0000FF; }
.sublinksnav a:active, .sublinksnav a:hover { color: #000080; }
.sidemenu { margin-bottom: 10px; padding: 10px; background: #FFFFF0; font: 13px verdana,geneva,helvetica,sans-serif; border: 1px dashed #FFA500; }
.sidemenu span { display: block; font: bold 10px verdana,geneva,helvetica,sans-serif; }
.sidediscount { margin-bottom: 10px; padding: 10px; background: #F0F8FF; font: 13px verdana,geneva,helvetica,sans-serif; border: 1px dashed #36C; text-align: center; }
.sidediscount span { font-size: 10px; font-weight: bold; }
#sidesponsors { margin-bottom: 10px; padding: 10px; background: #F0FFF0; border: 1px dashed #006400; text-align: center; }
#sidesponsors .spanheader { display: block; font: bold 10px verdana,geneva,helvetica,sans-serif; }
#sidesponsors .adHeadline { font: bold 10pt Arial; text-decoration: underline; color: #0000FF; }
#sidesponsors .adText { font: normal 10pt Arial; text-decoration: none; color: #000000; }
.sidenewsletter { margin-bottom: 10px; padding: 10px; background: #E6E6FA; font: 13px verdana,geneva,helvetica,sans-serif; border: 1px dashed #8A2BE2; text-align: center; }
.sidenewsletter span { font-size: 10px; font-weight: bold; }
.sidecats { margin-bottom: 10px; padding: 10px; background: #FFE4E1; font: 13px verdana,geneva,helvetica,sans-serif; border: 1px dashed #FF0000; text-align: left; }
.sidecats span { font-size: 10px; font-weight: bold; }
.sidecats ul { margin: 15px 0 0 0; padding: 0; }
.sidecats li { list-style: none; }

/* Ads */
.adsright { float: right; margin: 65px 25px 0 0; width: 125px; }
.adscenter { text-align: center; }
.adsmargin { margin: 40px 0 0 0; }
.adwords1 { float: right; width: 300px; height: 200px; border: 1px solid; }

/* TOOLS */
.guitoolsm { margin-bottom: 25px; }
.guitoolsi { float: left; margin: 10px 10px 10px 0; width: 340px; line-height: 1.5; text-align: left; }
.guitoolsi a { font-weight: bold; }
.guitoolsi img { float: left; padding-right: 10px; }
.gentitle {font-size:12pt; font-family:verdana; color:#000000; font-weight:bold;}
.NArial   {font-family: verdana; font-size: 10pt;}
.NArialS   {font-family: verdana; font-size: 8pt;}
.NArialW   {font-family: verdana; font-size: 10pt; color:#FFFFFF;}

/* PAGE NAV */
#pn { font-size: 13px; text-align: left; }
.pnmain { margin-top: 25px; }
#pn ul { margin: 0 0 -8px 0; list-style-type: square; }
#pn li { margin-bottom: 10px; }
* html #pn li { margin-left: 25px; }
#pn a:link, #pn a:visited, #pn a:active { font-size: 15px; font-family: verdana,arial,sans-serif; color: #36C; text-decoration: none; border-bottom: 1px dotted #36C; font-weight: bold; padding: 2px; }
* html #pn a:link, * html #pn a:visited, * html #pn a:active { border-bottom: 1px solid #36C; }
#pn a:hover { background: #F0F8FF; }
* html #pn a:hover { background: transparent; color: #000; }
#pn li.pnbot { margin-bottom: 0; }

/* Template Box */
.tempbox { width: 300px; height: 175px; border: 2px solid #C6E2FF; padding: 0; margin: 0; }
.tempboxd { float: right; width: 125px; height: 100%; font-size: 0.85em; line-height: 1.5; background: #EEE; margin: 0; padding: 0 0 0 5px; border-left: 1px solid #CCC; }
.tempboxc { padding: 8px 0 0 0; text-align: center; }
.tblab { cursor: help; border-bottom: 1px dotted #CCC; font-weight: bold; color: #36C; }
#tempboxlist { list-style-type: none; margin: 10px 0 0 0; padding: 0; text-align: center; font-weight: normal; color: #000; }

/* Bottom/Copyright Navigation */
#bottomcon { clear: both; padding: 2px 2px 4px 5px; border-top: 1px solid #CCC; }
#copyright { font-size: 0.85em; padding: 0 0 2px 6px; }
#bnavcon { font-size: 0.85em; padding: 5px; }
#gotop { float: right; padding: 5px; }
#gotop a { color: #0000FF; font-weight: bold; font-size: 0.8em; }
#gotop a:hover { color: #FF0000; }

/* Forms */
#affiliateform { padding-bottom: 10px; }
#affiliateform label { width: 120px; float: left; }
#affiliateform input, #affiliateform select { width: 225px; }
#affiliatelogin label { width: 60px; float: left; }
#affiliatelogin input { width: 120px; }
#orderreview { padding: 10px 0; }
#orderreview label { line-height: 1; }
#orderreview input { width: 200px; }
#contactinfo { border: 1px solid #FFF; }
* html #contactinfo { margin-top: 20px; }
#contactinfor { float: right; width: 350px; }
p#contactinforp { padding-top: 0; }
.contactlabel { font: bold 12px verdana,arial,sans-serif; }
#contactform { margin: 15px 0 0 4px; }
#contactform label { line-height: 1.1; }
#contactform input, #contactform select { width: 200px; margin: 2px 0 10px 0; }
#contactform textarea { margin: 2px 0 10px 0; width: 450px; height: 130px; word-wrap: break-word; }
#contactform table { padding: 3px; }
#contactform .designdes { width: 450px; margin-bottom: 8px; padding: 5px; background: #F0F8FF; line-height: 1.4; font-size: 12px; }
#contactform .submit { width: auto; font-size: 0.85em; background: #C6E2FF; }
#contactform ul { padding: 0; margin: 0 0 0 20px; font-size: 12px; }


#searchform { margin: 15px 0; }
#searchform label { line-height: 1.5; }
#searchform input { width: 110px; font-size: 12px; background: #F0F8FF; }
#searchform select { width: 118px; font-size: 12px; background: #F0F8FF; }
#searchform .price { width: 30px; font-size: 12px; background: ##F0F8FF; }
#searchform .search { width: auto; background: #F0F8FF; margin-top: 5px; }
#searchform .reset { color: #666; font-size: 11px; }
#searchform .extrapad { padding-right: 15px; }

#newsform { margin: 10px 0 0 0; padding: 0; text-align: center; }
#newsform label { line-height: 1.5; }
#newsform input { width: 110px; font-size: 12px; background: #FFF; }
#newsform .button { width: auto; font-size: 12px; background: #CCC; margin-top: 10px; }

/* Quick Links */
ul.sublinks { list-style-type: none; margin: 0; padding: 0 0 3px 0; }
.quicklinks { font-size: 0.9em; }
a.quicklinks:link, a.quicklinks:visited { color: #36C; }
a.quicklinks:active, a.quicklinks:hover { color: #000080; }

/* Tutorials */
p.imgtutorialspar { text-align: center; }
.imgtutorials { padding: 5px; border-width: 0; }
.imgtutorialstext { font-size: 0.7em; font-family: verdana,arial,sans-serif; font-weight: bold; }
.tutorialscode { padding-left:30px; font-family: verdana,arial,sans-serif; color: #000080;}

/* Price Table */
#pricetable { width: 100%; }
#pricetable td { background: #EEE; vertical-align: middle; text-align: left; line-height: 1.5; padding: 5px; }
#pricetable .captioncenter { background:#C6E2FF; font-size: 11px; line-height: 1; text-align: center; padding: 5px; }
#pricetable .caption {	background: #CCC; font-weight:bold; padding: 5px; }
#pricetable .caption a { font-weight: normal; }
#pricetable .captionline { vertical-align: middle; background: #36C; color: #FFF; font-weight: bold; padding: 5px; }
#pricetable .captionline1 { background: #36C; color: #FFF; text-align: right; font-size: 11px; padding-right: 10px; }
#pricetable .price { font-weight:bold; text-align:center; }


/* LISTINGS */
#noresults { margin: 25px 0 25px 0; padding: 20px; text-align: center; border: 2px solid #C6E2FF; background: #EEE; }
#topnav { font-size: 12px; padding: 10px 0 5px 0; }
#pagenavtop { font-weight: bold; font-size: 13px; }
#pagenavbot { clear: left; font-weight: bold; font-size: 13px; padding-top: 10px; }
#sortnav { float: right; margin: 0; padding: 0; font-size: 13px; }
#sortnav form { margin: 0; padding: 0;}
#sortnav label { font-size: 11px; margin: 0; padding: 0; font-size: 13px; }
#sortnav input { margin: 0; padding: 0; background: #F0F8FF; font-size: 13px; }
#sortnav select, #sortnav input { margin: 0; padding: 0; width: 87px; background: #F0F8FF; font-size: 13px; }
#sortnav .perpages { width: 60px; }
#sortnav input { width: 30px; }
#sortnav .hidden { visibility: hidden; }
#listings { margin-top: 10px; }
.freelistings { margin: auto; margin-top: 20px; margin-bottom: 20px; width: 540px; }
.sort { padding: 0 5px; }
.tbleft, .tbright { margin: 3px 3px 0 0; width: 170px; border: 1px solid #EEE; }
.tbleft { float: left;  }
.tbright { float: right; }
.tbimg { height: 160px; padding: 7px; background: #FFF; text-align: center; }
.tbimg img { border: none; }
.tbinfo { padding: 7px; font-size: 11px; background: #EEE; }
.tbinfo label { margin-left: 5px; color: #36C; font-weight: bold; }
.tbinfo span { cursor: help; }
.tbinfo .spanpop { border-bottom: 1px dashed #CCC; }
.tblist { list-style-type: none; margin: 5px 0 0 0; padding: 0; color: #000; font-weight: normal; text-align: center; }
.tbwishlist { margin-top: 2px; text-align: center; }

/* TEMPLATE PAGES */
.tpalign { margin-top: 15px; padding: 10px; }
.tmscreenshot { }
div.tmpagewrapper { float: left; margin-top: 15px; }
.tmtabsarea h3, .tmpreviewarea b, .tmshotscontainer b { display: block; margin: 25px 0 0 0; padding: 2px 2px 1px 5px; background: #EEE; font: bold 0.9em "trebuchet ms",sans-serif; border-bottom: 1px solid #CCC; }
.tmshotscontainer b { margin-bottom: 5px; }
.tmtabsarea { clear: left; font-size: 12px; }
.tmtabsarea span.tmactivetab { font-weight: bold; }

/* POPUPS */
#divpop { display: none; position: absolute; margin: 0 0 0 30px; padding: 4px; color: #000; background: #F0F8FF; font-size: 11px; text-align: left; line-height: 1.1; border: #CCC 1px solid; }
* html #divpop { width: 150px; }
#previewimg { display: none; position: absolute; z-index: 110; margin: 0 10px 0 10px; padding: 4px; color: #000; background: #F0F8FF; font-size: 11px; text-align: left; line-height: 1.1; border: #CCC 1px solid; }

/* Bottom Box */
#botbox { padding-top: 30px; }
#botbox td { width: 25%; padding: 4px; background: #EEE; text-align: center; }
#botbox .tdheader { color: #FFF; background: #0066CC; font: bold 12px verdana,geneva,helvetica,sans-serif; }
#botbox .tdfooter { background: #CCC; font: 10px verdana,geneva,helvetica,sans-serif; }
.bottomboxes { margin-top: 35px; }
.bottomboxes h2 { margin: 0 0 10px 0; padding: 0; font: bold 17px verdana,geneva,helvetica,sans-serif; color: #000; background: none; border: none; }
.bottomboxesfree { float: left; margin-right: 30px; text-align: center; }
.bottomboxesfree span { font: bold 12px verdana,geneva,helvetica,sans-serif; }
.bottomboxesfreebox { width: 230px; padding: 8px 8px 2px 8px; background: #EEE; font-size: 11px; border: 1px dashed #666; }
.bottomboxesfreebox ul { margin: 5px 0 0 0; padding: 0; }
.bottomboxesfreebox li { margin: 0; padding: 5px 0; list-style-type: none; }
p.bottomboxesfreep { padding: 0 0 15px 0; }
.bottomboxesfreepack { float: right; margin: 20px; }


/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* .clearfix { display: inline-block; } */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.fc:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility:hidden; }