/*  
Theme Name: Carnival & Party
Theme URI: http://www.carnivalandparty.com.au
Version: 1.0.0
Description: Designed by <a href="http://www.veered.net">Jamie Hayman</a> from <a href="http://www.accedo.com.au">Accedo Studio</a>
Author: Accedo
Author URI: http://www.accedo.com.au
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/


/* ---------------------------------------------------------------- 
 *  RESETS
 * ---------------------------------------------------------------- 
*/ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	color: #4b4e4c;
	background: #fff url(images/backgrounds/body_bg.png) repeat;
	font: 12px/20px Verdana, Geneva, sans-serif;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.round, .comment, ul.subnavigation li {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}
.round-top {
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.round-bottom {
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -khtml-border-bottom-left-radius: 8px;
  -khtml-border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* ---------------------------------------------------------------- 
 *  Links
 * ---------------------------------------------------------------- 
*/ 
a:link, a:visited {
	color: #51569a;
	text-decoration: none;
}
a:hover {
	color: #7075bc;
	text-decoration: none;
}
a:active {
	color: #51569a;
	text-decoration: none;
}
h2 a:link, h2 a:visited {
	color: #363d38;
	text-decoration: none;
}
h2 a:hover {
	color: #71b259;
	text-decoration: none;
}
h2 a:active {
	color: #363d38;
	text-decoration: none;
}
/* ---------------------------------------------------------------- 
 *  Headings
 * ---------------------------------------------------------------- 
*/ 
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, "Trebuchet MS", Arial, serif;
	font-weight: normal;
}
h1 {
}
h2 {
	font-size: 25px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
	padding: 10px 0;
	line-height: 29px;
}
h3 {
	font-size: 17px;
}
h4 {

}
h5 {
}
h6 {
}

/* ---------------------------------------------------------------- 
 *  Containers & Wraps
 * ---------------------------------------------------------------- 
*/ 

#container {
	width: 960px;
	margin: 30px auto 20px;
}

#header {
	width: 960px;
	margin: 0;
	padding: 0;
}

#nav {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	background: url(images/backgrounds/product_nav_bg.png) no-repeat;
	height: 92px;
}

#content-area {
	background: #fff;
	margin-top: 10px;
	border: 1px solid #dddddd;
}

#footer {
	margin: 10px 0 20px;	
}

#login {
	position: absolute;
	top: 0px; right: -40px;
	width: 50px;
	height: 71px;
}

#login a {
	display: block;
	text-indent: -9999px;
	background: url(images/login-button.png) top left no-repeat;
	width: 50px;
	height: 71px;
}




/* ---------------------------------------------------------------- 
 *  Header
 * ---------------------------------------------------------------- 
*/ 

.logo {
	float: left;
	width: 200px;
}

.header-squares {
	float: right;
	width: 760px;
	text-align: right;
}

.header-squares img {
	display: inline;
	margin-left: 15px;
}


/* ---------------------------------------------------------------- 
 *  Navigation
 * ---------------------------------------------------------------- 
*/ 

ul#product-nav {
	position: relative;
	margin-left: 10px;			float: left;		width: 650px;	
}


ul#product-nav li {
	display: inline-block;
	width: 110px;
	text-align: center;
	line-height: 16px;
	padding:10px 4px 0;
	vertical-align:middle;	
}

ul#product-nav li a {
	display:block;
	color:#FFF;
	font-weight: bold;
}


#search {
	float: right;
	margin-top: 10px;
	width: 300px;
}

#search span {
	display: block;
	text-align: right;
	margin-right: 20px;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 10px;
	background: url(images/downarrow_small.png) no-repeat right 1px;
	padding-right: 15px;
}

#search input {
	float: left;
	background: url(images/backgrounds/search_bg.png) no-repeat;
	width: 250px;
	height: 25px;
	border: none;
	margin: 0;
	padding: 3px 5px 0px 5px;
	line-height: 14px;
}

#search .button {
	float: left;
	width: 27px;
	height: 25px;
	background:url(images/backgrounds/search_button_bg.png) no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 -5px;
	padding: 0;
	cursor: pointer;
}

#advancedsearch {
	display: none;
	position: absolute;
	top: 52px;
	right: 10px;
	background: url(images/backgrounds/advance_search_bg.png) bottom left no-repeat;
	width: 290px;
	height: 300px;
	z-index: 9999;
}

ul#page-nav {
	float: left;
	width: 650px;
	margin: 6px 0 0 30px;	
}


