@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background: #f5f5f5 url(images/bg.png) top left repeat; font-family: Arial, Helvetica, sans-serif; }
.clear { display: block; clear: both; }
.spacer { display: block; height: 10px; }
.wrap { display: block; width: 940px; height: auto; margin: 0 auto;}
.left {float:left;}
.right {float:right;}
.clearfix:after {
	content:"";
	display:table;
	clear:both;
}
.header { display: block; width: 940px; height: 378px; background: url(images/bg_goldfish.png) top right no-repeat; }
.social { display: inline-block; width: 500px; height: 25px; line-height: 25px; font-size: 12px; color: #6d6e71; text-shadow: #FFFFFF 1px 1px 0px; padding-top: 10px; float: left; }
.social p { display: inline-block; float: left; margin-right: 10px; }
ul#social-icons { display: inline-block; float: left; }
ul#social-icons li { display: inline-block; float: left; width: 24px; height:25px; margin-right:5px; }
.home-button { display:inline-block; float: right; width: 60px; height: 25px; padding-top: 10px; }
#navigation { display: inline-block; float: right; width: 150px; }
.nav { display: inline-block; width: 60px; height: 51px; background: url(images/bg_nav.png) top left no-repeat; text-align: center; padding-top: 5px; margin-right: 5px; float: left; }
.nav a { text-align: center; margin: 0 auto; font-size: 13px; font-weight: normal; color: #fff; text-decoration: none; text-shadow: #111 1px 1px 3px; }
.nav a:hover { color: #fffffff; text-decoration: underline; }
.logo { display: block; width: 420px; height: 128px; margin-top: 85px; float: left; margin-left: 60px; }
.header-slice { display:block; width: 940px; height: 60px; margin: 0 auto; background: url(images/bg_header_slice.png) top left no-repeat; }

.intro { display:block; width: 810px; height: auto; margin: 0 auto; font-family: "Times New Roman", Times, serif; font-style: italic; color: #333333; text-shadow: #ffffff 1px 1px 0px; background: url(images/quote.png) top left no-repeat; padding-left: 50px; line-height: 22px; margin-bottom: 40px; padding-top: 20px; }

h1 { font-family: 'BebasNeueRegular', Arial, sans-serif; font-size: 35px; color: #006198; text-shadow: #ffffff 1px 1px 0px; text-align: center; margin: 0 auto; }
h2 { font-family: 'BebasNeueRegular', Arial, sans-serif; font-size: 18px; color: #666666; text-shadow: #ffffff 1px 1px 0px; text-align: center; margin: 0 auto; }
h3 { font-family: 'BebasNeueRegular', Arial, sans-serif; font-size: 35px; color: #006198; text-shadow: #ffffff 1px 1px 0px; text-align: left; margin: 0 auto; }
h4 { font-family: 'BebasNeueRegular', Arial, sans-serif; font-size: 18px; color: #006198; text-shadow: #ffffff 1px 1px 0px; text-align: left; margin: 0 auto; }

.services { display:block; width: 100%; height: 220px; background: #eeeeee; }
.services-container { display: block; width: 940px; height: 220px; background: url(images/bg_services_container.png) top left no-repeat; }
.services-list-col { display: block; width: 690px; height: auto; margin: 0 auto; padding-top: 20px; }
.services-list { display: inline-block; width: 230px; height: auto; list-style: url(images/li.png) inside; float: left; }
.services-list li { height: 30px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-shadow: #ffffff 1px 1px 0px; }

.countries { display: block; width:785px; height: auto; margin:20px auto; }
.flags { display: block; width: auto; margin: 0 auto; }
.flags li { display: inline-block; float: left; margin-left: 5px; margin-bottom: 5px; }

.footer { background: url(images/bg_footer.png) bottom center no-repeat; line-height: 70px; }
.footer p { text-align: center; margin: 0 auto; color: #666666; font-size: 11px; font-family:Arial, Helvetica, sans-serif; }

.container { display: block; width: 940px; height: auto; margin: 0 auto; }
.container p { text-align: left; font-size: 12px; color: #333333; text-shadow: #ffffff 1px 1px 0px; line-height: 18px; }
.img_right {  float: right; margin-left: 5px; margin-bottom: 5px; }
.img_left { margin-right: 5px; margin-bottom: 5px; float: left;}
hr { display: inline-block; float: left; width: 100%; height: 2px; border: none; background: url(images/hr.png) top left repeat-x; margin-top: 10px; margin-bottom: 10px; }
.container-list { display: block; width: auto; height: auto; margin-bottom: 10px; }
.container-list li { list-style: url(images/li.png) inside; line-height: 25px; margin-bottom: 10px; }
.container-list li li { list-style: url(images/li.png) inside; line-height: 25px; padding-left: 10px; }

.hide { display: none; }

.rowPickName {
	margin-bottom: 10px;
}

.rowPickName a {
	display: block;
	color: #006198;
	text-decoration: none;
	line-height: 2;
	font-weight: bold;
}

.rowPickName a:hover {
	text-decoration: underline;
}

.textContainer {
	display: none;
	width: 300px;
	margin-right: 10px;
	float: left;
}

.textContainerContent {
	height: 100px;
	padding: 2px 4px;
	border: 1px solid #9F9F9F;
	overflow: scroll;
	background: #fff;
}

.textContainer p { 
	margin-bottom: 0;
	font-weight: bold;
}

.textContainer span {
	display: block;
	line-height: 1.5;
	background: url(images/collapsed.gif) no-repeat 0;
	padding-left: 15px;
	cursor: pointer;
}

.textContainer span:hover {
	text-decoration: underline;
}

.services-list p {
    display: inline;
}

.company_names  {
	width: 300px !important;
}

.dlform {
	padding: 6px 10px;
	margin: 0;
	background: #006198;
	color: white;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
}

#productOrder {
	margin-top: 20px;
}

#productOrder h1 {
	text-align: left;
	line-height: 1;
	margin-bottom: 20px;
}

#productOrder .row {
	margin: 0 0 10px;
}

#productOrder label {
	width: 150px;
	display: inline-block;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

#productOrder input[type="submit"] {
	padding: 6px 10px;
	margin: 0;
	background: #006198;
	color: white;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
}

#button-continue {
	padding: 6px 10px;
	margin: 0;
	background: #006198;
	color: white;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
}

   
   
   
   
   
   
   
.order-page {
	width: 660px;
	margin: 0 auto;
}     
   
.info_container{
	margin: 0 0 50px;
} 
 
#frmcontainer {
	font-family: Tahoma,sans-serif;
	color: #333333; 
	font-size: 12px;
}

.order-page p {
	margin-bottom:10px; 
	line-height:18px; 
	text-align: justify;
}

.order-page b {
	font-weight: bold; 
}

.order-page i {
	font-style: italic; 
}

.table_container {
	margin: 0 0 20px;
}

.order-page h1 {
	text-align: left;
	margin: 0 0 35px
}

.order-page h3 {
	font-size: 14px; 
	font-weight: bold; 
	font-family: Tahoma,sans-serif; 
	color: #333333;
	margin: 0 0 14px;
}

.order-page span.jtext {
	font-family: Tahoma,sans-serif; 
	color: #333333; 
	font-size:12px; 
	font-weight: normal;
}

.order-page span.red,
.order-page p.red {
	color: red;
}

.order-page td, .order-page th {
	border-collapse:collapse; 
	padding: 5px;
	vertical-align: top;
}

.order-page th {
	font-weight: bold;
	text-align: left;
}

.order-page th span {
	font-weight: normal;
}

.deliverto {
	margin-left: 50px;
}

.name_choice {
	width: 100%;
}

input[name="company_ending"] {
	margin-left: 20px;
}

.order-page input[type="text"] {
	width: 150px;
}

.order-page textarea {
	width: 100%;
	height: 100%;
}

.order-page input[type="text"], 
.order-page textarea, 
.order-page select {
	border: 1px solid #9F9F9F;
}
#home_address,
#accounting_address {
	width: 365px;
}

input.error, select.error{border:1px solid red !important;}
.indiv{width:280px;}
.textLeft{text-align:left !important;}