/*
Theme Name: Free Mail Templates Theme
Theme URI: http://www.freemailtemplates.com/
Theme Author: CSS Mayo
Description: The default theme for Free Mail Templates site.
Version: 1.0
*/
* { padding:0; margin:0; outline:0; }
body {
	color:#5a5a5a;
	font-size:14px;
	line-height:19px;
	background:#fff url(images/bottom.jpg) repeat-x center bottom;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding-bottom:20px;
}

.cl { font-size:0; line-height:0; display:block; height:0; clear:both; }

.center { text-align: center; }

a { color:#4e97e0; cursor:pointer; text-decoration: none;}
a:hover { color:#333; }

a img{ border:0; }

.notext { font-size:0; line-height:0; display:block; background-position:0 0; background-repeat:no-repeat; text-indent: -4000px;}


h2 { color:#000; font-weight: normal; font-size:36px; line-height:40px; font-family: Georgia, serif; padding-bottom:10px; }

#bg { background:url(images/top.jpg) no-repeat center 0; }

#shell { min-height:1200px; width:942px; margin:0 auto; }

#header { height:165px; position:relative; top:-86px;}
#header-bg { height:165px; background:url(images/head.png) no-repeat 0 0; }

h1#logo { width:311px; height:74px; position:absolute; top:82px; left:9px; font-size:0; line-height:0; }
h1#logo a{ display:block; height:74px; text-indent: -4000px; background:url(images/logo.gif); }


#our-network-button { width:91px; height:74px; background-image:url(images/network.gif); position:absolute; top:82px; left:321px;}
.active-network-button { background-position:0 bottom; }

#network-logos {position:absolute; top:0; left:0; padding:3px 0 0 15px;}

/*
#network-logos ul{ list-style-type: none; padding:5px 0 0 16px}
#network-logos ul li{ float:left; display:inline; margin-right:31px;}
#network-logos ul li.last{ margin:0;}
#network-logos ul li a{ float:left; font-size:0; line-height:0; width:204px; height:62px; background-repeat:no-repeat; background-position:0 0; }
#network-logos ul li a:hover{ background-position:0 bottom; }
#network-logos ul li a.css-mayo{ background-image:url(images/mayo-logo.gif); }
#network-logos ul li a.choco{ background-image:url(images/choco-logo.gif); }

#our-network { position:absolute; top:0; left:0; width:956px; top:-105px; z-index:200;}
#our-network .sites{ height:89px; background:#ffe289; padding:16px 0 0 12px;}
*/
#network-logos a{ font-size:0; line-height:0; width:175px; height:71px; text-indent: -4000px; background:url(images/our-network.gif) no-repeat 0 0; float:left; margin-right:7px; border:solid 1px #b91600; }

#network-logos a.last{ margin-right:0; }
#network-logos a:hover{ border-color:#dd5c4a; }

#network-logos a.bakery-link { background-position: 0 0;}
#network-logos a.mafia-link { background-position: -190px 0;}
#network-logos a.mayo-link { background-position: -380px 0;}
#network-logos a.mailtemplates-link { background-position: -570px 0;}
#network-logos a.psdfiles-link { background-position: -760px 0;}
#network-logos a.choco-link { background-position: -950px 0;}

#our-network a.toggle-sites { position:absolute; right:20px; top:105px; width:94px; height:23px; background:url(images/sites-tab.gif); line-height:20px; font-size:10px; text-align: center; text-decoration: none; color:#9c5e27; }

#our-network a.toggle-sites span { background:url(images/sites-bul.gif) no-repeat 0 4px; padding-left:12px; text-decoration:underline; }
#our-network a.toggle-sites:hover span { text-decoration:none; }

#our-network a.opened span { background-position: 0 -16px}


.our-sites { font-size:11px; padding-top:7px; }
.our-sites span{ padding:0 5px; color:#aaa;}


#container { min-height:300px; padding:200px 5px 0 5px;}

#items { width:964px; position:relative; margin-right:-32px; padding-top:30px; }
#items ul{ list-style-type: none; left:-3px; position:relative; }
#items ul li{ float:left; display:inline; width:450px; margin:0 32px 40px 0; }
#items ul li a.image{ display:block; font-size:0; line-height:0; width:444px; height:216px; padding:3px; background:url(images/image.gif) no-repeat 0 0;}
#items ul li a.image img{ border:solid 5px #fff; }
#items ul li a.image:hover img{ border:solid 5px #b91600; }

#items small { display:block; font-size:10px; color:#aaa; padding:0 8px;}

#items ul li.need-custom { border: solid 1px #dbdbdd; background: #fdfad5 url(images/hot-offer.gif) no-repeat right 0; width: 910px; margin-right: 0; text-align: center; padding: 10px; }
#items ul li.need-custom h2 { text-transform: uppercase; color: #d0010b; font-weight: bold; font-size: 35px; padding-bottom: 0; font-family: "Trebuchet MS", Tahoma, Sans-Serif; }
#items ul li.need-custom h3 { font-size: 24px; text-transform: uppercase; color: #7f7e6a; font-family: bold; line-height: 30px; font-family: "Trebuchet MS", Tahoma, Sans-Serif; }
#items ul li.need-custom h3 a { text-decoration: underline; color: #d0010b; }
#items ul li.need-custom h3 a:hover { text-decoration: none; }

.buttons { height:24px; padding:5px 0 0 8px;}
.buttons a{ float:left; height:24px; font-size:0; line-height:0; background:url(images/buttons.gif) no-repeat 0 0; margin-right:7px; 
	text-indent: -4000px;}
.buttons a:hover{ background-position:0 bottom;}

a.preview-button { width:97px;}
a.download-button { width:111px; background-position: -109px 0}
a.download-button:hover {background-position: -109px bottom; }

#bottom { padding:50px 5px 70px; }
#bottom .col{ float:left; display:inline; width:270px; margin-right:28px; min-height:200px;}
#bottom .last-col{ margin-right:0; width:212px; }
#bottom .col-cc{ background:url(images/cc-logo.gif) no-repeat 0 0; padding-left:120px; }

#copy { text-align: center; }

#bottom h3 { height:32px; }
.cc-h { background-image:url(images/cc-h.gif);  }
.support-h { background-image:url(images/support-h.gif); }
.contact-h { background-image:url(images/contact-h.gif); }

input, textarea { font-size:12px; font-family: "Trebuchet MS", Arial, sans-serif; color:#666; }

.contact-form { padding-top:4px; position:relative; }
.field { background:#fff url(images/field.gif) repeat-x 0 0; padding:2px 3px; border:solid 1px #d5d5d5; display:block; width:204px; display:block; margin-bottom:7px; }
textarea.field { overflow:auto; height:60px;}

.submit-button { display:block; margin:0 0 0 auto; width:97px; height:24px;; font-size:0; line-height:0; cursor:pointer; text-indent: -4000px; background:url(images/buttons.gif) no-repeat right 0; border:0;}
.submit-button:hover { background-position: right bottom;}

#win-holder { position:absolute; width:0; height:0; top:0; left:50%; font-size:0; line-height:0; z-index:2; }
#win { position:absolute; width:988px; top:0; left:-494px; display:none; }
#win-t,
#win-b { width:988px; font-size:0; line-height:0; }
#win-b { height:71px; background:url(images/win-b.png) no-repeat 0 0;}
#win-t { height:108px; background:url(images/win-t.png) no-repeat 0 0;}
#win-c { width:988px; background:url(images/win-c.png) repeat-y 0 0; }

#win-cnt { height:500px; margin:0 44px; }
#win-scroll { height:500px; overflow:hidden; font-size:12px; line-height:17px; }

#win_screen { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; display:none; }

#download-button { width:137px; height:34px; background-image:url(images/download-button.gif); position:absolute; top:59px; left:789px;}

#win h3 { color: #fffffe; position:absolute; top:62px; left:120px; font-size:21px; line-height:25px; width:400px;}

#close-win-button { width:38px; height:38px; background-image:url(images/close.png); position:absolute; top:27px; left:27px;}

table { background:#eee; }
table th { padding:7px 20px; text-align: left; color:#222;}
table td{ padding:5px 20px; text-align: left; background:#fff; border-bottom:solid 1px #eee; }

#mail-clients { font-weight: bold; padding:15px 0 0 0;}
#mail-clients ul{ list-style-type: none; }
#mail-clients ul li{ float:left; display:inline; width:180px; padding:6px 0 5px 35px; background:url(images/mail-clients.gif) no-repeat 0 0;  margin-bottom:2px; }


#mail-clients ul li.outlook-ico 	{ }
#mail-clients ul li.apple-ico 		{ background-position:0 -33px; }
#mail-clients ul li.windows-ico		{ background-position:0 -66px; }
#mail-clients ul li.yahoo-ico		{ background-position:0 -99px; }
#mail-clients ul li.gmail-ico		{ background-position:0 -132px; }
#mail-clients ul li.thunderbird-ico	{ background-position:0 -165px; }
#mail-clients ul li.hotmail-ico		{ background-position:0 -198px; }
#mail-clients ul li.lotus-ico		{ background-position:0 -231px; }

#thanks { text-align: center; font-weight: bold; color:#222; position:absolute; top:-26px; left:120px; display:none; }
.fmt {
    float: left;
    margin-right: 36px;
}
.omega {
    margin-right: 0;
}
.fmt img {
    padding: 3px;
    border: solid 1px #d4d4d4;
}
.more-free-templates {
    text-align: right;
    margin-right: 35px;
    margin-top: 10px;
}
.more-free-templates a {
    text-decoration: underline;
}
.more-free-templates a:hover {
    text-decoration: none;
}

.error-msg { color: #f61852; border: solid 1px #f61852; font-size: 12px; padding: 2px 5px; margin-bottom: 7px; background: #fedeeb; }
.aff-msg { color: green; border: solid 1px green; font-size: 12px; padding: 2px 5px; margin-bottom: 7px; background: #e0ffe2; }

body.template-page { padding-bottom: 0; }
#preview-frame { width: 100%; background:#fff url(images/bottom.jpg) repeat-x center bottom; }
#preview-bar { background: #000; color: #fff; line-height: 20px; height: 74px; background: url(images/preview-bar.gif) repeat-x 0 0; }
#preview-bar .spacer { padding: 16px 20px; }
#preview-bar div.right { float: right; display: inline; }
#preview-bar .logo { float: left; display: inline; width: 296px; height: 40px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/preview-bar-logo.gif) no-repeat 0 0; }
#preview-bar .buttons { float: right; display: inline; }
#preview-bar .selector { float: right; display: inline; line-height: 24px; padding: 5px 0 0 8px; }
#preview-bar .selector select { padding: 2px; }
#preview-bar .selector select option { padding-right: 10px; }