/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {font: 14px/18px Century Gothic, Arial, Helvetica, sans-serif; color: #888;}
.header a, .footer a {text-decoration: none; color: #ccc;}


/*general*/
.blue {color: #00a4e2;}
.clr {clear: both;}
a {color: #00a4e2;}
p {margin-bottom: 15px;}
input, textarea {border: 1px solid #d6d6d6;}
h1 {font-size: 30px; line-height: 150%; color: #00a4e2; margin-bottom: 10px;}
h2 {font-size: 20px; line-height: 150%; color: #00a4e2; margin: 75px 0 20px 0;}
.subTitle {font-size: 18px; line-height: 22px; margin-bottom: 15px;}
.button {background: transparent url('../images/layoutImages/bgButton.gif') right top no-repeat; color: #fff; display: block; float: left; height: 27px; padding-right: 10px; text-decoration: none;}
	.button span {background: transparent url('../images/layoutImages/bgButtonLeft.gif') top left no-repeat; display: block; padding-left: 10px; line-height: 27px;}
.left {float: left;}
.right {float: right;}

/*form*/
.form {overflow-y: auto; height: 370px;}
textarea {font: 14px/18px Century Gothic, Arial, Helvetica, sans-serif; color: #888;}
input.submit{background: transparent url("../images/layoutImages/bgInput.png") no-repeat scroll left top;color:#FFFFFF;cursor:pointer;font:12px Century Gothic,Arial,Helvetica,sans-serif;height:31px;padding:0 10px;width:182px;border:none;}
* html input.submit{background:url("../images/layoutImages/bgInput.gif"); cursor:hand; width: auto; border: solid 1px #fff;}
.editor {margin: 5px 0; clear: both;}
.editor-label {float: left; width: 200px;margin: 5px 0;}
.editor-field {float: left; width: 430px;margin: 5px 0;}
.field-validation-error, .validation-summary-errors li {color:#f00;}
.rightColumn .validation-summary-errors li {list-style-type:none;}
/*.validation-summary-errors li:before {content: "* ";}*/
.input-validation-error{border-color:Red;}

.questions .editor {margin: 10px 0 20px 0;}
.questions .radio {margin-left: 10px;}

#MyDymoForm_PostalCode {width: 75px;}
#MyDymoForm_FirstName, #MyDymoForm_LastName, #MyDymoForm_City, #MyDymoForm_Email {width: 100px;}
#MyDymoForm_Address2, #MyDymoForm_Address2, #MyDymoForm_PhoneNumber{width: 150px;}

/*template*/
.container {width: 988px; margin: 0 auto;}

.header {height: 113px; color: #fff; background:#000 url('../images/layoutImages/bgHeader.jpg') left top no-repeat; margin-bottom: 10px;}
	.logo {float: left; width: 137px; height: 45px; margin: 25px 0 0 25px;}
		.dymo {margin-bottom: 6px;}
		.baseline {text-align: center; font-size: 12px; }	
	.lngMenu {float: right; clear: both; margin: 5px 17px 0 0; font-variant: small-caps;}
		#languages {padding: 0; width: 153px; }
		#languages li {text-decoration: none; float: left; position: relative; width: 153px; background: #1d1b1c url('../images/layoutImages/bgLanguageArrow.gif') no-repeat right top; line-height: 18px; font-size: 11px; }
		#languages li a {text-align: left; color: #00A4E2; padding-left: 4px;}
		#languages li a.arrowDown { }
		#languages li ul {display: none; position: absolute; top: 18px; right: -1px; width: 153px; }
		#languages li:hover ul {display: block; }
		#languages li ul li { background: url('../images/layoutImages/bgLanguageMenu.png') left top no-repeat; }
		#languages li ul li a {display: block; text-decoration: none; padding: 1px 10px 1px 3px; color: #939393; font-size: 11px;}
		#languages li ul li a:hover { background: #00a4e2; color: #ffffff; }
    
    .navigationMenu { float: right; margin-top: 41px;}

.content {height: 459px; background:#fff url('../images/layoutImages/bgContent.jpg') left top no-repeat; margin-bottom: 10px; padding: 12px;}  
	.content .leftColumn {float: left; width: 274px;}
	.content .rightColumn {float: left; width: 630px; padding: 16px 20px 0 20px;}
	
	.leftColumn .facebook {font-size: 13px; color: #fff; background-color: #000; text-align: center; padding: 3px 0;}
	.leftColumn .facebook img {vertical-align: middle;}
	.leftColumn .facebook a {text-decoration:none; color:#FFF;}
	.rightColumn .facebook {font-size: 13px; color: #466faa; padding: 3px 0;}
	.rightColumn .facebook a {font-size: 13px; color: #456daa; padding: 3px 0;}
	.rightColumn .facebook img {vertical-align: bottom;}	
	.rightColumn .facebook a {text-decoration:none;}
	.rightColumn li {list-style-type:disc;}
    
.banners {}
	.banner1, .banner2, .banner3 {float: left;}
	.banner1, .banner2 {margin-right: 9px;}

    
.footer {height: 37px; background:#000 url('../images/layoutImages/bgFooter.gif'); margin: 7px 0 10px 0;}
.footer div {text-align: center; padding-top: 11px;}

#preview
{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	margin:5px;
}
#hidepreview
{
    display:none;
}
div.previewdiv {color: #fff;}
div.previewdiv a{text-decoration:none; color:#fff;}