ul#page-nav li {
	display: inline;
	line-height: 16px;
}

ul#page-nav li a {
	display:inline-block;
	color:#FFF;
	padding: 10px 8px;
}

ul#page-nav li a:hover {
	background: #e94e4e;
}

.advanced-button {
	cursor:pointer;
}

.newsletter {
	float: right;
	display:block;
	width: 243px;
	height: 16px;
	margin-right:30px;
	margin-top:18px;
	background: url(images/newsletter-button.png) top right no-repeat;
	cursor: pointer;
}

#newsletterform {
	display: none;
	width: 890px;
	height: 28px;
	background: #c90000;
	margin: 10px auto 0;
	padding: 20px;
}

.label {
	color:#FFFFFF;
	display:inline;
}

#newsletterform input {
	padding: 4px;
}

.required {
	font-weight: bold;
}

/* ---------------------------------------------------------------- 
 *  Banners
 * ---------------------------------------------------------------- 
*/ 

#top-banner {
	margin-top: 10px;	
}

#side-banner {
	margin-bottom: 10px;
	padding-top: 48px;
}


/* ---------------------------------------------------------------- 
 *  Feature Section
 * ---------------------------------------------------------------- 
*/ 

#feature {
	margin-top: 5px;
}

/* ---------------------------------------------------------------- 
 *  Product Slider
 * ---------------------------------------------------------------- 
*/ 

.product-slide {
	float: left;
	width: 474px;
	margin-top: 20px;	
}

/* ---------------------------------------------------------------- 
 *  Balloon Order
 * ---------------------------------------------------------------- 
*/ 

.balloon-square {
	float: right;
	width: 474px;
	margin-top: 20px;		
}

/* ---------------------------------------------------------------- 
 *  News & Customer Feedback
 * ---------------------------------------------------------------- 
*/ 

.news-item {
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px dotted #EBEBEB;	
}

.news-image {
	float: left;
	padding: 10px 0 0;
	margin-right: 10px;
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
}

.content div .news-image img {
	padding: 0;
}

.news-image img {
	display: block;
	width: 100px;
	height: 100px;
}

.news-bits {
	float: left;
	width: 480px;
}

/* ---------------------------------------------------------------- 
 *  Content
 * ---------------------------------------------------------------- 
*/ 

.content {
	width: 590px;
	min-height: 200px;
	padding: 0px 10px 0px 20px;
	margin: 20px 0;
}

.content div h1 {
	font-size: 22px;
	padding:10px 0;
}

.content div h2 {
	border-bottom:1px solid #EBEBEB;
	font-size:25px;
	line-height:29px;
	margin-bottom:20px;
	padding:10px 0;
}

.content div h3 {
	font-size: 18px;
	border: none;
	padding:6px 0;
}

.content div h4 {
	font-size: 16px;
	border: none;
	padding:5px 0;
}

.content div h5{
	font-size: 14px;
	border: none;
	padding:5px 0;
}

.content div h6{
	font-size: 12px;
	border: none;
	padding:5px 0;
}

.content div p {
	padding-bottom: 20px;
}

.content div ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 20px;
	padding-bottom: 20px;
}

.content div ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 20px;
	padding-bottom: 20px;
}

.content div blockquote {
	padding: 15px 20px 0;
	background: #fbfbfb;
	border:1px dotted #EBEBEB;
	margin-bottom: 20px;
}

.content div .alignright {
	float: right;
}

.content div .alignleft{
	float: left;
}

.content div .wp-caption-text {
	display: none;
}

.content div img {
	padding: 10px;
}

.input404 {
	width: 300px;
	margin-bottom: 10px;
	padding: 4px;
}

.submit {
	width: 120px;
	padding: 7px 0;
	background: #f9f9f9;
	border: 1px solid #ccc;
	cursor: pointer;
}

.sidebar {
	width: 297px;
	min-height: 200px;
	padding: 0 20px 0px 10px;
	margin: 20px 0 20px 5px;
}

/* ---------------------------------------------------------------- 
 *  Footer
 * ---------------------------------------------------------------- 
*/ 

ul.pages li a:hover {
	text-decoration: underline;
}

#footer {
	position: relative;
}

#accedo {
	position: absolute;
	bottom: 20px;
	right: 0;
}

#accedo  a {
	display: block;
	height: 31px;
	background: url(images/accedo_logo.png) top right no-repeat;
	line-height:35px;
	padding-right:110px;
	text-transform: uppercase;
	font-size: 10px;
}

#accedo  a:link, #accedo  a:active, #accedo  a:visited {
	color: #156c8c;
}

#footer h2 {
	font-size: 14px;
	font-weight: bold;
	color:#515299;
	border-bottom: none;
	line-height:14px;
	margin-bottom:5px;
	padding:5px 0;
}

#footer .square {
	float: left;
	width: 220px;	
	border-right: 3px solid #e6e6e6;
	padding-left: 10px;
	min-height:160px;
}

ul.pages a {
	color:#666;	
}

#footer .social-square {
	float: right;
	border-right: none;
	background: url(images/backgrounds/social_bg.png) top left no-repeat;
	height: 159px;
	width: 236px;
}

#footer .social-square p {
	line-height: 14px;
	font-size: 11px;
	margin-top:40px;
	padding-left:10px;
}

.icons {
	margin: 10px 0 0 7px;	
}

.icons img {	
display: inline;
padding-left:3px;
}

.copyright {
	margin-top: 20px;
	font-size: 10px;
}

.credit-cards {
	margin-top: 20px;	
}

.topofpage {
	display: block;
	background: url(images/icons/topofpage.png) top center no-repeat;
	text-align: center;
	padding: 30px 0 5px;
	font-size: 8px;
	text-transform: uppercase;
	width: 100px;
	margin: 20px auto;
}

/* ---------------------------------------------------------------- 
 *  Sidebar
 * ---------------------------------------------------------------- 
*/ 


ul.subnavigation {
	margin-bottom: 20px;
}

ul.subnavigation li a, ul.subnavigation li a:hover, ul.subnavigation li a:active {
	color: #fff;
	display: block;
}

ul.subnavigation li {
	background: #5360a0;
	padding: 5px 10px;
	margin-bottom: 5px;
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
}

ul.subnavigation li:hover {
	background: #515599;
}

h2.side-title {
	font-size: 16px;
	margin-bottom: 10px;
}

.sidebar ul li.widget ul li{
	padding-top: 5px;
}

.googlemap {
	margin-bottom: 20px;
}

.googlemap small {
	margin-top: 10px;
}

/* ---------------------------------------------------------------- 
 *  Comments
 * ---------------------------------------------------------------- 
*/ 

#respond {
	float: left;
	padding: 0 10px 0 20px;
	width: 590px;
}

h2#comments, h2#postcomment {
	font-size: 16px;
}

#commentform {
	width: 590px;
}

#commentform input {
	width: 300px;
	margin-bottom: 10px;
	padding: 4px;
}

#commentform #submit {
	width: 120px;
	padding: 10px 0;
	margin-top: 20px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	cursor: pointer;
}



.comment {
	padding: 20px;
	margin-bottom: 10px;
}

.even {
	background: #fafafa;
}

.odd {
	background: none;
}

.editthis {
	font-weight: bold;
	text-decoration: underline;
}

.comment p {
	float: left;
	width: 410px;
	padding-bottom: 10px;
	font-size: 11px;
}

.comment-title {
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom:1px solid #EBEBEB;
}

.comment-details {
	float: right;
	width: 110px;
	font-size: 10px;
	font-style: italic;
	border-left:1px solid #EBEBEB;
	padding-left: 20px;

}

.comment img {
	border: 5px solid #EBEBEB;
	margin-bottom: 10px;
}

.comment img.wp-smiley {
	border: none;
	margin: 0;
}

/* ---------------------------------------------------------------- 
 *  Form Builder
 * ---------------------------------------------------------------- 
*/ 

.formBuilderForm input {
	width: 300px;
	margin-bottom: 10px;
	padding: 4px;
}

.formBuilderForm {
	width: 590px;
	margin-top: 20px;
	padding-top: 10px;
	border-top:1px dotted #EBEBEB;
	
}

.formBuilderForm  .submit {
	width: 120px;
	padding: 10px 0;
	margin-top: 20px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	cursor: pointer;
}
.formBuilderFailure {
	margin-bottom: 10px;
}

.formBuilderFailure h4 {
	color: #d51111;
	font-weight: bold;
}

.formBuilderFailure {
	padding: 15px 10px 20px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	font-size: 11px;
	color: #d51111;
}

.formBuilderFailure a, .formBuilderFailure a:hover, .formBuilderFailure a:active, .formBuilderFailure a:visited {
	color: #d51111;
}

.formBuilderError {
	background: url(images/icons/error.png) top left no-repeat;
	display: block;
	padding-left: 20px;
	line-height: 16px;
	color: #d51111;
}